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

Kohteesta Pompelipedia
Loikkaa: valikkoon, hakuun
(common stylesheet muokaten partiowikistä)
 
(siivoustesti: poistettu turhiksi oletetut säännöt)
Rivi 5: Rivi 5:
 
Pompelipedian tarpeisiin muokannut Jussi24
 
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 */
Rivi 84: Rivi 43:
  
 
table.artikkelimalline tr td a.image img { margin: auto; }
 
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;
 
}
 

Versio 6. heinäkuuta 2013 kello 16.54

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

/* 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; }