/* CSS RESET */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; }.GCol, .GBox-1, .GBox-2, .GBox-3, .GBox-4, .GBox-5, .GBox-6, .GBox-7, .GBox-8, .GBox-9, .GBox-10, .GBox-11, .GBox-12 { float: left; margin-right: 10px;} .GLast { margin-right: 0; }.GBox-1 { width: 50px; }.GBox-2 { width: 110px; }.GBox-3 { width: 170px; }.GBox-4 { width: 230px; }.GBox-5 { width: 290px; }.GBox-6 { width: 350px; }.GBox-7 { width: 410px; }.GBox-8 { width: 470px; }.GBox-9 { width: 530px; }.GBox-10 { width: 590px; }.GBox-11 { width: 650px; }.GBox-12{margin-right: 0; width: 720px; }.GBorder { border-right: 1px solid #DDDDDD; margin-right: 5px; padding-right: 4px;}.GColBorder {border-right: 1px solid #DDDDDD; margin-right: 25px; padding-right: 24px;}/* * minimal base styles */ /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ body, select, input, textarea { color:#444; } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /* www.aestheticallyloyal.com/public/optimize-legibility/ */ h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; } /* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:active { outline: none; } a:focus { outline: thin dotted; } a, a:active, a:visited { color:#607890; } a:hover { color:#036; } ul { margin-left:30px; } ol { margin-left:30px; list-style-type: decimal; } ul, ol { margin-bottom: 1.5em;} small { font-size:85%; } strong, th { font-weight: bold; } td, td img { vertical-align:top; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .IE6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background:#FF5E99; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .IE7 img { -ms-interpolation-mode: bicubic; } /* * Non-semantic helper classes */ /* for image replacement */ .IR { display:block; text-indent:-999px; overflow:hidden; background-repeat: none; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .Hidden { display:none; visibility:hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */ .VisuallyHidden { position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .Invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX << */ .ClrFx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ClrFx { display: inline-block; } * html .ClrFx { height: 1%; } /* Hides from IE-mac \*/ .ClrFx { display: block; } /* horizontal line */ hr.Line {background:#ddd; color: #ddd; clear:both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; border: none;} hr.LinePlus {background:#ddd; color: #ddd; clear:both; float: none; width: 100%; height: 1px; margin: 0 0 1.45em; margin-top: 1.45em; border: none;} /* common float elements */ .FLeft {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} .FRight {float:right;margin:1.5em 0 1.5em 1.5em;} /* typography.css */ h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:20px;line-height:1;margin-bottom:0.5em;} h2 {font-size:16px;margin-bottom:0.75em;} h3 {font-size:14px;line-height:1;margin-bottom:1em;} h4 {font-size:12px;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;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0;} ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} nav ul {margin:0; padding:0;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} tfoot {font-style:italic;} caption {background:#eee;}/****************************************************************************** ** June Styles (Joomla Template) ** ** @author: Jan Klocksien ** @version: 1.0 *****************************************************************************/ /* * global styles */ html { font-size: 100.01%; /* background: url(../img/bg01.jpg) center top #343434; */ } body { color:rgb(112, 112, 112); font-family: "myriad-pro-1","myriad-pro-2","Myriad Pro","Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 75%; /* background: url(../img/bg01.jpg) center top #343434; */ background: #fff;/*#f0fcff*/; /* background: url(../img/html_bg1.png) center -100px repeat-x #343434;*/ } a, a:hover, a:visited { color: rgb(112, 112, 112); } .Container { margin: 0 auto; width: 920px; } .Box1 { /*background-image: url(../img/bg02.jpg); */ /*background-color: red;*/ border-radius: 8px; } .Grid { background-image: url('../img/gridbg.php?width=720&count=12&rmargin=10'); } .PusherContainer { position: relative; } .TopPuller-4 { position: absolute; top: -22px; /* 18px margin + 4px */ } .TopPuller-8 { position: absolute; top: -26px; /* 18px margin + 8px */ } .TopPuller-16 { position: absolute; top: -34px; /* 18px margin + 16px */ } .LeftPusher-4 { position: absolute; left: 22px; /* 18px margin + 4px */ } .LeftPusher-8 { position: absolute; left: 26px; /* 18px margin + 8px */ } .LeftPusher-16 { position: absolute; left: 34px; /* 18px margin + 16px */ } .LeftPusher-24 { position: absolute; left: 42px; /* 18px margin + 24px */ } .LeftPusher-32 { position: absolute; left: 50px; /* 18px margin + 32px */ } .MoreWeight { font-weight: bolder; } h1.HL { font-size: 34px; /*text-shadow: 10px 10px 2px #434843;*/ } h4.SHL { font-size: 16px; font-weight: bold; text-shadow: 1px 1px 0 #000000; } hr.Line, hr.LinePlus { /*background:#696d77; color: #696d77; */ } input, textarea { background-color: #cecdcd; border: none; } .LDR { display: block; width: 100%; height: 100%; background: url(../img/ldr2.gif) center center no-repeat transparent; } .LDR_IMG1 { position: absolute; display: none; left: 0; width: 0; background: url(../img/ldr2.gif) center center no-repeat transparent; z-index: 99; } .LDR3 { display: block; width: 100%; height: 100%; background: url(../img/ldr3.gif) center center no-repeat transparent; } /* * the header */ header { } header .Logo { margin-top: 39px; margin-bottom: 39px; float: left; } header .Logo h1 a, header .Logo span#toplogospan a { display: block; height: 53px; width: 261px; background: url(../img/logo_de.png) left top transparent; } nav#bc { float: left; } nav#topmenu { margin-top: 2px; float: right; } nav#topmenu ul, nav#topmenu ol, nav#topmenu li { margin: 0; display: inline;} nav#topmenu ul li { margin-right: 12px; } /*nav#topmenu .menu, */nav#topmenu .seperator { margin-right: 8px; } nav#topmenu .jflanguageselection li { margin-right: 6px; } nav#topmenu .jflanguageselection .last { margin-right: 0; } /* * the sidebar */ nav#sidemenu { float: left; width: 200px; font-size: 110%; } nav#sidemenu ul, nav#sidemenu ol { margin: 0;} nav#sidemenu a { text-transform: uppercase; font-weight: normal; /*color: #535457; */ color: rgb(112, 112, 112); text-decoration: none; /*text-shadow: 1px 1px 0 #000000;*/ } nav#sidemenu a:hover { color: #cdcdcd; } nav#sidemenu ul, nav#sidemenu li { list-style-type: none; } nav#sidemenu li { margin-bottom: 14px; } nav#sidemenu li ul { margin-top: 12px; } nav#sidemenu ul li ul li a { margin-left: 20px; } /* * breadcrumb */ nav#bc { color: rgb(112, 112, 112); } /* * content layout */ .CntBox { position: relative; float: left; width: 720px; padding: 0 0 0 0; } .CntBox_NoPadding { position: relative; float: left; width: 720px; /*padding: 8px 18px 18px 18px; */ } .CntBox_NoTopPadding { position: relative; float: left; width: 720; padding: 0; } article { margin-top: 12px; color: rgb(112, 112, 112); font-size: 105%; } article a { text-decoration: underline; } ul.WhereToBuyList a { text-decoration: none; } /* * product list */ .ProductList h1 { font-size: 20px; } .ProductList h2 { font-size: 12px; } .ProductList .GBox-2 { width: 98px; } .ProductList span.DynIMG { display: block; width: 96px; height: 96px; /* border: solid 1px #d4d4d4; */ } .ProductList .MoreInfoLink a { font-weight: bold; } .CatBlog h1 { font-weight: bold; /*text-shadow: 1px 1px 0px #000;*/ } .CatBlog h2 { font-size: 13px; } /* * sitemap */ .sm .componentheading h1 { font-weight: bold; /*text-shadow: 1px 1px 0px #000; */ } .sm .contentpaneopen { /*width: 400px;*/ } .sm ul { padding: 8px 25px; list-style: none; background: transparent;} .sm ul ul { background: transparent;} .sm ul ul ul { background: transparent; } .sm ul ul ul ul { background: transparent; } .sm ul a { display: block; padding: 4px 0; text-decoration: none; } .sm ul a:hover { text-decoration: underline; } .sm .contentpaneopen > ul:last-child { /*padding: 0px 0 4px;*/ background: red; } /* * product details page */ hr.Line1 {background:rgb(238, 238, 238); color: rgb(238, 238, 238); clear:both; float: none; width: 100%; height: 1px; margin: 0 0 8px; border: none;} hr.Line2 {background:rgb(238, 238, 238); color: rgb(238, 238, 238); clear:both; float: none; width: 100%; height: 1px; margin: 6px 0 1.45em; border: none;} .ProdDetails .ZoomArea h1 { font-weight: bold; /*text-shadow: 1px 1px 0px #000;*/ } .ProdDetails .ZoomArea { float: left; padding-right: 8px; width: 580px; height: 360px; border-right: solid 1px rgb(238, 238, 238); position: relative; top: 0px; left: 0px; margin-bottom: 8px; } .ProdDetails .ZoomArea h1 { float: left; width: 490px; } .ProdDetails .ZoomArea .CloseBoxArea { margin-top: 6px; display: none; float: right; width: 76px; cursor: pointer; text-align: right; } .ProdDetails .ZoomArea .CloseBoxArea span { display: block; padding-right: 16px; background: url(../img/closebox.png) right center no-repeat transparent; } .ProdDetails .SellArea { float: right; padding-left: 8px; width: 123px; } .ProdDetails .TopFeatureArea { float: left; width: 322px; overflow: hidden; } .ProdDetails .TopFeatureArea span { display: block; } .TopFeatureArea .ColorArea { margin-bottom: 8px; } .ProdDetails .MainImageArea { position: absolute; left: 330px; top: 30px; width: 250px; height: 250px; z-index: 2; overflow: hidden; } .ProdDetails .MainImage { position: absolute; top: 0px; left: 0px; } .ProdDetails .ZoomBt { position: absolute; z-index: 104; top: 238px; left: 232px; } .ProdDetails .ZoomBt a { display: block; width: 18px; height: 12px; background: url(../img/ajzoomer.png) left top no-repeat transparent; } .ProdDetails .ImageList { position: absolute; z-index: 3; left: 330px; top: 289px /* 319px */; overflow: hidden; width: 198px; height: 62px; } .ProdDetails .ImageList img { border: 0 none; padding: 0; margin: 0; } .ProdDetails ul.ImageList, .ProdDetails ul.ImageList li { margin: 0; padding: 0; list-style-type: none; } .ProdDetails ul.ImageList li { float: left; border: solid 1px rgb(238, 238, 238); margin: 0; padding: 0; margin-right: 4px; height: 60px; } .ProdDetails ul.ImageList li:last-child { margin-right: 0; } h2.NoteArea { padding-top:40px; } h2.NoteArea a { display: block; width: 124px; height: 98px; background: url(../img/notepaper.png) center center no-repeat transparent; } .ProdDetails nav.ProductNav ul, .ProdDetails nav.ProductNav ul li { padding: 0; margin: 0; list-style-type: none; text-align: center; } .ProdDetails nav.ProductNav ul li { float: left; } .ProdDetails nav.ProductNav a { /*display: block;*/ /*font-weight: bolder;*/ /*width: 100px;*/ padding-right: 12px; padding-left: 12px; text-decoration: none; font-size: 98%; } .ProdDetails nav.ProductNav a:hover { color: #cfcfcf; } .ProdDetails nav.ProductNav ul li:after { content: "\007C"; } .ProdDetails nav.ProductNav ul li:last-child:after { content: ""; } .ProdDetails h3 { font-weight: bolder; font-size: 120%; /*text-shadow: 1px 1px 0px #000;*/ } .ProdDetails .MLabel { display: inline-block; width: 80px; } .ProdDetails .MainImageArea span.ProdDynIMG { display: block; width: 250px; height: 250px; } .ProdDetails .ImageList span.ProdDynIMG { display: block; width: 60px; height: 60px; } .ProdDetails ul.CompatibilityList, .ProdDetails ul.CompatibilityList li { margin: 0; padding: 0; list-style-type: none; border: 0 solid; } .ProdDetails ul.CompatibilityList { margin-bottom: 16px; } .ProdDetails ul.CompatibilityList li { display: inline-block; } .ProdDetails .CompatibilityList .ipad1 { /*display: block;*/ width: 118px; background: url('../img/apple_ipad_g1_shape.png') center top no-repeat transparent; padding-top: 58px; font-size: 10px; text-align: center; } .ProdDetails .CompatibilityList .ipad2, .ProdDetails .CompatibilityList .ipad3 { /*display: block;*/ width: 118px; background: url('../img/apple_ipad_g2_shape.png') center top no-repeat transparent; padding-top: 58px; font-size: 10px; text-align: center; } .ProdDetails .CompatibilityList .ipad2sc { /*display: block;*/ width: 118px; background: url('../img/apple_ipad_g2_sc_shape.png') center top no-repeat transparent; padding-top: 58px; font-size: 10px; text-align: center; } ul.WhereToBuyList, ul.WhereToBuyList li { list-style-type: none; margin: 0; padding: 0; } ul.WhereToBuyList li { margin-bottom: 12px; } ul.WhereToBuyList a { position: relative; display: block; height: 23px; line-height: 23px; background-color: rgb(230,32,32); font-weight: bold; color: rgb(255,255,255); /* -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid rgb(26,26,26); */ padding-left: 34px; background: url(../img/sha.png) no-repeat rgb(119,119,119); /* text-shadow: 1px 1px 1px #242424; -moz-box-shadow: 0 1px 3px #242424; -webkit-box-shadow: 0 1px 3px #242424; box-shadow: 0 1px 3px #242424;*/ } ul.WhereToBuyList a:hover { /*background: url(../img/bt1_bg.png) left -30px repeat-x;*/ background-color: rgb(173, 64, 64); text-decoration: underline; } ul.WhereToBuyList a:active { background: url(../img/bt1_bg.png) left -60px repeat-x; } /* * footer */ footer.Container { margin-top: 36px; color: rgb(112, 112, 112); font-size: 90%; } footer #leftfooter { float: left; } footer #rightfooter { float: right; } footer .amaprime { font-family: Arial; float: right; font-size: 1.8em; font-style: italic; letter-spacing: .1em; color: #303030; text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050; } /* * */ .FBHomeArea { margin-top: 22px; } .FBHomeArea #fb-like-home { /*background: #e4e4e4;*/ width: 184px; background: transparent; } /* * pinterest */ #pntrarea { margin-top: 20px; } /* * topbar */ #fixedtopbar { padding: 8px; width: 100%; position: fixed; z-index: 201; height: 66px; /* + 14 */ top: -82px; /* + -14 */ /*background: #030303; #030303;*/ background:-webkit-gradient(linear, left top, left bottom, from(#636363), to(#030303)); background:-moz-linear-gradient(top, #636363, #030303); background:-o-linear-gradient(top, #636363, #030303); /* Opera */ background:-ms-linear-gradient(top, #636363, #030303); /* IE */ background:linear-gradient(top, #636363, #030303); /* W3C Standard */ opacity: .95; color: white; border-bottom: solid 1px #636363; } #fixedtopbar .lev2 a { display: block; width: 60px; height: 60px; } #fixedtopbar ul, #fixedtopbar ul li { list-style-type: none; margin: 0; padding: 0; } #fixedtopbar ul { float: left; } #fixedtopbar ul li .lev1title { float: left; font-weight: normal; font-size: 18px; line-height: 60px; margin-right: 12px; } #fixedtopbar ul li { float: left; } #fixedtopbar ul li.lev1 { margin-right: 48px; } #fixedtopbar ul li.lev2 { /*border: solid 1px #565656;*/ } /* * related area */ .XSellA { padding: 14px; background-image: url(../img/bg02.jpg); /*background-color: red;*/ border-radius: 8px; text-align: center; } .XSellA a { display: block; font-weight: bold; } .XSellA ul.RelatedList, .XSellA ul.RelatedList li { list-style-type: none; margin: 0; padding: 0; }
Fatal error: Uncaught Error: Call to a member function getBrowser() on null in /www/htdocs/w00ab8cb/adorejune/static/templates/june/phplib/class.YLib.php:121 Stack trace: #0 /www/htdocs/w00ab8cb/adorejune/static/templates/june/css/ylib.css(24): YLib->isIE() #1 {main} thrown in /www/htdocs/w00ab8cb/adorejune/static/templates/june/phplib/class.YLib.php on line 121