Ylläpito

etusivun css mallikoodi

/* Koko sivun liukuväri*/
body > main
{
background: #b5b1a9;
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 5em,#FFFFFF 40em, #FFFFFF 100%);
color: #000;
border-bottom: solid 0.25em #3A5371;
}

/*Peda.net ja henkilöt linkin taustavärin muutos*/
header nav.global .links > span a,
header nav.global .links > span.persondirectory,
header nav.global .links > span.frontpage,
header nav.global input.s, header nav.global button
{
background: transparent;
}


body > header
{
background: url("https://peda.net/lohja/opettajasivusto/yllapito/kuvat/uusi_1440_kokeilu:file/download/cd8fb95c48447e1f812d074446942ea44595f89d/Banneri1440_buttonize_vain_vasemmalla_alempana_sinist%C3%A4.jpg") no-repeat right top #fff;
border-bottom: solid 0.4em #3A5371;

}

/* Sivun otsikkoalueen taustakuva otsikkoalueen ylämarginaali ja otsikkoalueen tekstin perusväri */

header nav.path
{
background: transparent;
padding-top: 0.5em;
color: #FFF;

}

/*ylapalkin taustavarin muutos seka perusvari tekstille*/
header nav.global
{
background: transparent;
background: rgba(0,0,0,0.2);
color: #FFF;
}

/*Murupolun linkkien yleisväri*/
header .path a
{
color: #FFF;
}

/*Otsikkoalueen tekstin perusväri otsikosta alaspäin*/

header .path .toplevel
{
color: #000;
}

/*Näkymätön otsikko, joka määrää otsikkorivin korkeuden*/

header .path .service.toplevel a, header .path .service.toplevel a:hover
{

background: transparent;
}


/*Murupolun taustavari*/

nav.path .toplevel > .pathitem
{
background: transparent;
color: #FFF;
padding-top: 0.4em;
padding-bottom: 0.4em;
}


/*Murupolun linkkien väri otsikon jälkeen*/

header .path .toplevel a
{
color: #FFF;
}

/*Murupolun viimeisen linkin väri*/

header .path .pathitem.toplevel .pathitem.redundant a
{
color: #FFF;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active

{
text-shadow: 0 0 0.4em #000000, 0 0 0.3em #000000, 0 0 0.4 #000000;
color: #FFF;
}

header .path .pathitem .toplevel a:hover, header .path .pathitem .toplevel a:active
{
color: #f0f0f0;
}

/*Sivun otsikon väri*/

h1 a, h1 a:link, h1 a:visited
{
color: #000;
}

/*Moduuleiden otsikoiden väri*/

h2 a, h2 a:link, h2 a:visited
{
color: #000;
}


/*Vasemman laidan navigoinnin taustaväri ja linkkien väri*/

nav.main nav.virtualsub li a, nav.main nav.sub .service a
{
background-color: #3A5371;
color: #fff;

}

/*navigoinnin muutos*/

nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
border: 0;
border-left: 0.2em solid #61758d;
/*box-shadow: 0 0 0 rgba(0, 0, 0, 0);*/
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover {
background: #4d647f;
}

etusivun css mallikoodi (luonnosmalli)

/* Koko sivun liukuväri*/
body > main
{
background: #b5b1a9;
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 5em,#FFFFFF 40em, #FFFFFF 100%);
color: #000;
border-bottom: solid 0.25em #3A5371;
}

/*Peda.net ja henkilöt linkin taustavärin muutos*/
header nav.global .links > span a,
header nav.global .links > span.persondirectory,
header nav.global .links > span.frontpage,
header nav.global input.s, header nav.global button
{
background: transparent;
}


body > header
{
background: url("https://peda.net/lohja/opettajasivusto/yllapito/kuvat/uusi_1440_kokeilu:file/download/cd8fb95c48447e1f812d074446942ea44595f89d/Banneri1440_buttonize_vain_vasemmalla_alempana_sinist%C3%A4.jpg") no-repeat right top #fff;
border-bottom: solid 0.4em #3A5371;

}

/* Sivun otsikkoalueen taustakuva otsikkoalueen ylämarginaali ja otsikkoalueen tekstin perusväri */

header nav.path
{
background: transparent;
padding-top: 0.5em;
color: #FFF;

}

/*ylapalkin taustavarin muutos seka perusvari tekstille*/
header nav.global
{
background: transparent;
background: rgba(0,0,0,0.2);
color: #FFF;
}

/*Murupolun linkkien yleisväri*/
header .path a
{
color: #FFF;
}

/*Otsikkoalueen tekstin perusväri otsikosta alaspäin*/

header .path .toplevel
{
color: #000;
}

/*Näkymätön otsikko, joka määrää otsikkorivin korkeuden*/

header .path .service.toplevel a, header .path .service.toplevel a:hover
{

background: transparent;
}


/*Murupolun taustavari*/

nav.path .toplevel > .pathitem
{
background: transparent;
color: #FFF;
padding-top: 0.4em;
padding-bottom: 0.4em;
}


/*Murupolun linkkien väri otsikon jälkeen*/

header .path .toplevel a
{
color: #FFF;
}

/*Murupolun viimeisen linkin väri*/

header .path .pathitem.toplevel .pathitem.redundant a
{
color: #FFF;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active

{
text-shadow: 0 0 0.4em #000000, 0 0 0.3em #000000, 0 0 0.4 #000000;
color: #FFF;
}

header .path .pathitem .toplevel a:hover, header .path .pathitem .toplevel a:active
{
color: #f0f0f0;
}

/*Sivun otsikon väri*/

h1 a, h1 a:link, h1 a:visited
{
color: #000;
}

/*Moduuleiden otsikoiden väri*/

h2 a, h2 a:link, h2 a:visited
{
color: #000;
}


/*Vasemman laidan navigoinnin taustaväri ja linkkien väri*/

nav.main nav.virtualsub li a, nav.main nav.sub .service a
{
background-color: #3A5371;
color: #fff;

}

/*navigoinnin muutos*/

nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
border: 0;
border-left: 0.2em solid #61758d;
/*box-shadow: 0 0 0 rgba(0, 0, 0, 0);*/
}

nav.main nav.virtualsub li a:hover,
nav.main nav.sub .service a:hover {
background: #4d647f;
}