html>body {
margin-right: 0;
}
body {
margin-left: 0;
margin-right: 0;
margin-top: 5em;
margin-bottom: 0;
padding: 0.5em;
background: white none;
font-family: Arial, sans-serif;
/* normaalisivuilla iso line-height
parantaa luettavuutta,
mutta kännykässä venyttää sivua
ehkä vähän liikaakin */
line-height: 1.1em;
font-size: 100%;
}
img {
/* varmistetaan, että kuvat mahtuvat
kapeaankin selainikkunaan */
max-width: 100%;
}
ul.toc {
font-size: 0.7em;
list-style-type: none;
}
ul.toc ul {
list-style-type: none;
}
ul.toc li {
line-height: 1;
}
.video {
float: none;
width: 100%;
margin: 0;
padding: 2px;
}
/* turhat marginaalit pois,
niin listat mahtuvat kunnolla
näytölle */
ul {
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 1em;
padding: 0;
}
li {
padding: 0;
margin: 0;
}
/* poistetaan vähemmän oleellisia
navigointeja, paras olisi, jos
nämä saisi sivun loppuun */
.prev, .next {
display: none;
}
.main {
margin: 0;
padding: 0;
position: static;
overflow: hidden;
}
/* turha logo pois */
.logo {
display: none;
}
/* leivänmuru jätetään sivun alalaitaan */
.breadcrumb {
position: static;
width: auto;
float: none;
background: transparent;
color: black;
}
.breadcrumb .logo {
display: inline;
float: none;
}
.breadcrumb .img {
float: none;
}
body>.breadcrumb {
position: static;
}
.breadcrumb li {
list-style-type: circle;
display: list-item;
border: 0;
float: none;
margin-left: 1.5em;
width: auto;
}
.breadcrumb ul li .logo {
position: static;
float: none;
}
/* sivunavigointi pois */
body>.navbartop {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.5em;
}
.navbartop form {
display: none;
}
.navbartop {
margin: 0;
width: 100%;
display: block;
}
.navbartop ul {
margin: 0;
padding: 0;
}
.navbartop ul li {
display: inline;
margin: 0;
padding: 0;
border-left: 1px solid black;
}
.navbartop ul li:first-child {
border-left: 0;
}
.navbartop ul li a {
display: inline;
padding: 0;
}
.navbartop ul li a:link {
background: none transparent;
padding: 0;
margin: 0;
padding-left: 2px;
padding-right: 2px;
}
.navbartop ul li a:hover {
background: none transparent;
color: black;
padding: 0;
margin: 0;
padding-left: 2px;
padding-right: 2px;
}
.navbartop ul li a:visited {
background: none transparent;
padding: 0;
margin: 0;
padding-left: 2px;
padding-right: 2px;
}
/* muutetaan otsikot järkevän
kokoisiksi */
h1 {
font-size: 120%;
margin: 0;
padding: 0;
padding-top: 0.5em;
}
h2 {
font-size: 110%;
margin: 0;
padding: 0;
padding-top: 0.4em;
}
h3 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: bolder;
padding-top: 0.4em;
}
/* linearisoidaan taulukot */
td, th, tr {
display: block;
border: none;
background: white none;
}
/* erotetaan kuitenkin taulukon rivit */
tr {
border: 1px solid black;
}
table, pre {
max-width: 100%;
}
.url {
font-family: Arial, Sans-Serif;
font-size: smaller;
font-weight: 100;
}
fieldset {
margin: 0;
padding: 0;
}
textarea {
max-width: 100%;
}
#otsake {
display: none;
}
#breadcrumb {
position: absolute;
top: 3em;
left: 0;
margin: 0;
padding: 0;
border: 0;
padding-left: 0.5em;
padding-right: 0.5em;
line-height: 1.3em;
}
#breadcrumb li {
display: inline;
border-left: 1px solid black;
padding-left: 0.5em;
padding-right: 0.5em;
margin: 0;
}
#breadcrumb li:first-child {
border: 0;
padding-left: 0;
}
iframe {
max-width: 100%;
}