/*---------------------------------------------------------------------------------- Dette er CSS-filen der bestemmer, hvordan hele siden skal se ud. Den har ikke noget med sidens opbygning (placering af boksene) at gøre. Der er to forskellige slags designs på Eforens side: * Forsiden, og * De øvrige sider, og hver type indeholder visse elementer, der ikke findes på den anden. Forsiden er bygget således op: * Den øverste del (logo + navigation) * "Featured-området" * Det "sociale område" * Bunden De øvrige sider er bygget således op: * Den øverste del (logo + navigation) * Overskriften * Indholdet (tekst + google map) * Bunden Indhold: 1. BASISINDSTILLINGER 1.1. Standardfonttype, -størrelse o.l. 1.2. Hyperlinks 1.3. "Containere" 1.4. Effekter, der bruges på overskrifter 2. DEN ØVERSTE DEL AF SIDEN 2.1. Generel styling 2.2. Logoområdet 2.2. Navigationen 3. DEN MIDTERSTE DEL AF SIDEN 3.1. Featured-området 3.1.1. Billedet 3.1.2. Teksten 3.1.3. Knapperne 3.2. Overskrift 3.3. Indholdet 3.4. Social-området 4. BUNDEN 4.1. Generel styling 4.2. Venstre boks 4.3. Højre boks ----------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------- 1. BASISINDSTILLINGER ----------------------------------------------------------------------------------*/ /* 1.1 Standardfonttyper, størrelse o.l. */ @font-face { font-family: Graublau; src: url('../fonts/GraublauWeb.otf'); } @font-face { font-family: Graublau; font-weight: bold; src: url('../fonts/GraublauWebBold.otf'); } body { font-family: arial, serif; font-size:14px; line-height: 1.5; color:#333; background-color:white;} h1,h2,h3,h4,h5,h6 {font-family:'Graublau', arial, serif; font-weight:bold; color:#333; background-color:transparent;} p,h1,h2,h3,h4,h5,h6 {margin: 0;} h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* 1.2. Hyperlinks */ a:link,a:visited {text-decoration: none; color:#06a0f0;} a:hover {text-decoration: underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {text-decoration: none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /* 1.3. "Containere */ #globalContainer {} #topContainer {background:url(../images/bg.jpg);} #socialContainer {background:url(../images/bg-content-top.png) repeat-x top center; min-height:300px; padding:30px 0;} * html #socialContainer {height:550px;} #contentContainer {} #footerContainer {} /* 1.4. Effekter, der bruges på overskrifter */ #nav a { text-shadow:#000 1px 2px 0;} #featured h1{ text-shadow:#000 1px 2px 0;} #logo .site-title a { text-shadow:#000 1px 2px 0;} #featured.forside h2 { text-shadow:#000 1px 2px 0;} #featured.forside p { text-shadow:#000 0px 1px 0;} a.button span { text-shadow:#fff 0px 1px 0;} a.button span:hover { text-shadow:yellow 0px 0px 2px;} #nav li ul li a { text-shadow:none;} a.button:hover { opacity:0.95; } /*---------------------------------------------------------------------------------- 2. DEN ØVERSTE DEL AF SIDEN ----------------------------------------------------------------------------------*/ /* 2.1. Generel styling */ #header {background:url(../images/bg-top.png) repeat; padding:25px 0 20px; position:relative;z-index:10;} /* 2.2. Logoområdet */ #logo { } #logo .site-title, #logo .site-title a {display:block;color:#ffffff;font-size:60px;font-weight:bold;line-height:40px;text-transform:uppercase;letter-spacing:1px;} #logo .site-title a:hover {text-decoration:none;color#eee;} /* 2.2. Navigationen */ #nav {text-align:right;z-index:100;margin:0;padding-top:10px;list-style:none;line-height:1;} ul#nav {margin-top:9px;} #nav ul {z-index:100;margin:0;list-style:none;line-height:1;} #nav a {display:block;z-index:100;padding:0 10px;line-height:28px;font-size:17px;color:#fff;text-decoration:none;font-family:'Graublau', arial, serif;} #nav li {float:right;width:auto;padding:2px 5px;} #nav li:hover, #nav li.current_page_item {background:#222;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;} #nav li li.current_page_item {background:none;} /*---------------------------------------------------------------------------------- 3. DEN MIDTERSTE DEL AF SIDEN ----------------------------------------------------------------------------------*/ /* 3.1. Featured-området */ #featured {background:url(../images/bg-border-top.png) repeat-x top left;} /* 3.1.1. Billedet */ #featured.forside .featured-billede {width:350px;position:relative;text-align:center;padding-top:10px;} /* 3.1.2. Teksten */ #featured.featured-tekst {width:590px;} #featured.forside h2 {font-size:48px;padding:20px 0 30px;} #featured.forside p {font-size:20px;line-height:30px;color:white;} /* 3.1.3. Knapperne */ #featured a.knap { background: url(../images/btn-featured-right.png) no-repeat scroll top right; display: block; float: left; height: 44px; padding-right: 16px;text-decoration: none;color: #777;font-family:Arial, Helvetica, sans-serif; font-size:22px;margin:30px 30px 20px 0;letter-spacing:-1px;} #featured a.knap span { float:left; background: url(../images/btn-featured.png) no-repeat; display: block; line-height: 44px; padding: 0px 10px 0px 55px; } #featured a.knap:hover span{ text-decoration:none; color:#0066CC; } #featured a.knap:hover { cursor:pointer;} /* 3.2. Overskrift */ #overskrift h1 {font-family:'Graublau', arial, serif;font-weight:normal;padding:25px 0;text-shadow:#000 1px 1px 0;} #featured h1,#featured h2 {font-family:'Graublau', arial, serif;font-weight:normal;color:#ffffff;font-size:40px;line-height:40px;letter-spacing:-1px;} #featured h2 {font-family:'Graublau', arial, serif;font-weight:normal;color:#ffffff;font-size:40px;line-height:40px;letter-spacing:-1px;} /* 3.3. Indholdet */ #content {} #content p,#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {margin:0 0 15px 0;} #content blockquote {padding:10px 30px; #666;font-family:'Graublau';font-size:18px;font-style:italic;} #content blockquote p {} #content ul {margin:0 0 15px; padding:0 0 0 30px;} #content ul ul {margin:0;} #content ul li {list-style-type:circle;} #content ul ul li {list-style-type:disc;} #content ol {margin:0 0 15px; padding:0 0 0 30px;} #content ol ol {margin:0;} #content ol li {list-style-type:upper-latin;} #content ol ol li {list-style-type:lower-latin;} /* 3.4 Social-området */ #social {} .kol-padding { padding-top:15px; } /*---------------------------------------------------------------------------------- 4.3. BUNDEN ----------------------------------------------------------------------------------*/ #footer{background: #232323 url(../images/bg-footer-top.png) repeat-x top center; font-size:12px;padding: 20px 0;border-top: 1px solid #eee; } #footer #adresse, #footer #taktil { color: #777; } #footer #adresse a, #footer #taktil a { color: #999; } #footer #footer-taktil { background:url(../images/bg-footer-bevel.png) repeat-x top center; padding:25px 0 20px; margin: 20px 0; } #footer #adresse img{vertical-align:middle;} #footer #adresse span{display:none;}