"Suomentajaa"Koodikielelle

AlottelevaApina

Tässä olis SUUREN SUURI pyyntö. Viittisikö joku "suomentaa" tänne, mitä mikäkin koodi näistä tarkoittaa. Olis todella apua minulle ja muille jotka vielä kompastelee tän "kielen" kans :) Tai jos muutama henkilö edes laittais muutaman mitä nää tarkoittaa.

/*
* Modauspohjaksi tarkoitettu stylesheetti. Sisältää vain
* profiilisivua ja kuva-arkistoa koskevat määritykset.
*
* $Id: basestyle.css,v 1.3 2004/12/29 13:19:58 tuner Exp $
*/

body {
   background-color: #0A0A0A;
   padding: 0; margin: 0;
   color: #DAE6ED;

   font-family: Verdana, Arial, Sans-Serif;
}

table {
   border-collapse: collapse;
}

#outerbody {
   margin-left: auto;
   margin-right: auto;
   width: 960px;
}

#headerblock {
   position: relative;
}

h1 {
   background-color: #14273D;
   margin: 0;

   display: block;
   height: 54px;

   position: relative;
}

h1 .ircgalleria {
   color: #E2EBF1;
   font-family: Arial, Sans-Serif;
   font-weight: normal;
   font-size: 28px;

   display: block;
   margin: auto;
   position: absolute;
   top: 11px;
   left: 19px;

}

h1 .separator { display: none; }

h1 .title {
   font-family: Verdana, Arial, Sans-Serif;
   color: #F68C00;
   font-size: 12px;
   font-weight: bold;

   display: block;
   margin: auto;
   position: absolute;
   top: 25px;
   left: 190px;
}

h1 .title .small {
   font-weight: normal;
}

/* --- sivujen alareunan palkki ---
* Copyright tiedot saa piilottaa. Tekijänoikeuslaki pätee
* vaikka erillistä mainintaa ei olisikaan.
*/

#footer {
   background: #152E48;
   margin-bottom: 40px;
   border-top: 1px solid black;
}

#footer .innerborder {
   font-size: 10px;
   text-align: center;
   padding: 2px 20px 5px 20px;
   color: #33506F;
}

#footer a {
   color: #33506F;
}

/* --- Oikean yläreunan hakulootat --- */

#search {
   position: absolute;
   top: 11px;
   right: 14px;
}

#search table {
   border-collapse: collapse;
}

#search table td {
   vertical-align: top;
   padding: 0;
}

#search table tr.titles img {
   margin-bottom: 4px;
   margin-left: 1px;
}

#search table td.title img {
   margin-top: 5px;
   margin-right: 8px;
}

#search input {
   margin: 0;
}

#search input.text {
   background-color: #0F1C2C;
   border: 1px solid #667A8F;
   font-size: 9px;
   font-family: Verdana, Sans-Serif;
   padding: 1px;
}

#search input.searchsubmit {
   margin-top: 1px;
   margin-left: 1px;
   margin-right: 5px;
}

/* --- leipäteksti --- */

p, td, ol, ul, dl, div {
   font-family: Verdana, Arial, Sans-Serif;
   letter-spacing: 0px;
   font-size: 11px;
}

p {
   line-height: 15px;

   margin-top: 0;
   margin-bottom: 10px;
}

/* --- leipätekstissä ja listoissa olevat boldaukset --- */

p b, li b {
   color: #F68C00;
}

strong {
}

.error, ul.errors {
   color: #FF7070;
}

.alert {
   color: #FF3030;
   font-weight: bold;
}

div.smallbox .error {
   color: red;
}

a {
   text-decoration: none;
   font-weight: bold;
}

a:link {
   color: #E1C196;
}

a:visited {
   color: #CEB086;
}

a:hover {
   text-decoration: underline;
   color: #FFDEB0;
}

div.picture a {
}

div.picture img {
   border: 1px solid #667A8F;
   margin: 0;
}

input {
   margin: 0;
   margin-right: 5px;
}

input.text,
textarea.text,
select {
   background-color: #162538;
   border: 1px solid #667A8F;
   font-size: 12px;

   color: white;
}

input.submit {
   color: black;
   font-size: 10px;
   letter-spacing: 1px;

   background-color: #90A2B6;

   border-top: 1px solid #B8CFE9;
   border-left: 1px solid #B8CFE9;
   border-bottom: 1px solid #58636F;
   border-right: 1px solid #58636F;
}

/* --- päävalikko --- */

#mainmenu {
   background-color: #33506F;
   margin: 0;
   float: left;

   width: 100%;

   border-top: 1px solid #667A8F;
   border-bottom: 1px solid #667A8F;
}

#mainmenu .innerborder {
   float: left;
   width: 100%;
   
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}

#mainmenu ul {
   list-style: none;
   border: none;
   margin: 0;
   padding: 0;

   padding-left: 10px;
   padding-right: 10px;
}

#mainmenu li {
   display: block;
   padding: 0;
   margin: 0;
   letter-spacing: 0px;
   font-family: Arial, sans-serif;

   float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}

li#mmlogout {
   float: right;
}

#mainmenu li.selected {
   background-color: #768BA6;
}

#mainmenu li a {
   display: block;

   padding: 2px 10px 3px 10px;
   color: #E2EBF1;
   font-size: 10px;

   float: left;
   margin: 0;

   text-decoration: none;
   text-transform: uppercase;
}

#mainmenu #mmnewcomments a {
   color: #DAAA67;
   font-weight: bold;
}

#mainmenu li a:hover {
   color: #F68C00;
   background-color: #1C2C3C;
}

/* --- Alavalikko, esitetään lehdyköinä --- */

#submenu {
   clear: both;
   float: left;
   font-size: 11px; letter-spacing: 0px;
   font-family: Verdana, Arial, sans-serif;
   padding-top: 17px;
   margin-left: 0px;
   border-bottom: 1px solid #708498;
   width: 100%;
   background-color: #263E59;
}

#submenu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   padding-left: 19px;
}

#submenu li {
   vertical-align: middle;

   margin: 0 2px 0 0; padding: 0;
   padding-left: 15px;

   background-color: #3C536D;

   float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */
}

#submenu a {
   display: block;
   margin: 0; padding: 0;
   padding-right: 16px;
   padding-top: 5px;
   padding-bottom: 5px;

   color: #E2EBF1;

   float: left;

   font-size: 10px;
}

#submenu a:hover {
   text-decoration: underline;
}

#submenu li.selected {
   background-color: #7F92AB;
}

#submenu li.selected a {
}

/* -------- */

#innerbody {
   clear: both;
   background-color: #263E59;
   padding: 12px 18px 20px 18px;
}

#tabbedbody {
   clear: both;
   background: #263E59 0% 0% repeat-x;
   padding: 12px 18px 20px 18px;
   border-top: 1px solid #040609;
}

/* --- kapeat, kevyillä kehyksillä varustetut boksit --- */

div.smallbox {
   margin-bottom: 10px;
   border-top: 1px solid black;
}

div.smallbox div.title {
   border: 1px solid #667A8F;
   border-bottom: none;

   background-color: #445A72;
}

div.smallbox div.title h3 {
   margin: 0;
   padding: 2px;
   
   text-align: center;
   font-family: Arial, Sans-serif;
   color: #E2EBF1;
   font-size: 10px;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: 0px;
}

div.smallbox .content {
   border: 1px solid #667A8F;
   background-color: #1F3145;
}

div.smallbox .content .innerborder {
   border: 1px solid black;
   padding: 0 10px 0 10px;
}

div.smallbox .content div.tabledecorator {
   margin-top: 10px;
   margin-bottom: 10px;
}

div.smallbox .errors {
   color: #FF4040;
}

div.smallbox ul {
   margin-left: 25px;
   padding-left: 0;
}

div.smallbox p {
   margin-top: 10px;
}

#profilechannels .content .innerborder,
#profilecommunities .content .innerborder,
#profileactions .content .innerborder,
#profileadmintools .content .innerborder {
   padding: 10px;
}

/* --- kommenttiboksi --- */

div.commentbox {
   border-top: 1px solid #5C6E81;
   border-bottom: 1px solid #5C6E81;
   background-color: #182A3D;
}

div.commentbox .title {
   display: none;
}

div.commentbox .content {
   padding: 15px;
}

div.commentbox .innerborder div {
   margin-top: 1px;
   margin-bottom: 1px;
}

div.commentbox .stamp {
   font-family: Arial, Sans-Serif;
   font-size: 10px;
   color: #B2C1CB;

   white-space: nowrap;
}

div#newcomments {
   margin-top: 5px;
   margin-bottom: 5px;
   font-weight: bold;
   color: #F68C00;
}

/* --- view.php:n kommentiboksi. ie:tä varten täytyy määritellä kiinteä leveys. --- */

div#viewcommentbox {
   width: 686px;
}

/* kommenttien värit */
div.commentbox tr.owner {
   color: #F28E00;
}

div.commentbox tr.private, .private {
   color: #E04BC6;
}

div.commentbox tr.admin, .admin {
   color: #00FFF6;
}

div.commentbox tr.user {
   color: #95EA48;
}

div.commentbox td {
   padding-right: 5px;
}

div.commentbox td.sender {
   white-space: nowrap;
}

#commentform {
   margin-top: 10px;
   margin-bottom: 10px;
}

#commentform td {
   vertical-align: middle;
}

/* --- käyttäjän profiilisivu --- */

#viewtable {
   border-collapse: collapse;
}

#viewtable td {
   vertical-align: top;
}

#viewtableinfo {
   width: 213px;
}

#viewtableimage {
   width: 686px;
   padding-left: 20px;
}

#viewtableimage img {
   border: 0;
}

#viewcaption {
   margin: 3px 10px 20px 1px;
}

#profilebasicinfo .content .innerborder {
   padding: 8px 10px 8px 10px;
}

#profilebasicinfo .content .innerborder div {
   padding: 2px 0 2px 0;
}

#profilebasicinfo .content span {
   white-space: nowrap;
}

#profilebasicinfo b {
   display: block;
}

#profilebasicinfo span {
   display: block;
   margin-left: 9px;
}

/*
#profilebasicinfo .content a {
   font-weight: normal;
   text-decoration: underline;
}
*/

#profilebasicinfo .online {
   color: #69F251;
   font-weight: bold;
}

.smallbox .network {
   font-weight: bold;
}

#profilechannels .spacer,
#profilecommunities .spacer {
   height: 10px;
}

.smallbox .channellist {
   margin-left: 9px;
}

#profileadmintools div.spacer,
#profileactions div.spacer {
   height: 10px;
}

#profileaphorism .title {
   display: none;
}

#profileaphorism .content {
   background-color: #4D6072;
}

#profileaphorism .content .innerborder {
   padding: 10px;
   font-family: "Lucida Console", Monospace;
}

#profileadmintools .title h3 {
   text-transform: none;
}

/* --- Kuva-arkiston tyylit --- */

table.grid {
   border-collapse: collapse;
}

table.grid td {
   vertical-align: top;

   width: 172px;

   padding: 1px;
   padding-bottom: 10px;
}

table#archivetable,
table#bookmarktable {
   width: 100%;
}

table.grid td div {
   padding-top: 2px;
   padding-bottom: 4px;
   text-align: center;
}

table.grid td div div {
   padding: 0;
}

td#archive table.grid div.default {
   background-color: #364C64;
}

td#archive table.grid div.default img {
   border: 1px solid #F28E00;
}

table.grid div.online img {
   border: 1px solid #33FF33;
}

table.grid div.online {
   background-color: #227022;
}

table.grid div.invisible img {
   filter: Alpha(opacity=40) Gray();
   -moz-opacity: .30;
   opacity: 0.3;
}

table.grid {
}

table.grid div.tools {
   margin-bottom: 3px;
}

table.grid div.stamp {
   margin-bottom: 1px;
   font-size: 9px;
}

table.grid div.picture {
   position: relative;
   text-align: left;
}

table.grid div.picture div {
}

table.grid div.mask {
   position: absolute;
   display: block;

   width: 172px;
}

table.grid div.mask div {
   display: block;

   margin-left: auto;
   margin-right: auto;

   margin-top: 1px;
   margin-bottom: 1px;

   opacity: 0.5;
   filter: Alpha(opacity=20);
/*   background: url("hiddenlayer.gif"); */
}

table.grid b {
   color: #F68C00;
}

table.grid div.caption {
   padding-top: 3px;
}

div.thumbnick {
   margin-top: 1px;
   margin-bottom: 7px;
}

div.thumbnick b {
   font-size: 9px;
   color: white;
}

table#bookmarktable td {
   vertical-align: top;
}

#indexlastlogin div.thumbnick {
   margin-bottom: 15px;
}

/* --- Smiley-selektori --- */

#smileys {
   position: relative;
}

a#smileybutton {
   margin-left: 4px;
   margin-right: 4px;
}

#smileyselector {
   display: none;
   position: absolute;
   bottom: 20px;
   right: -5px;
   width: 93px;
   padding-top: 5px;
   background-color: #263E59;
   border: 1px solid #667A8F;
}

#smileyselector div.smiley, #smileyselector div.smileyclose {
   text-align: center;
   height: 25px;
   width: 31px;
   float:left;
}

#smileyselector br {
   clear: left;
}

#smileyselector div.smileyclose a {
   color: white;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   padding-left: 3px;
   padding-right: 3px;
}

6

924

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • ...

      KANNATTAA VAA ITE OPETELLA JA KOKEILLA. KUKAAN EI VITTU ALA SULLE KERTOMAAN JOKAISTA KOHTAA ERIKSEEN. MISTÄ PÄÄTTELET ETTä KAIKKI MNUUT ON OPPINU MOODAAMAAN.. MIETI SITÄ..

      • AloittelevaApina

        Kiitos ja ylistys, tosta oli paljon apua. Eiköhän tän sivuston tarkotus oo et sais esim apua ja neuvoja näihin juttuihin??


    • asdf

      Yksi hyvä CSS-opas olisi esim. http://gamma.nic.fi/~tapio1/Opetus/index1.php3. Lisää löytyy googlella.

      Katso nyt alkuun tuolta, lue niin että ymmärrät ja kysele sen jälkeen yksittäistä kohtaa jos jäi epäselväksi. Se on totta että CSS:ää (kuten mitään muutakaan) ei opi kuin harjoittelemalla eli itse tekemällä.

      • lolled123

      • AloittelevaApina

    • kaikki oleellinen

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. en vaan saa häntä pois

      Mielestäni pyörimästä. Onko kellekään toiselle käynyt näin? Ihastuin pakkomielteisesti noin vuosi sitten erääseen naiseen. Ei vaan katoa mielestä va
      Ikävä
      176
      2074
    2. Suomi24 kysely: ihmisten kuplautumista ei pääosin koeta vakavaksi ongelmaksi

      “Kuplautumista on mahdotonta estää. Ihmiset ovat aina viihtyneet samankaltaiset arvot ja maailmankatsomuksen jakavassa seurassa ja muodostaneet sen pe
      Suomi24 Blogi ★
      36
      1733
    3. Ohhoh! Glamourmalli Elena, 29, teetti tiimalasivartalon - Vei rahaa ja tuotti tuskaa - Katso kuvat!

      Transtaustainen glamourmalli Elena Vikström on käynyt vuosien ajan plastiikkakirurgisissa toimenpiteissä. Tästä näet lopputuloksen: https://www.suomi
      Kotimaiset julkkisjuorut
      10
      1412
    4. Ostiko Martina uuden ponin tyttärelleen, vai oliko myös Stefan itsekkin valitsemassa ponia .?

      Kiva kun on tyttärelle mielekäs harrastus annettu, ehkä vielä on tulevaisuudessa hänelle tärkeä ja valitsee sen perusteella tulevan ammatin.
      Kotimaiset julkkisjuorut
      229
      1213
    5. Sinä olet tärkeä

      Herätät minussa kunnioitusta. Kiehdot minua. En oikein saa kiinni sinusta. Ehkä juuri siksi. Aistin että sinäkin pidät minusta. Vetovoima on ollut alu
      Ihastuminen
      59
      1203
    6. Varisjärvellä mersu.

      Varisjärven tiellä tuli vanhamersu kylkiedellä mutkassa vastaan ja vähällä keulaan mutta tökkäs penkkaan, hyppäsin omasta autosta ulos ja kävin kiskas
      Suomussalmi
      16
      1048
    7. Mitähän ajattelet J

      Tästä kaikesta? Mä välitän susta oikeasti.
      Ikävä
      60
      962
    8. Belorf haistattaa seuraajiaan "You can hate me now"...

      Vai haistattaako lompakkoa, joka taisi viimeinkin ymmärtää häipyä Sofian ulottumattomiin ? Sofia raukka on niin typerä, että ottaa nostetta "omasta tv
      Kotimaiset julkkisjuorut
      58
      961
    Aihe