/* Börja med att nollställa css-inställningarna eftersom olika webbläsare kan ha olika standardinställningar. Följande är lånat från Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ , motivering finns på http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ .*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 18px; /* 1.5*12px */ color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { /* quotes: """" "";*/ } /* Slut på nollställningskoden. */ /* Här börjar den kod som ger sidorna det utseende de har. */ /* Saker som har samma stil oavsett var på sidan de finns */ /* Gör t ex tangentbordsnavigering möjlig (markerar då aktiva element med "rutor") */ :focus { outline: 1px solid #888; } form :focus { outline: 0; } html,body { color: #000; background-color: #ddd; height: 100%; font-family: Arial, sans-serif; font-size: 12px; } a { text-decoration: none; color: #993333; } a:hover { color: #326699; } a:focus { color: #326699; } /*h1 { background-image: url("img/logga_lak3.png"); width: 70px; height: 70px; display: inline; }*/ h2 { color: #993333; text-transform: uppercase; font-size: 15px; font-weight: bold; border-bottom: solid 1px #cfcfcf; } h3 { color: #111; font-size: 13px; font-weight: bold; } p { margin: 6px 0 6px; } strong { font-weight: bold; } em { font-style: italic; } /* En div som behövs för att Internet Explorer inte fixar att sätta alla inställningar på -elementet */ #container { position: relative; margin: 0 auto; width: 756px; height:auto !important; /* real browsers */ height:100%; /* IE6: treated as min-height*/ min-height:100%; /* real browsers */ padding: 0 0 10px 0; background-color: #fff; border-left: 1px solid #bbb; border-right: 1px solid #bbb; } /* Navigationsdelen, övre delen av sidan, #navigation */ #navigation { float: left; width: 756px; /*764px;*/ height: 25px; margin: 0; padding: 34px 0px 25px; color: #666666; /* background-color: #333;*/ } /* Fix för Internet Explorer 6 */ * html #navigation { padding: 42px -1px 0px 23px; } #logo { float: left; border: 0; margin: -26px 0 0 12px; /* 8px; */ } #navigation ul { padding:3px 10px 0 95px; margin:0; list-style:none; } #navigation li { float:left; margin:0; padding:0 3.5% 5px; font-size: 12px; /*alternative: */ /* padding:0 3% 5px; font-size: 13px; */ font-weight: bold; text-transform: uppercase; /* border-bottom: solid #cfcfcf 1px;*/ } /* Linjen under menylänkarna. Lyckades inte göra det snyggare än så här. :(*/ #navline { float: left; margin: 0 0 0 13px; width: 619px; height: 1px; background-color: #cfcfcf; } #navigation a { color: #666666; } #navigation a:hover { color: #993333; /* text-shadow: #555 0 0 1px */ } #navigation a:focus { color: #993333; } /* Huvudinnehållet, #main. */ #main { float: left; width: 460px; padding: 0 21px 0 42px; } #main h2 { clear: both; padding-left: 0; /* 15px; */ margin: 14px 0 4px; line-height: 1; } #main h3 { /* margin: 14px 0 4px;*/ margin: 6px 0 -6px; } /* Fix för Internet Explorer 6 */ * html #main h2 { line-height: 14px; vertical-align: bottom; } /* slut på fix */ #main img { display: block; margin: 12px auto 22px; } #main img.fileicon { display: inline; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 6px; } #main ol { list-style-type: decimal; padding: 0 10px 0 45px; } #main ul { margin: 6px 0; } img.leftimage { float: left; margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 12px !important; } img.rightimage { float: right; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 12px !important; } /* Sidofältet, #sidebar */ #sidebar { float: right; /* clear: right;*/ width: 170px; padding: 0 42px 0 21px; /* background-color: #c0e; */ } #sidebar h2 { text-align: left; border-bottom: solid 1px #cfcfcf; /* padding: 0 0 0 30px;*/ height: 12px; font-size: 12px; margin-top: 14px; margin-bottom: 4px; line-height: 1.2; } /* Fix för Internet Explorer 6 */ * html #sidebar h2 { line-height: 8px; vertical-align: bottom; } #sidebar h3 { font-weight: bold; } /* #sidebar p { margin: 0 0 14px; }*/ #sidebar ul { list-style-type: disc; padding-left: 4px; margin-left: 13px; } /* Länkknapparna i #sidebar och #footer */ a.linkbutton { position: relative; /*Fix for IE6 */ padding: 2px 0; border: 1px solid #888888; /* #666666; */ width: 97px; /*77px;*/ text-align: center; font-size: 11px; font-weight: bold; line-height: 11px; text-transform: uppercase; color: #666666; } .linkbutton:hover { color: #993333; border: 1px solid #993333; } .linkbutton:focus { color: #993333; border: 1px solid #993333; } /* Listan för länkknapparna på högersidan i #sidebar. */ ul.links { position: relative; /*fixed;*/ /*relative;*/ float:right; padding: 14px 0 0 0px !important; /* margin: 4px 0 0 60px !important; width: 100px;*/ list-style: none; list-style-type: none !important; } ul.links li { position: relative; float:right; padding:0 45px 0 0; margin: 5px 0 5px 0; font-size: 11px; font-weight: bold; font-style: normal !important; text-transform: uppercase; } ul.links li a { display: block; } /* Den nedersta linjen på sidan, #footer (under både #main och #sidebar). */ #footer { /*float: left;*/ clear: both; padding: 15px 42px 25px 42px; /*598px;*/ margin: 0; /* border-bottom: solid 1px #cfcfcf;*/ width: 672px; text-align: right; /* background-color: red; */ } /* Fix för Internet Explorer 6 */ * html #footer { /* padding-left: 605px;*/ } #footer a.linkbutton { float: right; margin: 5px 45px 5px 0; /* margin-right: 54px;*/ } /* Markera vilken sektion och undersektion vi är i just nu. */ .current a { color: #993333 !important; } .currentsub a { color: #993333 !important; border: 1px solid #993333 !important; } /* Flytta upp kontaktrutan något på förstasidan (fult hack). */ .contact { margin-top: 300px; /* margin-top: -150px !important;*/ } /* Tabeller på historiesidan */ table.history { float: left; width: 258px; border: 0; border-collapse: collapse; margin: 15px 11px 0px 11px; } table.history th { text-transform: uppercase; font-weight: bold; } /* Markering av vilken nästa händelse är i internt_program.html */ #nasta { /* background-color: #ddd;*/ } /* Tabellen med poster, internt_poster.html. */ /* border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="99%" id="AutoNumber1" bordercolor="#FFFFFF"*/ #poster { } #poster td { margin: 0; padding: 8px 10px; vertical-align: top; } /* Listan för stämmorna, om_lak_medlemmar.html. Kanske ska ligga i egen fil. */ .voices1 { float: left; clear: left; position: relative; /* display: block;*/ margin-top: 0 !important; width: 230px; height: 170px; /* Krävs för att Internet Explorer 7 ska linjera boxarna på rätt sätt. */ } .voices2 { float: left; position: relative; /* clear: right;*/ /* display: block;*/ margin-top: 0 !important; width: 230px; height: 170px; /* Krävs för att Internet Explorer 7 ska linjera boxarna på rätt sätt. */ } /* Att göra: Fundera igenom hur du egentligen ska ha det... Få ordning på vad som ställs in var. */ .voices1 ul { list-style:none; margin: 0 0; } .voices2 ul { list-style:none; margin: 0 0; } .voice { text-transform: uppercase; font-weight: bold; margin: 10px 0 0 0; } /* Adresslistorna, internt_adresser_*.html */ .memberinfo { float: left; position: relative; padding: 0 0; width: 230px; height: 130px; /* Required for IE7 to make the boxes line up correctly. */ /* line-height: 15px;*/ } /* Låtlistan, internt_inspelning.html */ .song { float: left; position: relative; padding: 0; width: 200px; height: 60px; /* Required for IE7 to make the boxes line up correctly. */ line-height: 14px !important; } .song h3 { margin: 0; padding: 0 0 0 10px; font-size: 12px; } .song ul { margin: 0 !important; padding: 0 0 0 10px !important; } .song li { margin: 0 !important; padding: 0 !important; height: auto; } /* snabblänkarna till stämmorna på adresslistesidan, .quicklinks */ ul.quicklinks { padding: 14px 0 0 0px !important; list-style: none; list-style-type: none !important; float: right; } ul.quicklinks li { float:left; margin: 5px; font-size: 11px; font-weight: bold; font-style: normal !important; text-transform: uppercase; } ul.quicklinks li a { display: block; } .inactive { font-style: italic; } .caption { margin: -15px 30px 5px 30px !important; font-style: italic; } .spacer { clear: both; } /* Slides för bildspel, #slide */ #slide { float: left; width: 712px; padding: 0px 22px 15px 22px; margin: 15px 0 0 0; } /*#slide h2 { clear: both; width: 320px; height: 14px; padding: 0 0 0 32px; margin-left: -22px; margin-bottom: 0px; margin-top: 16px; border-bottom: solid 1px #cfcfcf; line-height: 1.2; } */ /* Fix för Internet Explorer 6 */ /** html #slide h2 { line-height: 10px; vertical-align: bottom; }*/ #slide h2 { clear: both; padding-left: 0; /* 15px; */ margin: 14px 0 4px; border-bottom: solid 1px #cfcfcf; line-height: 1; } /* Fix för Internet Explorer 6 */ * html #slide h2 { line-height: 14px; vertical-align: bottom; } /* slut på fix */ #slide img { /* padding: 5px 10px 5px 10px;*/ padding: 3px; margin: 3px; border: 1px solid white; } #slide p{ margin: 10px 10px 10px 10px; padding: 0 0 0 0; } #slide img:hover { border: 1px solid #993333; } img#activethumb { border: 1px solid #993333; } #slidethumbs img:hover { border: 1px solid #993333; } #slidethumbs { width: 740px; clear: both; }