Jump to content

Wikipedia:Main Page alternatives/(Swedish HS theme)/styles.css

From Wikipedia, the free encyclopedia
/*** Styles for Swedish-style HS theme main page alternative ***/

/** CSS-classes for main page alternative. See [[:sv:Portal:Huvudsida/styles.css]]. **/
/* Kolumner */
.frontPageLeft {
	float: left;
	width: 66%;
}
.frontPageRight {
	float: left;
	width: 34%;
}
/* mobilvyn på små skärmar visar istället kolumnerna efter varandra i fullbredd */
@media screen and ( max-width: 800px ) {
	.frontPageLeft,
	.frontPageRight {
		float: none;
		width: 100%;
	}
}
/* Block */
.frontPageBlock {
	background: url(https://upload.wikimedia.org/wikipedia/commons/9/97/Bluebg.png) no-repeat 3px 3px;
	border: 1px solid #c2dfff;
	padding: 3px;
	margin-bottom: .4em;
	position: relative;
}
.frontPageBlockIcon {
	position: absolute;
	left: 5px;
	top: 5px;
}
.frontPageBlockIcon img {
	border: 0 none #000;
}
.frontPageBlockTitle {
	position: absolute;
	left: 50px;
	top: 7px;
	font-size: 1.2em;
}
.frontPageBlockContent {
	margin: 1em;
	padding-top: 30px;
	overflow: auto;
}

.frontPageRight .frontPageBlock {
	background: url(https://upload.wikimedia.org/wikipedia/commons/2/27/Bluebg_right_3px_offset.png) no-repeat top right #f8fcff;
	margin-left: 1em;
}
.frontPageRight .frontPageBlockIcon {
	left: auto;
	right: 10px;
}
.frontPageRight .frontPageBlockTitle {
	left: auto;
	right: 45px;
	top: 3px;
	font-size: 1.05em;
}
.frontPageRight .frontPageBlockContent {
	margin: 1em;
	padding-top: 20px;
}

.frontPageFancyBlock {
	border-bottom: 3px dotted #C2DFFF;
	padding: 1em 0;
	font-size: 95%;
	color: #CCCCCC;
	margin-left: 1em;
}
.frontPageFancyBlockPropogated div:not([class]):not(:last-of-type) {
	border-bottom: 3px dotted #C2DFFF;
	padding: 0 0 1em 0;
}
.frontPageFancyBlockPropogated h3 {
	font-size: inherit;
}
.frontPageFancyBlockPropogated h3:first-of-type {
	padding: 0;
}
.frontPageFancyBlockPropogated h3:not(:first-of-type) {
	padding: 1em 0 0 0;
}
.frontPageFancyBlockLast {
	border-bottom: none;
}
/* Övrigt */

/* Sister projects table */
#systerprojekt table {
	border-collapse: collapse;
	width: 100%;
	margin: .3em 0 0;
	font-size: 95%;
}
#systerprojekt th {
	text-align: center;
	padding: .7em 0;
	width: 25%;
}
#systerprojekt td {
	line-height: 1.2em;
	vertical-align: middle
}

/* Background image for main page banner. See [[:sv:Portal:Huvudsida/Välkommenrutan/styles.css]]. */
#huvudsidaintro {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3e/MP-open-book4.png);
}