/* * STRUCTURE CSS * Centurion UI - CSS-JS Framework * Copyright (c) 2009 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* --------------------------------------------------------------------------------------------------------------------- IMPORTS */ @import url(../../../cui/themes/default/css/reset.css); @import url(../../../cui/themes/default/css/components.css); /* --------------------------------------------------------------------------------------------------------------------- FONT FACE */ @font-face { font-family: 'AlwynMedium'; src: url('font/alwym___-webfont.eot'); src: local('☺'), url('font/alwym___-webfont.woff') format('woff'), url('font/alwym___-webfont.ttf') format('truetype'), url('font/alwym___-webfont.svg#webfontuZXTv1qB') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AlwynThin'; src: url('font/alwyt___-webfont.eot'); src: local('☺'), url('font/alwyt___-webfont.woff') format('woff'), url('font/alwyt___-webfont.ttf') format('truetype'), url('font/alwyt___-webfont.svg#webfontaQz1Lwes') format('svg'); font-weight: normal; font-style: normal; } #Centurion_ZFDebug_debug { _display:none;} /* --------------------------------------------------------------------------------------------------------------------- BASICS */ html, body { color:#555; font:normal 12px/15px "Trebuchet MS", sans-serif; background:#edebe5; } html { overflow-y: scroll; } body { text-align:center; padding-bottom:100px; } h1 { font: normal 29px/29px 'AlwynThin', "Trebuchet MS", sans-serif; color:#555; margin-bottom:8px; text-transform: uppercase; } h2, #profiles-view #main .message-view h2 { font:normal 15px/20px "AlwynMedium", "Trebuchet MS", sans-serif; color:#555; margin-bottom:10px; } h3 { font:normal 14px/18px "AlwynMedium", "Trebuchet MS", sans-serif; color:#555; margin-bottom:10px; } h4 { font:normal 13px/18px "Trebuchet MS", sans-serif; color:#555; margin-bottom:10px; } h5 { font:normal 12px/16px Arial, sans-serif; color:#222; margin-bottom:2px; } h1 strong, .conduit strong { font-weight:700; } h1 em, h3 em { color:#f36f21; font-style:normal; } h2 em { color:#bfbfbe; font-style:normal; } h5 a { color:#222; } .font-face-disabled h1, .font-face-disabled h2, .font-face-disabled h3, .font-face-disabled .cell span.alwyn, .font-face-disabled .video span.alwyn, .font-face-disabled .cell h5 a, .font-face-disabled #header .title, .font-face-disabled #header .primary-menu a, .font-face-disabled #tabs-home ul.ui-tabs-nav a, .font-face-disabled .title-more .alwyn, .font-face-disabled ul.tabs a, .font-face-disabled .game-infos .platform a, .font-face-disabled .game-infos-tiny .platform a, .font-face-disabled a.btn-all, .font-face-disabled .loading, .font-face-disabled #poll-form label .alwyn .first, .font-face-disabled #winnerList li { font-family:"Trebuchet MS", sans-serif;} /* #poll-form label .alwyn .first, #winnerList li {}*/ /*-*/ a img { border:none; margin:0; padding:0;} a { text-decoration:none; color:#555; } a:hover { text-decoration:none; color:#555; } a.block { display:block; } p { margin:0; padding:0; } p.size-10 { font-size:10px; } p.size-11 { font-size:11px; } p.size-12 { font-size:12px; } /*.alwyn { background-image: url(../images/px.png); }*/ .cell span.alwyn, .video span.alwyn, .cell h5 a { font-family:'AlwynMedium', "Trebuchet MS", sans-serif; font-weight:normal;} ul.puce { margin:20px 0 20px 0px; padding:0; list-style:none; } ul.puce li { padding:0 0 0 10px; margin:0; color:#fff; display:block; float:none; position:relative; } ul.puce li a { margin-bottom:0 !important; margin-bottom:-10px; color:#fff; display:block; float:none; } ul.puce li a:hover { color:#fff; text-decoration:underline; } ul.puce li a span { height:16px; width:16px; display:block; opacity:.7; filter:Alpha(Opacity=70); background:url('../images/sprite-icons.png') 0 -32px no-repeat; position:absolute; left:-5px !important; left:-15px; top:1px !important; top:-1px; } /* --------------------------------------------------------------------------------------------------------------------- TOOLS */ .line { height:1px; border-bottom:solid 1px #e9e6de; margin:15px 0; line-height:1px; font-size:1px; } .line-10 { height:1px; border-bottom:solid 1px #e9e6de; margin:10px 0; line-height:1px; font-size:1px; } .line-35 { margin:30px 0 35px;} .line-15-bottom { height:1px; border-bottom:solid 1px #e9e6de; margin:0 0 15px; line-height:1px; font-size:1px;} .black { color:#555; } .white { color:#fff; } .grey { color:#bfbfbe; } .orange, #profiles-view .box-datas .earn:hover, #profiles-view .box-datas .earn:focus, .profile-state .earn:hover, #shop .earn:hover, .profile-state .earn:focus { color:#f36f21; } .orange-light { color:#feaf09; } .box-gray { margin-bottom:15px; padding:15px; background:#efede8; } .box-beige { margin-bottom:15px; padding:15px; background:#e9e6de; } .box-yellow { padding:15px 20px 18px; margin:0 0 35px 0; background:#ffcf40;} .box-light-beige { background:#f7f6f3;} .box-gradient { margin-bottom:15px; padding:10px 15px 15px 15px; border:solid 1px #e3e3e3; background:url('../images/picker/gradient.png') repeat-x #edeae4; } .box-highlight { padding:15px; margin-bottom:15px;} .align-left { text-align:left; } .align-center { text-align:center; } .align-right { text-align:right; } .float-left { float:left; } .float-right { float:right; } img.picture { background:url('../images/picture.png') center center no-repeat #edebe5; display:block; } span.icon, a.icon, .icon-bar, .icon-button-radio { display:block; width:16px; height:16px; background:url('../images/sprite.png') no-repeat; } img.icon { background:url('../images/sprite.png') no-repeat; vertical-align:middle; } a .icon { cursor:pointer;} .rounded-r5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .rounded-r5-top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .rounded-r5-bottom { -moz-border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px ; border-radius: 0 0 5px 5px ; } .rounded-r5-top-left { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;} .rounded-r5-top-right { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;} .rounded-r5-bottom-right { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;} .rounded-r5-bottom-left { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;} .rounded-r3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .rounded-r3-top { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;} .rounded-r3-left { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .rounded-r3-right { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .rounded-r3-topleft-bottom { -moz-border-radius: 3px 0 3px 3px; -webkit-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px;} .rounded-r5-top { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .rounded-r5-bottom { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} .rounded-r8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} .rounded-r10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .mb15 { margin-bottom:15px; } .mb25 { margin-bottom:25px; } .mt28 { padding-top:28px; } .mt38 { margin-top:38px; } .clear { clear:both; display:block; } .hide { display:none;} span.icon-close { background-position:-224px -128px;} span.icon-box-message { background-position:0 -243px; width:26px; height:26px; } span.icon-trigger { background-position:-224px -144px;} img.icon-comment { background-position:-128px -192px; position:relative; top:-6px;} span.icon-user-logged { background-position:-224px -192px;} span.icon-badge, img.icon-badge { background-position:-159px -208px; width:33px; height:52px; } span.trigger-accordion { background-position:-32px -243px; width:21px; height:21px; cursor:pointer;} .subform-open span.trigger-accordion, .expanded span.trigger-accordion { background-position:-53px -251px;} span.trigger-accordion-hover { background-position:0 -272px;} .subform-open span.trigger-accordion-hover, .expanded span.trigger-accordion-hover { background-position:-21px -272px;} span.icon-youtube { background-position:-112px -256px; text-indent:-9999px;} hr.dotted { padding:20px 0 0; margin:0 0 27px; font-size:1px; height:1px; line-height:1px; border-bottom:1px dotted #b2b2b2; background:none;} img.icon-delete { background-position:-96px -272px;} a:hover .icon-delete { background-position:-112px -272px;} img.icon-reply { background-position:-80px -272px;} img.icon-back { background-position:-130px -260px; width:9px; height:7px; margin:0 5px 0 0;} img.icon-messages { background-position:-128px -272px; width:16px height:11px;} img.icon-arrow-green { background-position:-148px -275px; width:7px; height:10px;} img.icon-flux-rss { background-position:-48px -288px;} a:hover img.icon-flux-rss, a:focus img.icon-flux-rss { background-position:-64px -288px; width:10px; height:10px;} span.icon-circle-gray { background-position:-80px -288px; width:32px; height:32px;} img.icon-pts { background-position:-112px -288px;} .rte .icon-arrow { background-position:-128px -288px;} span.icon-warning { background-position:-144px -288px; width:32px; height:27px;} span.icon-beta { background-position:-48px -313px; width:18px; height:7px; line-height:1px;} .active-community span.icon-beta { background-position:-48px -304px;} span.icon-lock { background-position:-176px -304px;} a:hover span.icon-lock, a:focus span.icon-lock { background-position:-192px -304px;} .warning-tiny .icon-warning-tiny { background-position:-208px -272px;} /* --------------------------------------------------------------------------------------------------------------------- STRUCTURE */ #wrap, #panel-login .outer { margin:0 auto; width:980px; text-align:left; position:relative; } #header { position:relative; height:72px; /height:80px; z-index:3; padding-top:8px; } #content { position:relative; padding:15px; min-height:500px; _height:500px; background:#fff; z-index:2; margin-bottom:30px;} #footer { position:relative; margin:10px 0; background:#dfdbd2;} #main { overflow:hidden; position:relative; } #sidebar { position:relative; } /* --------------------------------------------------------------------------------------------------------------------- #HEADER */ #header #logo { display:block; width:88px; height:64px;} #header .logo { margin:0 12px 8px; width:64px; height:64px; background-position:0 0; text-indent:-9999px;} #header .title { font: 13px "AlwynMedium", sans-serif; position:absolute; top:23px; left:140px; } /*-*/ #header .primary-menu { zoom:1; position:absolute; bottom:2px; left:130px; display:block; } #header .primary-menu li { float:left; } #header .primary-menu a { margin:2px 2px 0 0; _margin-right:1px; padding:0 10px; display:block; float:left; font:13px/28px "AlwynMedium", sans-serif; text-decoration:none; color:#555; background:#fff; height:28px; position:relative; } #header .primary-menu a:hover { color:#555; background:#e5e3de; text-decoration:none; } #header .primary-menu a .arrow { margin:0; background-position:-176px -64px; width:16px; position:absolute; top:8px; right:2px; } #header .primary-menu a:hover .arrow { background-position:-160px -64px; } #header .active-game .link-game a, #header .active-poll .link-poll a, #header .active-media .link-media a, #header .active-news .link-news a, #header .active-community .link-community a, #header .active-download .link-download a { color:#fff; background:#feaf09; } #header .active-game .link-game .arrow, #header .active-poll .link-poll .arrow, #header .active-media .link-media .arrow, #header .active-news .link-news .arrow, #header .active-community .link-community .arrow, #header .active-download .link-download .arrow { background-position:-160px -64px; } #header .primary-menu .picker { position:absolute; z-index:5; clear:both; top:30px; padding-top:2px; } #header .primary-menu li .picker li a:hover, #header .primary-menu li.active .picker li a:hover { color:#fff; background:#feaf09; } #header .primary-menu li .picker li { float:none; } #header .primary-menu li .picker li a, #header .primary-menu li.active .picker li a { margin:0; padding:3px 10px; float:none; height: auto; background:none; font:normal 12px/16px "Trebuchet MS", sans-serif; color:#555; display:block; position:relative; } #header .primary-menu li .picker .content { padding:20px; border-bottom:2px solid #feaf09; } /*-*/ .picker { position:absolute; margin-left:-4px; display:none; } .picker li { float:none; zoom:1; } .picker li a { margin:0 0 2px 0; padding:1px 10px; float:none; height: auto; background:none; font:normal 11px/16px "Trebuchet MS", sans-serif; color:#555; display:block; position:relative; } .picker li a .bullet { background-position:-212px -64px; width:10px; position:absolute; top:2px; left:0; } .picker li a:hover { color:#fff; background:#feaf09; } .picker li a:hover .bullet { background-position:0 10px; } .picker .tl { width:5px; height:5px; background:url('../images/picker/tl.png'); font-size:1px; line-height:1px; } .picker .t { width:auto; height:5px; background:#fff; font-size:1px; line-height:1px; } .picker .tr { width:5px; height:5px; background:url('../images/picker/tr.png'); font-size:1px; line-height:1px; } .picker .l { width:5px; height:auto; background:url('../images/picker/l.png') repeat-y; font-size:1px; line-height:1px; } .picker .r { width:5px; height:auto; background:url('../images/picker/r.png') repeat-y; font-size:1px; line-height:1px; } .picker .bl { width:5px; height:5px; background:url('../images/picker/bl.png'); font-size:1px; line-height:1px; } .picker .b { width:auto; height:5px; background:url('../images/picker/b.png') repeat-x; font-size:1px; line-height:1px; } .picker .br { width:5px; height:5px; background:url('../images/picker/br.png'); font-size:1px; line-height:1px; } .picker .content { padding:10px 10px 10px 10px; border-bottom:none; background:url('../images/picker/gradient.png') repeat-x #edeae4; } .picker .suite { margin-top:28px; } /*-*/ #header .country { padding-left:5px; border-left: 1px solid #b2b2b2; position:absolute; right:15px; top:4px; z-index:5; } #header .country .active { display:block; } #header .country .active .arrow-bottom { background-position:-32px -64px; float:left; } #header .country .picker { right:-19px; } #header .country .active img { position:relative; top:1px; } #header .country .picker img { position:relative; top:2px; } .country .flag-uk { background-position:0 -96px; } .country .flag-fr { background-position:-16px -96px; } .country .flag-de { background-position:-32px -96px; } .country .flag-es { background-position:-48px -96px; } .country .flag-it { background-position:-64px -96px; } .country .flag-nl { background-position:-80px -96px; } .country .flag-se { background-position:-96px -96px; } .country .flag-fi { background-position:-112px -96px; } .country .flag-pt { background-position:-128px -96px; } .country .flag-no { background-position:-144px -96px; } .country .flag-dk { background-position:-160px -96px; } .country .flag-be { background-position:-176px -96px; } .country .flag-gr { background-position:-192px -96px; } .country .flag-au { background-position:-208px -96px; } .country .flag-il { background-position:-224px -96px; } .country .flag-us { background-position:-128px -176px; } /*-*/ #header .search { position:absolute; bottom:-39px; right:15px; width:155px; height:24px; background:url('../images/sprite.png') -64px 0 no-repeat; } #header .search .search-input { position:absolute; top:4px; left:8px; width:121px; border:none; background:transparent; font-size:11px; color:#404040; } #header .search .search-ok { position:absolute; top:0px; right:0px; width:24px; height:24px; } /* Panel login*/ #header .user-log { position:absolute; /*top:9px;*/ top:3px; right:55px; } #header .user-not-logged { top:-5px;} #header .user-not-logged a { /* padding:8px 0 0 0;*/} #header .user-log li { float:left;} #header .user-log li a, #header .user-log .right { display:block;} #header .user-log a { margin:0 10px 0 0;} #header .user-log #lnk-login, #header .user-log .right { background:#ffc20d url(../images/bg-login.png) no-repeat 0 0;} #header .user-log #lnk-login { padding:0 0 0 25px; position:relative; color:#fff; font-size:11px; font-weight:bold; text-shadow:0 0 2px rgba(0, 0, 0, 0.2); top:-8px;} #header .user-log .right { padding:7px 11px 8px 0; background-position:right 0;} #header .user-log .icon-trigger { position:absolute; left:7px; top:6px; _left:-18px;} #header .user-log .closed .icon-trigger { background-position:-224px -160px;} #header .user-log .user-details { padding:3px 8px 3px 25px; margin:0 10px 0 0; float:left; background:#fff; position:relative; top:-3px;} #header .user-log .user-details a { margin:0 10px 0 0; position:relative; font-size:10px; font-weight:bold; } #header .user-log .user-details a:hover, #header .user-log .user-details a:focus { color:#ff761b;} #header .user-log .user-details .lnk-user-profile { color:#898989;} #header .user-log .user-details .user-points { margin:0;} #header .user-log .user-details .icon-user-logged { position:absolute; left:-20px; top:0;} #header .lnk-messages .icon-messages { margin:-2px 0 0;} #header .user-not-logged .user-log {top:7px;} #header .user-not-logged .country { top:8px;} /*-*/ #panel-login { background:#ffc20d url(../images/bg-panel-login.png) repeat-x bottom left; border-bottom:1px solid #fff;} #panel-login .inner { padding:20px 15px 20px;} #panel-login .sign-with { position:absolute; right:40px; top:30px;} #panel-login .sign-with { padding:0 70px 0 0; } #panel-login .external-accounts { position:absolute; right:0; top:0;} #panel-login .external-accounts a { float:left; margin-right:5px; overflow:hidden; text-indent:-9999px;} #panel-login .more-accounts { padding:5px 16px 5px 5px; position:absolute; width:84px; bottom:-25px; right:0; _width:115px;background:#fff; overflow:hidden;} #panel-login .more-accounts-trigger { float:left; text-indent:-9999px; padding-bottom:4px;} #panel-login .more-accounts-trigger:hover, #panel-login .hover { background:#fff;} #panel-login #login-form { margin:0; width:545px; position:relative; min-height:65px; height:auto !important; height:65px; } #panel-login #login-form .input { padding:5px; width:142px; background:#ffd65b;} #panel-login #login-form input { width:130px; height:13px; line-height:13px; background:#fff; border-color:#d8a40b;} #panel-login #login-form dd { padding:0 20px 0 0} #panel-login #login-form dd, #panel-login #login-form dt { float:left;} #panel-login #login-form label { font-size:11px;} #panel-login #login-form .checklist {margin:0; position:absolute; bottom:0; left:350px; #zoom:1;} #panel-login #login-form .checklist dd { padding:0 5px 0 0; position:absolute; left:0; top:0; width:15px;} #panel-login #login-form .checklist dt { padding:0 0 0 20px; width:150px; } #panel-login #login-form .checklist .input,#panel-login #login-form .checklist input, #panel-login #login-form .submit .input { background:none !important;} #panel-login #login-form .checklist input { width:15px; } #panel-login #login-form .checklist .input { padding:0; width:auto;} #panel-login #login-form .submit { width:190px; padding:0;} #panel-login #login-form .submit .input { float:none; width:170px; padding:0;} #panel-login #login-form dt { padding-top:8px;} #panel-login #login-form .submit dd { padding:0; margin:5px 0 0; } #panel-login #login-form .submit dl { margin:0;} #panel-login #login-form dd.submit input { padding:0 0 4px 0; height:25px; width:170px; line-height:25px;} #panel-login #login-form .submit input:hover { color:#ff7e00;} #panel-login .login-form { position:relative; padding-left:115px; #zoom:1;} #panel-login .lost-password { margin:0; position:absolute; left:295px; bottom:5px; color:#4c4c4c;} #panel-login .login-form .clear { font-size:1px; line-height:1px; height:1px;} #panel-login #login-form dd, #panel-login #login-form dt, #panel-login #login-form dl { width:auto;} #panel-login #login-form dd { margin:0;} .hide { display:none;} div#panel-login div.outer { display:none;} .hasJs .external-accounts .more-accounts { display:none;} .hasJs .external-accounts .active { display:block;} a.fb-account { background-position:-80px -240px;} a.google-account { background-position:-96px -240px;} a.twitter-account { background-position:-112px -240px;} a.yahoo-account { background-position:-128px -240px;} a.myspace-account { background-position:-80px -256px;} a.live-account { background-position:-96px -256px;} /* Autocomplete */ .ui-autocomplete { position: absolute; cursor: default; padding:10px; width:153px; text-align:left; background:#fff; } .ui-autocomplete-loading { background: white url('/cui/themes/default/images/ui-anim_basic_16x16.gif') right center no-repeat; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-menu { } .ui-menu .ui-menu { margin-top: 0; } .ui-menu .ui-menu-item { margin:0 0 2px 0; padding: 0; width: 100%; } .ui-menu .ui-menu-item a { margin:0; padding:1px 10px; float:none; height: auto; background:none; zoom:1; font:normal 11px/16px "Trebuchet MS", sans-serif; color:#555; display:block; position:relative; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: 0 -1px; color:#fff; background:#feaf09; cursor:pointer; } ul.breadcrumb { margin:0 0 30px 0; } ul.breadcrumb li { display:inline; position:relative; float:left; color:#aaa } ul.breadcrumb li .icon { margin:0 3px; background-position:-48px -176px; float:left; } ul.breadcrumb li a { color:#666 } ul.breadcrumb li a:hover { color:#f36f21; } /* --------------------------------------------------------------------------------------------------------------------- #FOOTER */ #footer .back-to-top { padding:7px 15px 5px 10px; float:right; border-left:solid 1px #d2cec6; } #footer .back-to-top .arrow-top { float:left; background-position:-112px -64px; position:relative; left:-2px; opacity:0.3; filter:Alpha(Opacity=30); } #footer h3 { margin-bottom:3px; font-size:13px; /*font-weight:700;*/} #footer ul.sitemap { padding:15px 15px 20px 15px; background:#d2cec6; text-transform:uppercase; /*height:115px;*/ overflow:hidden; height:1%; } #footer ul.sitemap li { width:115px; float:left; } #footer ul.sitemap ul li { font-size:10px; float:none; } #footer ul.sitemap li.list-suite { width:85px; padding-top:21px; position:relative; left:-30px; _margin-right:-30px; } #footer ul.sitemap li.clear { both:clear; } #footer .copyright { padding:6px 15px; font-size:10px; text-transform:uppercase; color:#b2b2b2; } #footer .copyright span { color:#555; } #footer .credits { float:right; margin:5px 10px } #footer a:hover { color:#9d9a93; } /* --------------------------------------------------------------------------------------------------------------------- #GRIDS */ /* 178px-column with 15px gutter */ .grid-w178-g15 .cell, .grid-w178-g15 .cell-1, .grid-w178-g15 .cell-2, .grid-w178-g15 .cell-3, .grid-w178-g15 .cell-4 { display:inline; float: left; position: relative; margin-right:15px; width:178px; } .grid-w178-g15 .cell-2 { width:371px; } .grid-w178-g15 .cell-3 { width:564px; } .grid-w178-g15 .cell-4 { width:757px; } .grid-w178-g15 .cell-last { margin-right: 0; } /* 90px-column with 10px gutter */ .grid-w110-g10 .cell, .grid-w110-g10 .cell-2 , .grid-w110-g10 .cell-3 { display:inline; float: left; position: relative; margin-right:10px; width:110px; } .grid-w110-g10 .cell-last { margin-right: 0; } .grid-w110-g10 .cell-2 { width:230px; } .grid-w110-g10 .cell-3 { width:250px; } /* 110px-column with 15px gutter */ .grid-w110-g15 .cell { display:inline; float: left; position: relative; margin-right:15px; width:110px; } .grid-w110-g15 .cell-last { margin-right: 0; } /* 300px-column with 15px gutter */ .grid-w295-g15 .cell { display:inline; float: left; position: relative; margin-right:15px; width:295px; } .grid-w295-g15 .cell-last { margin-right: 0; } /* 203px-column with 15px gutter */ .grid-w203-g15 .cell, .grid-w203-g15 .cell-2 { display:inline; float: left; position: relative; margin-right:15px; width:203px; } .grid-w203-g15 .cell-2 { width:421px; } .grid-w203-g15 .cell-last { margin-right: 0; } /* 242px-column with 15px gutter */ .grid-w242-g15 .cell, .grid-w242-g15 .cell-2, .grid-w242-g15 .cell-3 { display:inline; float: left; position: relative; margin-right:15px; width:242px; } .grid-w242-g15 .cell-2 { width:499px; } .grid-w242-g15 .cell-3 { width:756px; } .grid-w242-g15 .cell-last { margin-right: 0; } /* 306px-column with 16px gutter */ .grid-w306-g16 .cell, .grid-w306-g16 .cell-2 { display:inline; float: left; position: relative; margin-right:16px; width:306px; } .grid-w306-g16 .cell-2 { width:628px; } .grid-w306-g16 .cell-last { margin-right: 0; } /* 145px-column with 16px gutter */ .grid-w145-g16 .cell, .grid-w145-g16 .cell-2 { display:inline; float: left; position: relative; margin-right:16px; width:145px; } .grid-w145-g16 .cell-2 { width:306px; } .grid-w145-g16 .cell-last { margin-right: 0; } /* 140px-column with 15px gutter */ .grid-w140-g15 .cell { display:inline; float: left; position: relative; margin-right:15px; width:140px; } .grid-w140-g15 .cell-last { margin-right: 0; } /* 200px-column with 14px gutter */ .grid-w200-g14 .cell { display:inline; float: left; position: relative; margin-right:14px; width:200px; } .grid-w200-g14 .cell-last { margin-right: 0; } /* 202px-column with 10px gutter */ .grid-w202-g10 .cell { display:inline; float: left; position: relative; margin-right:10px; width:202px; } .grid-w202-g10 .cell-last { margin-right: 0; } /* 300px-column with 30px gutter */ .grid-w300-g30 .cell { display:inline; float: left; position: relative; margin-right:30px; width:300px; } .grid-w300-g30 .cell-last { margin-right: 0; } /* 465px-column with 20px gutter */ .grid-w465-g20 { padding:20px 0; border-bottom:solid #e9e6de 1px; } .grid-w465-g20 .cell { margin-right:20px; float:left; width:465px; } .grid-w465-g20 .cell-last { margin-right:0; } /* 70px-column with 9px gutter */ .grid-w70-g9 .cell { margin-right:9px; float:left; width:70px; position:relative; } .grid-w70-g9 .cell-2 { width:149px; } .grid-w70-g9 .cell-last { margin-right: 0;} .grid-w70-g9 .cell-3 { width:228px;} .grid-w70-g9 .cell-5 { width:386px;} /* 70px-column with 10px gutter */ .grid-w70-g10 .cell { margin-right:10px; float:left; width:70px; position:relative;} .grid-w70-g10 .cell-4 { width:310px;} .grid-w70-g10 .cell-6 { width:470px;} .grid-w70-g10 .cell-7 { width:550px;} .grid-w70-g10 .cell-5 { width:390px;} .grid-w70-g10 .cell-8 { width:630px;} .grid-w70-g10 .cell-last { margin-right: 0;} .grid-w239-g20 .cell { margin-right:20px; float:left; width:239px; position:relative;} .grid-w239-g20 .cell-last { margin-right:0;} /* ----------------------------------------------------------------------------------------------------- * .grid-w70-g10 .cell { margin-right:10px; float:left; width:70px; position:relative;} */---------------- */ #home h1 { font-weight:400; font-size:23px; } #home h2, #home .title-more .alwyn { font-size:18px; } #home .box-gradient .title-more .alwyn { font-size:14px; } #home .slideshow { margin-bottom:10px; position:relative; top:-5px; height:300px } .games-home .game .top { height:9px; font-size:1px; line-height:1px; background:#f7f6f6; border:solid 1px #e3e3e3; border-bottom:none; } .games-home .game a.cover { display:block; position:relative; width:202px; height:113px;} .games-home .game a.cover .hover { display:none; position:absolute; top:0; left:0; z-index:5; background:url('../images/game-hover-w202-h113.png') no-repeat; width:202px; height:113px; } #home .big-medias .infos { position:absolute; background:url("../images/px-black.png") repeat scroll 0 0 transparent; _background:#000;} #home .big-medias .alwyn { line-height:20px; min-height:50px; _height:50px;} #home .big-medias .play { top:45px;} #home .big-medias .arrow { top:65px;} .games-home .game a.cover:hover .hover{ display:block; } .games-home .game h3 { margin-bottom:3px; font-size:16px; } .games-home .game .infos { padding:10px 10px 15px 10px; font-size:11px; height:70px; background:url('../images/bg-game-home.png') bottom repeat-x #f4f3f0; border:solid 1px #e3e3e3; border-top:none; border-color:#e3e3e3;} .games-home .game .platform { margin:2px 0 -2px 0; color:#bfbfbe; font-size:10px; } .games-home .game .platform a { color:#555; text-decoration:none; } .games-home .game .platform a:hover { color:#999; text-decoration:none; } ul.news { margin-bottom:5px; } ul.news li { border-bottom:dotted 1px #ccc; padding:10px 0; } ul.news li.first { padding-top:0; } ul.news .picture { width:55px; float:left; margin-right:10px; } ul.news .text { width:200px; float:left; } ul.news p.title { font-size:11px;} ul.news p.details { font-size:11px; color:#979797; } a.rss { margin-bottom:-5px; padding-right:18px; color:#ff7e00; position:relative; zoom:1; font-size:11px; } a.rss .icon { position:absolute; right:0; top:2px; _top:0; background-position:-98px -48px; font-size:1px; width:12px; height:12px; } .carousel-home { padding:10px 50px; position:relative; } .carousel-home .carousel-view { width:530px; height:215px; overflow:hidden; position:relative; } .carousel-home .carousel-view ul { width:9999px; height:215px; position:relative; } .carousel-home .carousel-view ul li { margin-right:30px; float:left; display:block; width:110px; height:215px; text-align:center; font-weight:bold; } .carousel-home .carousel-view ul li a .cover { margin-bottom:5px; display:block; width:110px; height:160px; position:relative; } .carousel-home .carousel-view ul li a .cover img { position:absolute; left:0; bottom:0; border:solid 2px #efede8; } .carousel-home .carousel-view ul li a:hover .cover img { border-color:#ff7e00 } .carousel-home .carousel-view ul li a:hover { color:#ff7e00 } .carousel-home .prev .icon { background-position:-176px -32px; height:32px; width:32px; text-indent:-9999px; position:absolute; top:90px; left:10px; } .carousel-home .next .icon { background-position:-208px -32px; height:32px; width:32px; text-indent:-9999px; position:absolute; top:90px; right:10px; } .carousel-home .platform { margin:2px 0 -2px 0; color:#bfbfbe; font-size:10px; } .carousel-home .platform a { color:#555; text-decoration:none; } #home .carousel-home .platform a:hover { color:#999; text-decoration:none; } .brand-list .brand { padding:7px; width:184px; display:block; } .download { position:relative; } .download .arrow-bottom { background-position:0 -176px; width:48px; height:48px; position:absolute; right:15px; top:20px; } .download .alwyn { display:block; float:left; padding:7px 10px 9px 0; #margin-bottom:-10px; font-weight:bold; } .download .title-more .alwyn { padding:0; display:inline; float:static; } .hot-news { margin:0 0 20px 0; padding:7px 10px; border:solid 1px #d2cec6; background:#efede8; } .hot-news h3 { display:inline; font-size:13px; text-transform:uppercase; margin-right:5px; } .hot-news ul { display:inline; } .hot-news ul li { display:inline; } .hot-news .date { font-size:9px; } .hot-news .date .icon { background-position:-65px -146px; } .hot-news .float-right { position:relative; top:2px; } #home .big-medias { margin: 0 0 20px; } #tabs-home { margin:5px 0; } #tabs-home ul.ui-tabs-nav { margin:0; padding:0; } #tabs-home ul.ui-tabs-nav a { padding:4px 10px 2px 10px; background-color:#d2cec6; color:#444; font-family : "AlwynMedium", "Trebuchet MS", sans-serif;} #tabs-home ul.ui-tabs-nav a:hover { background-color:#efede8; } #tabs-home ul.ui-tabs-nav .ui-state-active a { background-color:#efede8; color:#444; } #tabs-home .tab { padding:5px; background-color:#efede8; } #tabs-home .tab10 { padding:10px; } #tabs-home h4 { margin-bottom:5px; } #tabs-home p { font-size:10px; } #tabs-home .item { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px solid; } #tabs-home img { width:70px; float:left; margin-right:10px; } #tabs-home .text { width:200px; float:left; } #tabs-home .text p { margin-bottom:5px; } #tabs-home a:hover { color:#ff7e00; } /* --------------------------------------------------------------------------------------------------------------------- #GAMES-LIST */ #games-list #main { position:relative; float:right; width:757px; } #games-list #sidebar { position:relative; float:left; width:178px; } #sidebar h3 { margin:0 0 13px; } .switch-view { position:absolute; right:15px; top:60px; font-size:11px; text-transform:uppercase; display:block; width:175px; text-align:right; } .switch-view .icon { margin-left:8px; _margin-left:6px; position:relative; _top:-1px; float:right; } .mozaic .icon { background-position:0 -64px; } .detail .icon { background-position:-16px -64px; } .games-grid { min-height: 300px; _height: 300px;} .games-grid .game .picture { margin-bottom:10px; } .games-grid .game .platform { margin:2px 0 -2px 0; color:#bfbfbe; font-size:10px; } .games-grid .game .platform a { color:#555; text-decoration:none; } .games-grid .game .platform a:hover { color:#999; text-decoration:none; } .games-grid .game h5 { text-transform:uppercase; } .games-detail .pager { height:20px; } .games-detail h2 { font-size:19px; color:#222; margin:-2px 0 0 0; text-transform:uppercase;} .games-detail h3 { margin-bottom:0; } .games-detail .game { position:relative; } .games-detail .game .platform { margin:2px 0 15px; color:#bfbfbe; font-size:12px; } .games-detail .game .platform a { color:#555; text-decoration:none; } .games-detail .game .platform a:hover { color:#999; text-decoration:none; } .games-detail .game .details { font-size:11px; } .games-detail .game .cell-last { height:100px; } .games-detail .game ul.links { position:absolute; bottom:-2px; right:0; width:178px;} .games-detail .game .cell a img { display:block;} ul.links li { display:block; } ul.links li a { margin-top:7px; padding:7px 20px 0 20px; display:block; position:relative; border-top:solid 1px #e9e6de; font-size:10px; color:#555; } ul.links li a:hover { color:#f36f21; } ul.links li a .arrow { position:absolute; right:0; top:7px; _top:10px; opacity:0.4; filter:Alpha(Opacity=40); background-position:-80px -64px; } ul.links li a:hover .arrow { background-position:-80px -80px; opacity:1; filter:Alpha(Opacity=100); } ul.links li a .website { position:absolute; left:0; _left:-20px; top:7px; _top:10px; background-position:-16px -80px; } ul.links li a .info { position:absolute; left:0; _left:-20px; top:7px; _top:10px; background-position:0 -80px; } ul.links li a .forum { position:absolute; left:0; _left:-20px; top:7px; _top:10px; background-position:-224px -80px; } .game a .hover { display:none; position:absolute; top:0; left:0; z-index:5; background:url('../images/game-hover-w178-h100.png') no-repeat; width:178px; height:100px; } .game a:hover .hover{ display:block; } .pager { text-align:right; position:relative; right:-6px; } .pager .pager-info { margin:0 5px; color:#f36f21; } .pager a { color:#999; } .pager a:hover { color:#f36f21; } .pager a .icon { opacity:0.4; filter:Alpha(Opacity=40); vertical-align:middle; } .pager .prev .icon { background-position:-128px -64px; width:14px; } .pager .next .icon { background-position:-144px -64px; } .pager .first .icon { background-position:-192px -176px; } .pager .last .icon { background-position:-208px -176px; } .pager a.prev:hover .icon { background-position:-96px -80px; opacity:1; filter:Alpha(Opacity=100); } .pager a.next:hover .icon { background-position:-112px -80px; opacity:1; filter:Alpha(Opacity=100); } .pager a.first:hover .icon { background-position:-192px -192px; opacity:1; filter:Alpha(Opacity=100); } .pager a.last:hover .icon { background-position:-208px -192px; opacity:1; filter:Alpha(Opacity=100); } .pager-game { float:right; top:10px; width:300px; } .sort-legend { text-align:right; font-size:11px; } .sorter { z-index:5; position:relative; } .sorter .active { position:relative; #top:-1px; color:#aaa; display:inline; font-size:11px; } .sorter .arrow-bottom, .more-accounts-trigger .arrow-bottom { background-position:-32px -64px; height:16px; } .sorter .picker { top:15px; left:0; } .sorter .picker-alphabetical { left:45px; } ul.filter { } ul.filter li { zoom:1; } ul.filter li a { margin-bottom:10px; padding:4px 8px; background:#e9e6de; display:block; font-size:11px; text-transform: uppercase; } ul.filter li a:hover { background:#d4cfc0; } ul.filter li a .arrow { float:right; background-position:-80px -64px; } ul.filter li a.expand .arrow { background-position:-32px -64px; } ul.filter ul { margin-bottom:10px; } ul.filter ul li { } ul.filter ul li a { margin:0; padding:1px 10px; _padding:0px 10px; background:none; font-size:10px; } ul.filter ul li a:hover { color:#f36f21; background:#fff; } ul.filter ul li.active a { color:#f36f21; background:#fff; } a span.remove { margin-left:5px; padding:0 5px 0 16px; font-size:10px; line-height:14px; background:#e9e6de; color:#666; text-transform:lowercase; position:relative; } a span.remove .icon { background-position:-208px -80px; position:absolute; left:0; top:0; } /* --------------------------------------------------------------------------------------------------------------------- #MEDIAS LIST */ .title-more { margin-bottom:10px; display:block; } .title-more .alwyn { font:normal 15px/18px "AlwynMedium", "Trebuchet MS", sans-serif; color:#555; float:left; } .title-more .link { position:relative; top:4px; left:8px; float:left; padding-right:18px; } .title-more .clear { font-size:1px; line-height:1px; } .title-more .link .icon { top:1px; _top:0; } .medias { } /*.medias .infos { height:auto ; _height:30px; min-height: 30px;}*/ .medias .video, .medias .screenshot { height:auto; width:242px; display:block; position:relative; } .medias .video .infos { width:222px; padding:10px; color:#fff; display:block; font-size:9px; background:#4C4C4C; text-transform:uppercase; bottom:0; } .medias .video .infos strong { font-size:12px; display:block; } .medias .video .play, .last-tips .video .icon, ul.list-tips .video .icon, .list-posts .video .play { background-position:-64px -32px; width:34px; height:32px; position:absolute; top:60px; left:104px; display:block; opacity:0.5; filter:Alpha(Opacity=50); } .medias .video .arrow { background-position:-98px -35px; width:13px; height:10px; line-height:1px; position:absolute; top:71px; left:114px; display:block; font-size:1px; } .medias .screenshot .infos { width:194px; padding:10px 10px 10px 38px; color:#fff; display:block; background:#B3B1AD; text-transform:uppercase; bottom:0; font-size:12px; } .medias .screenshot .icon { background-position:-151px -39px; width:18px; height:18px; position:absolute; bottom:10px; left:10px; } .medias .video:hover .picture, .medias .screenshot:hover .picture {opacity:0.80; filter:Alpha(Opacity=80); } .medias .video .hover, .medias .screenshot span.hover { display:none; position:absolute; top:0; left:0; z-index:5; background:url('../images/game-hover-w242-h150.png') no-repeat; width:242px; height:150px; } .medias .active span.hover { display:block; } /*.medias .video:hover .hover, .medias .screenshot:hover .hover, .medias .active span.hover { display:block; }*/ .medias .pager { float:right; width:360px; } /*-*/ .related-medias { margin:10px 0 20px 0; } .related-medias .video, .related-medias .screenshot { height:auto; width:203px; } .related-medias .video .infos { width:183px; } .related-medias .video .play { top:50px; left:85px; } .related-medias .video .arrow { top:61px; left:95px; } .related-medias .screenshot .infos{ width:155px; } .related-medias .video .hover, .related-medias .screenshot span.hover { background:url('../images/game-hover-w203-h125.png') no-repeat; width:203px; height:125px; } /*-*/ .huge-medias { margin:0; } .huge-medias .video { width:628px; height:auto; } .huge-medias .video .infos { padding:27px 25px 22px 25px; width:578px; font-size:14px; position:absolute; background: url(../images/px-black.png) 0 0;} .huge-medias .video .infos strong { margin-right:6px; display:inline; font-size:23px; } .huge-medias .video .play { background-position:0 -112px; width:64px; height:64px; top:135px; left:280px; } .huge-medias .video .arrow { background-position:-67px -118px; width:24px; height:20px; top:155px; left:300px; } /*-*/ .big-medias { margin:0; } .big-medias .video { width:306px; height:auto; } .big-medias .video .infos { width:286px; font-size:10px; } .big-medias .video .infos strong { margin-right:10px; font-size:18px; text-transform:none; } .big-medias .video .play { background-position:0 -112px; width:64px; height:64px; top:65px; left:120px; } .big-medias .video .arrow { background-position:-67px -118px; width:24px; height:20px; top:85px; left:140px; } .big-medias .video .hover { background:url('../images/game-hover-w306-h190.png') no-repeat; width:306px; height:190px; } .big-medias .video .views { position:absolute; bottom:10px; right:10px; text-transform:none; } /*-*/ .tiny-medias { margin:0; } .tiny-medias .video, .tiny-medias .screenshot { width:145px; height:auto; } .tiny-medias .video .infos { padding:10px; width:125px; font-size:10px; } .tiny-medias .video .play { top:30px; left:55px; } .tiny-medias .video .arrow { top:41px; left:65px; } .tiny-medias .screenshot .infos { padding:10px 10px 10px 38px; width:97px; font-size:10px; } .tiny-medias .screenshot .infos .icon { bottom:20px; } .tiny-medias .screenshot span.hover, .tiny-medias .video span.hover { background:url('../images/game-hover-w145-h90.png') no-repeat; width:145px; height:90px; } /*-*/ .tiny-related-medias { margin:0; } .tiny-related-medias .video, .tiny-related-medias .screenshot { width:140px; height:auto; } .tiny-related-medias .video .infos{ padding:10px; width:120px; font-size:10px; font-weight:700; } .tiny-related-medias .video .play { top:28px; left:53px; } .tiny-related-medias .video .arrow{ top:39px; left:63px; } .tiny-related-medias .screenshot .infos { padding:8px 10px 5px 38px; width:92px; font-size:10px; } .tiny-related-medias .screenshot .infos .icon { bottom:5px; } .tiny-related-medias .screenshot span.hover, .tiny-related-medias .video span.hover { background:url('../images/game-hover-w140-h87.png') no-repeat; width:140px; height:87px; } /*-*/ .files-attachment .video, .files-attachment .screenshot { margin:0 10px 10px 0; width:97px; height:53px; float:left; } .files-attachment .video .play, .last-tips .video .icon { top:10px; left:31px; } .files-attachment .screenshot .arrow, .last-tips .screenshot .icon, ul.list-tips .screenshot .icon, .list-posts .screenshot .arrow { background-position:-80px -208px; top:10px; left:31px; display:block; opacity:0.5; filter:Alpha(Opacity=50); width:34px; height:32px; } .files-attachment .video:hover img, .files-attachment .screenshot:hover img { opacity:0.5; filter:Alpha(Opacity=50); } .files-attachment .video:hover .play, .files-attachment .screenshot:hover .arrow { display:none; } ul.tabs li { position:relative; display:block; float:left; } ul.tabs a { margin-right:2px; padding:4px 10px; text-transform:uppercase; /*font-weight:bold;*/ float:left; font-family: "AlwynMedium", "Trebuchet MS", sans-serif;} ul.tabs a:hover { background-color:#e9e6de; } ul.tabs li.active a { background-color:#ff7e00; color:#fff; } .container-screenshot { text-align: center; width:640px; min-height: 360px; position:relative; z-index:3; background: #efede8; } .container-screenshot img { max-width: 640px; max-height: 360px; margin:auto; position:relative; } .container-screenshot .nav { position:absolute; top:0; left:0; z-index:3; height:360px; width:640px; } .container-screenshot .nav a { display:block; width:320px; height:360px; position:absolute; top:0; text-indent:-9999px; } .container-screenshot .nav .prev { left:0; background:url(../images/px.png); } .container-screenshot .nav .next { right:0; background:url(../images/px.png); } .container-screenshot .nav .prev:hover { background:url(../images/carousel-medias-prev.png) 0 140px no-repeat; } .container-screenshot .nav .next:hover { background:url(../images/carousel-medias-next.png) right 140px no-repeat; } /**/ #community-home .list-topics a { padding-right:60px;} /*medias home*/ .medias-home .clear-sep { height:30px;} .medias-home .tiny-medias .video:hover .picture, .medias-home .tiny-medias .screenshot:hover .picture, .carousel-medias .video:hover .picture, .carousel-medias .screenshot:hover .picture { opacity:1; filter:Alpha(Opacity=100);} .medias-home .tiny-medias .infos { height:70px;} .medias-home .tiny-medias .video .infos, .carousel-medias .video .infos { background:url(../images/px-black.png) 0 0;} .medias-home .screenshot .icon, .carousel-medias .screenshot .icon { background:url(../images/icon-screenshot.png) no-repeat 0 0; width:34px; height:32px; left:55px; top:31px; _background:url(../images/icon-screenshot.gif);} .hasJs .medias-home .screenshot .infos,.hasJs .carousel-medias .screenshot .infos { background:url(../images/px-gray.png) 0 0; _background:#cac8c5;} .medias-home .tiny-medias .screenshot .infos { padding-left:10px; width:125px;} .medias-home .tiny-medias span, .medias-home .tiny-medias .picture, .medias-home .tiny-medias .clear, .big-medias * { zoom:1;} .medias-home .big-medias .video .play { background-position:-64px -32px; height:32px; width:34px; left:136px; top:79px;} .medias-home .big-medias .video .arrow { background-position:-98px -35px; width:13px; height:10px; left:146px; top:90px;} .hasJs .medias-home .tiny-medias .infos { position:absolute; bottom:-90px; z-index:5; } .hasJs .medias-home .tiny-medias .video, .hasJs .medias-home .tiny-medias .screenshot { height:90px; overflow:hidden; } /*carousel medias*/ .carousel-medias .infos { height:67px;} .hasJs .carousel-medias .infos { position:absolute; bottom:-90px; padding:10px; width:120px;} .hasJs .carousel-medias .video, .hasJs .carousel-medias .screenshot {overflow:hidden; height:87px; } .carousel-medias .screenshot .icon { top:28px;} /* --------------------------------------------------------------------------------------------------------------------- #GAMES-VIEW */ #games-view #main { margin-right:15px; position:relative; float:left; width:640px; } #games-view #sidebar, #contest-list #aside { position:relative; float:left; width:295px; } #games-view .box-related-games { margin-top:35px;} #games-view h1 { margin:5px 310px 15px 5px; } .game-infos h5 { color:#555; } .game-infos .platform { margin:8px 0; } .game-infos .platform a { margin-right:5px; font:700 20px/20px AlwynMedium, "Trebuchet MS", sans-serif; } .game-infos .platform a.active { padding:0 5px 2px 5px; _padding:1px 5px 1px 5px; background:#fff; color:#f36f21; position:relative; _top:1px; } .game-infos .genre { margin-bottom:20px; } .game-infos .cover { float:left; margin-right:15px; } .game-infos .infos { float:left; width:95px; } .game-infos .infos dl { margin-bottom:15px; } .game-infos .infos dt { font-size:9px; line-height:13px; color:#8a8780; } .game-infos .infos dd { margin-bottom:7px; font-size:10px; line-height:13px; color:#333; } .game-infos .infos img { display:inline; } .game-infos-tiny .infos { width:190px; } .game-infos .platform { margin:4px 0; } .game-infos-tiny .platform a { font:700 14px/20px AlwynMedium, "Trebuchet MS", sans-serif; } .game-infos-tiny .infos dl { margin:0; } .game-infos-tiny .infos dt { float:left; margin-right:5px; } .game-infos-large { margin-top:5px; padding-bottom:10px; } .game-infos-large a.cover img{ display:block; border:solid 2px #e9e6de; } .game-infos-large a.cover:hover img{border-color:#ff5a00; opacity:0.8; } .game-infos-large .infos { width:230px; } .game-infos-large .ratings img { float:left; margin-right:10px; } .related-action { margin-bottom:15px; padding:5px 15px; border:solid 1px #dad9d8; background:url('../images/gradient-h30.png') repeat-x #f3f1ef; } .related-action h3 { margin-bottom:0; line-height:20px; } .related-action h3 cufon { position:relative; z-index:1 } .related-action h3 a { position:relative; z-index:3; } .related-action img { display:inline; vertical-align:middle; } .related-action .title-more { margin:2px 0 5px 0; } .share-news { background:none; border:none; padding:0; } #tabs { padding:0; } #tabs ul.ui-tabs-nav { margin:0 0 10px 0; padding:0; } #tabs ul.ui-tabs-nav a { padding:4px 10px; text-transform:uppercase; font-weight:bold; } #tabs ul.ui-tabs-nav a:hover { background-color:#e9e6de; } #tabs ul.ui-tabs-nav .ui-state-active a { background-color:#ff7e00; color:#fff; } #tabs .tab { margin-bottom:15px; padding:10px 15px 15px 15px; border:solid 1px #e3e3e3; background:url('../images/picker/gradient.png') repeat-x #edeae4; } #tabs .tab h2, #tabs .tab h2 a { color:#222; } a.more, span.more { padding-right:18px; color:#ff7e00; position:relative; zoom:1; } a.more .arrow, span.more .arrow { position:absolute; right:0; top:2px; _top:0; background-position:-48px -80px; font-size:1px;} a.more:hover { color:#ff7e00; cursor:pointer; } a.more:hover .arrow { background-position:-144px -80px; } #tabs .tab .line { border-color:#ccc; } #tabs .tab .line-10 { border-bottom:dotted 1px #ccc; } #tabs .tab .details { margin:2px 0; color:#999; } #tabs .post .text { width:480px; } #tab-description ul, .post ul { margin:0 0 15px 0; clear:both; } #tab-description ul li, .post ul li { padding:0 0 0 16px; background:url('../images/sprite.png') -224px -288px no-repeat; } .news-sticky .picture { float:left; width:135px; margin-right:15px; } .news-sticky .text { float:left; width:145px; } .news-tiny .picture { float:left; width:55px; margin-right:15px; } .news-tiny .text { float:left; width:225px; } .news-tiny .text .details { margin:2px 0; color:#999; } .characters { } .characters .carousel-list { width:150px; float:left; } .characters .carousel-list ul { margin-bottom:10px; } .characters .carousel-list ul li { display:block; zoom:1;} .characters .carousel-list ul li a{ padding:0 0 5px 16px; display:block; position:relative; font-size:11px; font-weight:bold; } .characters .carousel-list ul li a:hover, .characters .carousel-list ul li a.active { color:#ff7e00; } .characters .carousel-list ul li a .arrow { background-position:-64px -80px; position:absolute; left:0; _left:-16px; top:0; display:none; } .characters .carousel-list ul li a:hover .arrow, .characters .carousel-list ul li a.active .arrow { display:block; } .characters .carousel-list .more { margin-left:16px; } .characters .carousel-view { float:left; width:420px; height:178px; overflow:hidden; position:relative; } .characters .carousel-view ul { width:9999px; height:178px; position:relative; } .characters .carousel-view ul li { margin-right:15px; float:left; display:block; width:125px; height:175px; } ul.games { margin-bottom:-10px; } ul.games li { border-top:dotted 1px #ccc; padding:10px 0; } ul.games li.first { border:none; padding-top:0; } ul.games .picture { width:65px; float:left; margin-right:10px; border:solid 2px #EFEDE8; } ul.games a:hover .picture { border-color:#ff5a00; opacity:0.8; } ul.games .text { width:186px; float:left; } ul.games h4 { margin-bottom:5px } ul.games h4 a:hover { color:#ff7e00; } ul.games .platform { font-size:10px; } a.button { margin:10px 0 0 0; padding:2px 26px 2px 10px; color:#666; border:solid 1px #d5d4d2; background:url("../images/gradient-button.png") repeat-x #eae7e0; height:17px; font:bold 11px/32px "Trebuchet MS", sans-serif; #line-height:16px; position:relative; zoom:1; text-shadow: 1px 1px 0px #fff; } a.button .plus { position:absolute; right:3px; top:3px; #top:4px; background-position:-128px -80px; font-size:1px; } a.button .dl { position:absolute; right:3px; top:3px; #top:4px; background-position:-224px -64px; font-size:1px; } a.button-icon { padding:3px; height:15px; line-height:15px; } a.button-text { padding:3px 10px; } input.button, .post-answer-form .button { margin:10px 5px 0 0; padding:0 10px 3px; color:#ff7e00; border:solid 1px #d5d4d2; background:url("../images/gradient-button.png") repeat-x #eae7e0; height:24px; font:bold 11px/24px "Trebuchet MS", sans-serif; #line-height:16px; position:relative; zoom:1; text-shadow: 1px 1px 0px #fff; cursor:pointer; } a.button-big-pts, a.button-large, a.button-medium { font-size:13px; font-weight:bold; -webkit-box-shadow: #ccc 0 0 4px; -moz-box-shadow: #ccc 0 0 4px; box-shadow: #ccc 0 0 4px; } a.button-big-pts { padding:7px 50px 7px 16px; } a.button-large { padding:12px 62px 12px 52px;} a.button-medium { padding:7px 16px 7px 16px;} img.icon-plus { margin-right:5px; background-position:-84px -148px; width:8px; height:9px; } img.icon-plus-green { background-position:-227px -179px;} .button span.points, .box-login span.points, .box-popin span.points, .box-yellow span.points, .form span.points { padding:14px 4px 4px 11px; position:absolute; top:-7px; #top:-6px; right:10px; display:block; background:url("../images/sprite.png") -188px -139px; text-align:center; color:#ff7e00; font-size:10px; font-weight:bold; width:21px; height:19px; line-height:16px; } a.button:hover { color:#ff7e00; } a.button-green:hover, a.button-green:focus { color:#61b900;} .button-orange { margin:0; padding:10px 20px; color:#fff; border:solid 1px #d84f00; background:url("../images/gradient-button-orange.png") repeat-x #ff7b23; font:bold 18px/18px "Trebuchet MS", sans-serif; #line-height:16px; position:relative; zoom:1; text-shadow: 1px 1px 0px #de4109; } .button-orange:hover { color:#fff; } a.button-big { padding:0 10px; display:block; text-align:center; height:30px; line-height:30px; font-size:13px; font-weight:bold; } .media-infos { padding:10px 0; } #video-view { padding-right:310px; position:relative; } #video-player object { position:relative; z-index:5; } .rating { float:right; width:230px; text-align:right; color:#f36f21; margin-top:13px; } #video-player { width:640px; height:360px; background:#000; position:relative; z-index:3; } .stars .star img { background-position:-160px -80px; margin-left:-7px; } .stars .star-active img { background-position:-192px -80px; } .stars .star-hover img { background-position:-176px -80px; } #games-view .video-list { margin-top:-533px; } .post .thumb { width:110px; float:left; margin-right:15px; } .post .float-left { margin:0 15px 10px 0; } .post .text { margin-top:-5px; width:515px; float:left; } .post .details { color:#999; } .post .teaser { color:#999; } .post .text .more { top:2px; } .post a { color:#f36f21; } .post a:hover { color:#f36f21; text-decoration:underline; } a.btn-all { padding:8px; text-align:center; background:#dfdbd2; display:block; font:16px/16px AlwynMedium, Arial, sans-serif; } img.share-digg { background-position:-160px -112px; } img.share-facebook { background-position:-96px -112px; } img.share-twitter { background-position:-128px -112px; } img.share-myspace { background-position:-192px -112px; } img.buy-fnac { background-position:-128px -144px; } img.buy-amazon { background-position:-96px -144px; } img.buy-game { background-position:-160px -144px; } a.tiny-facebook, a.tiny-twitter, a.tiny-myspace, a.tiny-digg { text-indent:-9999px; display:block; margin:5px 7px 0 0; height:23px; width:23px; float:left;} a.tiny-facebook { background-image:url(../../../images/social/facebook-tiny.png); } a.tiny-twitter { background-image:url(../../../images/social/twitter-tiny.png); } a.tiny-myspace { background-image:url(../../../images/social/myspace-tiny.png); } a.tiny-digg { background-image:url(../../../images/social/digg-tiny.png); } a.tiny-facebook:hover, a.tiny-facebook:focus, a.tiny-twitter:hover, a.tiny-twitter:focus, a.tiny-myspace:hover, a.tiny-myspace:focus, a.tiny-digg:hover, a.tiny-digg:focus { background-position:0 -23px;} .share-news h3 { margin:0 10px 0 0; position: relative; top: 7px; float:left;} .share-news .share-tiny { float:left;} .pager-medias { position:relative; overflow:hidden; } .pager-medias-view { position:relative; } .pager-medias .pager { position:relative; top:2px; } .carousel-medias-on { position:relative; overflow:hidden; width:295px;} .carousel-medias-on .carousel-view{ position:relative; } .carousel-medias-on .set { float:left; } .carousel-medias-on .pager { position:relative; top:-10px; width:295px; } .loading { display:block; width:160px; height:32px; text-align:center; font:700 18px/32px "AlwynMedium", "Trebuchet MS", sans-serif; color:#fff; background:url("../images/carousel-medias-loading.png") no-repeat; position:absolute; top:150px; left:240px; } #video-player .loading { z-index:3; } .container-screenshot .loading { z-index:5; } .forums .links { width:180px; float:right; position:relative; top:-5px; } .forums .links a, .forums .line { border-color:#dfdfdf; } .forums .text { width:410px; } .community #main h2 { margin-bottom:15px;} .community #main .forums h2 { margin-bottom:10px;} /*-*/ #poll-form { width:735px; padding:10px 0 0 215px; border-top:1px solid #E9E6DE; } #poll-form dl { width:100%; } #poll-form dd { margin:0; } #poll-form dt { margin-bottom:15px; } #poll-form fieldset { margin:0; padding:0; border:none; } #poll-form legend { display:none; } #poll-form dd.subform { margin:10px 0 0 0; padding:10px 0 0 170px; border-top:solid 1px #e9e6de; position:relative; width:565px; zoom:1; } #poll-form label { font:bold 14px "Trebuchet MS"; } #poll-form label .icon-arrow { background-position:-48px -80px; position:absolute; left:150px; top:12px; line-height:1px; font-size:1px; } #poll-form label .alwyn, #contest-answers li .num { font:normal 60px/65px "AlwynThin"; position:absolute; left:0px; top:0px; } #poll-form dt.warning label .alwyn{ color:#555 } #poll-form label .alwyn .first, #contest-answers li .num span { font:700 32px "AlwynThin"; color:#ffd511; } #poll-form .input label { font:normal 14px "Trebuchet MS"; } #poll-form textarea { width:682px; } #poll-form .large div.input { width:257px;} #poll-form input.large { width:245px; } #poll-form .submit { border:0;} #poll-form .submit div.input { width:225px;} div.rules { margin:15px 20px 0 0; width:350px; float:left; font-size:15px; line-height:20px; } div.rules a { color:#F36F21; text-decoration:none; } div.rules .share-tiny .icon { line-height:1px; font-size:1px; vertical-align:top;} div.rules a:hover { color:#F36F21; text-decoration:underline; } #poll-form .warning .input { background:#fff } #poll-form dt.warning { width:auto; float:none; } #poll-form .checklist .input label { display:block; } #poll-form .nicyless label { margin-bottom:5px; } #poll-form dd.first { margin-top:0; border:0;} .contest .wrapper-outer-winnerList {padding-top:0; clear:both;} .contest .wrapper-outer-winnerList h3 { margin-left:169px; font-size:16px;} .wrapper-dotations .rte { margin-left:169px; font-size:16px;} .wrapper-dotations .rte p { margin-bottom:10px; } #winnerList { margin-bottom:25px; } .contest .wrapper-outer-winnerList h3, #winnerList li, .wrapper-dotations { clear:both; padding-left:215px; } #winnerList li { position:relative; font:normal 26px/35px "AlwynThin"; padding:20px 0 15px 170px; border-bottom:1px solid #e9e6de; zoom:1; } #winnerList li .num { position:absolute; left:0; font-size:40px; color:#ff7e00; } #winnerList li .num sup { font-size:20px; position:relative; top:-20px; } #winnerList li.first { font-size:40px;} #winnerList li.first .num { font-size:50px; display:block; } #winnerList li .picture { float:left; margin-right:10px; } #winnerList .icon-badge1 { background-position:0 -320px; width:32px; height:40px; position:absolute; left:105px; top:15px; } #winnerList .icon-badge2 { background-position:-32px -320px; width:32px; height:40px; position:absolute; left:105px; top:15px; } #winnerList .icon-badge3 { background-position:-64px -320px; width:32px; height:40px; position:absolute; left:105px; top:15px; } #winnerList .icon-badge-standard { background-position:-96px -320px; width:32px; height:40px; position:absolute; left:105px; top:15px} /*contest*/ .contest h2 { font-size:20px;} .contest .picture-head { float:right; margin: 17px 0 15px 15px;} .contest .share-news { clear:both;} .contest .share-news h3 { float:left; margin-right:10px; } .contest .share-news .share-tiny { #position:relative; #top:-15px; } .post-highlight .focus { padding-top:45px; margin-top:-49px; position:absolute; right:-15px; #right:-14px; top:50%; display:block; width:94px; height:53px; display:block; background:url('../images/contest-highlight.png'); font:11px/13px 'AlwynMedium',"Trebuchet MS", sans-serif; color:#000; text-align:center; text-transform:uppercase;} #contest-list #main { float: left; margin:28px 15px; width: 548px; overflow:visible; } #contest-list #main .post { position:relative; } #contest-list .post-highlight .post-inner { padding:10px; border:2px solid #ffcc33; position:relative; } #contest-list .post-highlight .focus { padding-top:45px; margin-top:-49px; position:absolute; right:-48px; #right:-46px; top:50%; display:block; width:94px; height:53px; display:block; background:url('../images/contest-highlight.png'); font:11px/13px 'AlwynMedium',"Trebuchet MS", sans-serif; color:#000; text-align:center; text-transform:uppercase;} #contest-list #main .illus { width:110px; height:110px; float:left; margin-right:10px; _margin-right:0; display:block; position:relative; zoom:1; } #contest-list #main .text { width:327px; _width:305px; float:left; } .type { padding:0 2px; background:#00acea; color: #fff; text-transform: uppercase; font:normal 8px/12px Trebuchet MS; position: absolute; left: 2px; top: 2px; } .type-coming { background:#00acea; } .type-running { background:#ff7e00; } .type-past { background:#9A8B1A; } .post-inner { position:relative; } #contest-list h1 { margin-bottom:15px;} #contest-list .picture-header { top:13px; #top:23px; right:200px; } .wrapper-inner-winnerList .accordion { position:relative; cursor:pointer;} #contest-answers h3 { padding:0; margin:0;} #contest-answers ol { margin:15px 0 0; padding:25px 0 0 200px; border-top:1px dotted #c2c1bc;} #contest-answers li { margin:0 0 25px; position:relative; padding:10px 0 10px 170px; zoom:1; } #contest-answers .contest-answer, #contest-answers .contest-question { display:block; font-weight:bold; } #contest-answers .contest-question .arrow { margin:0 0 0 -5px; background-position:-48px -80px;} #contest-answers .contest-answer { padding-left:10px; font-size:18px; color:#303030;} #contest-answers .contest-question { margin:0 0 6px; font-size:14px; color:#545454;} #contest-answers .trigger-accordion { position:absolute; right:15px; top:15px;} /*-*/ #signup-form #username-label { padding-top:16px;} #signup-form a, #login-form a, #password-reset-form a, a.lost-password, #janrain-form a { color:#F36F21; text-decoration:underline; } a.lost-password { float:right; margin:10px 375px 0 0; } #user-account #content .lost-password { margin:0 5px 20px 0; float:none; position:relative; top:-15px; zoom:1;} #signup-form, #login-form, #password-reset-form { margin:10px 0 0 0; } #signup-form label, #login-form label, #password-reset-form label, #janrain-form label { font:normal 14px "Trebuchet MS"; } #signup-form label.optional, #password-reset-form label.optional, #login-form label.optional, .signup-box .checklist label, .signup-box #signup-form .checklist label.required, #janrain-form .checklist label.optional { font:normal 12px "Trebuchet MS"; } #signup-form .input, #login-form .input, ##password-reset-form .input { background:#EDEBE5; } #signup-form .nicyless .input, #password-reset-form .nicyless .input #login-form .nicyless .input { background:none; } #poll-form .submit input, #signup-form .submit input, #password-reset-form .submit input, #login-form .submit input, #panel-login #login-form .submit input, #discussions-form .form .submit input, .button-action, #user-account .form .submit input, .box-congratulation .submit, .form-myprofile .submit input { float:right; width:auto; position:relative; zoom:1; text-shadow: 1px 1px 0px #fff; margin:0; padding:4px 10px; color:#ff7e00; border:solid 1px #d5d4d2; background:url("../images/gradient-button.png") repeat-x #eae7e0; height:auto; font:bold 11px/32px "Trebuchet MS", sans-serif; #line-height:16px;} #signup-form .submit input { margin-top:10px; } #poll-form .submit input:hover, #signup-form .submit input:hover, #login-form .submit input:hover, #discussions-form .form .submit input:hover, user-account #content dd.submit input:hover, .button-action:hover, .button-action:focus, .form-myprofile .submit:hover { border-color:#bbb; cursor:pointer; } #user-account #content #login-form .checklist, #user-account #content #login-form .submit * { margin:0;} #user-account #content #login-form .submit { float:left; #float:none; margin:-28px 0 0;} /*-*/ .login-box { padding-right:30px; width:270px; float:left; padding-left:30px; } .signup-box, .login-box { margin:30px 0 15px 0;} .login-box h2, .signup-box h2 { text-transform:uppercase; font-size:18px; margin-bottom:30px;} .login-box #submit-element .input, .signup-box #submit-element .input { width:auto;} .signup-box { float:right; width:560px; margin-right:15px; _display:inline; margin-bottom:15px;} .signup-box .form, .signup-box .form dl, .signup-box .form .submit dl, .signup-box .form dd.subform, .signup-box .form dd.large dl.checklist { width:560px;} .login-box .form, .login-box .form dl, .login-box .form .submit dl, .login-box .form dd.subform, .login-box .form dd.large dl.checklist, .login-box .form dd.large dl.checklist dt { width:240px; } .wrapper-login { margin-bottom:15px; padding:5px 15px 15px; border:solid 1px #dad9d8; background:#fff; overflow:hidden; height:1%;} .login-box #login-form .checklist dt { width: 215px;} .login-box .wrapper-login dt { float:none;} .login-box .wrapper-login dd { margin:0} .login-box .input { width:234px; } .login-box #login-form .checklist dt { float:right;} .login-box #login-form .checklist .input { float:left; width:10px; background:none;} .signup-box .form dd.large dl.checklist dt { width:535px; } .signup-box .form input { width:367px; } .login-box .form input { width:187px; width:222px; } .signup-box { _position:relative; } .wrapper-signup { _position:relative;_top:0; _left:0; } .signup-box form.form dd dd { _margin-left:172px;} .signup-box form.form .checklist dd { _margin:0;} .signup-box #signup-form .submit input:hover, #main .login-box .submit input:hover { border-color:#feaf09; cursor:pointer; background:#feaf09; color:#fff; text-shadow:1px 1px 0 #fe8209; } .login-box a.lost-password { margin-right:0; } .signup-box .checklist dt { width:535px;} .signup-box #submit-element { clear:both;} #account #content { min-height:0; } #account #main { background: url('../images/bg-form.gif') repeat-y 0 0; zoom:1;} #password-reset-form #submit-element dl { margin:0; } .passwordLost-box h2 { margin:30px 0; } #content .alwyn strong { font-weight:normal;} /* * Discussions */ #discussions-list #search_global, #discussions-view #search_global, #profiles-list #search_global, #profiles-view #search_global, #discussions-home #search_global, #discussions-form #search_global, #user-account #search_global, #tips-home #search_global, #loyalty #search_global, #shop #search_global, #shop-delivery #search_global, #community-home #search_global, #hiw-home #search_global { display:none;} #discussions-list .pager, .tab .pager { margin:20px 0; padding-bottom:15px; text-align:center; border-bottom:solid 1px #e9e6de; right:0; } #discussions-view .pager, #profiles-list .pager, #profiles-view .pager, #games-view #main .pager { margin:20px 0; padding-top:15px; text-align:center; border-top:solid 1px #e9e6de; right:0; } .profile-messages #main .pager { padding:0; border:0;} .submenu { margin:1px 0 25px; background:url('../images/px-silver.png') repeat-x bottom; height:29px; border-bottom:solid 1px #fff;} .submenu li { margin: 0 4px 0 0; display:block; float:left; } .submenu li a { padding:7px 20px; display:block; position:relative; top:-1px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .submenu li a:hover { background:#EDEBE5; } .submenu li.active a { padding-bottom:7px; border:solid 1px #dcdcdc; border-bottom:solid 1px #fff; background:#fff; top:-1; padding-top:6px; } #main .submenu a { padding-right:15px; padding-left:15px;} .picture-header { position:absolute; right:15px; top:18px; } #discussions-list h1, #discussions-view h1, #profiles-list h1, #profiles-view h1, #shop h1 { margin-bottom:23px; } #discussions-list a.button-new-topic { position:absolute; top:125px; right:25px; border-color:#c5c5c5; padding-top:0; padding-bottom:14px; #padding-top:7px; #padding-bottom:7px; } #discussions-view a.button-new-topic { position:absolute; top:60px; right:325px; border-color:#c5c5c5; padding-top:0; padding-bottom:14px; #padding-top:7px; #padding-bottom:7px; } .search-topic { margin-bottom:28px; padding:10px 14px 10px 108px; background:#f7f6f3; } .search-topic label { margin-right:10px; padding-top:9px; #position:relative; #top:-8px; float:left; line-height:24px; font-size:14px; font-family:"AlwynMedium"; color:#777; } .search-topic .field-text { margin:0 4px 0 0; padding:3px 30px 3px 6px; border:solid 1px #c5c5c5; font-size:12px "Trebuchet MS"; background:url('../images/bg-search.png') no-repeat 265px 9px #fff; height:24px; line-height:24px; width:250px; color:#999; -moz-border-radius:3px, -webkit-border-radius:3px; border-radius:3px; border-radius:3px; } .search-topic .field-text:focus { border:solid 1px #ffc20d; } .search-topic .field-submit { padding:0 24px; #padding:0 12px; height:32px; border:solid 1px #c5c5c5; background:url('../images/gradient-button.png') repeat-x bottom #fff; font:bold 13px/32px Arial; color:#333;} .search-topic .wrap, .search-topic .field-text, .search-topic .field-submit { float:left;} .search-topic .wrap { padding:5px; background:#fff; background:rgba(255,255,255, .5); overflow:hidden;} #discussions-list #main, #profiles-list #main, #shop #main { float: right; position: relative; width: 757px; } #discussions-list #sidebar, #profiles-list #sidebar, #contest-list #sidebar, #shop #sidebar { float: left; position: relative; width: 178px; } #discussions-list ul.filter ul li a, .filters ul.filter ul li a { padding-left:20px; position:relative; } .discuss-table { margin-bottom:10px; } .discuss-table th { padding:12px; border-bottom:solid 1px #dcdcdc; text-align:left; } .discuss-table td { padding:12px; vertical-align:middle; line-height:18px } .discuss-table .odd td { background:#fbfaf9; } .discuss-table td .platform { display:block; color:#999; } .discuss-table td .date, ul.list-tips .last-message .date { display:block; color:#999; } .discuss-table td .teaser { display:block; color:#999; } .discuss-table td .user, ul.list-tips .user, .last-tips .user, .list-posts .user { color:#f36f21; } .discuss-table td .number, ul.list-tips .last-message .number, .list .comments .number { font-size:20px; } .discuss-table td .picture { margin-right:10px; float:left; } .discuss-table td a:hover { color:#f36f21; } .discuss-table tr:hover td { background:#fff9e6; } .list .icon-lock, .discuss-table .icon-lock { float:left; margin:1px 1px 0 0;} .top-players img { margin:0 1px 1px 0; float:left; } span.icon-approuved-tiny { background-position:-144px -176px; position:absolute; top:0; left:0; } img.icon-approuved-tiny { background-position:-144px -176px; position:relative; top:-1px; } span.icon-approuved { background-position:-163px -179px; width:26px; height:26px; } #discussions-view #main { margin-right:15px; position:relative; float:left; width:640px; } #discussions-view #sidebar { position:relative; float:left; width:295px; } .first-post, .container-game { margin-bottom:40px; } .first-post { border:solid 1px #efede8; background:#f7f6f3; position:relative; } .first-post .avatar { padding:50px 0 0 20px; width:70px; float:left; text-align:center; font-size:10px; color:#999; } .first-post .avatar .picture { margin-bottom:10px; } img.icon-certify, span.icon-certify { background-position: -146px -192px; width:12px; } .first-post .text { padding:15px 20px 20px 20px; width:508px; float:left; } .first-post .discuss-status { margin-bottom:20px; font-size:14px; font-family:"AlwynMedium"; color:#f36f21; } .first-post h2 { margin-bottom:10px; font-size:22px; text-transform:uppercase; color:#222; } .first-post .rte { margin-bottom:20px; line-height:18px; } .first-post .date { margin:0 0 15px; color:#999; font-size:11px; } .first-post .abuse { color:#f36f21; font-size:11px; } .first-post a.abuse { padding-left:20px; position:relative; } .first-post div.abuse { float:right; } .abuse .icon { background-position:-112px -176px; position:absolute; top:0; left:0; } .first-post .actions, .container-game .actions { padding:15px 15px 15px 110px; clear:both; background:#efede8; color:#999; position:relative; } .first-post .nb-like { vertical-align:middle; #position:relative; #top:-6px; } .first-post .share-tiny { margin: 0 20px 0 0; /*position:relative; top:-3px; left:20px;*/ float:left;} .first-post span.icon-queue, .container-game span.icon-queue { background-position:-48px -208px; position:absolute; bottom:-16px; right:70px;} .first-post span.icon-approuved { position:absolute; top:10px; right:10px;} .first-post a.button-big-pts, .container-game .button-medium { float:right; margin:0; padding-top:0; padding-bottom:14px; #padding-top:7px; #padding-bottom:7px;} .container-game .line-15-bottom { border-color:#bfbfbf;} .first-post .user-quote { margin:0;} .container-game .actions { padding-left:15px;} a.last-reply { color:#F36F21; font-weight:bold; float:right;} .answer { background:#fff; margin-bottom:25px; border-top:solid 1px #dfdfdf; position:relative; } .answer .avatar, .message-view .avatar { padding:30px 0 0 20px; width:70px; float:left; text-align:center; font-size:10px; color:#999; } .answer .avatar .picture, .message-view .avatar .picture { margin-bottom:10px; } .answer .text, .message-view .text { padding:30px 20px 0 20px; width:508px; float:left; } .answer .rte, .message-view .rte { margin-bottom:10px; line-height:18px; } .answer .date { margin:0 0 15px; color:#999; font-size:11px; } .answer .abuse { padding-left:20px; color:#f36f21; position:relative; top:7px; float:right; font-size:11px } .answer .actions { padding:10px 0 0; height:30px; _height:36px; } .hasJs .answer .actions a { display:none; } .answer span.icon-queue { background-position:-48px -192px; position:absolute; top:-11px; left:110px; } .answer blockquote { margin: 0 0 20px; padding:20px; background:#f6f5f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .answer blockquote span, .edit span { display:block; font-weight:bold;} .edit-modo { color:#f37021;} .edit { margin:15px 0 0;} blockquote.user-quote { padding:0; margin:0 0 5px; background:none; color:#8e8e8e; font-size:11px; font-style:italic;} .user-quote img.icon-quote-l { background-position:-48px -272px;} .user-quote img.icon-quote-r { background-position:-64px -272px;} .first-post .files-attachment, .answer .files-attachment { margin-bottom:20px; } a.button-big-like { #margin-top:1px; margin-right:5px; padding:6px 5px 8px 7px; } img.icon-big-like { background-position:-64px -176px; width:17px; height:16px; } a:hover img.icon-big-like, .post-liked img.icon-big-like { background-position:-64px -192px; } img.icon-like { background-position:-81px -176px; width:15px; height:15px; } a:hover img.icon-like, .answer-liked img.icon-like { background-position:-81px -192px; } img.icon-dislike { background-position:-96px -176px; width:15px; height:15px; } a:hover img.icon-dislike { background-position:-96px -192px; } .post-answer-form { margin:20px 0 25px 110px; padding:20px; border-top:solid 1px #dfdfdf; background:#fff9e6; position:relative; } .post-answer-form span.icon-queue { background-position:-64px -208px; position:absolute; top:-11px; left:20px; } .post-answer-form .input { margin-bottom:15px;} .post-answer-form textarea, .post-answer-form dd input { padding:10px; border:solid 1px #c3c3c3; width:470px; font:normal 12px/17px "Trebuchet MS", Arial; color:#777;} .post-answer-form dt { margin:0 0 10px;} .post-answer-form textarea { height:60px; resize:vertical;} .post-answer-form .button { width:auto;} .post-answer-form .cancel, .rte a { color:#f36f21; } .post-answer-form .cancel:hover { text-decoration:underline; } .grid-profiles .profile { margin:0 20px 6px 0; padding:10px; width:219px; background:#f0ede8; display:block; float:left; } .grid-profiles .profile:hover { background:#fff9e6; } .grid-profiles .cell-last { margin-right:0; } .grid-profiles .profile .illus { margin-right:10px; float:left; width:72px; } .grid-profiles .profile .text { float:left; width:134px; } .grid-profiles .profile .username { font:normal 16px/20px "AlwynMedium", "Trebuchet MS", sans-serif; color:#555; margin-bottom:3px; display:block; } .grid-profiles .profile .city { font:normal 11px/16px "Trebuchet MS", sans-serif; color:#999; margin-bottom:5px; display:block; } .grid-profiles .profile .points { font:normal 26px/26px "AlwynMedium", "Trebuchet MS", sans-serif; color:#f36f21; display:block; } #discussions-list .grid-push .illu { margin: 0 0 10px; display:block;} /* form */ #discussions-form #content { background:url('../images/bg-discuss-form.jpg') no-repeat right 60px #fff; } #discussions-form h1 { margin:0 0 20px 155px} #discussions-form .form { width:715px; } #discussions-form .form dl { width:auto;} #discussions-form .form dt { width:145px; clear:left; } #discussions-form .form dt label { font:normal 15px/20px "AlwynMedium", "Trebuchet MS", sans-serif; } #discussions-form .form dd { margin-left:0; width:560px; float:left; } #discussions-form .form div.input { padding:5px; background:#f5f3ef; } #discussions-form .form .nicyless div.input { background:#fff; } #discussions-form #checkbox-element dd { margin:0; width:20px; } #discussions-form #checkbox-element dl { #zoom:1; } #discussions-form #checkbox-element, #discussions-form #submit-element { margin-left:155px; display:inline;} #discussions-form #checkbox-element dt { width:530px; padding-top:3px; } #discussions-form #checkbox-element dt label { font:normal 13px "Trebuchet MS"; } #discussions-form .form #question { height:200px;resize:vertical; } #discussions-form #question-element .input { position:relative;} #discussions-form #emoticons { display:none; position:absolute; right:25px; top:21px;} .hasJs #question-element #emoticons {display:block;} .hasJs #wrap .form #question { margin:0 0 5px; width:526px;} form.form div.input { background:#EEEEEE; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;} form.form input { height:20px; line-height:20px; } form.form input, form.form select, form.form textarea { width:538px; } #discussions-form #submit-element dd { margin:20px 0; } #discussions-form #submit-element .input { background:none;} img.icon-search-game { margin:5px 13px; background-position:0 -224px; width:19px; height:19px; } #game { width:489px; } #game-wrapper p, .favorite-games-inner .choose-platform p { margin:15px; font-size:13px; font-weight:bold; } #game-wrapper { overflow:hidden; height:1%;} #game-wrapper .game-list { border-top:solid 1px #c5c5c5; border-left:solid 1px #c5c5c5; width:546px; background:#fff; overflow:hidden; } #game-wrapper .game-list li { float:left; } #game-wrapper .game-list li a { float:left; display:block; width:108px; height:125px; position:relative; border-bottom:solid 1px #c5c5c5; border-right:solid 1px #c5c5c5; text-align:center;} #game-wrapper .game-list li a img { margin:10px auto 0; } #game-wrapper .game-list li a .hover { padding:0 10px; display:none; background:#ff7e00; height:27px; width:88px; position:absolute; bottom:0; left:0; font:normal 9px/27px "Trebuchet MS"; color:#fff; text-align:center; text-transform:uppercase; } #game-wrapper .game-list li a:hover { background-color:#fff9e6; } #game-wrapper .game-list li a:hover .hover { display:block; } #game-wrapper .choose-platform { display:none; padding:15px 0 0; margin:0 8px; border-top:solid 1px #c5c5c5;} #game-wrapper .choose-platform p, .favorite-games-inner .choose-platform p { margin:0 0 15px;} #game-wrapper .game-chosen { padding:15px 10px; /*padding-bottom:15px;*/ position:relative; } #game-wrapper .game-chosen .picture { margin-right:20px; float:left; } #game-wrapper .game-chosen h2 { /*position:relative; top:20px;*/ margin:0; font-size:20px; } #game-wrapper .game-chosen span.icon-cancel { background-position:-32px -224px; position:absolute; top:20px; right:20px; } #game-wrapper .platform-list { margin:0 0 20px 0; } #game-wrapper .platform-list li { float:left; } #game-wrapper .platform-list li , .favorite-games .platform-list li { margin:0 2px 2px 0; float:left; } #game-wrapper .platform-list a , .favorite-games .platform-list a, #game-wrapper .platform-list li , .favorite-games .platform-list li { width:131px; height:77px; display:block;} #game-wrapper .platform-list a, .favorite-games .platform-list a { text-indent:-9999px; overflow:hidden;} .platform-list .platform-pc { background:url('../images/platform/pc.png'); } .platform-list .platform-pc:hover, .platform-list .active .platform-pc { background:url('../images/platform/pc-hover.png'); } .platform-list .platform-psp { background:url('../images/platform/psp.png'); } .platform-list .platform-psp:hover, .platform-list .active .platform-pc { background:url('../images/platform/psp-hover.png'); } .platform-list .platform-ps2 { background:url('../images/platform/ps2.png'); } .platform-list .platform-ps2:hover, .platform-list .active .platform-ps2 { background:url('../images/platform/ps2-hover.png'); } .platform-list .platform-ps3 { background:url('../images/platform/ps3.png'); } .platform-list .platform-ps3:hover, .platform-list .active .platform-ps3 { background:url('../images/platform/ps3-hover.png'); } .platform-list .platform-nds { background:url('../images/platform/nds.png'); } .platform-list .platform-nds:hover, .platform-list .active .platform-nds { background:url('../images/platform/nds-hover.png'); } .platform-list .platform-n3ds { background:url('../images/platform/n3ds.png'); } .platform-list .platform-n3ds:hover, .platform-list .active .platform-n3ds { background:url('../images/platform/n3ds-hover.png'); } .platform-list .platform-wii { background:url('../images/platform/wii.png'); } .platform-list .platform-wii:hover, .platform-list .active .platform-wii { background:url('../images/platform/wii-hover.png'); } .platform-list .platform-xbox360 { background:url('../images/platform/xbox.png'); } .platform-list .platform-xbox360:hover, .platform-list .active .platform-xbox360 { background:url('../images/platform/xbox-hover.png'); } .platform-list .platform-nintendo-3ds { background:url('../images/platform/n3ds-logo.png'); } .platform-list .platform-nintendo-3ds:hover, .platform-list .active .platform-nintendo-3ds { background:url('../images/platform/n3ds-logo-hover.png'); } .platform-list .platform-ps-network { background:url('../images/platform/ps-network-logo.png'); } .platform-list .platform-ps-network:hover, .platform-list .active .platform-ps-network { background:url('../images/platform/ps-network-logo-hover.png'); } .platform-list .platform-xbox-live { background:url('../images/platform/xbla-logo.png'); } .platform-list .platform-xbox-live:hover, .platform-list .active .platform-xbox-live { background:url('../images/platform/xbla-logo-hover.png'); } /*-*/ .last-tips .screenshot, .last-tips .video { margin:0 5px 0 0; float:left; position:relative;} .last-tips .screenshot .icon, .last-tips .video .icon { position:absolute; top:10px; left:31px;} .last-tips li, .last-discuss li { padding:10px 0 0 ; margin:10px 0 0 0; border-top:1px dotted #ccc; overflow:hidden; height:1%;} .last-tips li.first, .last-discuss li.first { padding:0; margin:0; border:0;} /* * Profiles */ #profiles-view #main { margin-left:20px; position:relative; float:left; width:630px; } #profiles-view #sidebar { position:relative; float:left; width:300px; } #profiles-view .picture-header { top:62px; } #profiles-view .box-datas .illus { margin-right:10px; float:left; width:100px; border:solid 3px #fff; } #profiles-view .box-datas .text { float:left; width:145px; } #profiles-view .box-datas .city, #profiles-view .box-datas .web, #profiles-view .box-datas .memberfor { margin-bottom:6px; padding-left:20px; display:block; font-size:10px; color:#777; position:relative; } #profiles-view .box-datas .memberfor { padding-left:0;} #profiles-view .web .icon { background-position:-128px -208px; position:absolute; top:-1px; left:0; } #profiles-view .city .icon { background-position:-144px -224px; position:absolute; top:0; left:1px; width:15px; } #profiles-view blockquote { margin-bottom:20px; padding:10px; background:#dfdbd2; border:solid 1px #aaa; font-style:italic; position:relative; color:#777; } #profiles-view .icon-quote-l { background-position:-114px -208px; width:14px; } #profiles-view .icon-quote-r { background-position:-114px -224px; width:14px; } #profiles-view .box-datas .icon-queue { background-position:-48px -224px; width:10px; height:11px; position:absolute; top:-11px; right:25px; } #profiles-view .stats { margin-bottom:5px; padding:10px; background:#797772; position:relative; font:normal 18px/18px "AlwynMedium"; color:#fff; text-align:center; } #profiles-view .icon-heart { background-position:-128px -224px; position:absolute; top:20px; left:15px; } #profiles-view .box-datas .points { font-size:36px; line-height:36px;} #profiles-view .box-datas .nblike, #profiles-view .box-datas .pts { position:relative; top:-6px; } #profiles-view .box-datas .earn, #shop .earn, .box-yellow .earn, .profile-state .earn { display:block; text-align:center; font-size:11px; } #profiles-view .box-datas .icon-earn, .profile-state .icon-earn, #shop .icon-earn { background-position:-144px -208px; width:15px; color:#777; } #profiles-view .box-datas a:hover .icon-earn, #profiles-view .box-datas a:focus .icon-earn, #shop a:hover .icon-earn, .profile-state a:hover .icon-earn, .profile-state a:focus .icon-earn { background-position:-128px -304px;} #profiles-view .box-datas .icon-badge { position:absolute; top:-10px; right:10px } #profiles-view .profil-state { margin:10px 0 0; padding:10px 0 0; border-top:1px solid #fff;} #profiles-view .profil-state h3 { font-size:15px;} #profiles-view #main h2 { margin-bottom:15px; font-size:20px; color:#222; text-transform:uppercase; } #profiles-view .grid-w179-g1 li, .box-summary li, .box-summary .label {font:normal 14px/16px "AlwynMedium"; } #profiles-view .grid-w179-g1 li { width:179px; float:left; margin-right:1px; } #profiles-view .grid-w179-g1 .number, .box-summary .number { margin:0 10px 5px 0 0; font:normal 40px/35px "AlwynMedium"; color:#ff761b; } #profiles-view .grid-w179-g1 .label { position:relative; top:-5px; } #profiles-view #main .earn { font:bold 13px/20px Arial; color:#ff761b; } #profiles-view #main .icon-earn { background-position:-112px -192px; } #profiles-view .box-pts { margin-bottom:20px; padding:10px 0 10px 0; text-align:center; } #shop .box-pts .button-orange, #profiles-view .box-pts .button-orange { padding:15px 50px; float:right; display:block; } #profiles-view .box-pts .label, .profil-mypoints .profil-summary .label, .box-badge .label { font:normal 18px/20px "AlwynMedium"; position:relative; top:2px; } #profiles-view .box-pts .pts, .profil-mypoints .profil-summary .pts, .box-badge .badge-name { margin:0 10px; font:normal 36px/30px "AlwynMedium"; color:#ff761b; position:relative; top:8px; } .box-badge { text-align:center;} .box-badge .icon { margin:0 0 0 10px;} .box-badge .badge-name { top:0;} .box-badge .badge-name { font-size:26px; top:4px; line-height:16px;} #profiles-view #main h3 { /*margin-top:3px;*/ font-size:15px; color:#222; } ul.list { margin-bottom:20px; border-bottom:solid 1px #e5e5e5; } ul.list li a, .list-points li { color:#333; font-size:13px; } ul.list li a, .list-points li, .list-posts li { padding:10px; display:block; border-top:solid 1px #e5e5e5; } .list-posts h2 { margin:0;} ul.list li, ul.list li a { position:relative; #zoom:1;} ul.list .odd, .box-result-search { background:#fbfaf9;} ul.list li { #zoom:1;} ul.list li a .picture { float:left; margin-right:15px; position:relative; top:-2px; } ul.list li a:hover, ul.list li.hover a, ul.list-tips li:hover, .list-messages li:hover { background-color:#fff9e6; } ul.list li a .info, .last-tips .info, .last-discuss .info { color:#999; display:block; font-size:11px; } #profiles-view .more { position:relative; left:10px; top:-12px; } ul.list span.comments { position:absolute; right:10px; top:10px;} .profil-summary { border:1px solid #efede8; } .list .icon-youtube { position:absolute; right:10px; top:10px;} /*my points*/ .summary-points { padding:10px 10px 0; margin-top:-10px; background:#f8f6ee; color:#848484;} .summary-points li { position:relative; #zoom:1; padding-bottom:10px;} .summary-points li .number, .list-points li .number { position:absolute; right:0;} .profile-view .user-summary { margin:40px 0 0 0;} .list-points li { position:relative;} .list-points li .number { right:10px;} #profiles-view .list-points li { padding-right:35px;} /* ------------- my profil --------------*/ form .submit input { cursor:pointer;} form.form-myprofile dd.subform { padding-right:235px; padding-right:216px; width:auto; position:relative;} form.form-myprofile dd.subform dd { margin:0; float:left;} form.form-myprofile dl { overflow:hidden; height:1%;} form.form-myprofile dd.subform span.trigger-accordion { position:absolute; right:15px; top:15px;} form.form-myprofile { padding: 0;} form.form-myprofile fieldset { padding:0; margin:0; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} form.form-myprofile legend { padding:0 0 15px; color:#333; font-family:"AlwynMedium", Arial, sans-serif;} form.form-myprofile dl, form.form-myprofile dd.submit dl, form.form-myprofile { width:auto;} form.form-myprofile dt { width:130px; clear:left; } form.form-myprofile dd { margin-left:135px;} form.form-myprofile dd div.input, form.form-myprofile .subform-large .favorite-games div.input { padding:5px; background:#e1dfd8;} form.form-myprofile input, form.form-myprofile textarea { width:218px; width:237px;} form.form-myprofile textarea { height:40px;} form.form-myprofile input.checkbox { margin:0; vertical-align:top;} form.form-myprofile .hidden { display:none;} form.form-myprofile dd label { margin:0 0 5px; padding-top:5px; position:relative; display:block; } form.form-myprofile dd .input label { padding-left:25px; display:inline; margin-right:25px; line-height:20px; } form.form-myprofile dd label input { padding-top:0; width:15px; position:absolute; left:0; top:0; background:none; border:0; } form.form-myprofile dd.submit div input, #user-account #content dd.submit input, a.button-action { width:auto; padding-left:20px; padding-right:20px;} form.form-myprofile dd.submit div input:hover, form.form-myprofile dd.submit div input:focus, #user-account #content dd.submit input:hover, #user-account #content dd.submit input:focus, a.button-action {color:#ff6f0f} form.form-myprofile #submit-element dl { margin:0;} form.form-myprofile .submit .input { margin:0; background:none; } form.form-myprofile .submit input { margin:5px 0 20px; text-align:center; clear:both;} form.form-myprofile dl dd.submit { float:none; clear:both;} .form-myprofile .submit-pts { position:relative; #zoom:1;} form.form-myprofile dd.submit-pts div input { padding-right:50px;} .form-myprofile .submit-pts .points { top:5px;} form.form-favorites-games fieldset { padding:0; margin:0; border:0; } #fieldset-favorite-games dt { padding-right:0; width:auto;} #fieldset-favorite-games .icon-search-game { margin-left:0; margin-right:0;} #fieldset-favorite-games dd { margin-left:20px;} #fieldset-favorite-games input { width:318px;} #fieldset-favorite-games dd div.input { margin-bottom:20px;} form.form-myprofile dd.large, form.form-myprofile dd.large dl.checklist { width:380px;} form.form-myprofile dd.large dl.checklist dt { width:340px;} form.form-myprofile dd.large .input { background:none;} form.form-myprofile dd.subform-large { padding-right:30px;} form.form-myprofile .subform-large .checklist { width:auto; margin:0;} form.form-myprofile .subform-large .checklist dt { float:none;} form.form-myprofile .subform-large .checklist .input, .form-myprofile .user-avatar .input { background:none} form.form-myprofile .subform-large .checklist label { margin-bottom:15px; padding-top:0; margin-right:0; width:170px; display:block; float:left;} form.form-myprofile .subform-large .checklist dt label { margin:0; padding-bottom:15px; font-weight:bold;} form.form-myprofile .subform-large .checklist label input { margin: 0 10px 0 0; width:15px; height:20px; background:none; border:0;} form.form-myprofile .subform-large .checklist dd { margin:0 0 15px; clear:left; } form.form-myprofile .subform-large .checklist { width:585px;} form.form-myprofile .subform-large .checklist dd, form.form-myprofile .subform-large .checklist dd .input { width:100%;} form.form-myprofile .subform-large .submit { margin-right:205px;} .form-myprofile .user-avatar { padding:0 0 25px 0; margin:0 0 25px 0; width:380px; width:399px; border-bottom:1px dotted #a5a4a0;} .form-myprofile .user-avatar img { border:3px solid #fff;} .form-myprofile .user-avatar dd label { margin:0 0 10px; display:block; font-weight:bold;} .form-myprofile .user-avatar dd span { margin:0 0 15px ; display:block; color:#999;} .form-myprofile .user-avatar .input label { padding-left:0; margin-right:0; display:block;} .form-myprofile .radio-buttons label, .form-myprofile .user-avatar .input label { padding-top:0;} .form-myprofile .radio-buttons .input, form.form-myprofile select { width:249px;} /*-*/ form.form-myprofile .favorite-games {width:400px;} form.form-myprofile .subform-large .favorite-games div.input { width:auto; margin-bottom:15px;} form.form-myprofile .subform-large .favorite-games input { width:340px;} .favorite-games .icon-search-game, .favorite-games .input { float:left;} .favorite-games .icon-search-game { margin:10px 19px 0 0;} /*form.form-myprofile .favorite-games .*/ .favorite-games-inner { /*padding:15px 0 0;*/ border-top:1px dotted #a5a4a0; clear:both;} .favorite-games-item { padding:10px; margin:15px 0 0 ; position:relative; background:#f8f6ee; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; #zoom:1;} .favorite-games-inner .choose-platform { padding:15px 0 0;} .favorite-games-item .cover, .favorite-games-item .content { float:left;} .favorite-games-item .cover { margin-right:10px;} .favorite-games-item .cover a { display:block; border:1px solid #e4e2db;} .favorite-games-item .content { width:220px;} #main form.form-favorites-games .favorite-games-item .content a { margin:15px 0 0; font-size:12px; text-transform:uppercase; display:block;} .favorite-games-item .content .platform { text-transform:none; color:#999;} .favorite-games-item .remove-item { padding:0 16px 0 0; position:absolute; top:10px0; right:10px; font-size:11px; color:#ed1c24;} .remove-item .icon-close { position:absolute; right:0; top:0;} .hasJs .remove-item { display:none;} .favorite-games-items .hover .remove-item { display:block;} /*-*/ .profile-state { margin:-15px 0 0; border-top:1px solid #fff;} .profile-steps { margin:0 0 5px; position:relative;} .profile-steps div { background:url(../images/profil-steps.png) no-repeat 0 0; height:16px;} .profile-steps .profile-steps-left { background-position:0 0; padding-left:10px;} .profile-steps .profile-steps-right { background-position:right -16px; padding-right:10px;} .profile-steps .profile-steps-inner { background-position:0 -32px; background-repeat:repeat-x;} .profile-steps .profile-steps-bar { width:51px; position:absolute; top:0; left:0;} .progress-steps-bar { position:absolute; top:0;} .progress-steps-bar .progress-left { padding-left:10px; background-position:0 -48px;} .progress-steps-bar .progress-right { padding-right:10px; background-position:right -80px;} .progress-steps-bar .progress-inner { background-position:0 -64px; background-repeat:repeat-x; width:50px;} /*-dashboard-*/ .box-summary { position:relative; #zoom:1;} .box-summary li { margin:0 0 5px;} .box-summary .last { margin-bottom: 0;} .box-summary .number { margin:0 5px 0 0; font-size:26px; line-height:26px;} .box-summary .label { position:relative; top:-3px;} .box-summary .button-text { margin:0; position:absolute; right:15px; top:17px; line-height:16px;} /*activites*/ #profiles-view .filters { padding:10px 0 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;} #profiles-view .filters h3, #profiles-view .filters .filter, #profiles-view .filters li { float:left;} #profiles-view .filters li li { margin-right:0; float:none;} #profiles-view .filters li, #profiles-view .filters h3 { margin-right:20px;} #profiles-view .filters li, #profiles-view .filters ul.filter ul { width:175px;} /*messages*/ .list-messages .inner-list { padding:10px; position:relative; #zoom:1;} ul.list-messages li a { padding:0; border:0;} .list-messages .unread { background:#f9f7f1;} .list-messages .avatar, .list-messages .details, .list-messages .aside { float:left;} ul.list-messages li .avatar img { margin:0; float:none; top:0;} .list-messages .avatar { margin:0 15px 0 0; width:36px;} .list-messages .details { width:415px;} .list-messages .details span { display:block;} .list-messages .aside { padding:11px 30px 0 0; width:114px; text-align:right; color:#848484; font-size:12px;} .list-messages .title { margin:0 0 5px;} .list-messages .teaser { font-size:12px; color:#7d7d7d;} ul.list-messages li a .icon-reply { margin:1px 2px 0 -3px;} .list-messages .delete-message { position:absolute; right:5px; top:22px; display:none; width:16px; height:16px;} .list-messages li:hover .delete-message { display:block;} .profile-messages-view a.button-back { margin:-40px 0 0; float:right; line-height:15px; } .message-view { border-top:1px solid #ccc;} .message-view .avatar { padding:20px 0 0 10px; width:36px;} .message-view .text { padding:20px 119px 0 15px; position:relative; width:450px;} .message-view .post-answer-form { margin-left:0; padding-left:60px;} .message-view .post-answer-form .icon-queue { left:25px;} .message-view .date { position:absolute; top:20px; right:0; font-size:11px;} #profiles-view #main .message-view h2 { text-transform:none;} .message-view .avatardefault { border:2px solid #fff; position:absolute; top:50px; left:10px;} #profiles-view #main .message-view .subject { margin:0 0 5px; font-size:13px;} /* * discussions home */ #discussions-home .search-topic, #tips-home .search-topic, #community-home .search-topic { margin-bottom:0; padding:20px 0 20px 35px; width:915px; background:url(../images/bg-search-noise.png) repeat-x; } #discussions-home .search-topic .field-text, #tips-home .search-topic .field-text, #community-home .search-topic .field-text { margin:0 4px 0 0; height:32px; line-height:32px; float:left; background-position:265px 12px;} #discussions-home .search-topic .field-submit, #tips-home .search-topic .field-submit, #community-home .search-topic .field-submit { height:40px;} .box-result-search { padding:40px; margin:0 0 40px; font:16px AlwynMedium,sans-serif;} #discussions-home .search-topic .icon-arrow, #tips-home .search-topic .icon-arrow, #community-home .search-topic .icon-arrow { width:32px; background-position:-192px -208px; float:left; position:relative; top:5px; } #discussions-home .search-topic label, #tips-home .search-topic label, #community-home .search-topic label {margin-right:30px; padding-top:13px; float:left; color:#222; font-size:16px; text-transform:uppercase; } #discussions-home .search-topic .wrap, #tips-home .search-topic .wrap, #community-home .search-topic .wrap { float:left; background:#dbd9d9; background:rgba(219,217,217,0.5); } #community-home #search-in { padding:5px 0 0 16px; #padding-top:13px; margin-right:20px; float:left; position:relative; #zoom:1;} #community-home #search-in label { padding:0; margin:0; cursor:pointer; line-height:14px; float:none; display:block; font-size:11px; text-transform:none; text-shadow:0 1px 0 #fff;} .hasJs #search-in input { display:none;} #search-in .icon-bar { background-position:-176px -272px; width:12px; height:29px; position:absolute; left:0; top:5px;} #search-in .icon-button-radio { background-position:-192px -272px; width:10px; height:10px; position:absolute;left:1px;} .icon-button-radio, .active-search-in-tips .icon-button-radio { top:2px;} .active-search-in-topics .icon-button-radio { top:17px;} #discussions-home h2, #tips-home h2, #community-home h2 { text-transform:uppercase; font-size:22px; } #discussions-home h2 .icon, #tips-home h2 .icon, #community-home h2 .icon { position:absolute; margin-top:4px; #margin-top:8px;} img.icon-hot { background-position:-64px -160px; } .grid-avatars .picture { margin-bottom:9px;} .grid-avatars .certify { padding:0 3px 2px; display:block; width:12px; height:16px; background:#fff; position:absolute; top:0; right:0; } .grid-avatars .certify-big { padding:2px 6px; width:16px; height:22px; } .grid-avatars .certify-big .icon { background-position:-64px -224px; width:16px; height:22px; } .grid-w145-g15 .cell { margin:0 15px 8px 0; float:left; width:145px; position:relative; } .grid-w145-g15 .cell:hover { color:#ff761b; } .grid-w145-g15 .cell-last { margin-right:0; } .grid-w145-g15 .text { margin-top:8px; padding-left:16px; display:block; position:relative; } span.icon-arrow-top { background-position:-19px -224px; position:absolute; top:0; left:0; } #discussions-home hr { margin:20px 0; background-color:#e9e6de; } .fg-join-us { position:absolute; top:20px; right:112px; } .box-join-us { margin:-12px 0 20px; height:136px; position:relative; } .box-join-us-inner { padding:0 375px 0 0; position:absolute; top:0; left:0; width:589px; height:136px; text-align:center; background:url(../images/bg-join-us.jpg) no-repeat; } .box-join-us .heading { margin:0 auto; padding:40px 0 10px; display:block; color:#555; font:normal 16px/25px "AlwynMedium"; } .box-join-us .link, .carousel-community-home .wrap-button, .banner-hiw .wrap-button { margin:0 auto; padding:7px; background:#f29509; display:block; width:200px; } .box-join-us .link span, .carousel-community-home .wrap-button span, .box-highlight .link span, .carousel-hiw .wrap-button span, .banner-hiw .wrap-button span { padding:0; height:34px; width:198px; border:solid 1px #aa1915; color:#fff; font:normal 20px/34px "AlwynMedium"; display:block; background:url(../images/gradient-button-join-us.png) repeat-x #c90417; } .box-points { margin:10px 0; background:url(../images/bg-points.jpg) no-repeat; height:102px; position:relative; } .box-points .heading { font:normal 17px/25px "AlwynMedium"; position:absolute; top:42px; left:150px; width:590px; display:block; } .box-points .link { color:#ff5c00; font-weight:bold; position:absolute; right:40px; top:47px; } .box-points .link img.icon { background-position:-112px -192px; } /*community home*/ #community-home .lnk-rss, #discussions-home .lnk-rss, #tips-home .lnk-rss { margin:2px 0 0; float:right; display:block; width:10px; height:10px;} #community-home .grid-entries .picture { margin:0 0 5px;} /*------------------- POPIN LOGIN --------------------*/ .ui-widget-overlay { background:#4c4c4c; opacity: .7; filter:Alpha(Opacity=70);} .ui-dialog { position: absolute; iverflow:hidden; } .ui-dialog .ui-dialog-titlebar { position: relative; z-index:1; } .ui-dialog .ui-dialog-titlebar-close span { background:url(../images/sprite.png) no-repeat -144px -240px;} .ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-position:-144px -256px;} .ui-dialog .ui-dialog-title { display:none;} .dialog-login-popin, .dialog-report-abuse, .dialog-congrat-popin, .dialog-send-msg, .dialog-hiw, .dialog-additional-infos { padding:0; background:none; border:none; -moz-border-radius:0; -webkit-border-radius:0; text-align:left;} .dialog-login-popin .ui-dialog-titlebar { width:360px;} .ui-dialog .ui-dialog-content { border:8px solid #676767; border:8px solid rgba(0, 0, 0, 0.2); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; width:340px !important; } .popin-outer { background:#fff; width:340px; } .popin-inner { padding:16px 20px 20px;} .popin-footer { position:relative; #zoom:1;} .dialog-login-popin .popin-footer { background:#ffcf40;} .dialog-report-abuse .popin-footer, .dialog-additional-infos .popin-footer, .dialog-congrat-popin .popin-footer, .form-send-msg .form-submit, .form-additional-infos .form-submit { background:#edebe5;} .form-additional-infos .form-submit input { margin-right:5px; cursor:pointer;} .popin-content { position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .box-popin { display:none;} .box-popin h2, #user-account .box-popin h2 { padding:0 25px 10px 0; margin:0 0 15px 0; font-size:18px; border-bottom:1px dotted #b2b2b2;} .box-popin .button-orange, .box-popin h2 { text-transform:uppercase;} .box-popin .button-orange { display:block; text-align:center;} .wrap-button { background:#fcb031; padding:5px;} .box-login span.points, .box-yellow span.points { background-position:-192px -224px; top:-6px;} .ui-dialog .ui-dialog-titlebar-close { position:absolute; top:16px; right:30px; display:block;} .box-popin .wrapper-form { position:relative; #zoom:1;} .box-popin p { font-size:13px;} .box-popin .form, .box-popin .form dl, .box-popin .form dd, .box-popin .form dd.submit dl, .box-popin .form dd.large input, .box-popin .form fieldset, .box-popin .form dd.large dl.checklist { width:auto; padding:0; margin:0; border:0;} form.form dd.submit dd, form.form dd.submit .input .box-popin .form dd, .box-popin #login-form { margin:0;} .box-popin .form dl { overflow:hidden; height:1%;} .box-popin .form .input { padding:5px;} .box-popin .form input { width:278px; font-size:13px; background:#fff;} .box-popin .form dd.submit .input { margin:0;} .box-popin form.form #submit-element input, #user-account #content .submit input, .button-action, #panel-login #login-form .submit input, .box-congratulation .submit, .form-myprofile .submit input, .box-send-msg .form-send-msg .form-submit input, .box-additional-infos .form-additional-infos .form-submit input { height:35px; padding:0; width:143px; border:1px solid #c5c5c5; color:#727272; font-size:13px; font-weight:bold; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2);} .dialog-login-popin #checkbox-element, .dialog-login-popin form.form #submit-element { margin-top:30px;} .box-popin #checkbox-element { padding:8px 0 0; width:135px; border:0; float:right;} .box-popin .form .checklist dd { margin:0 5px 0 0; float:left; } .box-popin .form dd.large dl.checklist dt { width:110px;} .box-popin .form .checklist .input { background:none !important;} .box-popin #submit-element { float:left; width:150px;} #lost-password { position:absolute; bottom:52px; left:5px; color:#999; font-size:11px; text-decoration:underline;} #lost-password:hover, #lost-password:focus { text-decoration:none;} .box-login .sign-with { margin:20px 0 0; padding:20px 0 0; border-top:1px dotted #ccc; } .box-login .sign-with p, .box-login .external-accounts, .box-login .external-accounts a { float:left;} .box-login .sign-with p, .box-login .external-accounts a { margin:0 5px 0 0; } .box-login .external-accounts a { text-indent:-9999px; overflow:hidden; } #janrain-widget { display:none;} /*popin reporte abuse*/ .dialog-report-abuse #id-label, .dialog-report-abuse #submit-label, .dialog-report-abuse #id-element { display:none;} .dialog-report-abuse .form dd { overflow:hidden; height:1%;} .dialog-report-abuse .form label, .dialog-report-abuse .popin-content p { font-size:13px;} .dialog-report-abuse .form label, .dialog-report-abuse .form dt { margin-bottom:10px; } .dialog-report-abuse .form dd label { float:left; clear:left; } .dialog-report-abuse .form label input { margin:0 7px 0 0; padding:0; width:15px; height:15px; float:left; background:none; border:none;} .dialog-report-abuse .form dd { margin-bottom:5px;} .dialog-report-abuse .form dt { float:none;} .dialog-report-abuse .form textarea { width:287px; height:60px;} .dialog-report-abuse #submit-element { padding:5px 5px 5px 2px; margin:5px 0 0;} .dialog-report-abuse .form-report-abuse .errors { clear:both; color:#f00;} /*-popin congrat-*/ .box-congratulation .wrap-button { background:#ffdec8;} .box-congratulation p { margin: 0 0 15px;} .box-congratulation .submit { float:none; text-align:center; padding:10px 35px; height:auto; width:auto;} /*- popin send message-*/ .ui-dialog .box-send-msg, .box-send-msg .popin-outer { width:390px !important;} .box-popin .form-send-msg input, .box-popin .form-additional-infos input, .box-popin form.form-send-msg textarea, .box-popin form.form-additional-infos textarea { width:258px; font-size:11px;} .form-send-msg label, .form-additional-infos label { display:block; width:60px;} .form-send-msg label, .form-send-msg .input, .form-additional-infos label, .form-additional-infos .input { float:left;} .form-send-msg .input, .form-additional-infos .input { margin:0 0 15px;} .box-send-msg .popin-inner, .box-additional-infos .popin-inner { padding:0;} .form-send-msg .form-content, .form-additional-infos .form-content { padding:20px 20px 5px; overflow:hidden; height:1%;} .form-send-msg .form-submit, .form-additional-infos .form-submit { padding:20px 20px 20px 80px;} /*- popin hiw-*/ .ui-dialog .box-hiw, .box-hiw .popin-outer { width:484px !important;} /* popin additional info*/ .ui-dialog .box-additional-infos, .dialog-additional-infos .popin-outer { width:470px !important;} .form-additional-infos label { width:150px;} .form-additional-infos p { margin-bottom:20px;} .form-additional-infos .form-submit { text-align:right;} /*-*/ #janrain-form #avatar-label { margin:0 0 15px;} #user-account #janrain-form #avatar-element { clear:left; width:470px;} #user-account #janrain-form #avatar-element .input { width:460px; overflow:hidden;} form #avatar-element .avatar-user { float:left; width:106px; margin:0 50px 0 0;} form #avatar-element .avatar-user img { border:3px solid #fff;} #janrain-form #avatar-element span { padding-bottom:5px; display:block; } #janrain-form #avatar-element .infos { font-size:12px; color:#999;} #janrain-form #avatar-element .label { padding-top:20px; font-weight:bold; } #janrain-form #avatar-element .avatar-content { float:left; width:230px;} #janrain-form #avatar-element .wrap-upload { padding:5px; background:#e1dfd8;} #user-account #janrain-form #avatar-element input { width:207px;} /*------------------user account-------------*/ #user-account #content { min-height:0;} #user-account h1 { margin-bottom:30px;} #user-account h2 { padding:0 0 13px; margin:0 0 30px; font: 18px AlwynMedium, sans-serif; text-transform:uppercase; border-bottom:1px dotted #bfbfbf; } #user-account .box-yellow, #shop-delivery .box-yellow, #user-account .button-action { margin-right:45px;} #user-account .box-message-large { margin-right:0; margin-bottom:30px; padding-right:100px;} #shop-delivery .box-yellow, #user-account .box-yellow { position:relative; #zoom:1;} #user-account .box-yellow .icon-box-message, #shop-delivery .box-yellow .icon-box-message { position:absolute; bottom:-25px; left:65px;} .box-yellow .highlight, .box-yellow h2 { font: 16px "AlwynMedium", "Trebuchet MS", sans-serif; color:#333;} #user-account .box-info, #shop-delivery .box-info { padding:0 0 110px; position:absolute; bottom:0; right:0; width:295px;} #user-account .box-info .box-yellow, #shop-delivery .box-info .box-yellow { padding:15px; text-align:center;} #user-account .confirm-message { padding-bottom:140px; #zoom:1; } #user-account .confirm-message .picture-account { position:absolute; bottom:-15px; right:45px;} .box-info .picture-account { position:absolute; right:0; bottom:0;} .box-yellow .earn .icon-earn { background-position:-224px -208px; width:16px; height:16px;} #user-account .existing-account { padding-left:30px;} #user-account #content .form dl, #user-account #content dd.submit .input { width:auto;} #user-account #content .form dd { width:293px; margin:0; float:left;} #user-account #content .checklist { overflow:hidden; height:1%;} #user-account #content .checklist dd, #user-account #content dd.submit, #user-account #content .submit dd {float:none;} #user-account #content .form dt, #user-account #content dd.submit { clear:left;} #user-account #content .checklit dt { clear:none;} #user-account #content .submit .input { background:none;} #user-account .form .input { background:#f5f3ef;} #user-account .form .checklist div.input { background:none;} .button-action { padding-top:10px; padding-bottom:10px; height:auto; line-height:16px;} #user-account #content .form, #user-account #content .form .subform, #user-account #content .form dd.large { margin:0; width:470px;} #user-account #content .form .input { padding:5px; width:283px;} #user-account #content .form input { width:271px;} #user-account #content .form select { width:284px;} #user-account #content .checklist dd, #user-account #content .checklist .input { width:auto;} #user-account #content .checklist dt { width:445px;} #user-account #content .checklist .input { margin:0 0 5px; padding:2px 0 0; /*padding:2px 0 0; width:20px;*/} #user-account #content .checklist .wraning .input { background:none;} #user-account #content .checklist .errors { padding-left:25px;} #user-account #content .checklist .errors li { color:#f00;} #user-account #content input.checkbox { width:14px;} #user-account #content .submit { text-align:right;} #user-account #content .submit input, #user-account #content .submit dd { width:auto;} #user-account #content .submit input { margin-bottom:20px;} #user-account #content #login-form, #user-account #content #login-form .subform, #user-account #content #login-form dd.large { width:440px;} #user-account #content #login-form .subform dd { width: 250px;} #user-account #content #login-form .subform .input { width:255px;} #user-account #content #login-form .subform input { width:243px;} #user-account #content #login-form .checklist dt { width:415px;} /*-*/ #user-account #signup-form dd.submit .input, #user-account #janrain-form dd.submit .input, .contest #poll-form .input { padding:0; position:relative;} #user-account #signup-form .points, #user-account #janrain-form .points, .contest #poll-form .points { top:-6px; z-index:2;} #user-account #signup-form dd.submit input, .contest #poll-form input, #user-account #janrain-form dd.submit input { padding-right:50px; } #user-account #content .clear { font-size:1px; line-height:1px; height:1px;} #user-account .box-highlight { margin-top:35px; #margin-top:25px; position:relative; zoom:1;} #user-account .box-highlight p { font:normal 14px/20px "AlwynMedium", "Trebuchet MS", sans-serif;} #user-account .box-highlight .more { position:absolute; right:15px; top:17px; font:12px "Trebuchet MS", sans-serif;} /*other-links*/ .other-accounts-list { margin:0 auto; width:413px; overflow:hidden; background:#f5f3ef; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .other-accounts-list li { float:left; } .other-accounts-list .border-right { border-right:1px solid #fff;} .other-accounts-list .border-bottom { border-bottom:1px solid #fff;} .other-accounts-list a { display:block; height:57px; width:137px; text-indent:-9999px; overflow:hidden; background:url(../images/sprite-accounts.png) no-repeat 0 0;} .other-accounts-list a.facebook-account:hover, .other-accounts-list a.facebook-account:focus { background-position:-137px 0;} .other-accounts-list a.google-account {background-position:0 -57px;} .other-accounts-list a.google-account:hover, .other-accounts-list a.google-account:focus { background-position:-137px -57px;} .other-accounts-list a.live-account { background-position:0 -114px;} .other-accounts-list a.live-account:hover, .other-accounts-list a.live-account:focus { background-position:-137px -114px;} .other-accounts-list a.yahoo-account { background-position:0 -171px;} .other-accounts-list a.yahoo-account:hover, .other-accounts-list a.yahoo-account:focus { background-position:-137px -171px;} .other-accounts-list a.myspace-account { background-position:0 -228px;} .other-accounts-list a.myspace-account:hover, .other-accounts-list a.myspace-account:focus { background-position:-137px -228px;} .other-accounts-list a.twitter-account { background-position:0 -285px;} .other-accounts-list a.twitter-account:hover, .other-accounts-list a.twitter-account:focus { background-position:-137px -285px;} /*tips home*/ .grid-user-actions { zoom:1;} .box-user-action { margin:0 0 25px;} .box-user-action .icon-big { background:url(../images/sprite-big-icons.png) no-repeat 0 0; position:absolute;} .box-user-action .icon-tip { position:absolute; right:0; top:0; width:53px; height:105px;} .box-user-action .icon-circle { width:88px; height:88px; left:20px; top:8px;} .box-user-action .category-orange .icon-circle { background-position:-53px 0; } .box-user-action .category-green .icon-circle { background-position:-142px 0; } .box-user-action .icon-pen { width:35px; height:35px; background-position:-229px 0; left:27px; top:25px;} .box-user-action .icon-eye { width:47px; height:25px; background-position:-229px -36px; left:19px; top:31px;} .box-user-action .inner-box { padding:15px 0 15px 170px; min-height:75px; height:auto !important; height:75px;} #wrap .box-user-action .inner-box .heading { margin:0 0 12px; font-size:16px; color:#383838; text-transform:uppercase;} .box-user-action, .box-highlight { background:#f2f0ec; position:relative;} .box-user-action .category { position:absolute; left:0; top:0; width:157px; height:105px; background-color:#e8e6e0;} .box-user-action .button-large { padding-left:45px; padding-right:55px; margin:0; background:url("../images/gradient-button.png") repeat-x scroll center bottom #f9f9f9;} .box-user-action-tiny { margin-bottom:0; min-height:60px; height:auto !important; height:60px;} .box-user-action-tiny .category { width:65px; height:60px; background:none;} .box-user-action-tiny .inner-box { padding:20px 0 10px 65px; min-height:30px; height:auto !important; height:30px;} .box-user-action-tiny .icon-circle { width:38px; height:38px; left:12px; top:12px;} .box-user-action-tiny .category-green .icon-circle { background-position:-230px -64px;} .box-user-action-tiny .category-orange .icon-circle { background-position:-275px 0;} .box-user-action-tiny .icon-eye { background-position:-53px -93px; width:20px; height:12px; left:9px; top:13px;} .box-user-action-tiny .icon-pen { background-position:-80px -89px; width:16px; height:16px; top:11px; left:12px;} .box-user-action-tiny .button { margin:0; padding:10px 20px 10px 10px; position:absolute; top:11px; right:11px; font-size:14px; line-height:15px;} .box-user-action-tiny .button .icon { margin-left:5px;} .box-user-action-tiny .button-large { padding-right:50px;} /*-*/ .list li span.info { zoom:1;} ul.list-tips li, .list-messages li { border-top:1px solid #E5E5E5;} ul.list-tips li .inner-list { padding:10px; overflow:hidden;} ul.list-tips li a { padding:0; border:none; font-size:12px;} ul.list-tips li a:hover { background:none;} ul.list-tips li a .picture { float:none; margin:0; top:0;} ul.list-tips .screenshot, ul.list-tips .content, ul.list-tips .last-message .avatar, ul.list-tips .details, ul.list-tips .last-message, ul.list-tips .video { float:left;} ul.list-tips .screenshot, ul.list-tips .video { margin-right:15px; position:relative;} ul.list-tips .screenshot .icon, ul.list-tips .video .icon { position:absolute; top:23px; left:57px;} ul.list-tips .highlight .video .icon { left:93px; top:45px;} ul.list-tips .content { width:282px;} ul.list-tips .platform, ul.list-tips .highlight .date, ul.list-tips .user { display:inline;} ul.list-tips .details { margin:0 15px 0 0; width:187px; position:relative; top:-4px;} ul.list-tips .last-message { color:#555; width:80px;} ul.list-tips .last-message .avatar .picture { margin: 0 5px 0 0;} ul.list-tips .last-message .date { clear:left;} /*ul.list-tips .clear { font-size:1px; line-height:1px; height:1px;}*/ ul.list-tips .highlight .content { width:209px;} ul.list-tips h3 a { font-size:13px;} ul.list-tips .highlight .last-message, ul.list-tips .highlight .details { float:none;} ul.list-tips .highlight .details, ul.list-tips .highlight .last-message { width:auto;} ul.list-tips .highlight .details { margin-bottom:13px;} ul.list-tips .highlight .screenshot .icon { top:45px; left:93px;} /*games tips - discuss*/ .list-posts { border-bottom:1px solid #c6c3bb;} .list-posts li { padding-left:0; padding-right:0; position:relative;} .list-posts li.first { padding-top:5px; border:0;} .list-posts .first .comments { top:5px;} .list-posts .screenshot, .list-posts .video { margin-right:20px; width:104px; float:left;} .list-posts .list-content { float:left; width:455px;} .list-posts .infos { margin:0 0 8px; font-size:11px;} .list-posts .number { font-size:14px; font-weight:bold;} .list-posts .comments { position:absolute; right:0; top:10px;} .list-posts .icon-comment { top:-2px;} .list-posts .video .play, .list-posts .screenshot .arrow { left:35px; top:20px;} .tab .pager { padding-bottom:0; margin-bottom:0; border-bottom:0;} /*forms-error*/ .form .warning .input, #user-account .form .warning .input, #discussions-form .form .warning .input { background:#F1BDBF;} .box-report-abuse ul.errors li { color:#f00;} /*bbcode*/ .post-answer-form .markItUp { width:490px;} .hasJs .post-answer-form .bbcode { margin-bottom:5px; width:456px; } .post-answer-form .markItUpPreviewFrame { width:475px;} /*date-picker*/ .ui-datepicker { padding:10px; width:204px;} .ui-datepicker td a { padding:5px; width:15px; font-size:11px;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:60px;} .ui-datepicker select.ui-datepicker-month { margin-left:35px;} .ui-datepicker select.ui-datepicker-year { margin-right:35px;} /*shop*/ .product-list, .product-list * { zoom:1; } .product-list .product { width:175px; margin-right:19px; position:relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .product-list .cell-last { margin-right:0; } .product-list .product-illus { border:solid 1px #e9e7df; padding:3px; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .product-flag { padding:4px; position:absolute; top:13px; left:13px; color:#fff; background:#4e4e4e; font:normal 12px/12px "AlwynMedium", "Trebuchet MS", sans-serif; text-transform:uppercase; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); } .product-list .product-infos { display:block; padding:4px 4px 20px 4px; } .product-list .product:hover { padding:4px; background:#f4f2ef; width:167px; cursor:pointer; } .product-list a.product:hover .product-illus { border:none; padding:0 0 4px 0; zoom:1;} .product-list .product:hover .product-infos { padding:4px 0px 16px 0px; } .product-list .product-ref { display:block; text-align:center; font:normal 12px/18px "Trebuchet MS", sans-serif; } .product-list .product-price { display:block; text-align:center; color:#f36f21; font:normal 14px/20px "AlwynMedium", "Trebuchet MS", sans-serif; } #shop .toolbar-top { margin-bottom:20px; padding:0; height:30px; border-top:none; border-bottom:solid 1px #dfdfdf; } #shop .toolbar-bottom { border-bottom:none; border-top:solid 1px #dfdfdf; height:30px; } #shop .toolbar-top .pager { top:0; } #shop .toolbar-bottom .pager { top:10px; } #shop .box-join-us { margin:-26px 0 34px; } #shop .rte h1 { margin-bottom:12px; font:normal 20px/25px 'Alwyn', Trebuchet, sans-serif; color:#333; text-transform:none; } #shop .rte h2 { margin-bottom:12px; color:#000; } #shop .rte p { margin-bottom:14px; } #shop div.dotted { margin:25px 0; border-top:dotted 1px #d9d9d9; height:1px; line-height:1px; font-size:1px; } #shop .box-pts .button-orange { padding:10px 25px; } #shop .box-pts .pts { font:normal 22px/38px 'Alwyn', Trebuchet, sans-serif; color:#f36f21; } #shop .box-no-pts { color:#f30d0d; text-align:center; font:normal 18px/24px 'Alwyn', Trebuchet, sans-serif; } #shop .box-no-pts .tips { text-align:center; font:normal 10px/16px Trebuchet, sans-serif; text-transform:uppercase; } #shop .warning-tiny { padding:4px 7px; background:#ffc20d; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; } #shop .warning-tiny .icon-warning-tiny { } #shop .rte ul { margin:0 0 18px; list-style:inside disc; } #shop #main{overflow:visible;} #shop .product-free-banner { width:187px; height:64px; display:block; background:transparent url("../images/bg-free.png") center center no-repeat; top:10px; left:-5px; position:absolute; } .carousel-shop { padding-bottom:20px; border:solid 1px #e1ddd3; position:relative; } .carousel-shop .carousel-view { width:270px; height:270px; margin:20px 49px 10px; #margin-bottom:-20px; overflow:hidden; position:relative; } .carousel-shop .carousel-view ul { position:relative; width:999px; } .carousel-shop .carousel-view li { float:left; width:270px; } .carousel-shop .prev .icon { background-position:-96px -320px; height:32px; position:absolute; top:140px; left:25px; text-indent:-9999px; } .carousel-shop .next .icon { background-position:-112px -320px; height:32px; position:absolute; top:140px; right:25px; text-indent:-9999px; } .carousel-shop .items li { float:left; } .carousel-shop .items .icon { background-position:-128px -320px; text-indent:-9999px; } .carousel-shop .items .active .icon{background-position:-128px -336px; } #shop-delivery #main { padding-right:347px; } .shop-transaction { margin-bottom:20px; padding-bottom:25px; border-bottom:dotted 1px #ccc; zoom:1; } .shop-transaction-pts { padding-top:10px; float:left; width:250px; font:normal 20px/28px "Alwyn"; color:#4a4a4a; } .shop-transaction-pts p { font:normal 14px/18px "Alwyn"; margin-bottom:5px; } .shop-transaction-pts strong { padding-top: 5px; margin-bottom:10px; font:normal 20px/75px "Alwyn"; color:#f36f21; display:block; width:86px; height:83px; text-align:center; background:url(../images/bg-shop-transaction.png) no-repeat; } .shop-transaction-pts strong sub { font:normal 12px "AlwynMedium"; position:relative; top:-4px; } .shop-transaction-gift { float:left; width:300px; text-align:center; } .shop-transaction-gift .picture { display:inline; } .shop-bill { margin-bottom:20px; padding-bottom:25px; border-bottom:dotted 1px #ccc; zoom:1; } .shop-bill-inner { padding:15px; background:#f8f6ee; font-size:13px; } .shop-bill-head { padding:0 15px 5px 15px; position:relative; } .shop-bill-body { padding:10px 15px 5px; background:#e9e6de; color:#848484; } .shop-bill-line { position:relative; } .shop-bill-head .shop-bill-line, .shop-bill-body .shop-bill-line { margin-bottom:8px; } .shop-bill-data { position:absolute; right:0; top:1px; font-weight:bold; color:#ff7417; } #shop-delivery h2 { font: 18px AlwynMedium,sans-serif; margin:30px 0; text-transform: uppercase; padding-bottom:15px; border-bottom:1px #d7d7d7 solid; position:relative; } #shop-delivery .icon-queue { background-position:-144px -320px; position:absolute; bottom:-16px; left:290px; } #shop-delivery #main h3 { font: 16px AlwynMedium,sans-serif; margin:0 0 15px 0; display:block; } #shop-delivery .more { position:relative; top:-40px; } form#shop-form input { width:380px; } form#shop-form select { width:392px; } form#shop-form .subform dl { padding:15px; background:#f9f8f2; } form#shop-form .submit { margin-top:30px; padding:0 0 0 30px; text-align:right; } form#shop-form .submit input { height:35px; padding:0 30px; #padding:0 20px; width:auto; border:1px solid #d84f00; background:url("../images/gradient-button-orange.png") repeat-x #ff7b23; color:#fff; font-size:14px; font-weight:bold; -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2); box-shadow:0 0 5px rgba(0, 0, 0, 0.2); zoom:1; } #shop-delivery .form-data { padding:0 0 20px; font-size:13px; } #shop-delivery .nb { margin-top:20px; padding-top:20px; border-top:dotted 1px #c7c6c2; color:#999; } .gift-list .gift { margin-bottom:10px; padding:10px; background:#edebe5; position:relative; color:#797772; } .gift-list .picture { background:#fff; } .gift-list .gift-heading { position:absolute; top:32px; left:90px; } .gift-list .gift-pts { position:absolute; top:35px; left:400px; } .gift-list .gift-date { position:absolute; top:35px; right:30px; } .detail-wrap { margin-bottom:25px; padding-bottom:25px; border-bottom:solid 1px #d4d4d4; } /*how it works*/ .list-hiw li { padding:25px 0 15px; border-top:1px solid #ccc;} .list-hiw li.first { padding-top:0; border:none;} .list-hiw .illu img { margin:0 auto;} #hiw li h2 { padding:0 0 0 35px; margin:0 0 15px 320px; font-size:22px; line-height:25px; position:relative;} #hiw h2 span.number { position:absolute; left:0; top:-2px; font-size:18px; line-height:32px; text-align:center; color:#fff; } #hiw .rte li { margin:0 0 5px; padding:0 0 0 13px; border:0; background:url(../images/arrow.png) no-repeat 0 4px;} #hiw .rte p, #hiw .rte ul { margin:0 0 10px;} #hiw .box-highlight li { background:none; padding:0;} .grid-hiw hr { padding:0; margin:0 0 15px;} .rte img.icon-pts { margin:-2px 5px 0 0;} .box-warning { position:relative; padding:0 0 0 40px;} .box-warning span.icon-warning { position:absolute; top:0; left:0;} .box-subscribe .more { font-size:15px;} .box-highlight .box-subscribe { position:relative; zoom:1;} .box-highlight .link { text-align:center; position:absolute; top:5px; right:5px;}