element.style {
}


/* Helpommin nähtävä teksti */
.actions li a, .feed a:link, .plaintext a:link, .viewer a:link, .download a:link {
color: #00c3ff;
text-decoration: none;
text-shadow: 0 1px 0 #9C4516;
}


/* Napit kuten Muokkaa Tyyliä */
.actions ul {
font-size: 0.8em;
color: #fff;
}

/* Fontit */

h1 {
font-family: "Wingdings";
text-shadow: 0 1px 0 #9C4516;
}
header nav.global {
font-family: "Wingdings";
text-shadow: 0 1px 0 #9C4516;
}
body, textarea, input {
font-family: "Comic Sans MS";
text-shadow: 0 1px 0 #9C4516;
}
h1, header .path .service.toplevel a, nav.main h2 {
font-family: "Comic Sans MS";
text-shadow: 0 1px 0 #9C4516;
}

/* Tausta */
html {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
}

/* 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;
}

/* Profiilin tausta (Tavallaan keskellä oleva) */
body > main {
background-image: url(https://s-media-cache-ak0.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
color: #000;
padding-bottom: 1em;
}

/* Teksti Boxi */
input.t, input.tcustom, textarea, .xhtmleditor {
background-image: url(https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/J9H9WF0/blue-turquoise-gradient-polygon-shaped-background-zoomed-in-and-zoomed-out-in-one-motion_nj5dnqsrl__F0000.png);
background-size: cover;
background-attachment: fixed;
color: #000;
padding: 0.1em 0.2em;
margin: 0.1em 0em;
border: 0.1em solid #B4C0D1;
border-radius: 0.25em;
-webkit-background-clip: padding-box;
text-shadow: 0 1px 0 #9C4516;
}
article article, div.framelessimage, .eventmodify div.question {
color: #FF0303;
background: #fff;
border: solid 0.1em #b4c0d1;
-moz-box-shadow: 0em 0em 0.2em #ccc;
-webkit-box-shadow: 0em 0em 0.2em #ccc;
box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.25);
border-radius: 0.25em;
-webkit-background-clip: padding-box;
text-shadow: 0 1px 0 #9C4516;
}
/* Asetuksia, ei kannata koskea */
.maincontentwithnavigation > .contentwrapper > .content > .maincontent {
float: left;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0em;
padding: 0em;
padding-right: 0em;
}

/* Julkisen Kuvaus (proffakuvan alla) */
aside .persondescription {
font-size: 0.2em;
color: #FF0303;
text-shadow: 0 1px 0 #9C4516;
}

/* Banner */
body > header
{
background: transparent;
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: 100%;
background-position: 0em 50%;
border-bottom: solid 0.1em #000;
}

/* Pohjalla oleva boxi */
body > footer {
color: #000;
background-image: url(https://s-media-cache-ak0.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
background-size: cover;
background-attachment: fixed;
}

/* Tekstin väri */
h1 a, h1 a:link, h1 a:visited {
color: #FF0000;
text-shadow: 0 1px 0 #9C4516;
}

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

/* Muokkaa Tyyliä Paikka */
body > main, body.modify > main, body > footer {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
text-shadow: 0 1px 0 #9C4516;
}

body.modify > main > article {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
text-shadow: 0 1px 0 #9C4516;
}

body > header, body.modify > main > article > header {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
}

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

/* Teksti Boxi, mikä on jo kirjoitettu (luettava) */
article article, div.framelessimage, .eventmodify div.question {
color: #FF0303;
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;
text-shadow: 0 1px 0 #9C4516;
}

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;
text-shadow: 0 1px 0 #9C4516;
}

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

.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);
}

/* 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;
text-shadow: 0 1px 0 #9C4516;
}

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;
}

/* Sivu napit */
nav.main nav.sub ul, nav.main nav.sub ul li, nav.main nav.virtualsub ul, nav.main nav.virtualsub ul li {
margin: 0;
padding: 0;
list-style: none;
text-shadow: 0 1px 0 #9C4516;
}

/* Lisäyspaikan muutto */
body.modify .dialog > main {
background-image: url(https://i.pinimg.com/originals/d0/f2/2b/d0f22ba21124dba8fe59dce25575ae67.gif);
color: #000;
text-shadow: 0 1px 0 #9C4516;
}

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: 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;
text-shadow: 0 1px 0 #9C4516;
}