https://peda.net/id/b4812c048 2014-12-11T11:04:25+02:00 https://peda.net/:static/535/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/4a53a1da8 2014-12-11T11:08:36+02:00 /* Sivun sisallon taustakuva ja vari */<br/> <br/> /* body<br/> <br/> */<br/> <br/> /* Sivun sisallon taustakuva ja vari, muuta background koulujen varin mukaiseksi*/<br/> <br/> body &gt; main<br/> {<br/> <br/> background: #fff;<br/> /* background-image: linear-gradient(to bottom, #FFD553 0%,#ffffff 40em,#FFF 100%); */<br/> color: #000;<br/> border-bottom: solid 0.25em #0e86bb;<br/> }<br/> <br/> <br/> <br/> /*Peda.net ja henkilot linkin taustavarin muutos*/<br/> header nav.global .links &gt; span a,<br/> header nav.global .links &gt; span.persondirectory,<br/> header nav.global .links &gt; span.frontpage,<br/> header nav.global input.s, header nav.global button<br/> {<br/> background: transparent;<br/> }<br/> <br/> /* Sivun otsikon taustakuva*/<br/> <br/> body &gt; header<br/> {<br/> background: url(&quot;<a href="https://peda.net/kuopio/esmerkkikoulu/arkisto/arkisto-2014-2015/tiedostoja/pilvet:file/download/">https://peda.net/kuopio/esmerkkikoulu/arkisto/arkisto-2014-2015/tiedostoja/pilvet:file/download/</a>&quot;) no-repeat left top #fff;<br/> }<br/> <br/> /*ylapalkin taustavarin muutos seka perusvari tekstille*/<br/> <br/> header nav.global<br/> {<br/> background: transparent;<br/> background: rgba(0,0,0,0.2);<br/> /* background-image: linear-gradient(to right, rgba(0,110,198,0.9) 0%,rgba(187,224,243,0.3) 30em); */<br/> color: #fff;<br/> }<br/> <br/> <br/> <br/> /* Sivun otsikkoalueen taustakuva otsikkoalueen ylamarginaali ja otsikkoalueen tekstin perusvari */<br/> <br/> header nav.path<br/> {<br/> background: transparent;<br/> padding-top: 0.6em;<br/> color: #fff;<br/> box-shadow: 0.05em 0.05em 0.2em #fff;<br/> }<br/> <br/> <br/> /*Otsikkoalueen tekstin perusvari otsikosta alaspain*/<br/> <br/> header .path .toplevel<br/> {<br/> color: #fff;<br/> }<br/> <br/> /*Nakymaton otsikko, joka maaraa otsikkorivin korkeuden*/<br/> <br/> header .path .service.toplevel a, header .path .service.toplevel a:hover<br/> { <br/> margin: 0;<br/> padding: 0;<br/> /*height: 120px;*/<br/> width: 100%;<br/> background: transparent;<br/> }<br/> <br/> /*Talla poistetaan logo ja otsikon teksti nakyvista*/<br/> <br/> /*<br/> <br/> header .path .service.toplevel a span,<br/> header .path .service.toplevel a img<br/> { <br/> display: none;<br/> }<br/> <br/> */<br/> <br/> /*Murupolun taustakuva ja vari*/<br/> <br/> nav.path .toplevel &gt; .pathitem<br/> {<br/> background: transparent;<br/> background: rgba(0,0,0,0.2);<br/> color: #fff;<br/> padding-top: 0.4em;<br/> padding-bottom: 0.4em;<br/> }<br/> <br/> /*Murupolun linkkien yleisvari*/ <br/> <br/> header .path a<br/> {<br/> color: #fff;<br/> }<br/> <br/> /*Murupolun linkkien vari otsikon jalkeen*/ <br/> <br/> <br/> header .path .toplevel a<br/> {<br/> color: #fff;<br/> }<br/> <br/> /*Murupolun viimeisen linkin vari*/<br/> <br/> header .path .pathitem.toplevel .pathitem.redundant a <br/> {<br/> color: #fff;<br/> }<br/> <br/> /*Murupolun efekti*/<br/> <br/> header .path .pathitem a:hover, header .path .pathitem a:active, header .path .service.toplevel a:hover, header .path .service.toplevel a:active<br/> {<br/> color: #000000;<br/> text-shadow: 0 0 0.2em #FFFFFF, 0 0 0.3em #FFFFFF, 0 0 0.4em #FFFFFF;<br/> }<br/> <br/> /*Sivun otsikon vari*/<br/> <br/> h1 a, h1 a:link, h1 a:visited<br/> {<br/> color: #00467C;<br/> }<br/> <br/> /*Moduuleiden otsikoiden vari*/<br/> <br/> h2 a, h2 a:link, h2 a:visited<br/> {<br/> color: #00467C;<br/> }<br/> <br/> <br/> <br/> <br/> /* Tällä määritellään sivun otsikolle heittovarjo ja rajoitetaan sen rivittymistä */<br/> <br/> header .path .service.toplevel a, header .path .service.toplevel a:hover<br/> {<br/> text-shadow: 0em 0em 0.2em rgba(0,0,0,0.8);<br/> /* white-space: nowrap; */<br/> }<br/> <br/> /* Tällä määritellään että sivun otsikko rivitetään kuitenkin, jos sivun leveys on vähemmän kuin 50em */<br/> <br/> @media all and (max-width:50em)<br/> {<br/> header .path .service.toplevel a, header .path .service.toplevel a:hover<br/> {<br/> /* white-space: normal; */<br/> }<br/> }<br/> <br/> /* Tällä määritellään sivun ikonin koko */<br/> <br/> header .path .pathitem.toplevel a.withsubtitle1.withsubtitle2 img<br/> {<br/> height: 3.5em;<br/> max-width: 3.5em;<br/> padding-top: 0.1em;<br/> padding-bottom: 0.3em;<br/> }<br/> <br/> /* Tällä määritellään sivun ikonin koko silloin kun käytössä on vain sivun perusotsikko */<br/> <br/> <br/> header .path .pathitem.toplevel a img<br/> {<br/> height: 2.8em;<br/> max-width: 2.8em;<br/> }<br/> <br/> /* Tällä määritellään että otsikossa koulun nimi näkyy isoilla kirjaimilla, vaikka palvelun tiedoissa nimi kirjoitetaan normaalisti */<br/> <br/> <br/> header .path .service.toplevel a span span<br/> {<br/> font-weight: 900;<br/> text-transform: uppercase;<br/> /* font-variant: small-caps; */<br/> }<br/> <br/> /* Tällä kätketään ikoni ja määritellään marginaali otsikkotekstien alkuun */<br/> <br/> <br/> header .path .pathitem.toplevel a img<br/> {<br/> margin-right: 0.2em;<br/> /* visibility: hidden; */<br/> }<br/> <br/> <br/> <br/> /* Tällä laitetaan otsikkotekstien eteen lisää marginaalia ihan pienillä näytöillä */<br/> <br/> @media all and (max-width:30em)<br/> {<br/> header .path .toplevel .service.toplevel<br/> {<br/> padding-left: 0.5em;<br/> }<br/> } 2014-12-11T11:08:36+02:00