MediaWiki:Timeless.css: Difference between revisions
From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
No edit summary |
No edit summary |
||
Line 98: | Line 98: | ||
padding: 0 1em 0 0; |
padding: 0 1em 0 0; |
||
} |
} |
||
} |
|||
.oo-ui-clippableElement-clippable { |
|||
width:auto !important; |
|||
} |
|||
.oo-ui-popupWidget-popup { |
|||
width:auto !important; |
|||
max-width:400px !important; |
|||
} |
|||
@media screen and (max-width: 500px) { |
|||
#p-logo-text { |
|||
display:none; |
|||
} |
|||
#hauptseite { |
|||
display:block; |
|||
width:auto; |
|||
} |
|||
} |
|||
.suggestions { |
|||
z-index: 100 !important; |
|||
margin-top:50px; |
|||
} |
} |
Revision as of 10:34, 19 November 2020
/* CSS placed here will affect users of the Timeless skin */
/*Hide sidebar logo */
#p-logo{
display:none
}
/*Fonts for sidebar headers*/
#p-navigation-label, #p-Sections-label, #p-Categories-label, #p-Policy_and_Administration-label, #p-Administration-label, #p-cactions-label, #p-userpagetools-label, #p-pagemisc-label, #p-tb-label {
font-family:Century Gothic;
}
/* Top bar font modernization */
#mw-header{
font-family: Century Gothic
}
/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
height: 1.5em;
position:relative;
bottom:0.1em
}
/* Triangle position patch */
#personal h2::after {
position: relative;
bottom: 0.5em;
}
/*Get rid of color bar and replace with clean shadow effect*/
#mw-header-hack {
display:none;
}
#mw-header-container{
box-shadow: 2px 3px 7px grey;
padding-bottom:45px;
}
/*User menu fonts*/
#personal h2{
font-family:Century Gothic;
font-size:20;
}
/* Vector-style subheadings */
.mw-body-content h3 {
font-family:Sans-serif;
font-weight:bold;
font-size: 1.2em;
}
.mw-body-content h4,.mw-body-content h5, .mw-body-content h6 {
font-family:Sans-serif;
font-weight:bold;
font-size: 100%;
}
/*remove background image */
#mw-content-container {
background: #eaecf0;
border-bottom: solid 4px #00af89;
background-image: none;
background-repeat: no-repeat;
background-position: center 10em;
}
/* Indefinite content width */
@media screen and (min-width: 851px) {
.color-middle-container,
.ts-inner { max-width: none; overflow-x:scroll}
}
/*HotCat compatibility */
#catlinks {
display: block !important;
background: #fcfcfc;
border: none;
background-color: #f8f9fa;
clear: both;
line-height: 1;
word-wrap: break-word;
margin-top: 14px;
padding: 5px;
}
#catlinks-sidebar {
display:none;
}
/*Move page tools to the left navbar*/
@media (min-width: 1340px) {
#mw-content-block {
display: block;
}
#mw-content,
#content-bottom-stuff {
margin-left: 14em;
}
#mw-content-wrapper {
float: right;
margin-left: -14em;
width: 100%;
}
#mw-related-navigation {
width: 14em;
padding: 0 1em 0 0;
}
}
.oo-ui-clippableElement-clippable {
width:auto !important;
}
.oo-ui-popupWidget-popup {
width:auto !important;
max-width:400px !important;
}
@media screen and (max-width: 500px) {
#p-logo-text {
display:none;
}
#hauptseite {
display:block;
width:auto;
}
}
.suggestions {
z-index: 100 !important;
margin-top:50px;
}