/* Zuup.ro - Main skin */ /*---- main styles -------*/ body { background:url(../img/main-skin/zuup_body_bg.jpg) repeat-x #bdeaff; /*background:url(../img/main-skin/body-bgd.jpg) repeat-x #b7e4f5;*/} #second-body { background:url(../img/main-skin/body2_bg.jpg) no-repeat center 0px;} .control-icons {} #site-container {} #site-container .logo-zone {} #site-container .logo-zone h2.site-description { font-size:11px; font-weight:normal; color:#666;} #site-container .ad-header { background:#FFF;} /* Search */ #searchContainer { background:url(../img/main-skin/search_bg.jpg) repeat-x left top #fdb133; border:solid 1px #FFF;} #searchContainer input { font-size:18px; color:#958f8f; border:none; background:none;} #searchContainer input.loader { background:url(../img/main-skin/ajax_load_form.gif) no-repeat right center;} #searchContainer input.noloader { background:none;} #searchContainer div.searchInput { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; border:#beaf5c solid 1px;} #searchContainer .searchBtn { background:url(../img/main-skin/search_bt.jpg) no-repeat center top; border:none;} /* Search page results */ .no_results { background:url(../img/main-skin/no_results_bg.jpg) no-repeat left center #FFF; font-size:25px;} /*--- Main navigator ---*/ #site-container .main-navigator {} /*categs menu*/ #site-container #main-navigator .catgTab-zone { padding:6px 0px 0px 3px} #site-container #main-navigator .catgTab-zone a { font-size:12px; background:url(../img/main-skin/categ-tab-bg.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; font-family:arial; text-decoration:none; text-shadow: 1px 1px 0px #ca7005} #site-container #main-navigator .catgTab-zone a:hover { color:#333333; text-shadow: 1px 1px 0px #fbc96f} #site-container #main-navigator .quick-game {} /*subcategs menu*/ #site-container #main-navigator .subcatTabs-zone { background:#609bd3;} #site-container #main-navigator .subcatTabs-zone a { background:url(../img/main-skin/subcat-tab-bg.jpg) repeat-x; color:#FFFFFF; text-decoration:none; text-shadow: 1px 1px 0px #108aad} #site-container #main-navigator .subcatTabs-zone a:hover { background:#a8da7f; } #site-container #main-navigator .show-all-categs { background:url(../img/main-skin/show-all-categs-bg.jpg) repeat-x; text-shadow: 1px 1px 0px #40940c} /*show all catges*/ #site-container #main-navigator .show-all-categs table {} #site-container #main-navigator .show-all-categs table a { color:#FFFFFF; text-decoration:none; font-size:11px;} #site-container #main-navigator .show-all-categs table a:hover { text-decoration:underline;} /*content*/ #site-container .ws-left-part {} #site-container .ws-left-part_2 {} #site-container .ws-right-part {} #site-container .ws-right-part_2 { background:#FFF; border:solid 3px #FFF;} h1.section-title { color:#FFFFFF; background:url(../img/main-skin/bg-categ-title.jpg) repeat-x #49a6bf; font-size:18px; text-shadow: 0px 1px 0px #147b99;} h1.section-title a { color:#FFFFFF; text-decoration:none;} h1.section-title a:hover { text-decoration:underline;} h2.subsection-title { font-size:11px; background:url(../img/main-skin/more_from_bg.jpg) repeat-x #49a6bf; color:#FFF; font-weight:bold;} /*----home page-------*/ /* new games - modificat */ #site-container .ws-left-part .new-games { background:url(../img/main-skin/new-games-gradient.jpg) repeat-x left bottom #FFFFFF; border: solid 1px #FFFFFF;} #site-container .ws-left-part .new-games .sliderwrapper {} #site-container .ws-left-part .new-games .sliderwrapper .contentdiv {} #site-container .ws-left-part .new-games .sliderwrapper .title_desc {} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h2 { display:inline; font-size:19px; color:#FFFFFF;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h4 { text-align:justify; font-size:11px; color:#FFFFFF; display:block;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h4 a { color:#7cc3d7; text-decoration:none;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h4 a:hover { text-decoration:underline;} #site-container .ws-left-part .new-games .sliderwrapper a.new-game img { border:solid 1px #959697;} #site-container .ws-left-part .new-games .pagination {} #site-container .ws-left-part .new-games .pagination a {} #site-container .ws-left-part .new-games .pagination a img { border:solid 1px #9fd3e1; padding:1px;} #site-container .ws-left-part .new-games .pagination a:hover { background:url(../img/main-skin/new-games-up-arrw.gif) no-repeat top center } #site-container .ws-left-part .new-games .pagination a.selected { background:url(../img/main-skin/new-games-up-arrw.gif) no-repeat top center/*url(../img/site-img/selected-item.gif) no-repeat left 70px*/;} #site-container .ws-left-part .new-games .pagination a.selected img { border:solid 1px #005c9d; padding:1px;} /* most played games */ #site-container .ws-left-part .most-played-games { background:#FFFFFF;} #site-container .ws-left-part .most-played-games .mpgames-container { background:#e2eefa;} #site-container .ws-left-part .most-played-games .mpgames-container a { background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom #93bae2; color:#FFFFFF; text-decoration:none;} #site-container .ws-left-part .most-played-games .mpgames-container a img { border:solid 1px #5b8fc4; background:#FFF; margin-bottom:4px;} /*ad 2 zone*/ #site-container .ws-left-part .ad2_zone { border:#FFFFFF solid 6px; background:#FFFFFF;} /* home page games categories */ #site-container .ws-left-part .home-p-categs { background:#FFFFFF;} #site-container .ws-left-part .home-p-categs .game-categ { background:#e8f1fb;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box { background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom #93bae2;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-pic { border:solid 1px #5b8fc4; background:#FFF;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-desc { color:#FFFFFF;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-desc strong {} #site-container .ws-left-part .home-p-categs .game-categ div.game-box a { text-decoration:none; cursor:pointer; color:#FFF;} #site-container .ws-left-part .home-p-categs .game-categ a.all-games-from-cat { color:#5d5c5c; font-weight:bold; text-decoration:none; background:url(../img/main-skin/arrow-bullet.gif) no-repeat 5px 5px;} /*ad 3 zone */ #site-container .ws-right-part .ad3_zone { border:#FFFFFF solid 4px; background:#FFFFFF;} /* random games */ #site-container .ws-right-part a.random_game img { border:#9d9fa0 solid 1px;} #site-container .ws-right-part a.random_game:hover img { border:#6fbbd2 solid 1px;} #site-container .ws-right-part .top-10-games { background:url(../img/main-skin/right-bottom-bg.jpg) repeat-x bottom left #FFF; } #site-container .ws-right-part .top-10-games .inner { background:url(../img/main-skin/zuup-logo-right.jpg) no-repeat center center; } #site-container .ws-right-part .top-10-games .inner .top10-item { font-size:14px; margin-bottom:4px;} #site-container .ws-right-part .top-10-games .inner .top10-item .place-nr { color:#FFFFFF; text-align:center; background:url(../img/main-skin/top_bg.gif) no-repeat top left; font-family:Comic Sans MS; font-weight:bold; font-size:14px;} #site-container .ws-right-part .top-10-games .inner .top10-item .place-nr2 { color:#FFFFFF; text-align:center; background:url(../img/main-skin/top_bg.gif) no-repeat 0px -22px; font-family:Comic Sans MS; font-weight:bold; font-size:14px;} #site-container .ws-right-part .top-10-games .inner .top10-item a.game_name { font-size:11px; color:#000000; text-decoration:none;} #site-container .ws-right-part .top-10-games .inner .top10-item a.game_name:hover { text-decoration:underline;} #site-container .ws-right-part .top-10-games .inner .first5 { } #site-container .ws-right-part .top-10-games .inner .second5 { } /*---- game page-------*/ /* game holder */ #site-container .ws-left-part .game-page-part { background:#FFFFFF;} #site-container .ws-left-part .game-page-part .game-page-part-inner { background:#e8f1fb;} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder { /*background:url(../img/site-img/loader.gif) no-repeat center center*/ background:#FFFFFF;} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder .game-container {} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder .game-container a.gameFocusOn {} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder .game-container a.gameFocusOff {} /* game desc and controls */ #site-container .ws-left-part .game-page-part .game-page-part-inner .controls-desc { background:#FFFFFF;} .tabC { background:url(../img/main-skin/game_controls_bg.jpg) repeat-x left bottom #FFFFFF;} #tabNav { padding:0px 4px 0px 0px;} #site-container .ws-left-part .game-page-part .game-page-part-inner .controls-desc .game-controls-desc-rate { background:url(../img/main-skin/game_desc_controls.jpg) repeat-x left bottom #FFFFFF;} .controls-desc .game-controls-desc-rate .game_controls {} .controls-desc .game-controls-desc-rate .game_controls p.bg { background:url(../img/main-skin/game_controls_rep.jpg) repeat-x; font-weight:bold; color:#FFF;} .controls-desc .game-controls-desc-rate .game_controls div { line-height:160%;} .controls-desc .game-controls-desc-rate .game_desc { font-weight:bold;} .controls-desc .game-controls-desc-rate .game_desc a { color:#0096ff;} .controls-desc .game-controls-desc-rate .game_desc p.bg { background:url(../img/main-skin/game_description_rep.jpg) repeat-x; color:#FFF;} .controls-desc .game-controls-desc-rate .game_desc div { line-height:160%; font-weight:normal;} .controls-desc .game-controls-desc-rate .game_vote {} .controls-desc .game-controls-desc-rate .game_vote p.bg { text-align:left; background:url(../img/main-skin/game_rating_rep.jpg) repeat-x; font-weight:bold; color:#FFF;} .controls-desc .game-controls-desc-rate .game_vote p { text-align:center;} .controls-desc .game-controls-desc-rate .game_vote div.rating_star { line-height:160%;} /* other games part */ #site-container .ws-left-part .categ-other-games { border:#FFFFFF solid 4px; background:#e8f1fb;} /* game box class */ div.gameBox { background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom; /*#93bae2*/ } div.gameBox img { border:solid 1px #5b8fc4; background:#FFF;} div.gameBox p {} div.gameBox a { color:#FFFFFF; text-decoration:none;} /* game box 2 class */ div.gameBox2 { background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom #93bae2; } div.gameBox2 img { border:solid 1px #5b8fc4; background:#FFF;} div.gameBox2 p {} div.gameBox2 a { color:#FFFFFF; text-decoration:none;} .gameBox_hover { background:#4f84ba !important;} /*footer stuff*/ .ftr {} a.link_footer { color:#7da8d5; text-decoration:none;} a.link_footer:hover { text-decoration:underline;} /*footer stuff*/ #footer { background:url(../img/main-skin/footer_bg_gradient.jpg) repeat-x left top #FFFFFF; border:solid 1px #FFFFFF; } #footer .footer_links {} #footer .footer_links .footer_left {} #footer .footer_links .footer_left a.fLink_1 { text-decoration:none; color:#5b5757; background:#eff6f8;} #footer .footer_links .footer_left a.fLink_1:hover { background:#6fbbd1; color:#FFFFFF;} #footer .footer_links .footer_right { background:url(../img/main-skin/zuup-logo2.jpg) no-repeat center center;} #footer .footer_links .footer_right a.fLink_2 { color:#b2b2b2; text-decoration:none;} #footer .footer_links .footer_right a.fLink_2:hover { color:#FFF; background:#CCC;} h1.section-title2 { color:#FFFFFF; background:url(../img/main-skin/bg-categ-title.jpg) repeat-x #49a6bf; font-size:11px; font-weight:bold; } h1.section-title2 a { color:#FFFFFF; text-decoration:none;} h1.section-title2 a:hover { text-decoration:underline;} /*sharing*/ a.twitterC { background:url(../img/site-img/sharing_sprite.jpg) no-repeat 0px 0px;} a.facebookC { background:url(../img/site-img/sharing_sprite.jpg) no-repeat -15px 0px;} a.stumbleC { background:url(../img/site-img/sharing_sprite.jpg) no-repeat -30px 0px;} a.commentGame { background:url(../img/site-img/sharing_sprite.jpg) no-repeat -45px 0px; width:66px;} /*tooltip*/ #screenshot { position:absolute; display:none; padding:0px 0px 0px 5px; background:url(../img/site-img/tooltip_arrow.gif) no-repeat 0px 5px; width:83px;} #screenshot span { display:block; background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom #93bae2; padding:5px; color:#FFF;} #screenshot img { margin-bottom:3px; border:solid 1px #5b8fc4; background:#FFF; padding:1px; width:65px; height:56px;} /*jquery validation*/ .formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000;} #debugMode { background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000;} .ajaxSubmit { display:none; line-height:150%;} .ajaxSubmit p { font-size:22px; padding:10px 10px 20px 20px; } .formError .formErrorContent { width:100%; background:#ee0101; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:2px solid #ddd; 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} .greenPopup .formErrorContent { background:#33be40;} .blackPopup .formErrorContent { background:#393939;color:#FFF;} .formError .formErrorArrow { position:absolute; bottom:0;left:20px; width:15px; height:15px; z-index:5001;} .formError .formErrorArrowBottom { top:0;margin:-6px;} .formError .formErrorArrow div { border-left:2px solid #ddd; border-right:2px solid #ddd; font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;} .formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} .greenPopup .formErrorArrow div{background:#33be40;} .blackPopup .formErrorArrow div{background:#393939;color:#FFF;} .formError .formErrorArrow .line10{width:15px;border:none;} .formError .formErrorArrow .line9{width:13px;border:none;} .formError .formErrorArrow .line8{width:11px;} .formError .formErrorArrow .line7{width:9px;} .formError .formErrorArrow .line6{width:7px;} .formError .formErrorArrow .line5{width:5px;} .formError .formErrorArrow .line4{width:3px;} .formError .formErrorArrow .line3{width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;} .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;} /*404 validation*/ .404 {} .404 h1 { color:#FFF; font-size:25px;}