Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
| Line 32: | Line 32: | ||
border: 1px solid #f00; | border: 1px solid #f00; | ||
padding: 1.5em; | padding: 1.5em; | ||
| + | } | ||
| + | .header-banner{ | ||
| + | padding-left:11em; | ||
| + | margin-top:25px; | ||
| + | width:100%; | ||
| + | box-sizing: border-box; | ||
| + | height:90px; | ||
| + | } | ||
| + | #mw-head-base{ | ||
| + | height: 165px !important; | ||
| + | } | ||
| + | #left-navigation, #right-navigation{ | ||
| + | margin-top: 10px !important; | ||
| + | } | ||
| + | .header-banner img{ | ||
| + | max-width:100%; | ||
| + | height:auto; | ||
| + | } | ||
| + | .header-banner .mobile-banner{ | ||
| + | display:none; | ||
| + | } | ||
| + | @media screen and (max-width: 981px){ | ||
| + | .header-banner{ | ||
| + | padding-left:10em; | ||
| + | } | ||
| + | } | ||
| + | @media screen and (max-width: 720px){ | ||
| + | .header-banner{ | ||
| + | position:absolute; | ||
| + | padding-left:0; | ||
| + | top:35px; | ||
| + | height:50px; | ||
| + | text-align:center; | ||
| + | margin-top:10px; | ||
| + | } | ||
| + | .header-banner .desktop-banner{ | ||
| + | display:none; | ||
| + | } | ||
| + | .header-banner .mobile-banner{ | ||
| + | display:inline-block; | ||
| + | } | ||
| + | #mw-head-base{ | ||
| + | height: 145px !important; | ||
| + | } | ||
| + | #left-navigation, #right-navigation{ | ||
| + | margin-top: 0px !important; | ||
| + | } | ||
| + | #p-namespaces, #p-views, #p-variants{ | ||
| + | top: 105px !important; | ||
| + | } | ||
} | } | ||
Revision as of 15:47, 23 November 2020
/* CSS placed here will be applied to all skins */
/* Increased size of search box */
#simpleSearch input#searchInput {width: 14em;}
/* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */
div#p-tb li#t-upload { display: none; }
/* Make sure the license dropdown of the upload form doesn't extend beyond the browser's
window, even if there are some long license descriptions. (If that happens, the description
box *also* goes beyond the right edge of the window.)
*/
select#wpLicense {
width: 100%;
overflow: hidden;
}
/* Give the upload form a little breathing space. */
form#upload * td {
padding-bottom: 8px;
}
table#mw-upload-table * td {
padding-bottom: 8px;
}
/* Show a border for warning messages on Special:Upload */
td#wpDestFile-warning {
padding-bottom: 0;
}
#wpDestFile-warning ul {
margin-left: 0;
border: 1px solid #f00;
padding: 1.5em;
}
.header-banner{
padding-left:11em;
margin-top:25px;
width:100%;
box-sizing: border-box;
height:90px;
}
#mw-head-base{
height: 165px !important;
}
#left-navigation, #right-navigation{
margin-top: 10px !important;
}
.header-banner img{
max-width:100%;
height:auto;
}
.header-banner .mobile-banner{
display:none;
}
@media screen and (max-width: 981px){
.header-banner{
padding-left:10em;
}
}
@media screen and (max-width: 720px){
.header-banner{
position:absolute;
padding-left:0;
top:35px;
height:50px;
text-align:center;
margin-top:10px;
}
.header-banner .desktop-banner{
display:none;
}
.header-banner .mobile-banner{
display:inline-block;
}
#mw-head-base{
height: 145px !important;
}
#left-navigation, #right-navigation{
margin-top: 0px !important;
}
#p-namespaces, #p-views, #p-variants{
top: 105px !important;
}
}