1/* desbest edit */ 2 3@media screen and (max-width: 480px){ 4 fieldset, 5 #mediamanager__page, 6 #mediamanager__page .filelist{ 7 max-width: 100%; min-width: unset; 8 } 9 #mediamanager__page .file, 10 #mediamanager__page .namespaces, 11 #mediamanager__page .panel { 12 width: 100%; clear: both; float: none; 13 } 14 li, dd { margin: 1.15em 0px !important; } 15 #config__manager tr { } 16 #config__manager td { display: block; padding: 1.15em 0px; max-width: 75%; } 17 #config__manager fieldset { margin: 1em 0px; } 18 #config__manager fieldset td.value { width: unset; } 19 20 #config__manager td .input, 21 #config__manager fieldset td.value, 22 #config__manager td input.edit { 23 max-width: 60%; 24 } 25 26 /* hexa specific */ 27 28} 29 30 31@media screen and (max-width: 48.81em) { 32 #mediamanager__page { 33 min-width: unset; 34 width: 100%; 35 } 36 /*#mediamanager__page .file { width: 70%; clear: both; }*/ 37 #mediamanager__page .namespaces { min-width: unset; } 38} 39 40@media screen and (max-width: 48.81em) { 41 .entry-format { 42 width: 24px; 43 height: 42px; 44 right: 42.8px; 45 left: auto; 46 text-indent: 9.6px; 47 top: 28px; 48 } 49 .entry-format:before { 50 font-size: 30px; 51 border-right-width: 12px; 52 border-top-width: 21px; 53 border-bottom-width: 21px; 54 left: -12px; 55 } 56 .entry-format:after { 57 right: -12px; 58 border-left-width: 12px; 59 border-top-width: 21px; 60 border-bottom-width: 21px; 61 } 62} 63 64 65@media screen and (max-width: 58em) { 66 img.alignleft, 67 .wp-caption.alignleft { 68 margin-left: 0; 69 } 70} 71 72 73@media screen and (max-width: 58em) { 74 img.alignright, 75 .wp-caption.alignright { 76 margin-right: 0; 77 } 78} 79 80 81@media screen and (max-width: 48.81em) { 82 button, 83 input[type="button"], 84 input[type="reset"], 85 input[type="submit"] { 86 padding: 14px; 87 width: 100%; 88 } 89} 90 91 92@media screen and (max-width: 48.81em) { 93 input[type="text"], 94 input[type="email"], 95 input[type="url"], 96 input[type="password"], 97 input[type="search"] { 98 padding: 14px; 99 width: 100%; 100 } 101} 102 103 104@media screen and (max-width: 48.81em) { 105 textarea { 106 padding: 14px; 107 width: 100%; 108 } 109} 110 111 112@media screen and (max-width: 48.81em) { 113 .site-header { 114 padding-top: 28px; 115 padding-bottom: 28px; 116 padding-left: 28px; 117 padding-right: 0; 118 } 119} 120 121 122@media screen and (max-width: 48.81em) { 123 .site-footer { 124 padding-left: 28px; 125 } 126} 127 128 129@media only screen and (max-width: 48.81em) { 130 .site-branding { 131 float: none; 132 clear: both; 133 max-width: 100%; 134 } 135} 136 137 138@media only screen and (max-width: 48.81em) { 139 .toggles { 140 clear: both; 141 float: none; 142 margin-top: 0; 143 margin-bottom: 28px; 144 width: 100%; 145 } 146} 147 148 149@media only screen and (max-width: 48.81em) { 150 .toggles .toggle:nth-of-type(1) { 151 top: auto; 152 left: 14px; 153 margin-top: 28px; 154 } 155} 156 157 158@media only screen and (max-width: 48.81em) { 159 .toggles .toggle:nth-of-type(2) { 160 top: auto; 161 left: 46px; 162 margin-top: 28px; 163 } 164} 165 166 167@media only screen and (max-width: 48.81em) { 168 .toggles .toggle:nth-of-type(3) { 169 top: auto; 170 left: 78px; 171 margin-top: 28px; 172 } 173} 174 175 176@media only screen and (max-width: 48.81em) { 177 .toggles .toggle:nth-of-type(4) { 178 top: auto; 179 left: 110px; 180 margin-top: 28px; 181 } 182} 183 184 185@media screen and (max-width: 58em) { 186 .panel .widget-areas .widget-area:nth-child(1):nth-last-child(2), .panel .widget-areas .widget-area:nth-child(2):nth-last-child(1) { 187 clear: both; 188 float: none; 189 margin: 0; 190 width: 100%; 191 } 192} 193 194 195@media screen and (max-width: 58em) { 196 .panel .widget-areas .widget-area:nth-child(1):nth-last-child(3), .panel .widget-areas .widget-area:nth-child(2):nth-last-child(2), .panel .widget-areas .widget-area:nth-child(3):nth-last-child(1) { 197 clear: both; 198 float: none; 199 margin: 0; 200 width: 100%; 201 } 202} 203 204 205@media screen and (max-width: 48.81em) { 206 .panel .search-wrapper input[type="search"] { 207 font-size: 0.77778em; 208 line-height: 2.05714em; 209 margin: 0; 210 padding: 14px; 211 } 212} 213 214 215@media screen and (max-width: 48.81em) { 216 .panel .search-wrapper input[type="submit"] { 217 clear: both; 218 display: block; 219 font-size: 0.77778em; 220 line-height: 2.05714em; 221 padding: 14px 7px; 222 width: 100%; 223 } 224} 225 226 227@media screen and (max-width: 48.81em) { 228 .main-navigation li { 229 padding: 0; 230 } 231} 232 233 234@media screen and (max-width: 48.81em) { 235 .main-navigation { 236 padding-top: 0; 237 } 238 .main-navigation ul { 239 list-style: none; 240 margin: 0; 241 padding: 0; 242 text-align: left; 243 } 244 .main-navigation ul ul { 245 display: block; 246 float: none; 247 opacity: 1; 248 position: relative; 249 visibility: visible; 250 top: auto; 251 } 252 .main-navigation ul ul:before { 253 display: none; 254 } 255 .main-navigation ul ul li { 256 background: rgba(255, 255, 255, 0); 257 border-bottom: 0; 258 } 259 .main-navigation ul ul a { 260 padding: 14px 14px 14px 28px; 261 width: auto; 262 } 263 .main-navigation ul ul ul { 264 left: auto; 265 top: auto; 266 } 267 .main-navigation ul ul ul a { 268 padding-left: 58px; 269 } 270 .main-navigation ul li:hover > ul, 271 .main-navigation ul li.focus > ul { 272 display: block; 273 } 274 .main-navigation li { 275 display: block; 276 float: none; 277 position: relative; 278 } 279 .main-navigation a { 280 border-top: 1px solid rgba(255, 255, 255, 0.25); 281 color: white; 282 display: block; 283 padding: 14px; 284 text-decoration: none; 285 } 286 .main-navigation ul:first-child > li:first-child > a { 287 border-top: 0; 288 } 289} 290 291 292 293@media screen and (max-width: 48.81em) { 294 .hentry { 295 padding: 28px 28px 58px; 296 } 297} 298 299 300@media screen and (max-width: 48.81em) { 301 .hentry { 302 padding-bottom: 58px; 303 } 304} 305 306 307@media screen and (max-width: 58em) { 308 .entry-thumbnail img { 309 margin-left: 0; 310 max-width: 100%; 311 } 312} 313 314 315@media screen and (max-width: 48.81em) { 316 .entry-title { 317 font-size: 1.44444em; 318 line-height: 2.21538em; 319 line-height: 1.66154em; 320 margin-top: 0; 321 max-width: 80%; 322 } 323} 324 325 326@media screen and (max-width: 48.81em) { 327 .comments-link, 328 .post-date, 329 .sticky .post-date, 330 .tags-links, 331 .byline, 332 .edit-link { 333 clear: both; 334 display: block; 335 float: none; 336 margin: 0; 337 width: 100%; 338 } 339} 340 341 342@media screen and (max-width: 48.81em) { 343 .page-header { 344 padding: 0 28px; 345 } 346} 347 348 349@media only screen and (max-width: 48.81em) { 350 .author-archives-img { 351 float: left; 352 position: relative; 353 left: auto; 354 } 355} 356 357 358@media only screen and (max-width: 48.81em) { 359 .author-info { 360 margin: 0 0 0 -86.4px; 361 } 362} 363 364 365@media only screen and (max-width: 48.81em) { 366 .author-archives-name, 367 .author-archives-url, 368 .author-archives-bio { 369 margin: 0 0 0 86.4px; 370 } 371} 372 373 374@media screen and (max-width: 48.81em) { 375 .post-navigation, 376 .paging-navigation { 377 margin: 0; 378 padding: 0 0 28px; 379 } 380} 381 382 383@media only screen and (max-width: 48.81em) { 384 .comments-area { 385 padding: 28px; 386 } 387} 388 389 390@media screen and (max-width: 48.81em) { 391 .comments-area .children { 392 padding-left: 7px; 393 } 394} 395 396 397@media screen and (max-width: 48.81em) { 398 .comment-author .avatar-wrapper img { 399 max-width: 40px; 400 } 401} 402@media screen and (max-width: 48.81em) { 403 .comment-author .avatar-wrapper { 404 border: 3px solid #7cbbbb; 405 float: right; 406 margin: 0; 407 position: relative; 408 } 409} 410 411 412@media screen and (max-width: 48.81em) { 413 .comment .comment .avatar-wrapper { 414 border-width: 3px; 415 float: right; 416 margin: 0; 417 position: relative; 418 } 419} 420 421 422@media screen and (max-width: 48.81em) { 423 .widget_search input[type="submit"] { 424 font-size: 1.22222em; 425 line-height: 1.30909em; 426 display: block; 427 } 428} 429 430 431@media only screen and (max-width: 640px) { 432 #infinite-footer .container { 433 padding-left: 0; 434 } 435} 436 437 438@media only screen and (max-width: 48.81em) { 439 .infinite-loader { 440 padding-left: 28px; 441 } 442} 443 444@media only screen and (max-width: 48.81em) { 445 #infinite-handle { 446 border-left: 8px solid #d25349; 447 } 448} 449 450 451@media only screen and (max-width: 48.81em) { 452 #infinite-handle span { 453 margin: 0 auto; 454 } 455}