1/* desbest edit */ 2 3 4@media screen and (max-width: 480px){ 5 fieldset, 6 #mediamanager__page, 7 #mediamanager__page .filelist{ 8 max-width: 100%; min-width: unset; 9 } 10 #mediamanager__page .file, 11 #mediamanager__page .namespaces, 12 #mediamanager__page .panel { 13 width: 100%; clear: both; float: none; 14 } 15 li, dd { margin: 1.15em 0px !important; } 16 #config__manager tr { } 17 #config__manager td { display: block; padding: 1.15em 0px; max-width: 75%; } 18 #config__manager fieldset { margin: 1em 0px; } 19 #config__manager fieldset td.value { width: unset; } 20 21 #config__manager td .input, 22 #config__manager fieldset td.value, 23 #config__manager td input.edit { 24 max-width: 75%; 25 } 26 27 /* mywiki specific */ 28 /* */ 29 30} 31 32 33@media (max-width: 479px) { 34 35 .input-group .form-control, #qsearch__in { 36 /*position: relative;*/ 37 /*z-index: 2;*/ 38 /*float: left;*/ 39 width: 90% !important; 40 41 } 42 43} 44 45@media screen and (-webkit-min-device-pixel-ratio:0) { 46.load { 47 background-position: center left; 48 background-position-x: 210px; 49 background-position-y: 10px; 50} 51 52 /* Safari only override */ 53 54 ::i-block-chrome, .load { 55 background-position:center left; 56 background-position-x: 83%; 57 background-position-y: 10px; 58} 59.glyphicon-search:before { 60 margin-left: 16px !important; 61 padding-left: 40px !important; 62} 63} 64 65 @media (min-width: 200px) and (max-width: 240px) { 66.navbar-toggle { 67 top: 50px !important; 68} 69.load { 70 background-position: right 180px center !important; 71} 72 #s::-moz-placeholder { 73 color:#fff; 74} 75#s { 76 font-size: 12px; 77} 78.top-nav { 79 text-align: center; 80} 81.logo { 82 min-width: 80%; 83} 84} 85 86 87 @media (min-width: 380px) and (max-width: 479px) { 88 #s { 89 font-size: 12px; 90 padding: 20px 20px 20px 20px; 91 } 92 #s::-moz-placeholder { 93 /*color:#fff;*/ 94 } 95 .navbar-toggle { 96 top: 40px; 97 position: absolute; 98 right: 0; 99 margin-top: 0; 100 } 101 .top-nav { 102 text-align: center; 103 } 104 .navbar-nav { 105 margin: 0px !important; 106 } 107 .suggestionsbox { 108 width: 70%; 109 } 110 .margin-top { 111 margin-top: 10px !important; 112 } 113 /* To fix postion of loader image in Mozilla */ 114 115 .load { 116 background-position: right 80px center !important; 117 } 118} 119 120 @media (min-width: 480px) and (max-width: 568px) { 121 #s { 122 font-size: 12px; 123 padding: 20px 20px 20px 20px; 124 } 125 .navbar-toggle { 126 top: 40px; 127 position: absolute; 128 right: 0; 129 margin-top: 0; 130 } 131 .top-nav { 132 text-align: center; 133 } 134 .navbar-nav { 135 margin: 0px !important; 136 } 137 .margin-top { 138 margin-top: 10px !important; 139 } 140 /* To fix postion of loader image in Mozilla */ 141 142 .load { 143 background-position: right 100px center !important; 144 } 145} 146 147 @media (min-width: 569px) and (max-width: 767px) { 148 #s { 149 font-size: 12px; 150 padding: 20px 20px 20px 20px; 151 } 152 .navbar-toggle { 153 top: 40px; 154 position: absolute; 155 right: 0; 156 margin-top: 0; 157 } 158 .top-nav { 159 text-align: center; 160 } 161 .navbar-nav { 162 margin: 0px !important; 163 } 164 .margin-top { 165 margin-top: 10px !important; 166 } 167 /* To fix postion of loader image in Mozilla */ 168 169 .load { 170 background-position: right 100px center !important; 171 } 172} 173 174 175 @media (max-width: 767px) { 176 /* nav-wrap */ 177 .menu-wrap { 178 position: relative; 179 } 180 .menu-wrap * { 181 -moz-box-sizing: border-box; 182 -webkit-box-sizing: border-box; 183 box-sizing: border-box; 184 } 185 /* menu icon */ 186 187 #menu-trigger { 188 cursor: pointer; 189 display: block; 190 height: 40px; 191 } 192 .mywiki-header-menu { 193 background-color: #FFF !important; 194 display: block !important; 195 padding: 0px !important; 196 position: relative !important; 197 top: 0px !important; 198 } 199 .mywiki-header-menu ul li a { 200 background: none repeat scroll 0 0 #f8f8f8 !important; 201 font-size: 14px; 202 text-align: left; 203 } 204 .mywiki-header-menu:after { 205 content: ''; 206 position: absolute; 207 left: 25px; 208 top: -8px; 209 border: none; 210 } 211 .mywiki-header-menu a:hover, .mywiki-header-menu a:focus { 212 color: #048EB0 !important; 213 } 214 .mywiki-header-menu li:hover > a { 215 color: #380101; 216 text-decoration: none; 217 } 218 .mywiki-header-menu ul { 219 position: static; 220 visibility: visible; 221 opacity: 1; 222 margin: 0; 223 background: none; 224 border: none; 225 padding: 4px 3px 2px 4px; 226 } 227 .mywiki-header-menu ul ul { 228 margin: 0 0 0 20px !important; 229 -moz-box-shadow: none; 230 -webkit-box-shadow: none; 231 box-shadow: none; 232 left: 0px !important; 233 } 234 .mywiki-header-menu li { 235 position: relative; 236 display: block; 237 float: left !important; 238 border: 0; 239 margin: 5px; 240 -moz-box-shadow: none; 241 -webkit-box-shadow: none; 242 box-shadow: none; 243 width: 90%; 244 text-align: left; 245 } 246 .mywiki-header-menu ul li { 247 background: none; 248 margin-left: 20px; 249 -moz-box-shadow: none; 250 -webkit-box-shadow: none; 251 box-shadow: none; 252 } 253 .mywiki-header-menu a { 254 display: block; 255 float: none; 256 padding: 0; 257 color: #000; 258 } 259 .mywiki-header-menu a:hover, .mywiki-header-menu a:focus { 260 color: #fafafa; 261 } 262 .mywiki-header-menu ul a { 263 padding: 0; 264 width: auto; 265 } 266 .mywiki-header-menu ul a:hover { 267 background: none; 268 } 269 .mywiki-header-menu ul li:first-child a:after, .mywiki-header-menu ul ul li:first-child a:after { 270 border: 0; 271 } 272 .mywiki-header-menu li> a { 273 color: #048EB0; 274 } 275 .mywiki-header-menu li> a:hover { 276 color: #048EB0; 277 } 278 .top-menu { 279 margin: 0px 0px 0px 0px !important; 280 } 281 .footer-menu-nav .nav > li { 282 width: auto; 283 padding: 5px 0px; 284 } 285 .footer-menu-nav .nav > li:last-child { 286 margin-bottom: 10px; 287 } 288 #s::-moz-placeholder { 289 /*color:#fff;*/ 290 } 291 #s::-webkit-input-placeholder { 292 color:#fff; 293 } 294 .input-group-btn > .btn { 295 width: 52px; 296 overflow: hidden; 297 padding-left: 0px; 298 } 299 .glyphicon-search:before { 300 margin-left: 16px !important; 301 padding-left: 40px !important; 302 } 303 .border-bottom { 304 border: none; 305 } 306 .logo { 307 width: 75%; 308 height: auto; 309 } 310 .border-left { 311 border: none; 312 } 313 .date-icon, .author-icon, .cat-icon-small, .comments-icon-small, .single-page .meta { 314 float: left; 315 width: 100%; 316 } 317 #commentform p { 318 width: 95% !important; 319 } 320 #commentform p:nth-child(4) { 321 width: 100% !important; 322 } 323} 324 325 326 327 328 @media (min-width: 768px) and (max-width: 900px) { 329 .search-main { 330 width: 735px !important; 331 } 332 /* To fix postion of loader image in Mozilla */ 333 334 .load { 335 background-position: right 180px center !important; 336 } 337} 338 @media (min-width: 900px) { 339 /* To fix postion of loader image in Mozilla */ 340 .load { 341 background-position: right 200px center !important; 342 } 343} 344 345 @media screen and (-webkit-min-device-pixel-ratio:0) { 346 .comment-author b { 347 margin: -20px 0px 0px 50px !important; 348 } 349 .avatar.avatar-32.photo { 350 display: -moz-groupbox !important; 351 margin: 0px 12px -35px 0 !important; 352 } 353} 354 355 356 357 @media (min-width: 241px) and (max-width: 379px) { 358 .cat-main-section{ 359 min-height: auto; 360 } 361 #s { 362 font-size: 12px; 363 padding: 20px 20px 20px 20px; 364 } 365 #s::-moz-placeholder { 366 color:#fff; 367 } 368 #s::-webkit-placeholder { 369 color:#fff; 370 } 371 .navbar-toggle { 372 top: 40px; 373 position: absolute; 374 right: 0; 375 margin-top: 0; 376 } 377 .top-nav { 378 text-align: center; 379 } 380 .navbar-nav { 381 margin: 0px !important; 382 } 383 .suggestionsbox { 384 width: 100%; 385 } 386 .margin-top { 387 margin-top: 10px !important; 388 } 389 .padding-top-bottom .attribution { 390 margin-top: 0; 391 } 392 /* To fix postion of loader image in Mozilla */ 393 394 .load { 395 background-position: right 80px center !important; 396 } 397} 398 399 400 401 402/* Responsive Style */ 403@media (max-width: 640px){ 404 .mywiki-nav-previous { 405 float: left; 406 margin-bottom: 5px; 407 text-align: center; 408 width: 100%; 409 } 410 .mywiki-nav-next { 411 float: right; 412 text-align: center; 413 width: 100%; 414 } 415} 416@media (max-width: 359px) { 417 #home-main .page-catheader .page-title { 418 419 font-size: 24px; 420 font-family: 'Cabin', sans-serif; 421 color: #048eb0; 422 padding-top: .5%; 423 } 424 .input-group .form-control { 425 display: inline-block; 426 height: 57px; 427 font-size: 12px; 428 } 429 .attribution { 430 text-align: center; 431 float: none; 432 } 433 .footer-menu-nav { 434 width: 100%; 435 text-align: center; 436 } 437 .footer-menu-nav .nav > li { 438 float: none; 439 text-align: center; 440 display: inline-block; 441 } 442} 443 @media (min-width: 360px) and (max-width: 767px) { 444 .cat-main-section{ 445 min-height: auto; 446 } 447 #home-main .page-catheader .page-title { 448 449 font-size: 24px; 450 font-family: 'Cabin', sans-serif; 451 color: #048eb0; 452 padding-top: .5%; 453 } 454 .input-group .form-control { 455 display: inline-block; 456 height: 57px; 457 font-size: 12px; 458 } 459 .attribution { 460 text-align: center; 461 float: none; 462 } 463 .footer-menu-nav .footer-nav li { 464 float: none; 465 text-align: center; 466 display: inline-block; 467 } 468 .footer-menu-nav { 469 width: 100%; 470 text-align: center; 471 } 472} 473 @media (max-width: 767px) { 474 #mc_embed_signup form{padding: 0;} 475 } 476 @media (min-width: 768px) and (max-width: 979px) { 477 #home-main .page-catheader .page-title { 478 479 font-size: 24px; 480 font-family: 'Cabin', sans-serif; 481 color: #048eb0; 482 padding-top: .5%; 483 } 484 .attribution { 485 text-align: center; 486 487 } 488} 489 @media (min-width: 980px) and (max-width: 1279px) { 490 #home-main .page-catheader .page-title { 491 492 font-size: 24px; 493 font-family: 'Cabin', sans-serif; 494 color: #048eb0; 495 padding-top: .5%; 496 } 497} 498 @media (min-width: 1280px) { 499 #home-main .page-catheader .page-title { 500 font-size: 24px; 501 font-family: 'Cabin', sans-serif; 502 color: #048eb0; 503 margin-top: 10px; 504 margin-bottom: 10px; 505 } 506}