Ero sivun ”Järjestelmäviesti:Common.css” versioiden välillä
Siirry navigaatioon
Siirry hakuun
(testiä etusivun kanssa) |
Ei muokkausyhteenvetoa |
||
(46 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
Rivi 18: | Rivi 18: | ||
.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 50: | 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 62: | 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%; | ||
Rivi 72: | Rivi 77: | ||
.artikkelimalline_levea th { | .artikkelimalline_levea th { | ||
padding: .1em .2em; | padding: .1em .2em; | ||
text-align: left; //ie | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Rivi 164: | Rivi 170: | ||
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 195: | Rivi 203: | ||
/* Etusivu */ | /* Etusivu */ | ||
# | #etusivu_vasen { | ||
float: left; | float: left; | ||
margin: | margin: 8px 0 0; | ||
width: 55%; | width: 55%; | ||
} | } | ||
# | #etusivu_oikea { | ||
float: right; | |||
margin: 8px -8px 0 8px; | |||
width: 45%; | |||
} | |||
.laatikko_etusivu { | |||
border: 1px solid #AAA; | border: 1px solid #AAA; | ||
border-radius: 5px | border-radius: 5px; | ||
margin: 0 0 | box-shadow: 1px 1px 3px #AAA; | ||
margin: 0 0 8px; | |||
padding: 4px; | padding: 4px; | ||
} | } | ||
# | #etusivu_vasen .laatikko_etusivu { | ||
background-color: #EDF4FF; | |||
} | |||
#etusivu_oikea .laatikko_etusivu { | |||
background-color: #F1FDF1; | |||
} | |||
.laatikko_etusivu h2 { | |||
background-color: #EEE; | background-color: #EEE; | ||
border: | border-top: 1px solid #AAA; | ||
border-radius: 5px; | |||
font-size: 120%; | font-size: 120%; | ||
font-weight: bold; | font-weight: bold; | ||
margin: -4px -4px | margin: -5px -4px 4px -4px; | ||
padding: 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; }