MediaWiki:Timeless.css: Difference between revisions

From the Audiovisual Identity Database, the motion graphics museum

Content deleted Content added
Undo revision 47027 by Hb1290 (talk)
Attempting to add AVID logo to replace the CLG Wiki logo in theme, will undo if fails
Line 1:
/* CSS placed here will affect users of the Timeless skin */
/*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;
}
/*Hide sidebar logo */
#p-logo{

Revision as of 16:19, 13 December 2022

/* CSS placed here will affect users of the Timeless skin */
/*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;
}
/*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; }
}
/*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;
  }
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.