Mal:Hovudside/styles.css

/*** Stilar for huvudsida ***/

/** CSS-klassar for Hovudsida **/
/* 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;
}
.frontPageFancyBlockLast {
	border-bottom: none;
}
/* Övrigt */

/* Systerprojektstabellen */
#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
}
/** Slutt for Hovudsida **/

/* [[Kategori:TemplateStyles-malar]] */
/* [[Kategori:Wikipedia/Hovudside]] */