Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä
Siirry navigaatioon
Siirry hakuun
pEi muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(71 välissä olevaa versiota 2 käyttäjän tekeminä ei näytetä) | |||
Rivi 1: | Rivi 1: | ||
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. */ | /* | ||
Tämä sivu sisältää koko sivustoa muuttavia tyylejä. | |||
Koodin kirjoittaneet Azer & VP (http://indyville.fi/indyville/tekija/) | |||
*/ | |||
/* | /* Laatikkomalline */ | ||
*/ | |||
. | .laatikko p.h1 a { | ||
. | |||
background: transparent url(/images/1/1d/Piirilaatikko_linkki.png) center right no-repeat; | background: transparent url(/images/1/1d/Piirilaatikko_linkki.png) center right no-repeat; | ||
color: #FFF; | color: #FFF; | ||
Rivi 14: | Rivi 13: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
. | .laatikko p.h1 a:hover, | ||
. | .laatikko p.h1 a:hover a:active, | ||
.laatikko p.h1 a:focus { text-decoration: underline; } | |||
.laatikko | |||
. | |||
.laatikko h1 a:focus | |||
.laatikko { | .laatikko { | ||
border: 1px solid #777; | border: 1px solid #777; | ||
border-radius: 5px; | |||
box-shadow: 3px 3px 3px #AAA; | |||
clear: both; | clear: both; | ||
margin: 1em auto; | margin: 1em auto; | ||
Rivi 39: | Rivi 25: | ||
width: 95%; | width: 95%; | ||
} | } | ||
. | .laatikko p.h1 { | ||
background-color: #903; | |||
. | |||
color: #FFF; | color: #FFF; | ||
font-size: 100%; | |||
font-weight: bold; | font-weight: bold; | ||
padding: .2em; | padding: .2em; | ||
} | } | ||
.laatikko p.jarjesto { background-color: #363; } | |||
.laatikko | .laatikko p.h2 { | ||
.laatikko | |||
. | |||
background-color: #DDD; | background-color: #DDD; | ||
font-size: 95%; | font-size: 95%; | ||
Rivi 57: | Rivi 39: | ||
padding: .1em; | padding: .1em; | ||
} | } | ||
. | .laatikko p { | ||
font-size: 90%; | font-size: 90%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
margin: 0; | |||
padding: .2em; | padding: .2em; | ||
} | } | ||
/* | /* Artikkelimalline */ | ||
*/ | |||
.artikkelimalline, | .artikkelimalline, | ||
Rivi 72: | Rivi 52: | ||
background-color: #FAFAFA; | background-color: #FAFAFA; | ||
border: 1px solid #777; | border: 1px solid #777; | ||
border- | border-spacing: 0; | ||
border-radius: 5px; | |||
box-shadow: 3px 3px 3px #AAA; | |||
float: right; | float: right; | ||
margin: 0 0 1em .5em; | margin: 0 0 1em .5em; | ||
Rivi 84: | Rivi 66: | ||
.artikkelimalline_otsikko { | .artikkelimalline_otsikko { | ||
background-color: #069; | background-color: #069; | ||
border-radius: 4px 4px 0 0; | |||
color: #FFF; | color: #FFF; | ||
font-size: 130%; | font-size: 130%; | ||
padding: .1em; | padding: .1em; | ||
} | } | ||
.artikkelimalline_alaotsikko { background-color: #DDD; } | |||
.artikkelimalline th, | .artikkelimalline th, | ||
.artikkelimalline td, | .artikkelimalline td, | ||
.artikkelimalline_levea td, | .artikkelimalline_levea td, | ||
.artikkelimalline_levea th { | .artikkelimalline_levea th { | ||
padding: .2em; | padding: .1em .2em; | ||
text-align: left; //ie | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.artikkelimalline_kuvaotsikko { border-bottom: 1px solid #777; } | .artikkelimalline_kuvaotsikko { border-bottom: 1px solid #777; } | ||
table.artikkelimalline tr td a.image img { margin: auto; } | |||
*/ | /* Käyttäjälaatikkomalline */ | ||
.kayttajalaatikko { | .kayttajalaatikko { | ||
Rivi 121: | Rivi 90: | ||
float: left; | float: left; | ||
margin: 1px; | margin: 1px; | ||
height: | height: 48px; | ||
min-height: | max-height: 48px; | ||
min-height: 48px; | |||
width: 238px; | width: 238px; | ||
} | } | ||
Rivi 132: | Rivi 102: | ||
line-height: 2em; | line-height: 2em; | ||
min-height: 46px; | min-height: 46px; | ||
overflow: hidden; | |||
padding: 2px; | padding: 2px; | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
width: | width: 46px; | ||
#float: left; | #float: left; | ||
#height: | #height: 46px; | ||
#min-height: | #min-height: 46px; | ||
} | } | ||
.kayttajalaatikko_oikea { | .kayttajalaatikko_oikea { | ||
display: table-cell; | display: table-cell; | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
margin-left: | margin-left: 46px; | ||
max-height: 46px; | |||
min-height: 46px; | min-height: 46px; | ||
padding: | padding: 2px; | ||
text-align: left; | text-align: left; | ||
vertical-align: middle; | vertical-align: middle; | ||
Rivi 153: | Rivi 125: | ||
} | } | ||
/* | /* Prettytable */ | ||
*/ | |||
.prettytable { | .prettytable { | ||
Rivi 162: | Rivi 132: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
empty-cells: show; | empty-cells: show; | ||
margin: 1em; | margin: 1em; | ||
} | } | ||
Rivi 170: | Rivi 139: | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
/* Tynkämalline */ | |||
.tynkamalline { | .tynkamalline { | ||
background-color: #F7F8FF; | background-color: #F7F8FF; | ||
Rivi 191: | Rivi 163: | ||
vertical-align: middle; | vertical-align: middle; | ||
padding-left: 12px; | 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: #069; | |||
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; | |||
} | } |
Nykyinen versio 19. lokakuuta 2011 kello 17.29
/* Tämä sivu sisältää koko sivustoa muuttavia tyylejä. Koodin kirjoittaneet Azer & VP (http://indyville.fi/indyville/tekija/) */ /* 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: #069; 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: #069; 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; }