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"
 
(28 intermediate revisions by 3 users not shown)
Line 6:
/*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"AVID GothicWeb";
}
/* Top bar font modernization */
#mw-header{
font-family: Century Gothic"AVID Web"
}
 
Line 37:
/*User menu fonts*/
#personal h2{
font-family:Century"AVID GothicWeb";
font-size:20;
}
Line 51:
font-size: 100%;
}
/*remove background image */
#mw-content-container {
background: #eaecf0;
Line 67 ⟶ 68:
display: block !important;
background: #fcfcfc;
border: 1px solid #a2a9b1none;
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;
}
 
Line 106 ⟶ 98:
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;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.