moi

/* Hienommat Toiminta napit */
.actions.important a, .actions.important a:visited, .actions.important a:link, .actions.important li.create a, .actions.important li.move a, a.button.highlight:link, a.button.highlight:visited {
background: #CB5817;
border: 1px solid #D67A3E;
border-radius: 0.2em;
box-shadow: 0 3px 0 #9C4516;
color: #fff;
margin-left: 0.5em;
padding: 0.2em 0.6em 0.1em 0.6em;
position: relative;
text-decoration: none;
}

nav.sub div.actions {
font-size: 1em;
background: #ff0000;
box-sizing: border-box;
position: relative;
border-radius: 0em 0 0.1em 0.1em;
padding: 0rem;
margin: 0rem;
box-shadow: 0px 0.3em 0.5em rgba(0,0,0,0.2);
border-top: rgba(0, 0, 0, 0.1) solid 0.1rem;
overflow: auto;
opacity: 0;
}
ul.actions.important:not(:hover) a {
opacity: 1.0;
}

.actions .important li:first-child a {
border-top-left-radius: 1.5em;
border-bottom-left-radius: 1.5em;
padding-left: 1em;
-webkit-background-clip: padding-box;
}

.actions .important li:first-child a, .actions .important li:last-child a {
border-radius: 0.2em;
padding-left: 0.6em;
padding-right: 0.6em;
}

.actions.important a, .actions.important a:visited, .actions.important a:link {
background-color: #C65021;
background-image: -webkit-linear-gradient(#E85E27, #C24F20);
background-image: linear-gradient(#E85E27, #C24F20);
border-radius: 0.35em;
-webkit-background-clip: padding-box;
}

ul.actions:not(:hover) a, .feed a:not(:hover), .plaintext a:not(:hover), .viewer a:not(:hover), .download a:not(:hover) {
opacity: 0.5;
}

.actions.important ul, .actions.important li, .actions.important a {
display: block;
float: left;
max-width: 100%;
max-width: none\9;
}

a, input, button {
-ms-touch-action: none !important;
-ms-touch-action: manipulation !important;
touch-action: manipulation !important;
}
/* Tausta */
body > main, body.modify > main, body > footer {
background-image: url(KUVAN LINKKI);

}

body.modify > main > article {
background-image: url(KUVAN LINKKI);

}

body > header, body.modify > main > article > header {
background-image: url(KUVAN LINKKI);
}

label, legend {
font-size: 0.9em;
color: #0000ff;
}


/*
JegaNet Peda.net Teema V.2
1. Sivulla oleva valikko
2. Taustat
3. Fontit
*/


/* 1. Sivulla oleva valikko */

nav.sub > .sitemap {
opacity: 1;
background-image: url(http://www.newarrivalsinc.com/assets/images/fabrics%20summer%202011/dark%20gray%20solid.jpg);
}

/* 2. Taustat */


/* Teksti Boxi */
input.t, input.tcustom, textarea, .xhtmleditor {
background-image: url(https://s3.amazonaws.com/spoonflower/public/design_thumbnails/0213/1537/2soliddarkgrey_shop_preview.png);
background-size: cover;
background-attachment: fixed;
color: #ffffff;
padding: 0.1em 0.2em;
border: 0.1em solid #B4C0D1;
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}

/* Banner */
body > header
{
background: transparent;
background-size: 100%;
background-position: 0em 0%;
}









/* 3. Fontit */

h1 {
font-family: "Wingdings";
}
header nav.global {
font-family: "Wingdings";
}
body, textarea, input {
font-family: "Comic Sans MS";
}
h1, header .path .service.toplevel a, nav.main h2 {
font-family: "Comic Sans MS";
}


/* Liukuva väri ylhäällä */
header nav.global {
background: transparent;
background-image: linear-gradient(to right, rgba(0,0,128, 0.8) 10em, rgba(27,28,28,0.5) 30em);
color: #ffa;
}











/* Vasemmalla oleva teksti */
nav.main h2 {
display: none;
font-size: 2em;
font-weight: 300;
margin: 0 0 0.25em 0;
color: #FFF;
}



/* Teksti Boxi, mikä on jo kirjoitettu (luettava) */
article article, div.framelessimage, .eventmodify div.question {
color: #ffffff;
background: #000000;
border: solid 0.1em #ffffff;
-moz-box-shadow: 0em 0em 0.2em #ccc;
-webkit-box-shadow: 0em 0em 0.2em #000;
box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.25);
border-radius: 0.25em;
-webkit-background-clip: padding-box;
}

article article.document > header ul.actions {
background: #ff0000;
border-left-color: #00f;
}

article.module, article.learningresource {
color: #000;
background: #000;
}

/* Toiminta napit */
.actions.important a, .actions.important a:visited, .actions.important a:link {
background-image: url(https://i.giphy.com/media/MK3MCHd2ZCwKY/giphy.webp);
border-radius: 1em;
-webkit-background-clip: padding-box;
}

ul.actions.important li.highlight a {
background: #1C8D18;
background-image: url(https://i.giphy.com/media/MK3MCHd2ZCwKY/giphy.webp);
}

.actions .important li:last-child a {
background-image: url(https://alm7.wikispaces.com/file/view/checkmark.png/141280857/252x221/checkmark.png);
border-top-right-radius: 1.5em;
border-bottom-right-radius: 1.5em;
padding-right: 1em;
-webkit-background-clip: padding-box;
}

a:visited {
background-image: url(https://alm7.wikispaces.com/file/view/checkmark.png/141280857/252x221/checkmark.png);
}



/* Lisäyspaikan muutto */
body.modify .dialog > main {
background-image: url(https://media.giphy.com/media/qfE4TebnRssCc/giphy.gif);
color: #000;
}

body.modify .dialog > main h1 {
color: #fff;
}

/* Vasemmalla olevat sivunapit */
nav.main nav.virtualsub li a, nav.main nav.sub .service a {
background: #CB5817;
border: 5px solid #D67A3E;
border-radius: 0.2em;
box-shadow: 0 3px 0 #9C4516;
color: #fff;
margin-left: 0.5em;
padding: 0.2em 0.6em 0.1em 0.6em;
position: relative;
text-decoration: none;
}

/* Varjo alas */
footer.page {
background: rgba(255, 255, 255, 0);
border-radius: 0.1rem 0.1rem 0rem 0rem;
padding: 0.5rem 1rem;
box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0);
}



/* Omat sivut */

main.systemperson ul.pages a, main.systemperson ul.links a {
border: solid rgba(255, 0, 0, 0.1) 0.1rem;
padding: 0.5rem;
margin: 0.5rem;
display: block;
width: 100%;
text-decoration: none;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
}

main.systemperson ul.pages a, main.systemperson ul.links a:hover {
border: solid rgba(255, 0, 0, 1) 0.1rem;
padding: 0.5rem;
margin: 0.5rem;
display: block;
width: 100%;
text-decoration: none;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
background-image: url(http://img34.laughinggif.com/pic/HTTPS9uZXRkbmEud2ViZGVzaWduZXJkZXBvdC5jb20vdXBsb2Fkcy8yMDEzLzA0L0R2ZHA0LmdpZgloglog.gif)
}

/* Yläpalkki */
nav.breadcrumbs {
margin-top: 0.25rem;
background: rgba(0, 0, 0, 0);
color: #777;
border-bottom: #aaa solid 0.05rem;
}

header nav.global nav.sessioncontrol {
float: right;
max-width: 100%;
background: rgba(255, 255, 255, 0);
border-radius: 0rem 0rem 0rem 0.5rem;
overflow: hidden;
padding: 0rem 0.25rem 0.25rem 0.25rem;
}

nav.links > span {
position: relative;
left: 0rem;
height: 0rem;
width: 0rem;
}

/* Nimen tausta */
h1.toplevel a {
display: inline-block;
padding: 0.3rem 1rem 0.3rem 0.5rem;
overflow: auto;
max-width: 100%;
box-sizing: border-box;
background: rgba(0, 0, 0, 0);
}

/* Info */
.info {
color: #fff;
background-color: rgba(4, 93, 255, 0.14);
}

/* Tausta */
main > article.systemrootpage > header, main > article.systemmodulepage > header, article, .formmodule dl.forms dt {
color: #fff;
background: rgba(0, 0, 0, 0);
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
padding: 0.5rem 1.0rem 1rem 1rem;
position: relative;
border-radius: 0.1rem;
}


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