/* =========================================================================== */ /* 24.11.2011: Etusivun pallurat (ei tässä tiedostossa) ja kontekstipalkin >:t harmaalla (#888) */ /* Etusivulla tumma taustaharmaa ja vaaleampi palluraväri ovat hieman tummempia kuin muiden sivujen yläpalkissa (TFT-efektien kompensoimiseksi */ /* 15.11.2011: .jasen Jäsen-sivujen kuville (ettei teksti tule liian lähelle kuvaa) */ /* 5.11.2011: codelle määritelty sama fontti kuin pre:lle */ /* 18.5.2011: spotify-linkkien muotoilu ja väritys */ /* 6.4.2011: .kirjoituskoneen line-height kasvatettu 0.95 -> 1 */ /* 8.9.2010: osiositaatin (nyt vain keikkasivulla) tyylit tähän tiedostoon */ /* 27.3.2010: osastolinkki-perusväriksi ruskea (linkittömän tekstit ja "|":t) */ /* 27.2.2010: uusi luokka li.harva (mm. kirjallisuus-sivua varten) */ /* 9.2.2010: uusi luokka div.arv-lehdet levyarvostelusivujen sis.luett. vart.*/ /* 27.8.2009: uusi luokka .asteriski settilistoja varten (Aaken soolo) */ /* aika fonttiriippuvainen juttu kyllä (ei testattu muilla) */ /* 4.2.2009: .kirjoituskoneelle kooksi 100% mutta riviväliksi 0.95 */ /* 20.1.2008: .kontekstille (ja .osastolinkeille) padding-leftiä */ /* 25.7.2007: pre sai fonttimäärityksen ("Courier New"). */ /* Näyttää isommalta - jopa isommalta kuin leipätekstit Georgia... */ /* 9.4.2007: h1 ja h2 saivat ylämarginaalin (IE7:n takia) */ /* 3.4.2007: .kirjoituskoneen fonttikoko kasvatettu 95:een */ /* 28.3.2007: .levynkansi sai myös ylämarginaalin (ei vaikuta */ /* kappaleisiin, koska niillä on se jo) */ /* 23.3.2007: maksimileveys div.ainekselle ja lievä vas. marginaali */ /* 17.4.2006: lisätty luokka .normaali (kysymyksiä varten) */ /* 31.1.2006: h3.kirj lisätty h4.kirj:n kaveriksi */ /* 13.11.2005: .kirjoituskone p:lle vähemmän marginaalia ja */ /* .kirjoituskone h4:lle reilummin ylämarginaalia */ /* 3.11.2005: taulukko-otsikko-h4:n ylämarginaaliksi 0 (ennen ei määr.) */ /* 2.11.2005: taulukko-otsikko-säännöt biisisivulta tänne */ /* ja table.smallin line-height 1.0sta 1.1seen */ /* 28.10.2005: hr margin:0 ; padding:0 */ /* 17.9.2005: säännöt .kontekstille ja .metatiedoille (ja .palkki pois) */ /* 15.8.2005: a:active saman väriseksi kuin a:visited (oli sama kuin a:link) */ /* 31.5.2005: .aikataulukko td.pvm width:5em (ennen 6em) */ /* 30.5.2005: Taustaksi hillitympi #fffbe9 */ /* 30.5.2005: Kysymykset kursiivilla. Taulukot #efefef -> #fff */ /* 29.5.2005: Otsikot mustan sijaan (hyvin) tumman ruskealla (#410). */ /* Taustaan enemmän väriä (ennen #fffdf5, tilalle #fcf7d6). */ /* 20.5.2005: Kysymykset ei enää bold. Sisennys 1.5em */ /* 16.3.2005: Lisää vaihtoehtoisia korvaavia fontteja */ /* 16.3.2005: Otsikoiden fonttia ei enää määritelty = sama kuin leipäteksti */ /* 5.2.2005: Palatino Linotypen kirjoitusvirhe */ /* 7.11.2004: text-indent kasvatettu vähän, nyt 1.5em */ /* [aikaisempia päivityksiä ei dokumentoitu - eikä tässäkään kaikkia myöhempiä]*/ /* =========================================================================== */ @import url(advanced.css); .konteksti {color: #888; background: #333 none; font-family: Rockwell, Courier, monospace;} .konteksti a:link, .konteksti a:active, .konteksti a:hover, .konteksti a:visited { /* color: #eee; background: #660 none; //ruskea tausta 16.11.2011 asti */ color: #fff; background: #333 none; } .konteksti a:link, .konteksti a:active, .konteksti a:hover, .konteksti a:visited { font-weight:bold; } .konteksti {padding: 0.1em 1em 0.2em 0.4em; /* background: #410 url(img/palkki-oik.gif) top right no-repeat; */ } .osastolinkit {padding:0 0 0 0.3em; float: left; /*word-spacing:-0.4em;*/} .sivut-osasto {text-align: right; } .osastolinkit, .sivut-osasto {color:#410;font-family: Rockwell, Courier, monospace;} div.aines {max-width:50em; margin-left:0.3em; } /* sivun alussa oleville pitkille vuosilukulinkeille tms. joita ei haluta rajoittaa .aineksen leveyteen */ div.esi-aines {margin-left:0.3em;} .metatieto {margin-top: 4em; text-align: right; clear:both;} .metatieto hr {margin-bottom: 0.2em;} body { color: #000; background: #fffbe9 none; font-family: Georgia, "Bookman Old Style", "Book Antiqua", "New Century Schoolbook", Garamond, "Palatino Linotype", Sylfaen, "Times New Roman", serif; } pre, code {font-family:"Courier New", monospace;} h1, h2, h3, h4 { color: #333; background: transparent } /*h3 {background: url(img/ots-tausta4.gif) bottom left no-repeat;}*/ h1, h2 {margin-top:0.5em;} /* Ensimmäinen askel kohti parempaa otsikkotaittoa 20.1.2009, 0.8->0.6 19.3.2010: */ h3,h4 {margin-bottom:0.6em} p,ul,ol,blockquote{margin-top:0.6em;} li ul, li ol {margin-top:0;} a:link { color : #660; background : transparent none } a:link img { border-color : #660 } a:visited { color : #330; background : transparent none } a:visited img { border-color : #330 } a:active { color : #330; background : transparent none } a:active img { border-color : #330 } a:hover img { border-color : #630 } a:link, a:visited, a:active {text-decoration: underline; } a:hover {text-decoration: none; } a img {border:2px solid;} img.kuvakartta {border-color:#000;} ul.palloton { list-style-type: none } /* arvosteluita ja muita lehtijuttujen näköisiä tekstejä varten */ p.sis { text-indent : 1.5em; margin-top: 0; margin-bottom: 0 } p.eka { margin-top: 0; margin-bottom: 0 } h4.kirj, h3.kirj { margin-top: 3.5ex; margin-bottom: 0.9ex} p.sis-loppu { text-indent : 1.5em; margin-top: 0 } p.sis-alku { text-indent : 1.5em; margin-bottom: 0 } p.eka-alku { margin-bottom: 0 } p.keski { margin-top: 0; margin-bottom: 0 } /* joo, sama kuin p.eka, mutta jatkon varalta erikseen */ p.sis-ainoa { text-indent : 1.5em; } .kirje { margin-top: 3.5ex; } /* sarjis-luetteloa varten */ li.lehti { list-style-type: none } li.tarina { list-style-type: disc } .einyt { color: #999; background : transparent none; } /* tr.ohi, tr.ohi td {text-decoration:line-through;} */ tr.ohi, tr.ohi td, tr.ohi strong, tr.ohi a, tr.ohi .huom { color: #999; background : transparent none;} tr.ohi strong {font-weight:normal;} .ka { color: #777; background : transparent none; } /* keikka-arvio */ .kommentti { color: #555; background : transparent none; } .huom { color: #900; background : transparent none; } /* tekstitason huomautus */ #huomio {border: 1px solid #900; padding: 0.2em 0 0.2em 0.4em; background: #fff;} /* lohkohuomautus (kappale) */ p.kysymys { margin-left: 1.5em;} .kysymys { color: #500; background : transparent none; font-style: italic;} .vastaus { color: #050; background : transparent none; } .normaali { font-style: normal; color: #000;} img.koriste { margin-left: 1em } /* Pan Alley -biisilistausta varten */ p.ots-listassa { margin-left: -2em ; margin-top: 0.5em; margin-bottom: 0.5em } blockquote.muovikasetti { font-size: 80% } .kirjoituskone { font-family : "Courier New", monospace; font-size: 100%; line-height:1; } .kirjoituskone pre {font-size: 100%;} .kirjoituskone h3 { text-transform: uppercase; font-family : "Courier New", monospace; font-size: 100%; margin-top: 2.5em; margin-bottom: 1em; font-weight: normal} .kirjoituskone h4 { font-family : "Courier New", monospace; font-size: 100%; margin-top: 1.2em; margin-bottom: 0 ; font-weight: normal; text-indent: 2em;} .kirjoituskone p {margin-top:1em;margin-bottom:1em;} .kirjoituskone p.ingressi {margin-left:2em;margin-right:4em;} .kirjoituskone div.piirros {float:right; margin-left:1.5em; margin-bottom:0.5em;} .kirjoituskone h3, .kirjoituskone h4 {color: #000; background: transparent none; } .kirjoituskone p.eka {margin-bottom: 0;} .kirjoituskone p.sis {text-indent: 1.2em; margin-top: 0; margin-bottom: 0 ;} table.taulukko {border-collapse: collapse; } table.taulukko td {color: #000; background: #fff none; border: solid #ccc thin;} table.taulukko td, table.taulukko th {vertical-align: top; padding: 0.2em; font-size: 90%; } table.taulukko th {border-top: solid #ccc thin;} table.taulukko tr.sarakkeet th {color: #000 ; background: transparent none; vertical-align:bottom; border: none; } table.taulukko td.pvm {text-align: right;} table.taulukko th h4 { margin-bottom: 0; margin-top: 0;} table.taulukko th.otsikko-eka, table.taulukko th.otsikko {text-align: left; border-top:none;} table.taulukko th.otsikko {padding-top: 2em;} table.taulukko th.otsikko, table.taulukko th.otsikko-eka {font-size:100%;} th { font-weight: normal } .lomakelohko {margin-bottom:1.5em;} .lomakelohko p {margin-bottom:0.5em;} .levynkansi {float:right; margin-left:1em;margin-top:1em;} div.small p {font-size:80%; margin-top:0.5em; margin-bottom:0.5em;} .small li {font-size:80%; margin-top:0; margin-bottom:0;} .small li li {font-size: 100%;} .small ul {margin-top: 0;} table.small td, table.small th {font-size:80%; padding:0 0.7em 0 0; line-height: 1.1 ;} div.navi {font-style:italic;} .aikataulukko table {margin-bottom:1em;} .aikataulukko td.pvm {width:5.5em;} .aikataulukko td, .aikataulukko-etusivu td {vertical-align:top;} .aikataulukko td.pvm, .aikataulukko-etusivu td.pvm {text-align:right; padding-right:0.3em;} hr {clear:both; height:2.2px; border: 0; color:#85613C; background:#85613C; margin:0;padding:0;} p.oik-kuva {float:right; margin-left:1.2em;} p.vas-kuva {float:left; margin-right:1.2em;} p.vas-kuva, p.oik-kuva {margin-bottom:0.5em; margin-top:0;} img.eireunaa {border-style:none;} /* (Tommin) erästä kiinnostavaa juuri nyt -listausta varten: */ ol.listaus p {margin:0.2em 1em;} /* käytössä vasta kisakisasivulla mutta miksei jatkossa muuallakin: */ div.author {text-align:right; font-style:italic;} img.miuku {padding:0 1px 0 1px; vertical-align:-0.1em;} .asteriski {vertical-align:-0.4ex;line-height:0;} div.arv-lehdet {float:right;width:50%; margin:2em 0.5em 1em 4em; padding:0.2em 0.4em 0.3em 0.2em; text-align:right; /* background-color:#fff; */ background-color:#fffbe9; border: 1px #bbb solid; } ul.harva li {margin-bottom:0.4em;margin-top:0.4em;} blockquote.osiositaatti {font-style:italic; margin: 0em;} .kunniataulu {font-family: "Script MT Bold", "French Script MT", "Bradley Hand ITC", "Apple Chancery", "URW Chancery L", cursive;} p.kunniataulu { background:#F9F4E1; border:double 4px #410; padding: 0.5em 0.9em; margin-left:2em;margin-bottom:1.5em; text-align:center; } p.kunniataulu span {white-space:nowrap; padding-right:0.9em; } .beta {text-transform:uppercase; font-size:10pt; color:#999; vertical-align:-5px; font-family:Arial, sans-serif; font-weight:normal; } .diuc-kansi p.spotify-kuuntele a:link, .diuc-kansi p.spotify-kuuntele a:visited, .diuc-kansi p.spotify-kuuntele a:hover, .diuc-kansi p.spotify-kuuntele a:active, a.spotify-kuuntele { -moz-border-radius: 5px; border-radius: 5px; font-family: Arial, sans-serif; font-weight:bold; padding:0 2px; text-decoration:none; background:#78b900; color:#fff; } .diuc-kansi p.spotify-kuuntele a:hover, a.spotify-kuuntele:hover { background:#3c8f00; color:#fff; } .jasen {padding-left:5em;}