Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä
Siirry navigaatioon
Siirry hakuun
Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
(102 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 12: | 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 { | |||
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: # | background-color: #F9F9F9; | ||
border: 1px | border: solid 1px #AAA; | ||
border-collapse: collapse; | |||
empty-cells: show; | |||
margin: 1em; | margin: 1em; | ||
} | } | ||
. | .prettytable td, | ||
background-color: # | .prettytable th { | ||
border: 1px solid # | 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; | float: right; | ||
margin: 1em; | margin: 0 0 1em .5em; | ||
text-align: left; | text-align: left; | ||
width: | width: 20%; | ||
} | } | ||
. | .partiosanasto_h1 { | ||
background-color: #069; | background-color: #069; | ||
color: #FFF; | color: #FFF; | ||
font-size: 130%; | font-size: 130%; | ||
padding: .2em; | 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 # | 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; }