/* Lisafix til að fá float kassa til að líta rétt úr í design mode */ .frontpage #column-wrapper #col1 .LisaPageItem { float:left; } /*******************************************************************/ /* ESKILL BASE SCREEN STYLESHEET v 1.0 USE RELATIVE UNITS FOR TEXT SIZES, HANDY TOOL: http://riddle.pl/emcalc/ Common sizes relative to 16px base (default in most browsers): 10px = .625em; 11px = .6875em; 12px = .75em; */ * { margin:0; padding:0; } body { font: 0.75em/140% arial, sans-serif; } img { border:0; } a { text-decoration: none; } a:hover {} h1,h2,h3,h4,h5,h6 { color: #333333; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } #content p { margin-bottom: 1em; } /* set basic formstyling */ form {} fieldset { margin: 1em 0; } fieldset legend { color: #000; padding: 0 4px; } input, textarea { font-size: 1em; padding: 2px; border: 1px solid #666; color: inherit; color:#000; } input {} textarea { font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */ input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */ input[type='radio'], input[type='checkbox'] { border: none; } select {} button {} div.field-row { clear:both; padding:3px 0; } div.clubcheck { margin-top: 10px; } div.field-row label { float:left; width:100px; padding:2px 0 0 0; } div.field-row label.follows { float: none; margin-left: 5px; } div.field-row input { width:250px; } div.field-row input.checkbox { width:auto; } div.field-row input.radio { width:auto; float;left; } div.field-row textarea { width:250px; height:100px; font-family:arial, sans-serif; font-size:11px; } div.listobject-form { width:356px; } div.xmas { width: 676px; } div.listobject-form fieldset { margin-top:10px; border:none; } div.xmas fieldset { width: 356px; } div.listobject-form input.button { float:right; border:none; width:89px; cursor:pointer; font-weight:bold; padding:9px 0 10px 0px; text-align:center; outline: none; } div.listobject-form input.left { float: left; margin-top: 15px; } div.listobject-form p { margin:5px 0 5px 100px; } div.listobject-form span.required { font-size:1.2em; margin:0 5px; cursor:help; } div.errors { background:#ffffcc; border:1px solid #E2525C; margin:10px 0; padding:5px; } div.errors ul li { color:#E2525C; } div.xmas div.xmastext { max-width: 250px; } /* skráning í klúbba */ .listobject-form fieldset .field-row select { margin-right:10px; } .listobject-form fieldset .field-row select#day { width:50px; } .listobject-form fieldset .field-row select#month { width:105px; } .listobject-form fieldset .field-row select#year { width:80px; margin:0; } .listobject-form.clubs fieldset legend { color:#ffffff; display:block; font-weight:bold; padding:3px 0 3px 0px; text-transform:uppercase; } .listobject-form fieldset.books .field-row { width:175px; float:left; clear:none; } .listobject-form fieldset.xmasanswer .field-row { float: none; } .listobject-form fieldset.books .field-row.row1 { margin-left:0px; } .listobject-form fieldset.books .field-row.row0 { } .listobject-form fieldset.books .field-row input.checkbox { float:left; } .listobject-form fieldset.books .field-row label { padding-left:8px; float: none; } .listobject-form fieldset.xmasanswer .field-row label { padding-left:8px; float: none; } .listobject-form fieldset.netclub .field-row { width:450px; } .listobject-form fieldset.netclub .field-row input.checkbox { float:left; } .listobject-form fieldset.netclub .field-row label { width:420px; margin-top:-2px; padding-left:8px; } .imgright { float: right; } #credidcardinfo { display:none; } /* mind the font-sizes in tables */ table { font-size: inherit; border-collapse: collapse; } th,td { padding: 2px; } th { text-align: left; } td {} .frontpage #col1 .pi_box td { padding:0px; } ul { list-style: none; } ol {} dl {} dt {} dd {} blockquote {} q {} /* adjust spacing for lists and quotes assumes you have a wrapper around the content with classname content, change this to whatever suits your fancy... */ #content ul, #content ol, #content dl, #content blockquote, #content q { margin: 1em 0 1em 2em; } #content ul { list-style: disc; } #content dd { margin-left: 2em; } /* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */ /* do not change these */ .hidden, .access { display: none; } .eskill-text-link { display: none; } .eskill-image-link { display: none; } /* DEV:TODO: CHANGE THIS */ .left { float: left; } .right { float: right; } .clearthis, .clear, .clearme { clear:both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end of do not change these and hide from IE-mac */ /*= CONTENT ------------------------*/ /* put site specific css below */ #wrapper { width:1022px; margin:0px auto 20px; position:relative; } #header { position:relative; background:url(/lisalib/getfile.aspx?itemid=20b4ef1e-54b3-41d8-89d1-76d2ceeb6f69) no-repeat 0 0; height: 243px; left: 23px; top: 11px; } #header .logo { position:absolute; outline:none; text-indent:-9999px; } #templatepic { position:absolute; } #column-wrapper { width:975px; margin:0 21px; padding:15px 0 ; position:relative; border:2px solid #fff; border-top:none; } #banner { width:976px; padding:0px 2px 2px; margin:0 21px; position:relative; height:255px; background:#fff; } #banner ul { } #banner li { display:none; position:absolute; top:75px; left:2px; height:255px; width:976px; } #banner li.img1 { display:block; } #col1 { width:470px; min-height:500px; float:left; margin:0 0 0 255px; padding:0; display:inline; } #col2 { width:245px; float:left; margin:0 0 0 -725px; padding:0; display:inline; } #col3 { width:225px; float:left; margin-left:15px; padding:0; display:inline; } #frontpage-container {text-align: center;} #frontpage-container div { margin-bottom: 1em;} .subpage #col1 { width:710px; margin: 0 15px 20px 255px; } .subpage #col2 { margin:0 0 0 -980px; } .subpage #col1 #content { min-height:550px; } .subpage.noleftpanel #col1 { width:980px; margin:0; } #nav { height:34px; width:976px; text-align:center; position:absolute;left:23px; top:208px; } #nav ul { margin-left:65px; } #nav ul li { display:inline; } #nav ul li.first a { background:none; } #nav ul li.selected a{ color:#fdd600; } #nav ul li a { color:#ffffff; font-size:1.45em; padding:9px 14px 11px 16px; display:block; float:left; } #nav ul li a:hover { color:#fdd600; } #nav ul li.selected a { color:#fdd600; } #subnav { height:35px; width:976px; position:absolute; left:23px; } #subnav ul { height:35px; } #subnav ul li { height:26px; width:65px; margin:5px; float:left; } #subnav ul li a { text-indent: -9999px; outline:none; display:block; height:26px; width:65px; } #subnav .item1 { background:url(/lisalib/getfile.aspx?itemid=eb3b7595-33b1-4260-92e3-2bd984a1cda6) no-repeat; } #subnav .item2 { background:url(/lisalib/getfile.aspx?itemid=93d10568-7746-41ee-a3a1-33e61cf9d108) no-repeat; } #subnav .item3 { background:url(/lisalib/getfile.aspx?itemid=80c85dc1-ca24-44a6-b79b-88b528ec73df) no-repeat; } #subnav .item4 { background:url(/lisalib/getfile.aspx?itemid=aa44032e-bac7-45b5-bc3f-b9772f41ad0c) no-repeat; } #subnav .item5 { background:url(/lisalib/getfile.aspx?itemid=fe184050-e12e-4535-a344-04ecbd1c6614) no-repeat; } #subnav .item6 { background:url(/lisalib/getfile.aspx?itemid=0db17a01-32ae-4089-acf1-98176c4f1b00) no-repeat; } #subnav .item7 { background:url(/lisalib/getfile.aspx?itemid=e5fabc22-0484-4200-a741-a6c32f7ba5c7) no-repeat; } #subnav .item8 { background:url(/lisalib/getfile.aspx?itemid=abd3c924-e121-48bd-ae6e-b23441af2b50) no-repeat; } #footer { height:50px; } #col2 .adscontainer { position:absolute; bottom:0px; left:10px; } /* ads margin */ .frontpage #col1 .pi_box.item3 { float:left; width:225px; height:225px; margin-right:20px; } .frontpage #col1 .pi_box.item4 { float:left; width:225px; height:225px; } .ads { margin-bottom:15px; } #col2 .ads { margin-left:15px; } #banner .ads { margin:0; } /* PRODUCTS ON FRONTPAGE */ .frontpage #col1 ul.productgrid li { margin: 0; } .frontpage #col1 .item0 { float: left; } .frontpage #col1 .item1 { float: right; } .frontpage #col1 .item2 { clear: both; padding-top: 23px; } /***** Subpages *****/ /*** Content ***/ /* Paging */ .paging { width:560px; height:20px; margin:20px 0 20px 20px; } .paging #prevpage { padding-left:10px; float:left; width:75px; font-size:1.08em; color:#cc6600; } .paging #nextpage { padding-right:10px; float:right; width:75px; font-size:0.93em; color:#cc6600; } .paging ul.pagelinks { width:560px; list-style:none; } .paging ul.pagelinks li { float:left; width:23px; text-align:center; } .paging ul.pagelinks li a { display:block; color:#51683a; } .paging ul.pagelinks li a.selected { color:#cc6600; } /*****************************************/ /* Bakgrounds to change for new template */ /* logo í haus */ #header .logo { top:33px; left:25px; height:118px; width:416px; background:url(/lisalib/getfile.aspx?itemid=b5b192b2-a2c1-4c66-9602-5cbc0ce43c35) no-repeat; } #templatepic { height:230px; width:160px; right:-5px; top:6px; background:url(/lisalib/getfile.aspx?itemid=9006a132-44b3-41f0-82d7-ad5246681663) no-repeat; } /* litir og bakgrunnar */ body { background:#3690c2 url(/lisalib/getfile.aspx?itemid=98a9b00d-7dbd-46be-9cb7-3670363a8ac2); } /* ljósblái bakgrunnurinn á síðunni */ body.nuid { background: #ee2020 none; } body.nuid #content, body.nuid #header { background-image: none; } #column-wrapper { background:#fff; color:#000; } /* rauði bakgrunnurinn á content svæðinu */ #subnav { background:#000; } /* svarti liturinn á undir valmynd */ #nav { background:url(/lisalib/getfile.aspx?itemid=2f2bc910-e757-4323-9886-59d6db77f511) no-repeat; } #nav ul li a { background:url(/lisalib/getfile.aspx?itemid=be165209-34bf-4e21-a65b-3a4046a4322c) no-repeat left; } /* rauði splitterinn á menuinum */ div.listobject-form input.button { color:#000000; background:url(/lisalib/getfile.aspx?itemid=90e0ea4f-777e-475d-b70b-6fc5e96f3de4) no-repeat; } /***Gifts***/ div.field-row .checkboxgift label { width:317px; margin-left:17px } div.field-row .checkboxgift input { float:left; } .listobject-form { margin-left: 1em; }