Järjestelmäviesti:Vector.css

Kohteesta Turuxi
Versio hetkellä 24. helmikuuta 2013 kello 23.32 – tehnyt PetriSalmela (keskustelu | muokkaukset)
Loikkaa: valikkoon, hakuun

Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.

  • Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
  • Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
  • Internet Explorer: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5
  • Opera: Menu → Settings (Opera → Preferences Macilla) ja sitten Privacy & security → Clear browsing data → Cached images and files.
/* Tämä sivu sisältää Vector-ulkoasua muuttavia tyylejä. */

/**** Logon koko ja paikka ****/
#p-logo {padding: 0; margin: 0; margin-left: 1em; margin-top: 0.5em; top: -200px;}
#p-logo a {width: 121px; height: 150px; background-position: left top;}

/**** Body-tausta ****/
body {
background: #cdde87; /* Old browsers */
background: -moz-linear-gradient(left,  #cdde87 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cdde87), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #cdde87 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #cdde87 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #cdde87 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to right,  #cdde87 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdde87', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/**** Sisältö ****/
div#content {
    background: transparent url(/skins/thekirja/bg-tux.png) center center no-repeat;
    background-attachment: fixed;
    margin-left: 15em;
}

/**** linkit ****/
a,
div#mw-panel div.portal div.body ul li a {
    color: #445016;
    top: 200px;
}

a:visited,
div#mw-panel div.portal div.body ul li a:visited {
    color: #333;
}

/**** navigaatio ****/
body.catclasses .portal h5 {display: none;}
body.catclasses div#mw-panel div.portal div.body {background-image: none;}
body.catclasses .portal .body ul li {display: none;}
body.catclasses .portal .body ul li:first-child {display: block;}
body.catclasses.cat-Turuxi #p-Turuxi .body ul li {display: block;}
body.catclasses.cat-Toiminta #p-Toiminta .body ul li {display: block;}
body.catclasses.cat-Hautomo #p-Hautomo .body ul li {display: block;}
#mw-panel {background-color: #ABC837; border-radius: 1em; margin: 0 0 0 1em; padding: 0 0.5em 1.5em 0.5em;}
div#mw-panel div.portal#p-Turuxi div.body ul li:first-child,
div#mw-panel div.portal#p-Toiminta div.body ul li:first-child,
div#mw-panel div.portal#p-Hautomo div.body ul li:first-child,
div#mw-panel div.portal#p-Linux-Aktivaattori div.body ul li:first-child,
div#mw-panel div.portal#p-Muuta div.body ul li {
    display: block;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 0.9em;
    margin: 0;
border-radius: 1em 0 0 1em;
background: -moz-linear-gradient(left,  rgba(205,222,135,1) 0%, rgba(205,222,135,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(205,222,135,1)), color-stop(100%,rgba(205,222,135,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(205,222,135,1) 0%,rgba(205,222,135,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(205,222,135,1) 0%,rgba(205,222,135,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(205,222,135,1) 0%,rgba(205,222,135,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(205,222,135,1) 0%,rgba(205,222,135,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdde87', endColorstr='#00cdde87',GradientType=1 ); /* IE6-9 */
}

div#mw-panel div.portal#p-Muuta div.body ul li {
    margin: 1em 0;
}

div#mw-panel div.portal div.body ul li + li {list-style-type: circle; padding-left: 1.5em;}
div#mw-panel {margin-left: 1em; width: 12em;}
div#mw-panel div.portal div.body {margin-left: 0.3em; width: 12em;}
div#mw-panel div.portal {padding-bottom: 0.5em;}

/**** toolbox ****/
div#p-tb {border: 1px solid black; background-color: white;}
div#mw-panel div#p-tb h5 {background-color: black; color: white; border-bottom: 1px solid black; margin: 0; font-weight: bold; display: block;}