Show sourcecode
The following files exists in this folder. Click to view.
bla.css
debug.css
empty.css
forms.css
hiphop.css
menyprov.css
stylesheet.css
stylesheet_blue.css
stylesheet.css
282 lines UTF-8 Unix (LF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
/* Importera style för formulär */
@import url(forms.css);
/* ---- följande google-fonter kan användas i t.ex klasser som nedan
tack vare import av typsnittet via @importurl'en ----- */
@import url(http://fonts.googleapis.com/css?family=Tangerine);
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(http://fonts.googleapis.com/css?family=UnifrakturCook:bold);
.font1{font-family:Tangerine,serif;font-size:48px;}
.font2{font-family:Permanent Marker,serif;font-size:24px;}
.font3{font-family:UnifrakturCook,serif;font-size: 48px;}
/*------- SLUT google-fonter --------- */
html {
background: #ADDAFF;
margin:0;
padding:0;
overflow-y:scroll;} /* Always display the scrollbar, avoid flipping pages */
/* Common margin & padding for all browsers */
html {
}
/* html5 elements ------*/
header,footer,nav,article,section,
aside,figure,figcaption{display:block;}
/* Slut html5 elements ------*/
body {
margin: 0px auto;
padding:0;
}
/* highlight current choice in navigation menu ---*/
body#index a#index-,
body#sida1 a#sida1-,
body#test a#test-,
body#linedance a#linedance-,
body#lankar a#lankar-,
body#bilder a#bilder-,
body#bandvagn a#bandvagn-,
body#style a#style-,
body#source a#source-
{
background:#ffcc00; border:2px solid #656565;
}
/* SLUT highlight current choice in navmenu ---*/
/* header---- */
div#top {}
/* navigation menu -----*/
nav.navmenu {
display: block;
padding: 0.2em 1em 0 1em;
background: #cc3333;
border-bottom: 2px solid #ff9900;
}
nav.navmenu a {
padding: 0.3em 1em 0 1em;
color: #000000;
font-family: verdana, Geneva, sans-serif;
font-weight: bold;
text-decoration:none;
}
nav.navmenu a:link { }
nav.navmenu a:visited { }
nav.navmenu a:hover { color: #111111; background: #ffcc33; }
nav.navmenu a:active { }
/* SLUT navigation menu -----*/
/*--- navigation menu --- navmenu, related links & login */
nav.navmenu {
font-family: arial;
font-weight: bold;
padding: 2px 8px;
background:#656565;
border:2px solid #858585;
}
nav.navmenu a {padding:6px 8px;text-decoration:none;border:2px solid transparent;color:#fff;}
nav.navmenu a:hover {background:#858585;border:2px solid #656565;}
nav.related,
nav.login {padding: 0.2em 1em 0.3em 1em;font-size:smaller;color:#666;}
nav.login {float:right;}
/*--- SLUT navigation menu related, login --*/
/* SLUT header---- */
/* navigation menu for vertical menus ---*/
nav.vmenu ul,
nav.vmenu ul ul {list-style:none;padding:0;margin:0;}
nav.vmenu ul ul li a {display:list-item;padding:2px 0 2px 0;}
nav.vmenu ul ul li a:hover {background-color:#E6E6E6;}
/* use custom image for list marker, cross-browser solution (?) */
nav.vmenu ul ul li a {
background-image: url(../img/favicon_dbwebb.png);
background-repeat: no-repeat;
background-position: 4px 4px;
padding-left: 22px;
}
ul#kmom02-pagestyle li#pagestyle > a,
ul#kmom03-get li#get > a,
ul#kmom03-getform li#getform > a,
ul#kmom03-postform li#postform > a,
ul#kmom03-validate li#validate > a,
ul#kmom03-server li#server > a,
ul#kmom03-sessiondestroy li#sessiondestroy > a,
ul#kmom03-sessionchange li#sessionchange > a,
ul#kmom03-session li#session > a,
ul#kmom03-create-password li#create-password > a
{background-color:#E6E6E6;}
/* --- SLUT vertical menu ---*/
div#wrapper {
margin: 12px auto;
width: 1000px;
padding: 8px;
background: #ffffcc;
border: 1px solid #000000;
font-family: Georgia, serif;
color: #333333;
-moz-box-shadow: 10px 10px 5px #666;
-webkit-box-shadow: 10px 10px 5px #666;
box-shadow: 10px 10px 5px #666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div#content { border: 2px dashed #000;
/*clear: both;*/
}
/* Kolumner */
div#col-left {
float:left;
padding: 4px;
width:19%;
background:#A7BFAA;
}
div#col-right {
float:right;
padding: 4px;
width:19%;
background:#A7BFAA;
}
div#col-main {
float:left;
padding: 4px;
width:59%;
background:#DFFFE3;
overflow:auto;
}
/* SLUT Kolumner */
h1 {
/*text-transform: uppercase;*/
border-bottom: 4px double #333333;
}
/* figure & figcaption -----*/
figure {border:0px solid #E6E6E6;padding:4px;margin:1em;}
figcaption {font-style:italic;font-size:smaller;padding:1em 0em;}
figure.right{margin-right:0;}
figure.top{margin-top:0;}
figure.fullwidth{margin-left:0;margin-right:0;}
/* SLUT figure & figcaption -----*/
/* Footer ---*/
div#footer a {
font: italic 0.8em Arial, Helvetica, sans-serif;
text-decoration:none;
color: #999999;
}
div#footer a:link { }
div#footer a:visited { }
div#footer a:hover {
text-decoration:underline;
color: #333333;
}
div#footer a:active { }
footer.byline {
clear: both;
border-top: 1px dashed #999999;
margin-top:2em;
padding: 1em;
color: #555555;
font-size: smaller;
font-style:italic;
}
footer.byline img {
padding:2px;outline:#999999 groove 1px;
}
/* SLUT Footer ---*/
/* Misc classes ---*/
.right {float:right;}
.left {float:left;}
.clearfloat {clear: both;}
.block{display:block;}
.inline{display:inline;}
.background{background:#ccf;}
.shadow {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
.rounded-corner-all {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gradient1 {
background: -webkit-gradient(linear, left top, left bottom, from(#FFD1D1), to(#FF1F1F));
background: -moz-linear-gradient(top, #FFD1D1, #FF1F1F);
}
.gradient2 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFD1D1), color-stop(0.60, #FF1F1F), color-stop(1.00, #FFD1D1));
background: -moz-linear-gradient(top, #FFD1D1 0%, #FF1F1F 60%, #FFD1D1 100%);
}
.opaque1 {background:hsla(0,50%,80%,1);}
.opaque2 {background:hsla(0,50%,80%,0.66);}
.opaque3 {background:hsla(0,50%,80%,0.33);}
.opaque4 {background:hsla(0,50%,80%,0.10);}
.rotate {
transform:rotate(30deg);
-ms-transform:rotate(30deg); /* IE 9 */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}
/* Display code in a block */
blockquote.code {font-family:monospace;
white-space:pre;
background:#F2F2F2;
margin-left:0;
margin-right:0;
padding-left:0.5em;
border:1px solid #999;
overflow:auto;
}
/* SLUT Misc classes ---*/
/* clearer fix */
div#content {overflow:auto;}
/* SLUT clearer fix */
/* clear fix enligt boken "Stila med CSS" som
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "."; /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
display: block; /* inline-element reagerar inte på egenskapen clear */
height: 0; /* ser till att punkten inte är synlig */
clear: both; /* får behållaren att frilägga punkten */
visibility: hidden; /* försäkrar ytterligare att punkten inte är synlig */
}
.clearfix {display: inline-block;} /* en fix för IE Mac */
/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på clear fix enligt boken "Stila med CSS" sidan 143 */
}