1/* desbest edit */ 2@media screen and (max-width: 480px){ 3 fieldset, 4 #mediamanager__page, 5 #mediamanager__page .filelist{ 6 max-width: 100%; min-width: unset; 7 } 8 #mediamanager__page .file, 9 #mediamanager__page .namespaces, 10 #mediamanager__page .panel { 11 width: 100%; clear: both; float: none; 12 } 13 li, dd { margin: 1.15em 0px !important; } 14 #config__manager tr { } 15 #config__manager td { display: block; padding: 1.15em 0px; max-width: 100%; } 16 17 #config__manager fieldset td.value { width: unset; } 18 19 /* make <select> not exceed it's parent div's width */ 20 /* https://stackoverflow.com/q/44810056/337306 */ 21 div.input { display: flex; } select { width: 100%; flex-shrink: 1; } 22 23 td.label { word-wrap: anywhere; } 24 25 #config__manager td .input, 26 #config__manager fieldset td.value, 27 #config__manager td input.edit { 28 max-width: 100%; 29 width: unset; 30 } 31 32 /* fictive specific */ 33 .breadcrumbs { margin-top: 1em; } 34 35} 36 37 38.mobile { display: none; } 39 40@media screen and (max-width: 51em) { 41 .desktop { display: none; } 42 .mobile { display: block; } 43} 44 45@media screen and (max-width: 51em) { 46 .pingback .edit-link, 47 .trackback .edit-link { 48 clear: both; 49 float: none; 50 margin: 0; 51 } 52} 53 54@media screen and (max-width: 51em) { 55 .pingback .comment-body, 56 .trackback .comment-body { 57 padding: 24px; 58 } 59} 60 61@media screen and (max-width: 51em) { 62 .comment-author .avatar-wrapper { 63 margin-left: -30px; 64 top: -30px; 65 width: 60px; 66 height: 60px; 67 } 68} 69 70@media screen and (max-width: 51em) { 71 .comment-metadata, .comment-metadata a { 72 text-align: left; 73 } 74} 75 76@media screen and (max-width: 51em) { 77 .comments-title { 78 padding: 0 24px; 79 text-align: center; 80 } 81} 82 83@media screen and (max-width: 51em) { 84 .widget_search input[type="submit"] { 85 font-size: 1.25em; 86 line-height: 1.2em; 87 display: block; 88 } 89} 90 91@media screen and (max-width: 51em) { 92 #infinite-handle span { 93 border-radius: 0; 94 width: 100%; 95 } 96} 97 98@media screen and (max-width: 51em) { 99 .entry-format, .hentry:before { 100 border-radius: 0 0 80px 80px; 101 font-size: 26px; 102 line-height: 22px; 103 width: 60px; 104 height: 30px; 105 top: 0; 106 margin-left: -30px; 107 } 108} 109 110@media screen and (max-width: 51em) { 111 /* 112 button, 113 input[type="button"], 114 input[type="reset"], 115 input[type="submit"] { 116 font-size: 0.8125em; 117 line-height: 1.84615em; 118 padding: 12px; 119 width: 100%; 120 } 121 */ 122 /*desbest edit*/ 123} 124 125@media screen and (max-width: 51em) { 126 input[type="text"], 127 input[type="email"], 128 input[type="url"], 129 input[type="password"], 130 input[type="search"] { 131 padding: 12px; 132 width: 100%; 133 } 134} 135 136@media screen and (max-width: 51em) { 137 textarea { 138 padding: 12px; 139 width: 100%; 140 } 141} 142 143@media screen and (max-width: 65em) { 144 .site { 145 max-width: 51em; 146 } 147} 148 149@media screen and (max-width: 65em) { 150 .site-content { 151 max-width: 51em; 152 } 153} 154@media screen and (max-width: 51em) { 155 .site-content { 156 clear: both; 157 float: none; 158 margin-top: 7px; 159 width: 100%; 160 } 161} 162 163@media screen and (max-width: 51em) { 164 .site-footer { 165 margin: 0 auto; 166 padding: 24px; 167 } 168} 169 170@media screen and (max-width: 65em) { 171 .site-info { 172 max-width: 51em; 173 } 174} 175 176@media screen and (max-width: 65em) { 177 .site-header .header-image { 178 opacity: 1; 179 } 180} 181@media screen and (max-width: 65em) { 182 .site-header { 183 width: 14.79em; 184 } 185} 186@media screen and (max-width: 51em) { 187 .site-header { 188 clear: both; 189 float: none; 190 margin: 0 auto; 191 width: 100%; 192 } 193} 194 195@media screen and (max-width: 65em) { 196 .site-branding:after { 197 width: ~"-webkit-calc(100% + 3px)"; 198 } 199} 200@media screen and (max-width: 51em) { 201 .site-branding:after { 202 width: 100%; 203 left: 0; 204 } 205} 206@media screen and (max-width: 51em) { 207 .site-branding { 208 margin-top: 72px; 209 margin-bottom: 0; 210 border-left: 0; 211 border-right: 0; 212 } 213 .has-header-image .site-branding { 214 margin-top: 0; 215 } 216} 217 218@media screen and (max-width: 51em) { 219 .main-navigation li { 220 margin: 0; 221 } 222} 223 224@media screen and (max-width: 51em) { 225 .main-navigation { 226 margin: 0; 227 max-width: 100%; 228 } 229 .main-navigation a { 230 border-top: 1px solid rgba(255, 255, 255, 0.2); 231 display: block; 232 margin: 0; 233 } 234} 235 236@media screen and (max-width: 51em) { 237 .menu-toggle { 238 display: block; 239 } 240} 241 242@media screen and (max-width: 51em) { 243 .header-search { 244 display: block; 245 } 246} 247 248@media screen and (max-width: 51em) { 249 /* desbest edit */ 250 .main-navigation, 251 .document-tools, 252 .widget-area, 253 .header-search { 254 display: none; 255 } 256} 257 258@media screen and (max-width: 51em) { 259 .hentry-wrapper { 260 margin: 0; 261 } 262} 263 264 265@media screen and (max-width: 51em) { 266 .hentry:after { 267 left: 0; 268 width: 100%; 269 } 270} 271 272@media screen and (max-width: 51em) { 273 .hentry.format-link .entry-title a:after { 274 font-size: 1.25em; 275 line-height: 1.2em; 276 } 277} 278 279@media screen and (max-width: 51em) { 280 .hentry { 281 margin-top: 0; 282 margin-bottom: 0; 283 padding: 48px 24px 24px; 284 border-left: 0; 285 border-right: 0; 286 border-radius: 0; 287 } 288} 289 290@media screen and (max-width: 65em) { 291 .entry-thumbnail img { 292 opacity: 1; 293 } 294} 295 296@media screen and (max-width: 51em) { 297 .entry-title { 298 font-size: 1.625em; 299 line-height: 1.84615em; 300 line-height: 1.15385em; 301 } 302} 303 304@media screen and (max-width: 51em) { 305 header .entry-meta, header .entry-meta a, .entry-meta header a, header .pingback .edit-link, .pingback header .edit-link, 306 header .trackback .edit-link, 307 .trackback header .edit-link, header #cancel-comment-reply-link, header .reply { 308 text-align: left; 309 } 310} 311 312@media screen and (max-width: 51em) { 313 .comments-link, 314 .post-date, 315 .sticky .post-date, 316 .byline, 317 .edit-link, 318 a .post-date { 319 clear: both; 320 display: block; 321 float: none; 322 margin: 0; 323 width: 100%; 324 } 325} 326 327@media screen and (max-width: 51em) { 328 .page-title { 329 margin: 17px 0 24px; 330 padding: 0 24px; 331 text-align: center; 332 } 333} 334 335@media screen and (max-width: 51em) { 336 .author-archives-header { 337 border: 0; 338 border-radius: 0; 339 margin: 0; 340 padding: 24px; 341 } 342} 343 344@media screen and (max-width: 51em) { 345 .site-content [class*="paging-navigation"] a:before, 346 .site-content [class*="post-navigation"] a:before { 347 font-size: 28px; 348 line-height: 60px; 349 width: 60px; 350 height: 60px; 351 } 352} 353 354@media screen and (max-width: 51em) { 355 .site-content [class*="paging-navigation"] .nav-next a:before, 356 .site-content [class*="post-navigation"] .nav-next a:before { 357 margin-right: -35px; 358 } 359} 360 361@media screen and (max-width: 51em) { 362 .site-content .comment-navigation { 363 padding: 0 24px; 364 } 365} 366 367@media screen and (max-width: 51em) { 368 div#respond { 369 padding: 24px; 370 border-left: 0; 371 border-right: 0; 372 border-radius: 0; 373 } 374} 375 376@media screen and (max-width: 51em) { 377 .comment-body { 378 padding: 48px 24px 24px; 379 border-left: 0; 380 border-right: 0; 381 } 382} 383 384@media screen and (max-width: 51em) { 385 .content-area { 386 clear: both; 387 float: none; 388 margin: 0 auto; 389 } 390} 391 392@media screen and (max-width: 51em) { 393 .site-content [class*="paging-navigation"] .nav-previous a:before, 394 .site-content [class*="post-navigation"] .nav-previous a:before { 395 margin-left: -35px; 396 } 397}