Velkommen til Gjerrigknarkens Julekalender 2012 --> --> /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @import url(http://fonts.googleapis.com/css?family=Mountains+of+Christmas:400,700); .h1Wrapper{ clear: both; width:100%; float:left; height:140px; } h1{ font-family: 'Mountains of Christmas', cursive, Impact, Times new roman; color: #a90329; color: #de0033; color: #ff0000; font-size:46px; text-align:center; line-height:1.25; font-weight:900; padding-top:10px; margin-left:10px; margin-right:10px; position:absolute; left:0; top:0; text-shadow: 2px 2px 22px #ff0000; } h2{ font-family: "Myriad Pro",Helvetica; font-size:20px; display:block; clear:both; font-weight:700; float:left; color:#362f2d; margin-top:5px; margin-bottom:10px; width:440px; } a:hover, a:visited:hover, a:link:hover{ color:orange; } a:link, a:visited{ color:inherit; } h2 .error{ color:red; } body{ font-family: "Myriad Pro",Helvetica; line-height:1; overflow:scroll; } .pageWrapper{ max-width:810px; overflow:hidden; line-height:1; } /*.videoWrapper{ width:inherit; height:inherit; z-index:960; top:0; left:0; position:absolute; overflow:hidden; max-width:760px; }*/ .audioWrapper{ z-index:9999; position:absolute; right:40px; bottom:10px; width:40px; height:40px; background-repeat:no-repeat; padding:0; line-height:1; } video{ /*z-index:1;*/ } .video{ /*height:800px; width:800px; max-width:800px; max-height:800px;*/ background-image:url('/images/background_static2.jpg'); overflow:hidden; } audio, .audio{ display:none; } .audioController{ width:40px; height:40px; background-repeat:no-repeat; overflow:hidden; padding:0; line-height:1; } .audioController #on, .audioController #off{ padding:0; margin:0; line-height:1; width:40px; height:40px; background-repeat:no-repeat; opacity:0.6; display:inline-block; } .audioController #on{ background-image:url('/images/soundon.png'); } .audioController #off{ background-image:url('/images/soundoff.png'); } .audioController:hover{ opacity:1.0; cursor:pointer; } .pageWrapper{ background-image: url('/images/background.jpg'); background-repeat:no-repeat; position:relative; /*z-index:1001;*/ width:inherit; height:inherit; } .theRestWrapper{ float:left; clear:both; position:relative; height:660px; } .Gjerrigknarken{ background-image: url('images/gjerrigknarken2.png'); background-repeat:no-repeat; background-position: 5px 5px; position:absolute; bottom:30px; left:5px; height:541px; width:212px; z-index:950; } .arad label:hover, .arad:hover{ background-color:yellow; cursor:pointer; } .arad.highlightRadio label:hover, .arad.highlightRadio:hover{ background-color:#598527; color:#000000; } .highlightRadio{ background-color:#598527; color:#ffffff; } .disclaimer{ position: absolute; bottom:15px; color:gray; text-align:center; width:100%; font-size: 12px; white-space: nowrap; padding-left:10px; padding-right:10px; display:none; } .whiteBox{ /*z-index:1001;*/ opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); background-color:#ffffff; border-radius:12px; height:500px; width:760px; margin-left:25px; display:none; } .form{ /*float:right;*/ padding:10px; width:380px; /*padding-right:0px; position:absolute; right:0px; bottom:195px;*/ /*z-index:9999;*/ } .inputholder{ float:left; clear:both; display:block; margin-bottom:10px; padding-right:30px; font-size:10pt; } input, .inputholder input[type=text]{ width:350px; font-size:16pt; color: #c0c0c0; padding:4px; border-radius:4px; -webkit-box-shadow: inset 1px 1px 6px 0px #c0c0c0; box-shadow: inset 1px 1px 6px 0px #c0c0c0; } .form .buttonholder{ float:right; clear:both; display:block; text-align:right; } .smalltext{ font-size:10px !important; color: #666666; } .buttonholder{ float:right; clear:both; display:block; margin-top:5px; padding-right:0; background: #a90329; margin-right:30px; border-radius:4px; } .buttonBackground{ background: #a90329; border-radius:4px; } .button:link, .button:visited, .button:link:hover, .button:visited:hover{ color: #ffffff; } .button{ display:inline-block; border-radius:4px; color: #ffffff; text-align:right; padding: 8px; padding-left:15px; padding-right:10px; text-decoration:none; font-size:16pt; -webkit-box-shadow: 1px 1px 6px 0px #666666; box-shadow: 1px 1px 6px 0px #666666; white-space: nowrap; font-family: 'Myriad Pro'; text-shadow: 1px 1px 1px #E3B3B3; background: #a90329; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */ background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */ } @keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-moz-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } @-o-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .actionArrow{ animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1.0,0,0,1.0); animation-duration: 1s; -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -webkit-animation-duration: 1s; -moz-animation-name: blinker; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -moz-animation-duration: 1s; -o-animation-name: blinker; -o-animation-iteration-count: infinite; -o-animation-timing-function: cubic-bezier(1.0,0,0,1.0); -o-animation-duration: 1s; } .info{ width: 530px; position:relative; margin-right:5px; float:right; } .infoWrapper p{ float:left; display:block; clear:both; line-height:1.4; margin-bottom:20px; margin-top:0px; padding-left:0px; width: 470px; } .infoWrapper p:first-child{ margin-top:0px !important; } .sjokolade{ float:right; margin-left:2px; } .prize{ width: 420px; float:right; clear:right; } .prize p{ font-family: "Myriad Pro"; line-height:1.5; color:#696969; margin-bottom:15px; } .prize p:last-child { margin-bottom:15px; } strong{ font-weight:700; } .logout, .ps{ clear:both; bottom:175px; right:30px; position:absolute; color:#696969; margin:0; padding:0; z-index:1007; font-size:14px; max-height:30px; } .logout a{ text-decoration:none; } .statusBox{ clear: both; float:right; text-align:right; width:380px; font-size:15px; line-height:1.4; font-family: "Myriad Pro"; border-radius:8px; padding-left:25px; background-image:url('/images/arrow-red.png'); background-repeat:no-repeat; background-position:-15px 0px; color:red; overflow:visible; } .prizeTotal{ display:block; clear:both; font-size:18px; margin-bottom:14px; } .morePrizes{ font-size:12px; } label.error{ color:red; font-size:12px; clear:left; float:left; display:block; width:350px; } .big{ font-size:140%; } .underline{text-decoration:underline;} .info .text{ display:inline-block; clear:both; float:left; line-height:1.4; } .inviteCode{ background-color:#fff568; z-index:1007; font-size:12px; border: 1px solid #c0c0c0; box-shadow:none; color:black; padding:4px; opacity: 0.8; border-radius:0; height:24px; width:260px; } .red{ color: red; } .black{ color:black; } .shareEmail, .shareFacebook, .shareTwitter{ display:inline-block; height:24px; width:24px; margin:0; padding:0; border:0px solid #c0c0c0; vertical-align:bottom; opacity:0.5; background-repeat:no-repeat; background-position: 0 0; border-radius:2px; margin-left:4px; } .shareFacebook{ background-image: url('/images/facebook.png'); } .shareTwitter{ background-image: url('/images/twitter.png'); } .shareEmail{ background-image: url('/images/email.png'); } .shareEmail:hover, .shareTwitter:hover, .shareFacebook:hover{ opacity:1.0; } .clearBoth{ clear:both; } .clearLeft{ clear:left; } .clearRight{ clear:right; } .floatLeft{ float:left; } .floatRight{ float:right; } .pp{ line-height:1.6; } #regForm{ } /************************************ Calendaar ****************************************/ .calendarWrapper{ position:absolute; left:240px; top:20px; width:510px; } .hatch{ width:110px; height:80px; float:left; margin-left:10px; border:3px dotted white; border:3px dashed #c0c0c0; margin-top:10px; text-align:center; border-radius:4px; font-size:60px; font-weight:bold; color:#c0c0c0; color:red; font-family:'Mountains of Christmas',cursive,Impact,Times New Roman; opacity:0.5; position:relative; /*z-index: 9800;*/ } .hatch.current{ text-shadow: 2px 2px 22px #ffffff; /*filter: dropshadow(color=#ffffff, offx=2, offy=2);*/ opacity:0.7; } .hatch:hover{ cursor:pointer; opacity:1; font-size:80px; text-shadow: 2px 2px 22px #ffffff; /*filter: dropshadow(color=#ffffff, offx=2, offy=2);*/ } .hatchInner{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:0; line-height:1; /*z-index: 9999;*/ } .glow{ text-shadow: 4px 4px 44px #fff200 !important; /*color: #fff200 !important;*/ font-size:88px !important; } .hatchScreen .contentWrapper{ padding:20px; padding-left:30px; line-height:1.4; font-family: "Myriad Pro"; /*background-image:url('/images/toe.png');*/ background-repeat:no-repeat; background-position: right top; min-height: 150px; } .hatchScreen .contentWrapper h1{ color: #362F2D; font-family: "Myriad Pro",Helvetica; position:relative; margin:0; padding:0; font-size: 30px; margin-bottom:0; padding-bottom:0; text-align:left; float:left; clear:both; text-shadow:none; font-weight: 900; border-bottom:3px dotted red; display:none; } .hatchScreen .contentWrapper h2{ margin-top:0px; font-size: 26px; margin-bottom:0; padding-bottom:0; white-space:nowrap; } .hatchScreen .contentWrapper h2:first-child{ margin-top:0px; } .hatchScreen .contentWrapper p{ padding-top:10px; } .hatchScreen .contentWrapper input[type=radio]{ color:black; width:auto; border:1px solid gray; } .a{ display:block; clear:both; } .extraPadding{ padding-bottom:20px; } .hatchScreen .contentWrapper .buttonHolder{ padding-top:20px; float:right; display:inline-block; } .hatchScreen .contentWrapper .todaysQuestion{ font-size: 120%; color:#6D0019; font-style:italic; } .contentWrapper.msg{ width:270px; overflow:hidden; color:gray; height:50px; padding-top:0; margin-top:0; margin-bottom:0; padding-bottom:0; } #loader{ text-align:center; font-size: 26px; } #welcome .contentWrapper{ padding:20px; line-height:1.4; width:610px; background-image:url('/images/toe.png'); background-repeat:no-repeat; background-position: right top; } #welcome .contentWrapper p{ padding-bottom:15px; line-height:1.8; } #welcome .contentWrapper h2{ width:610px; font-size:30px; font-weight:900; } #compwovs{ margin-top:8px; color:#c0c0c0; } .pointLink{ color:red !important; } .pointLink:hover{ color:black !important; } .winlist, .hatchList{ padding-left:30px; } .winlist li, .hatchList li{ margin-top:6px; } .challenges{ line-height:1.4; margin-top:30px; padding-left:30px; } .challenges li{ margin-top:10px; } --> Velkommen til Julekalenderen - klikk for å åpne dagens luke 24 17 7 19 22 5 3 21 16 9 13 6 2 10 4 11 12 23 14 20 8 18 1 15 Informasjon om årets julekalender: Hovedpremiene i årets julekalender er iPhone 5 , Samsung Galaxy S3 og Nintendos nye spillkonsoll Wii U . I tillegg kan du hver dag vinne 10 flaxlodd fra Norsk Tipping og 5 sjokoladeposer fra Nidar . --> Som en ekstra bonus trekker vi også daglig ut vinnere av ulike produkter fra nettbutikken MeWant.no . For hver luke du åpner, øker du sjansen din til å vinne en av hovedpremiene. Så det lønner seg å komme innom julekalenderen hver dag i desember! Dersom du er på Facebook forutsetter vi at du liker siden vår for at du skal kunne vinne premier → OBS: Dersom du skulle få problemer med julekalenderen, feks treg responstid, at skjermbildet som kommer opp er blankt eller at nettleseren krasjer kan du klikke her for å deaktivere lyd og animasjoner . Gå til julekalenderen » Ok, lukk dette vinduet » Gjerrigknarken sier: Denne luken har allerede blitt åpnet! Gjerrigknarken sier: Denne luken kan ikke åpnes enda! -->