Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä

Kohteesta Pompelipedia
Loikkaa: valikkoon, hakuun
(common stylesheet muokaten partiowikistä)
(ei mitään eroa)

Versio 25. maaliskuuta 2012 kello 18.09

/*
	Tämä sivu sisältää koko sivustoa muuttavia tyylejä. 
	
	Koodin kirjoittaneet Azer & VP (http://indyville.fi/indyville/tekija/)
	Pompelipedian tarpeisiin muokannut Jussi24
*/

/* Laatikkomalline */

.laatikko p.h1 a {
	background: transparent url(/images/1/1d/Piirilaatikko_linkki.png) center right no-repeat;
	color: #FFF;
	padding-right: 13px;
	text-decoration: none;
}
.laatikko p.h1 a:hover,
.laatikko p.h1 a:hover a:active,
.laatikko p.h1 a:focus { text-decoration: underline; }
.laatikko {
	border: 1px solid #777;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #AAA;
	clear: both;
	margin: 1em auto;
	text-align: center;
	width: 95%;
}
.laatikko p.h1 {
	background-color: #903;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	padding: .2em;
}
.laatikko p.jarjesto { background-color: #363; }
.laatikko p.h2 {
	background-color: #DDD;
	font-size: 95%;
	font-weight: bold;
	padding: .1em;
}
.laatikko p {
	font-size: 90%;
	line-height: 1.25em;
	margin: 0;
	padding: .2em;
}

/* Artikkelimalline */

.artikkelimalline,
.artikkelimalline_levea {
	background-color: #FAFAFA;
	border: 1px solid #777;
	border-spacing: 0;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #AAA;
	float: right;
	margin: 0 0 1em .5em;
	text-align: left;
}

.artikkelimalline { width: 20%; }

.artikkelimalline_levea { width: 25%; }

.artikkelimalline_otsikko {
	background-color: #FF6314;
	border-radius: 4px 4px 0 0;
	color: #FFF;
	font-size: 130%;
	padding: .1em;
}
.artikkelimalline_alaotsikko { background-color: #DDD; }
.artikkelimalline th,
.artikkelimalline td,
.artikkelimalline_levea td,
.artikkelimalline_levea th { 
	padding: .1em .2em;
	text-align: left; //ie
	vertical-align: top;
}
.artikkelimalline_kuvaotsikko { border-bottom: 1px solid #777; }

table.artikkelimalline tr td a.image img { margin: auto; }

/* Käyttäjälaatikkomalline */

.kayttajalaatikko {
	display: table;
	float: left;
	margin: 1px;
	height: 48px;
	max-height: 48px;
	min-height: 48px;
	width: 238px;
}

.kayttajalaatikko_vasen {
	display: table-cell;
	font-family: serif;
	font-size: 140%;
	line-height: 2em;
	min-height: 46px;
	overflow: hidden;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	width: 46px;
	#float: left;
	#height: 46px;
	#min-height: 46px;
}	
.kayttajalaatikko_oikea {
	display: table-cell;
	font-size: 88%;
	line-height: 1.25em;
	margin-left: 46px;
	max-height: 46px;
	min-height: 46px;
	padding: 2px;
	text-align: left;
	vertical-align: middle;
	#float: left;
	#margin: 0;
}

/* Prettytable */

.prettytable {
	background-color: #F9F9F9;
	border: solid 1px #AAA;
	border-collapse: collapse;
	empty-cells: show;
	margin: 1em;
}
.prettytable td,
.prettytable th {
	border: solid 1px #AAA;
	padding: 4px;
}

/* Tynkämalline */

.tynkamalline {
	background-color: #F7F8FF;
	border: 1px solid #AAA;
	clear: both;
	display: table;
	font-size: 95%;
	margin: 1em auto;
	min-height: 35px;
	padding: 12px;
	width: 35em;
}
.tynkamalline_vasen {
	display: table-cell;
	vertical-align: middle;
	#float: left;
}
.tynkamalline_oikea {
	display: table-cell;
	font-style: italic; 
	vertical-align: middle;
	padding-left: 12px;
}

/* Partiosanasto */

.partiosanasto {
	background-color: #FAFAFA;
	border: 1px solid #777;
	border-spacing: 0;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #AAA;
	float: right;
	margin: 0 0 1em .5em;
	text-align: left;
	width: 20%;
}
.partiosanasto_h1 {
	background-color: #FF6314;
	color: #FFF;
	font-size: 130%;
	padding: .1em;
}
.partiosanasto_h1 a {
	background: transparent url(/images/1/1d/Piirilaatikko_linkki.png) center right no-repeat;
	color: #FFF;
	padding-right: 13px;
	text-decoration: none;
}
.partiosanasto_h1 a:hover,
.partiosanasto_h1 a:hover a:active,
.partiosanasto_h1 a:focus { text-decoration: underline; }
.partiosanasto_h2 { background-color: #DDD; }
.partiosanasto td,
.partiosanasto th {
	border-bottom: 1px solid #777;
	padding: .1em .2em;
	vertical-align: top;
}

/* Etusivu */

#etusivu_vasen {
	float: left;
	margin: 8px 0 0;
	width: 55%;
}

#etusivu_oikea {
	float: right;
	margin: 8px -8px 0 8px;
	width: 45%;
}

.laatikko_etusivu {
	border: 1px solid #AAA;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #AAA;
	margin: 0 0 8px;
	padding: 4px;
}

#etusivu_vasen .laatikko_etusivu {
	background-color: #EDF4FF;
}

#etusivu_oikea .laatikko_etusivu {
	background-color: #F1FDF1;
}

.laatikko_etusivu h2 {
	background-color: #EEE;
	border-top: 1px solid #AAA;
	border-radius: 5px;
	font-size: 120%;
	font-weight: bold;
	margin: -5px -4px 4px -4px;
	padding: 4px;
}

.laatikko_etusivu h3 {
	border-bottom: 1px solid #AAA;
	margin: 4px -4px 4px;
	padding:0 4px;
}