/* Theme Name: PushingPixels Theme URI: http://pushingpixels.at/ Description: Pushing Pixels CMS Version: 2.0 Author: Daniel Kurdoghlian Author URI: http://daniel.pushingpixels.at/ */ /* css reset */ 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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr, h,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;} /* main-styles ********************/ body { background:#000000 url(img/mainbg.jpg) repeat; font:normal normal 12px/1.5 Tahoma, Geneva, sans-serif; letter-spacing:0.03em; word-spacing:0.01em; } #mainwrapper { height:800px; width:100%; } #pplogo { display:block; height:90px; left:-800px; position:absolute; top:10px; width:345px; z-index:999; } #mask { background:#242424 url(img/star.jpg) no-repeat 50% 50%; } #header { position:relative; background:url(img/spicy-yellow/header.png) no-repeat 0 bottom; height:210px; margin:0 auto; width:940px; color:#C1C2C2; } /* MENUBOX ********************/ #menubox { position:fixed; top:-92px; right:30px; width:340px; height:120px; display:block; background:url(img/spicy-yellow/menubox.png) no-repeat 0 0; z-index:999; } #boxmenu { position:absolute; bottom:4px; width:100%; height:25px; cursor:pointer; text-align:center; color:#fff; font-size:12px; font-weight:900; font-face:Tahoma, Geneva, sans-serif; } #menubox .menutitle { display:block; color:#fff; font-size:12px; font-weight:900; font-face:Tahoma, Geneva, sans-serif; letter-spacing:0.1em; } #stylesbox .menutitle { text-align:left; margin:0 0 0 5px; } #socialize .menutitle { text-align:center; } #languagebox .menutitle { text-align:right; margin:0 5px 0 0; } /* style */ #stylesbox { position: absolute; top:10px; left:8px; width:148px; height:75px; } #farbballe { display:block; float:left; margin:8px 0 0 0; height:44px; width:145px; overflow:hidden; } #farbballe .scrollmask { height:44px; overflow:hidden; } #farbballe .farbball { width:22px; height:22px; float:left; background-position:0 0; background-repeat:no-repeat; cursor:pointer; } /* social */ #socialize { position: absolute; top:10px; left:160px; width:74px; height:75px; } #socbuttons { margin:12px 0 0 17px; height:44px; overflow:hidden; } #socbuttons .social { width:16px; height:16px; float:left; cursor:pointer; margin:0 7px 5px 0; } #socbuttons #facebook { background:url(img/socials.png) no-repeat 0 0; } #socbuttons #twitter { background:url(img/socials.png) no-repeat -20px 0; } #socbuttons #favourite { background:url(img/socials.png) no-repeat -40px 0; } #socbuttons #rssfeed { background:url(img/socials.png) no-repeat -60px 0; } /* lang */ #languagebox { position: absolute; top:10px; right:12px; width:85px; height:75px; } #languagebox ul { margin:10px 0 0 5px; } #languagebox ul li { display:inline-block; color:#fff; font-size:11px; line-height:10px; font-weight:900; font-face:Tahoma, Geneva, sans-serif; margin-bottom:8px; cursor:pointer; } #languagebox ul li a { text-decoration:none; color:#fff; } #menuenglish span { display:inline-block; width:16px; height:11px; margin-right:8px; background:url(img/flaggs.jpg) no-repeat -16px 0; } #menugerman span { display:inline-block; width:16px; height:11px; margin-right:8px; background:url(img/flaggs.jpg) no-repeat 0 0; } /* CONTAINERS ********************/ #main-container { background:url(img/carbon-bg.png) repeat-x 50% 0; height:476px; position:relative; width:100%; z-index:6; } #content-container { background:url(img/content_mainbg.png) no-repeat 0 0; height:476px; margin:0 auto; position:relative; width:940px; z-index:7; } #accordion { height:432px; left:10px; overflow:hidden; position:absolute; top:10px; width:910px; } #accordion .button { cursor:pointer; float:left; height:432px; width:56px; } #accordion .content { display:none; float:left; margin-top:2px; width:0; } #button1, #button2, #button3, #button4, #button5 { background-color:#ffb900; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; } .scroll-pane { height:428px; overflow:auto; padding:0 20px; position:relative; width:588px; } #content2 .jScrollPaneContainer .scroll-pane { } /* ELEMENTS ********************/ .content h1.mainheader { background:url(img/linie-oben.png) no-repeat 0 47px; color:#ffb900; font-size:28px; font-weight:700; height:42px; margin:0 0 10px -5px; padding:10px 0 0 5px; text-shadow:black 4px 4px 5px; } .content h2.mainheader { background:url(img/linie-oben.png) no-repeat 0 32px; color:#ffb900; font-size:20px; font-weight:700; height:30px; margin:0 0 10px -5px; padding:10px 0 0 5px; text-shadow:black 2px 2px 2px; } .content h2.smallheader { color:#ffb900; font-size:14px; font-weight:700; height:30px; padding:10px 0 0; text-shadow:black 6px 6px 5px; } .content h3.smallheader { color:#ffb900; font-size:14px; font-weight:700; height:30px; padding:10px 0 0; text-shadow:black 6px 6px 5px; } #content4 h1.mainheader { float:left; display:inline-block; width:450px; height:auto; margin:0; background:transparent; padding:10px 0 5px; 5px; border-bottom:3px solid black; line-height:30px; } #content4 h3.blogdate { float:right; display:inline-block; width:95px; height:15px; margin-top:-27px; padding:5px 20px; color:#727272; background-color:#000; font-size:12px; font-weight:700; line-height:15px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:3px 3px 3px #0F0F0F; -moz-box-shadow:3px 3px 3px #0F0F0F; -webkit-box-shadow:3px 3px 3px #0F0F0F; } .clear { clear:both; visibility:hidden; display:block; height:14px; font-size:0; content:""; } .content p { color:white; padding:0 0 15px; text-align:justify; text-shadow:black 2px 2px 1px; } #content4 p { text-align:left; } div.caption.right { margin-left:15px; } div.caption.left { margin-right:25px; } div.caption { position:relative; border:1px solid #ffb900; } div.caption:hover { border:1px solid #ffdf8a; } div.caption p { position:absolute; padding:2px; font-size:11px; bottom:0px; left:0; width:141px; height:15px; background-color:#000; color:#ffdf8a; text-align:center; border-top:1px solid #ffdf8a; } #portraitDaniel { float:left; } #portraitGilbert { float:right; } .content ul { list-style-position:outside; list-style-type:square; padding:0 0 15px 0; margin-left:25px; } .content ul li { color:white; padding:0 0 5px; text-shadow:black 2px 2px 2px; } .content a { color:#ffb900; font-weight:700; text-decoration:none; text-shadow:black 2px 2px 2px; } .content a:hover { color:#ffdf8a; } #content5 p { float:left; width:190px; } #contactform { float:right; width:380px; } #contactname, #contactmail { background-color:rgba(0,0,0,0.7); border:0; color:#ffb900; font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-bottom:5px; padding:3px 0 7px 10px; width:246px; width:370px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } #contactform label, #contactbudget { background-color:transparent; border:0; color:#ffb900; cursor:default; padding:2px 0 2px 10px; } #contactbudget { width:65px; } #contactform #budget { background-color:rgba(0,0,0,0.7); border:0; cursor:col-resize; height:20px; margin-bottom:5px; position:relative; text-align:left; width:380px; -webkit-border-radius:6px; -moz-border-radius:6px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } #contactform #budget:hover { border:1px solid #ffb900; height:18px; } #budgetcontainer:hover > #budget{ border:1px solid #ffb900; height:18px; } #budgetcontainer:hover > #budget a { background-color:#ffdf8a; margin-top:2px; margin-left:-3px; } #contactform #budget a { background-color:#ffb900; cursor:col-resize; display:block; height:14px; margin-left:-2px; margin-top:3px; position:absolute; width:4px; z-index:2; -webkit-border-radius:5px; -moz-border-radius:5px; } #contactform #budget:hover a { background-color:#ffdf8a; margin-top:2px; margin-left:-3px; } #contactmsg { background-color:rgba(0,0,0,0.7); border:0; color:#ffb900; font-family:Tahoma, Geneva, sans-serif; font-size:14px; height:185px; overflow:auto; padding:5px 10px; resize:none; width:360px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } #submitcontact { background:transparent; color:#b4b3b3; font-size:15px; font-weight:bold; border:0; bottom:4px; cursor:pointer; height:26px; position:absolute; right:18px; width:auto; text-shadow:#000 1px 1px 1px; } #submitcontact:hover { color:#ccc; } #contactname:focus, #contactname:hover, #contactmail:focus, #contactmail:hover { color:#ffdf8a; border:1px solid #ffb900; padding:2px 0 6px 9px; } #contactmsg:focus, #contactmsg:hover { color:#ffdf8a; border:1px solid #ffb900; height:183px; padding:4px 9px; } #contacttooltip { background-color:#000; border:1px solid #ffb900; color:#ffb900; display:none; font-size:12px; font-weight:700; padding:10px; text-align:center; width:200px; box-shadow:0 0 15px #ffb900; -moz-box-shadow:0 0 15px #ffb900; -webkit-box-shadow:0 0 15px #ffb900; } #contactloadingtext { margin-left:15px; color:white; font-weight:bold; text-shadow:black 2px 2px 2px; } #Cmessage h2 { color:#ffb900; font-size:24px; font-weight:700; margin:0 auto 5px; padding:20px 0 0; text-align:center; text-shadow:black 6px 6px 5px; } #Cmessage p { color:white; font-size:14px; font-weight:700; margin:0 auto; padding:0; width:100%; text-align:center; text-shadow:black 3px 3px 2px; } #content3 .scroll-pane { height:428px !important; overflow:hidden;} /* STYLES FOR WP-EDITOR ********************/ .content .aligncenter { display:block; margin:0 auto; } .content .alignleft { float: left; } .content .alignright { float: right; } /* PORTFOLIO ********************/ #portfoliopics { visibility:hidden; } .loader { background:url(img/loader.gif) no-repeat 50% 50% } .panel .panel-overlay, .panel .overlay-background { height:30px; padding:10px; } .panel .overlay-background { background:#000; } .panel .panel-overlay h2 { color:#ffb900; font-size:13px; font-weight:700; padding:0; text-shadow:#000 3px 3px 3px; } .panel .panel-overlay p { color:#fff; font-size:11px; padding:0; text-align:left; text-shadow:#000 3px 3px 2px; } .panel .panel-overlay a.underlined { color:#fff; text-shadow:#000 3px 3px 2px; } .panel .panel-overlay a.underlined:hover { color:#ffdf8a; } .panel .panel-overlay a.bigpic { color:#ffb900; font-weight:700; padding:0; text-shadow:#000 3px 3px 2px; } .panel .panel-overlay a.bigpic:hover { color:#ffdf8a; } .filmstrip { margin:10px 5px 5px 5px; } .frame .img_wrap { border:1px solid #ffb900; } .frame .img_wrap:hover, .frame.current .img_wrap { border:1px solid #ffdf8a; } .frame img { border:none; } .frame .caption { font-size:11px; text-align:center; color:#888; } .frame.current .caption { color:#000; } .pointer { border-color:#ffdf8a; } img.nav-prev, img.nav-next { background-color:#ffb900; } img.nav-prev:hover, img.nav-next:hover { background-color:#ffdf8a; } *html .pointer { filter:chroma(color=pink); } /* portfolio OVERLAY ********************/ .folio-overlay { display:none; z-index:10000; background-color:#000; width:800px; min-height:200px; border:1px solid #ffb900; -moz-box-shadow:0 0 90px 5px #ffb900; -webkit-box-shadow: 0 0 90px #ffb900; } .folio-overlay .close { background-image:url(img/spicy-yellow/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; } .folio-overlay #img { border:1px solid #ffb900; z-index:10001; } .folio-overlay .next, .folio-overlay .prev { position:absolute; top:40%; border:1px solid #ffb900; cursor:pointer; display:block; padding:10px 20px; color:#ffb900; font-size:11px; font-weight:700; -moz-border-radius:5px; -webkit-border-radius:5px; } .folio-overlay .prev { left:1px; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; } .folio-overlay .next { right:0; margin-right:-1px; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; } .folio-overlay .next:hover { color:#ffdf8a; margin-right:-2px; border:1px solid #ffdf8a; } .folio-overlay .prev:hover { left:0; color:#ffdf8a; border:1px solid #ffdf8a; } .folio-overlay .disabled { visibility:hidden; } .folio-overlay .info { position:absolute; bottom:-1px; left:1px; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #ffb900; } .folio-overlay .info strong { display:block; color:#ffb900; } .folio-overlay .info span { display:block; color:#fff; } .folio-overlay .progress { position:absolute; top:45%; left:50%; display:none; margin-left:-110px; } .folio-overlay .next, .folio-overlay .prev, .folio-overlay .info { background:#000 !important; } /* FOOTER ********************/ #footer-container { height:380px; margin-top:-257px; position:relative; width:100%; z-index:5; } #footer { background:url(img/spicy-yellow/footer_bg.png) no-repeat; height:340px; margin:0 auto; position:relative; width:940px; } #copyright { bottom:20px; clear:both; cursor:default; font-weight:700; position:absolute; text-align:center; text-shadow:black 3px 3px 15px; width:100%; } #copyright a { color:#000; text-decoration:none; } #copyright a:hover { color:#ffb900; } #galerie, #neuigkeiten, #feedback { float:left; height:170px; margin-top:55px; position:relative; width:260px; } /* GALLERY ********************/ #galerie { height:170px; margin-left:42px; overflow:hidden; position:relative; } #scroller { height:20000em; position:absolute; } #galerie .galleriepic { height:86px; padding-left:3px; position:relative; } #galerie span { bottom:1px; color:#ffb900; display:inline-block; font-size:11px; font-weight:700; left:10px; position:absolute; text-decoration:none; text-shadow:#000 3px 3px 2px; } #galerie .galleriepic a { cursor:default; } #galerie A:hover span { color:#ffdf8a; } #galerie-previous { background:url(img/spicy-yellow/scrollbuttons.png) no-repeat 0 -100px; cursor:pointer; height:15px; left:262px; position:absolute; top:213px; width:15px; z-index:999; } #galerie-previous:hover { background:url(img/spicy-yellow/scrollbuttons.png) no-repeat 0 -80px; } #galerie-next { background:url(img/spicy-yellow/scrollbuttons.png) no-repeat 0 -140px; cursor:pointer; height:15px; left:280px; position:absolute; top:213px; width:15px; z-index:999; } #galerie-next:hover { background:url(img/spicy-yellow/scrollbuttons.png) no-repeat 0 -120px; } .galerie-disabled { visibility:hidden; } /* NEWS ********************/ #neuigkeiten { margin-left:30px; } #neuigkeiten .newsboxtitel { color:#ffb900; cursor:default; font-size:13px; font-weight:700; height:30px; line-height:36px; padding-left:18px; text-shadow:#000 3px 3px 2px; overflow:hidden; } #neuigkeiten #newsbox p { margin-bottom:8px; } #neuigkeiten #newsbox { color:#fff; cursor:default; font-size:12px; height:105px; line-height:17px; overflow:hidden; padding:4px 15px 0 18px; text-align:justify; text-shadow:#000 3px 3px 2px; } #neuigkeiten #datum { bottom:9px; color:#727272; cursor:default; font-size:11px; left:18px; position:absolute; text-shadow:#000 3px 3px 2px; } #neuigkeiten #readmore { bottom:9px; color:#ffb900; display:inline-block; font-size:11px; font-weight:700; position:absolute; right:15px; text-decoration:none; text-shadow:#000 3px 3px 2px; } #neuigkeiten #readmore:hover { color:#ffdf8a; } /* FEEDBACK ********************/ #feedback { margin-left:29px; padding:5px 0 0 6px; } #feedbackname { background-color:rgba(0,0,0,0.7); border:0; color:#ffb900; font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-bottom:5px; padding:3px 0 7px 10px; width:246px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } #feedbackmsg { background-color:rgba(0,0,0,0.7); border:0; color:#ffb900; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:23px; height:105px; overflow:auto; padding:3px 10px; resize:none; width:236px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } #feedbackname:focus, #feedbackname:hover { color:#ffdf8a; border:1px solid #ffb900; padding:2px 0 6px 9px; } #feedbackmsg:focus, #feedbackmsg:hover { color:#ffdf8a; border:1px solid #ffb900; padding:2px 9px; line-height: 23px; } #submitfeedback { background:transparent; color:#b4b3b3; font-size:15px; font-weight:bold; border:0; bottom:8px; cursor:pointer; height:20px; position:absolute; right:5px; width:auto; text-shadow:#000 2px 2px 2px; } #submitfeedback:hover { color:#ccc; } #feedbacktooltip { background-color:#000; border:1px solid #ffb900; color:#ffb900; display:none; font-size:12px; font-weight:700; padding:10px; text-align:center; width:200px; box-shadow:0 0 15px #ffb900; -moz-box-shadow:0 0 15px #ffb900; -webkit-box-shadow:0 0 15px #ffb900; } #feedbackloadingtext { margin-left:15px; color:#fff; font-weight:bold; text-shadow:black 2px 2px 2px; } #Fmessage h2 { color:#ffb900; font-size:20px; font-weight:700; margin:0 auto 5px; padding:20px 0 0; text-align:center; text-shadow:black 6px 6px 5px; } #Fmessage p { color:white; font-size:14px; font-weight:700; margin:0 auto; padding:0; text-align:center; text-shadow:black 3px 3px 2px; } /* OPEN/Close ********************/ #openclose { background-repeat:no-repeat; display:block; height:40px; margin:0 auto; position:relative; width:940px; } .closefooter { background-position:0 -40px; } #oc-button { cursor:pointer; height:25px; margin:0 auto; position:relative; width:122px; } /* OVERALL-STYLES ********************/ .blurredForm { font-style:normal; } .activeForm { font-style:normal; } .right { float:right; } .left { float:left; } a.underlined { border-bottom: 2px dotted #ffb900; color:white; font-weight:normal; text-decoration:none; } a.underlined:hover { border-bottom: 2px dotted #ffdf8a; color:#ffdf8a; } h1.hidden { display:none; } ::-moz-selection { background:#ffb900; color:#000; } ::selection { background:#ffb900; color:#000; } #content4 a { background:url(img/mr_pixelpusher.png) -22px 0 no-repeat; } /* ADMIN stuff ********************/ .editlink { text-align:right; } #logoutbox { display:block; height:auto; width:auto; position:fixed; bottom:0; right:0; text-align:right; margin:20px; padding:10px 20px; background:rgba(0,0,0,0.7); z-index:9999; -moz-border-radius:10px; -webkit-border-radius:10px; border:1px solid #ffb900; } #logoutbox:hover { -moz-box-shadow:0 0 10px 5px #ffb900; -webkit-box-shadow: 0 0 10px 5px #ffb900; } #logoutbox p { color:#fff; font-size:11px; text-shadow:#000 3px 3px 2px; cursor:default; } #logoutbox a { color:#ffb900; font-weight:700; text-decoration:none; text-shadow:#000 3px 3px 2px; } #logoutbox a:hover { color:#ffdf8a; } /* SCROLLPANE ********************/ .jScrollPaneContainer { overflow:hidden; position:relative; z-index:1; } .jScrollPaneTrack { background:url(img/spicy-yellow/scrollbar.png) repeat-y -42px 0; cursor:pointer; height:100%; position:absolute; right:0; top:0; } .jScrollPaneDrag { background:url(img/spicy-yellow/scrollbar.png) repeat-y -49px 0; cursor:pointer; overflow:hidden; position:absolute; } .jScrollPaneDrag:hover { background:url(img/spicy-yellow/scrollbar.png) repeat-y -56px 0; } .jScrollPaneDragTop { left:0; overflow:hidden; position:absolute; top:0; } .jScrollPaneDragBottom { bottom:0; left:0; overflow:hidden; position:absolute; } a.jScrollArrowUp { background:url(img/spicy-yellow/scrollbar.png) no-repeat 0 0; display:block; height:7px; overflow:hidden; position:absolute; right:0; text-indent:-2000px; top:0; z-index:1; } a.jScrollArrowUp:hover { background:url(img/spicy-yellow/scrollbar.png) no-repeat -7px 0; } a.jScrollArrowDown { background:url(img/spicy-yellow/scrollbar.png) no-repeat -21px 0; bottom:0; display:block; height:7px; overflow:hidden; position:absolute; right:0; text-indent:-2000px; z-index:1; } a.jScrollArrowDown:hover { background:url(img/spicy-yellow/scrollbar.png) no-repeat -28px 0; } /* selectbox ********************/ :focus { outline:none; } .js ul.newList { left:-9999px; } ul.newList * { margin:0; padding:0; } ul.newList { margin:0; padding:0; list-style:none; color:#ffb900; width:377px; background:rgba(0,0,0,0.8); position:absolute; border:0; border-left:1px solid #ffb900; border-bottom:1px solid #ffb900; border-right:1px solid #ffb900; top:22px; left:0; overflow:auto; z-index:9999; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } .newListSelected { width:370px; color:#ffb900; height:25px; line-height:23px; margin-bottom:5px; padding-left:10px; float:left; background:rgba(0,0,0,0.7) url(img/spicy-yellow/scrollbuttons.png) no-repeat 100% -136px; -webkit-border-radius:8px; -moz-border-radius:8px; box-shadow:inset -1px -3px 5px #333; -webkit-box-shadow:inset -1px -3px 5px #333; -moz-box-shadow:inset -1px -3px 5px #333; } .newListSelected span { width:380px; display:block; } ul.newList li { padding:3px 0 3px 10px; color:#fff; text-shadow:#000 3px 3px 2px; background:url(img/mr_pixelpusher.png) -20px 6px no-repeat; } .selectedTxt { width:380px; overflow:hidden; height:25px; padding:0; } .hiLite { color:#ffb900 !important; padding-left:25px !important; background:url(img/mr_pixelpusher.png) 2px 6px no-repeat !important; } .newListHover { color:#ffb900 !important; cursor:pointer; } .newListSelHover, .newListSelFocus { background:rgba(0,0,0,0.7) url(img/spicy-yellow/scrollbuttons.png) no-repeat 100% -117px; border:1px solid #ffb900; color:#ffdf8a; cursor:pointer; height:23px; line-height:21px; padding-left:9px; } .newListOptionTitle { font-weight:bold; } .newListOptionTitle ul { margin:0; } .newListOptionTitle li { font-weight:normal; border:0; } /* .ui-state-active { background:url(img/mr_pixelpusher.png) 5px 4px no-repeat !important; } */ /* SERVICE TABS ********************/ .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; } /* tabsmod ----------------------------------*/ .ui-tabsmod { padding:.2em; zoom:1; } .ui-tabsmod .ui-tabsmod-nav { list-style:none; position:relative; padding:.2em .2em 0; } .ui-tabsmod .ui-tabsmod-nav li { position:relative; float:left; border-bottom-width:0 !important; margin:0 .2em -1px 0; padding:0; } .ui-tabsmod .ui-tabsmod-nav li a { float:left; text-decoration:none; padding:.5em 1em; } .ui-tabsmod .ui-tabsmod-nav li.ui-tabsmod-selected { padding-bottom:1px; border-bottom-width:0; } .ui-tabsmod .ui-tabsmod-nav li.ui-tabsmod-selected a, .ui-tabsmod .ui-tabsmod-nav li.ui-state-disabled a, .ui-tabsmod .ui-tabsmod-nav li.ui-state-processing a { cursor:pointer; } .ui-tabsmod .ui-tabsmod-nav li a, .ui-tabsmod.ui-tabsmod-collapsible .ui-tabsmod-nav li.ui-tabsmod-selected a { cursor:pointer; } .ui-tabsmod .ui-tabsmod-panel { padding:1em 1.4em; display:block; border-width:0; background:none; } .ui-tabsmod .ui-tabsmod-hide { display:none !important; } #tabcontainer { margin-bottom:20px; } #servicetabs ul.ui-tabsmod-nav { padding:0; margin:0 2px 0 5px; } #tabcontainer .italic { color:#ffb900; font-style:italic; padding-right:2px; } #tabcontainer { font-size:12px; text-align: justify; } #servicetabs a { padding:4px 25px; font-weight:900; } #tabcontainer .ui-icon { width: 16px; height: 16px; } #tabcontainer .ui-icon-triangle-1-e { background:url(img/spicy-yellow/scrollbuttons.png) 0 -18px no-repeat !important; } #tabcontainer .ui-state-default:hover .ui-icon-triangle-1-e { background:url(img/spicy-yellow/scrollbuttons.png) 0 1px no-repeat !important; } #tabcontainer .ui-icon-triangle-1-s { background:url(img/spicy-yellow/scrollbuttons.png) 0 -120px no-repeat !important; } #tabcontainer .ui-state-default { border:1px solid #ffb900; background:rgba(0,0,0,0.4); font-weight:normal; color:#ffb900; } #tabcontainer .ui-state-default:hover { border:1px solid #ffdf8a; } #tabcontainer .ui-state-default a, #tabcontainer .ui-state-default a:link, #tabcontainer .ui-state-default a:visited { color:#ffb900; text-decoration: none; outline: none; } #tabcontainer .ui-state-hover a:hover { color:#ffdf8a; text-decoration: none; outline: none; } #tabcontainer .ui-widget-content .ui-state-active { border: 1px solid #ffdf8a; background:rgba(255,255,255,0.05); font-weight: normal; color:#ffdf8a; outline: none; } #servicetabs ul .ui-state-active { background:url(img/mr_pixelpusher.png) 5px 4px no-repeat !important; } #tabcontainer .ui-state-active a, #tabcontainer .ui-state-active a:link, #tabcontainer .ui-state-active a:visited { color:#ffdf8a; outline: none; text-decoration: none; } #tabcontainer .ui-widget { font-family: Tahoma, GeneGeneva sans-serif; font-size: 12px; line-height:20px; } #tabcontainer .ui-widget-content { border: 1px solid #ffb900; background:rgba(0,0,0,0.4); color:white; } #tabcontainer .ui-widget-content.ui-corner-all { border:0; background:transparent; } #tabcontainer .ui-widget-header { border:0; background:transparent; }