Advertising:

MediaWiki:Timeless.css: Difference between revisions

From MS4X Wiki
(Replaced content with "→‎CSS placed here will affect users of the Timeless skin: →‎Top bar font modernization: #mw-header *, #mw-site-navigation *, #mw-related-navigation * { font-family...")
Tag: Replaced
No edit summary
Line 1: Line 1:
/* CSS placed here will affect users of the Timeless skin */
/* CSS placed here will affect users of the Timeless skin */


/* Top bar font modernization */
/* Color bars */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation *  { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif  }


/* Avoid cutting off letters with descenders: g,j,p,q,y */
.color-bar {
#personal h2 span {
width: 100%;
    height: 1.5em;
    position:relative;
    bottom:0.1em
}
}


/* Triangle position patch */
.color-left {
#personal h2::after {
height: @color-height;
  position: relative;
background: @blue-dark;
  bottom: 0.5em;
width: 50%;
float: left;
}
 
.color-right {
display: inline-block;
height: @color-height;
background: @blue-dark;
width: 50%;
float: right;
}
 
.color-middle-container {
max-width: @content-width;
margin: 0 auto -@color-height;
position: relative;
}
 
.color-middle {
height: @color-height;
background: @blue-dark;
margin-left: @column-left-size + 1em;
margin-right: @column-right-size + 1em;
}
}

Revision as of 13:59, 7 July 2021

/* CSS placed here will affect users of the Timeless skin */

/* Color bars */

.color-bar {
	width: 100%;
}

.color-left {
	height: @color-height;
	background: @blue-dark;
	width: 50%;
	float: left;
}

.color-right {
	display: inline-block;
	height: @color-height;
	background: @blue-dark;
	width: 50%;
	float: right;
}

.color-middle-container {
	max-width: @content-width;
	margin: 0 auto -@color-height;
	position: relative;
}

.color-middle {
	height: @color-height;
	background: @blue-dark;
	margin-left: @column-left-size + 1em;
	margin-right: @column-right-size + 1em;
}