MediaWiki:Timeless.css: Difference between revisions
From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
No edit summary |
m Text replacement - "Montserrat" to "AVID Web" |
||
(60 intermediate revisions by 3 users not shown) | |||
Line 1:
/* CSS placed here will affect users of the Timeless skin */
/*Hide sidebar logo */
/*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;▼
}▼
}▼
▲#p-logo-text {
▲ display: none;
}▼
padding-left: 212px;▼
}
/*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:
}
/* Top bar font modernization */
#mw-header{
font-family:
}
Line 59 ⟶ 37:
/*User menu fonts*/
#personal h2{
font-family:
font-size:20;
}
Line 73 ⟶ 51:
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: none;
background-color: #f8f9fa;
clear: both;
line-height: 1;
word-wrap: break-word;
margin-top: 14px;
}
#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;
▲ }
}
/*AVID logo */
.wordmark {
height: 35px;
width: auto;
background-image: url(https://static.miraheze.org/avidwiki/d/d7/AVID-LOGO-MAIN-FULL.svg);
background-size: contain;
background-repeat: no-repeat;
}
.wordmark img {
display: none;
}
|
Latest revision as of 16:36, 16 May 2024
/* 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:"AVID Web";
}
/* Top bar font modernization */
#mw-header{
font-family: "AVID Web"
}
/* 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:"AVID Web";
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; }
}
/*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;
}
}
/*AVID logo */
.wordmark {
height: 35px;
width: auto;
background-image: url(https://static.miraheze.org/avidwiki/d/d7/AVID-LOGO-MAIN-FULL.svg);
background-size: contain;
background-repeat: no-repeat;
}
.wordmark img {
display: none;
}