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 67: | Line 67: | ||
display: block !important; |
display: block !important; |
||
background: #fcfcfc; |
background: #fcfcfc; |
||
border: 1px solid #a2a9b1; |
|||
background-color: #f8f9fa; |
|||
border-width: 1px 1px 0.2em; |
|||
padding: 5px; |
|||
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); |
|||
clear: both; |
|||
padding: 1.5em 1.5em 0; |
|||
⚫ | |||
line-height: 1.1; |
line-height: 1.1; |
||
word-wrap: break-word; |
word-wrap: break-word; |
||
box-sizing: content-box; |
|||
⚫ | |||
padding-bottom: 5px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
padding-top: 5px |
|||
} |
} |
||
Revision as of 04:02, 28 October 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%;
}
#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; }
}
/*HotCat compatibility */
#catlinks {
display: block !important;
background: #fcfcfc;
border: 1px solid #a2a9b1;
background-color: #f8f9fa;
padding: 5px;
clear: both;
line-height: 1.1;
word-wrap: break-word;
box-sizing: content-box;
margin-top: 14px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px
}
#catlinks > div {
margin-bottom: 1.5em;
}
#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;
}
}