/* collected.css */ /* Yksittäisillä sivuilla olevien esimerkkien CSS-määrittelyt; jos esimerkeissä on ikäänkuin muualta tuotuja tiedostoja, niitä ei voi tämän tiedoston avulla testata, sillä esimerkeissä olevia tiedostoja ei ole olemassa - olen laittanut siksi joitakin tällaisia viittauksia kommentin sisään. ' merkintä .style tarkoittaa elelmentin sisällä olevaa määrittelyä myös tahallaan virheellisesti laaditut määrittelyt ovat kommenttien sisällä */ /* CSS definition examples in individual pages; if individual pages have in their examples some imported CSS-files, they can't be tested, because I don't have these files and I must put them inside comments; .'style' means an inline definition */ /* Kaytto.html */ .style {position:absolute; top:120px} body {background: yellow url(new_image.gif) no-repeat center;} /* @import url(tyylitiedosto.css); */ body {font-family: Verdana, Arial, Helvetica,sans-serif; font-size:x-small; padding-top: 10px; padding-left: 32px; padding-right: 10px; padding-bottom: 10px; margin: 0px; border: 1px #660033 solid;} h2 {color: #660033;font-family:Verdana, Arial, Helvetica,sans-serif;} td {font-family: Verdana, Arial, Helvetica,sans-serif; font-size:x-small;} body {background: white url(background_image.gif) repeat-y 2px 0px;} body {background-color: white; background-image: url(background_image.gif); background-repeat: repeat-y; background-position: 2px 0px;} body {border-top: 1px #660033 solid;} body {border: 1px #660033 solid;} /* Mitat.html */ em {color: rgb(255,0,0) } em {color: rgb(100%,0%,0%) } em {color: red; } /* Valitsimet.html */ *{color:red;} *.muu {color:blue;} .muu {color:blue;} h2 {color:red;background-color:yellow;border:red 1px solid;} h1,h2,h3,h4,h5,h6 {color:red;background-color:yellow;border:red 1px solid;} h1, p.red {color:red;background-color:yellow;border:red 1px solid;} ol li, ol li li li {color:red;background-color:yellow;border:red 1px solid;} p.red {color:red;} [href] {color:blue} [class="example"] { color: blue; } [class~="red"] {color:red;} *[src] {background-color:aqua} span[class="example"] { color: blue; } p[class~="red"] {color:red;} h1#z98y {letter-spacing: 0.5em } a:link { color: red } :link {color: red } p:first-letter {font-size:120%; font-weight:bold;color:#660033;} p:first-line {font-size:110%;} /* Order.html */ td p {color:green;} ul li, ul li li li { list-style-type: disc; list-style-image: url(pallo-vihrea.gif); list-style-position: inside; margin-left: -10px; } ul li li { list-style-type: disc; list-style-image: url(pallo-punainen.gif); list-style-position: inside; margin-left: -10px; } ul.class li { list-style-type: disc; list-style-image: url(pallo-vihrea.gif); list-style-position: inside; margin-left: -10px;} table.erityinen td p {color:green;} li ol+ul {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo-punainen.gif); list-style-position: outside;} ul li {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo.gif); list-style-position: outside;} li ol+ul li {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo-punainen.gif); list-style-position: outside;} body {color: black !important;} body.CssSite {color:blue;} p.uusi {color:blue;} p {color:olive !important;} p#id-p {color:blue;} .style {color:gray;} /* Fontit.html */ font[color="#3f3f3f"]{color:blue} [color="#3f3f3f"]{color:blue} body {font-family: Algerian, "Times New Roman",serif; font-size:small;} h2 {color: #660033; font-family: Algerian, "Times New Roman",serif; font-weight: bold; font-size: 18pt; font-style:oblique; font-variant:small-caps; text-transform:capitalize; text-decoration: none; background-color:#dcd2d3; border:#660033 1px solid; outline:#660033 1px solid; font-stretch:wider; text-shadow: 5px 5px red;} p.special { text-indent: 3em; margin:10px; padding:10px; text-align:justify; line-height: 2cm; vertical-align: top; font: normal small-caps 120%/120% fantasy;} @font-face { font-family: "Ribbon 131 Bold BT"; src: url("TT028M_.TTF")} @font-face {src: local("Helvetica Medium"), url(http://www.fonts.org/sans/Helvetica_family) format("truedoc"); font-family: "Helvetica"; font-style: normal} h2 {font-family: "Ribbon 131 Bold BT", sans-serif } h3 {font-family: "Helvetica Medium", sans-serif } @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } /* Ankkurit.html */ a {text-decoration: none} a:link {color: #3f3f3f; text-decoration: underline;} a:visited {color: green; text-decoration: underline; } a:hover {color: red; text-decoration: none} a:active {color: green; text-decoration: none; background-color: yellow;} a:focus {color: green; text-decoration: none; background-color: yellow;} .oma a:hover {color: #dcd2d3; text-decoration: none; background-color: #706a6a;} .oma table a:hover {color: #dcd2d3; text-decoration: none; background-color: #706a6a;} body.linkkikirjat :link, .linkkikirjat :visited {text-decoration:underline} body.linkkikirjat a:hover {color: red; text-decoration:none; background-color:transparent} a.orange:hover img {color: #f85b07; background:#f85b07 url(.gif)} a.orange:active {color: #f85b07; background:#dcd2d3; border:none;} a.orange:active img {color: #f85b07; background:#f85b07 url(.gif); border: #660033 1px solid;} a.orange:focus {color: #f85b07; background:#dcd2d3; border:none;} a.orange:focus img {color: #f85b07; background:#f85b07 url(.gif); border: #660033 1px solid;} [href] {color:blue} a[name] {color:blue} a[name="ankkurin_nimi"] {color:blue} [href] img {background-color:yellow} [href="http://www.server.fi/~joku/"] {color:blue} [target="uusi"], [target="new"], [target="_blank"] {color:olive; background-color:yellow} /* Taustat.html */ body {background-color: white; background-image: url(./Taulut/kierrevihko.gif); background-repeat: repeat-y; background-attachment:fixed; background-position: 2px 0px; } body {border: 1px #660033 solid;} body {border: 1px #660033 solid;padding: 10px; margin: 0;} blockquote {padding:10px; border: olive 5px solid; border-style:inset; border-style:inset outset; border-style:inset outset inset; border-style:inset outset inset outset; border-width: 10px 5px 10px;} /* Taulukot.html */ body, table, td, p, ol, li,blockquote {font-size: small; font-family: Verdana, Arial, Helvetica,sans-serif;} body {background: #dcd2d3 url(taustakuva.gif); text-align:justify;} table {border-collapse: separate; border-spacing: 15pt} table {border-collapse: collapse;} /* Listat.html */ ul li { list-style-type: disc; list-style-image: url(pallo.gif); list-style-position: outside; text-align:justify} ul li li { list-style-type: disc; list-style-image: url(pallo-vihrea.gif); list-style-position: inside; margin-left: -10px; } ol li { list-style-type: upper-roman; list-style-image: url(.gif); list-style-position: outside; } /* Muotoilut.html */ [class~="tables"] {display:table; border:2px blue solid; padding:2px; margin-bottom:5px;} [class~="tables-tr"] {display:table-row} [class~="tables-td"] {display:table-cell; text-align:justify;} td p {display:list-item; padding-left:12px; list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo-vihrea.gif); list-style-position: inside;} .style {display: none;} img.icon {float: left; clear: right;} body.CssSite div {max-width:500px; text-align:justify; font-family: Verdana, Arial, sans-serif; font-size: x-small; position:relative; left:25%;border:1px solid #660033;padding:10px;} body.CssSite div {max-width:500px; text-align:justify; font-family: Verdana, Arial, sans-serif; font-size: x-small; position:relative; left:25%;border:1px solid #660033;padding:10px;} body.CssSite div div {border:1px solid #660033; position:relative;left:0%;margin-right:10px; float:left; width:70px; height:200px; clear:left;} .style {position:absolute; left:20px; top:50px;z-index:3} /* Virheet.html */ /* HEAD */ .alkukirjain {font-weight:700; font-size:120%; vertical-align: baseline; color: #936a61;} ul li {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo.gif); list-style-position: outside;} ul li ol ul li {list-style-type: lower-alpha; list-style-image: url(.gif); list-style-position: outside;} ul li ol ul li:first-child {list-style-type: upper-roman; list-style-image: url(.gif); list-style-position: outside;} ul li ol>li {list-style-type: decimal; list-style-image: url(.gif); list-style-position: outside;} li ol+ul li {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/pallo-punainen.gif); list-style-position: outside;} .CssSite ul li ul li li {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/smile.gif); list-style-position: outside;} [class="test"] {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/ok.gif); list-style-position: outside;} #test {list-style-type: disc; list-style-image: url("../../Css/Kuvat/plane.gif); list-style-position: inside;} #test2 {list-style-type: disc; list-style-image: url("../../Css/Kuvat/plane.gif); list-style-position: inside;} body [id="test2"] {list-style-type: disc; list-style-image: url(../Seurakunta/uudet_logot/ok.gif); list-style-position: inside;} @font-face { font-family: "Ribbon 131 Bold BT"; src: url("../Opetus/TT028M_.TTF") } .ladattava { font-family: "Ribbon 131 Bold BT", sans-serif; font-size:20px; color:red} [target="_top"]{color:red; background-color:yellow} /* Opettaja.html */ /* HEAD */ p.test {color:purple; border: thick solid #660033;padding:5px} #id-test {color:green; font-weight:bold;} font.font-style1 {color:olive; font-weight:bold;} big {font-size:large;} h2 {font-family: Algerian, "Times New Roman",serif; color: #660033; text-decoration: overline; font-size: 22pt; font-style:oblique; font-variant:small-caps; font-weight: bold; background-color:#dcd2d3; border:#660033 1px solid; font-stretch:wider; } body.CssSite {color:blue;} body.CssSite ul li {list-style-type: circle;list-style-image: url(../Seurakunta/uudet_logot/pallo-vihrea.gif); list-style-position: outside;} body.CssSite td {background: yellow url(../Seurakunta/uudet_logot/pallo-punainen.gif) no-repeat;} .style {color: #660033; border: olive 1px solid; font-weight:bold;padding:5px}