@CHARSET "UTF-8"; /*---------- reset ----------*/ html{color:#000;background:#FFF; overflow:auto; padding: 0;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, .aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-variant:normal;} article, .aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;}caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sub, sup {font-size: 75%;line-height: 0;position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} small {font-size: 85%;} pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word;padding: 15px;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} button, input, select, textarea {width: auto;overflow: visible;margin: 0;font-size: 100%;vertical-align: baseline;} textarea {overflow: auto;vertical-align:text-top;} input::-moz-focus-inner, button::-moz-focus-inner {border: 0;padding: 0;} html, body { border: 0; margin: 0; outline: 0; vertical-align:baseline;} a {text-decoration: none; color: inherit; } em,i,.italic{font-style:italic; } b, strong { font-weight: bold; } * {outline: none;} .placeholder { color: #aaa; } a i{cursor:pointer; } /*--------- fonts ---------*/ @font-face { font-family: 'NeueGillRegular'; src: url('../font/03neuegilllight-webfont.eot'); src: url('../font/03neuegilllight-webfont.eot?#iefix') format('embedded-opentype'), url('../font/03neuegilllight-webfont.woff') format('woff'), url('../font/03neuegilllight-webfont.ttf') format('truetype'), url('../font/03neuegilllight-webfont.svg#neuegilllight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'NeueGillRegular'; src: url('../font/05neuegillregular-webfont.eot'); src: url('../font/05neuegillregular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/05neuegillregular-webfont.woff') format('woff'), url('../font/05neuegillregular-webfont.ttf') format('truetype'), url('../font/05neuegillregular-webfont.svg#neuegillregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NeueGillRegular'; src: url('../font/10neuegillbold-webfont.eot'); src: url('../font/10neuegillbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/10neuegillbold-webfont.woff') format('woff'), url('../font/10neuegillbold-webfont.ttf') format('truetype'), url('../font/10neuegillbold-webfont.svg#neuegillbold') format('svg'); font-weight: bold; font-style: normal; } /*@media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'NeueGillRegularChromeWinHack'; src: url('../font/05neuegillregular-webfont.svg#neuegillregular') format('svg'); font-weight: normal; font-style: normal; } header .main-menu li.top a.top-name{ font-family: 'NeueGillRegularChromeWinHack', arial, serif!important; } }*/ .gill{font-family: 'NeueGillRegular', arial, serif;} /*--------- theme ---------*/ html{overflow:auto;overflow-x:auto;overflow-y:scroll; height:100%;} body {font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; min-width:980px; color:#1A1A1A ; } ::-moz-selection{color: #fff;background: #333;} ::selection{color: #fff;background: #333;} ::-webkit-selection{color: #fff;background: #333;} .center_wrapper{ width:960px;margin:0 auto;position:relative;z-index:2; padding: 0 10px; } .back-white{ background:#fff; } hr{display: block;border:0;height:1px;background:#c6c6c6;margin:15px 0;} /* inputs */ input, textarea, select, button, pre {font-family:Georgia, "Times New Roman", Times, serif;border:1px #ccc solid;padding:2%;width:96%;color:#1a1a1a;background:#fff;margin:0;font-size:13px;} input[type=radio], input[type=checkbox]{border:none;padding:0;background:none} select{padding:0;font-size:13px;cursor:pointer } textarea{resize:none} option{ padding:1px 2px } img[src="http://static.adman.gr/void.gif"]{ display:none; } /* pretty checkboxes */ label.checkbox span.holder{background:url('../img/common/sprite_icons.png') no-repeat 0 0;height:12px;cursor:pointer} label.radio span.holder{background:url('../img/common/sprite_icons.png') no-repeat right 0;height:13px;cursor:pointer} label.checkbox:hover span.holder{background-position:0 -15px;} label.radio:hover span.holder{background-position:right -15px;} label.checkbox.checked span.holder{background-position:0 -30px;} label.radio.checked span.holder{background-position:right -30px;} label.checkbox.checked:hover span.holder{background-position:0 -30px;} label.radio.checked:hover span.holder{background-position:right -30px;} label.list{float:left;clear:left;margin:0} label.inline{float:left;margin:0} input.hiddenCheckbox{position:absolute;left:-10000px; } label.prettyCheckbox span.holderWrap{display:block;float:left;position:relative;overflow:hidden;margin-top:0 } label.prettyCheckbox span.holder{display:block;position:absolute;top:0;left:0} .radiolabel{display: block;float: left;margin-left:10px;color: #999;cursor:pointer } .radiolabel:hover{color: #1A1A1A;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;} /* custom select */ span.customStyleSelectBox {border:1px #ccc solid;padding:2px;color:#1a1a1a;cursor:pointer;background:#fff;font-family:Georgia, "Times New Roman", Times, serif;} span.customStyleSelectBox.changed {} .customStyleSelectBoxInner {background:transparent url('../img/common/select_arrow.png') no-repeat center right;} /* color_picker */ div.color_picker {height: 39px;width: 39px;padding: 0 !important;border: 1px solid white;cursor: pointer;line-height: 16px;margin-top: 5px;} div#color_selector {width: 126px;position: absolute;border: 1px solid #EAEAEA;background-color: #FFFFFF;padding: 2px;z-index: 1000;} div#color_custom {width: 100%;float:left } div#color_custom label {font-size: 95%;color: #444;margin: 5px 2px;width: 25%} div#color_custom input {margin: 5px 2px;padding: 0;font-size: 95%;border: 1px solid #999;width: 65%;} div.color_swatch {height: 12px;width: 12px;border: 1px solid #999;margin: 2px;float: left;cursor: pointer;line-height: 12px;} /* links */ .gastronomos_hover:hover, .gastronomos_color{ color:#82A888!important; } .oinoxoos_hover:hover, .oinoxoos_color{ color:#ccc000!important; } .glykesistories_hover:hover, .glykesistories_color{ color:#FC7C61!important; } .gastronomos_back{background-color:#c7e2cf!important;} .oinoxoos_back{background-color:#EDE37B!important;} .glykesistories_back{background-color:#fc9b88!important;} .gastronomos_hover_back:hover, .gastronomos_hover_back.selected{background-color:#c7e2cf!important;} .oinoxoos_hover_back:hover, .oinoxoos_hover_back.selected{background-color:#EDE37B!important;} .glykesistories_hover_back:hover, .glykesistories_hover_back.selected{background-color:#fc9b88!important;} /* rhombs */ .simple_rhomb{background:transparent url(../img/rhomb/black_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px;} .bittersweet.simple_rhomb{ background:transparent url(../img/rhomb/black_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .gastro_green.simple_rhomb{ background:transparent url(../img/rhomb/green_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .oinoxoos_purple.simple_rhomb{ background:transparent url(../img/rhomb/purple_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .oinoxoos_yellow.simple_rhomb{ background:transparent url(../img/rhomb/yellow_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .glykes_pink.simple_rhomb{ background:transparent url(../img/rhomb/pink_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .glykes_brown.simple_rhomb{ background:transparent url(../img/rhomb/brown_rhomb.png) no-repeat right 8px;padding-right: 10px;margin-right: 4px; } .bittersweet{color:#333} .gastro_green{color:#82A888} .oinoxoos_yellow{color:#ccc000} .oinoxoos_purple{color:#d33e37} .glykes_pink{color:#FC7C61} .glykes_brown{color:#7B3F00} /*--------- top_bar ---------*/ #top_bar{ background:#666; position:relative; z-index:150; } #top_bar .center_wrapper.btmline{ padding: 0;width: 990px; background:#666;} /*--------- user ui ---------*/ .ie6 .iespace, .ie7 .iespace, .ie8 .iespace{height:12px!important;} #user_ui a:hover {color: #ccc;} #user_ui .user_ui_rightpanel { } /* ui */ #user_ui {display:none;position:relative;width: 100%;background-color: #ccc;z-index: 400;min-height: 1px;height: 1px;} #user_ui .user_ui_rightpanel input:not([type=button]), #user_ui .user_ui_rightpanel .button, #user_ui .user_ui_rightpanel select {margin-bottom: 10px;margin-top:2px;} #user_ui .user_ui_rightpanel.ui_entry input:not([type=button]), #user_ui .user_ui_rightpanel.ui_entry .button, #user_ui .user_ui_rightpanel.ui_entry select {margin-bottom: 15px;} #user_ui button, #user_ui .button, #user_ui input[type=submit], #user_ui input[type=button], .form_under button, .form_under .button, .form_under input[type=submit], .form_under input[type=button] { display:block; margin: 10px 0;padding:13px 0; color: white; font-size: 12px;text-align: center;text-decoration: none;border: 0; width: 100%;text-transform: uppercase; font-family: arial, serif; font-weight:bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; position:relative; background: #4a4a4a; /* Old browsers */ background: -moz-linear-gradient(top, #4a4a4a 0%, #3e3e3e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4a4a4a 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4a4a4a 0%,#3e3e3e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4a4a4a 0%,#3e3e3e 100%); /* IE10+ */ background: linear-gradient(to bottom, #4a4a4a 0%,#3e3e3e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-9 */ } #user_ui button.gray, #user_ui .button.gray, #user_ui input[type=submit].gray, #user_ui input[type=button].gray, .form_under button.gray, .form_under .button.gray, .form_under input[type=submit].gray, .form_under input[type=button].gray { background: rgb(170,170,170); /* Old browsers */ background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(153,153,153,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(100%,rgba(153,153,153,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(153,153,153,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(153,153,153,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(153,153,153,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(153,153,153,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#999999',GradientType=0 ); /* IE6-9 */ } #user_ui button.green, #user_ui .button.green, #user_ui input[type=submit].green, #user_ui input[type=button].green, .form_under button.green, .form_under .button.green, .form_under input[type=submit].green, .form_under input[type=button].green { background: rgb(121,137,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(121,137,0,1) 0%, rgba(84,109,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,137,0,1)), color-stop(100%,rgba(84,109,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(121,137,0,1) 0%,rgba(84,109,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(121,137,0,1) 0%,rgba(84,109,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(121,137,0,1) 0%,rgba(84,109,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(121,137,0,1) 0%,rgba(84,109,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798900', endColorstr='#546d00',GradientType=0 ); /* IE6-9 */ } #user_ui .button.with-icon i, .form_under .button.with-icon i{ position:absolute; left: 7px; top:9px; font-size: 18px; } #user_ui .button.with-icon, .form_under .button.with-icon{ padding: 13px 0 13px 4%; width: 96%; } #user_ui .button.facebook, .form_under .button.facebook { background: #4161a6; /* Old browsers */ background: -moz-linear-gradient(top, #4161a6 0%, #3b5998 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4161a6), color-stop(100%,#3b5998)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4161a6 0%,#3b5998 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4161a6 0%,#3b5998 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4161a6 0%,#3b5998 100%); /* IE10+ */ background: linear-gradient(to bottom, #4161a6 0%,#3b5998 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4161a6', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */ } #user_ui button:hover, #user_ui .button:hover, #user_ui input[type=submit]:hover, #user_ui input[type=button]:hover, .form_under button:hover, .form_under .button:hover, .form_under input[type=submit]:hover, .form_under input[type=button]:hover { cursor: pointer; color: white; background: #525252; /* Old browsers */ background: -moz-linear-gradient(top, #525252 0%, #454545 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(100%,#454545)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #525252 0%,#454545 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #525252 0%,#454545 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #525252 0%,#454545 100%); /* IE10+ */ background: linear-gradient(to bottom, #525252 0%,#454545 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#454545',GradientType=0 ); /* IE6-9 */ } #user_ui select.styled{height:22px;} #user_ui .f-divider {position: relative;border-top: 1px solid #999;text-align: center;margin: 30px 20px 5px;} #user_ui .f-divider span {position: relative;top: -11px;background-color: #ccc;padding: 0 15px;color:#999;} /* left hand menu */ #user_ui .user_ui_menu_wrapper {position: relative;width: 160px;display:none;} #user_ui .user_ui_menu {width:143px;position: absolute;bottom: 0;} #user_ui .user_ui_menu li {display: block; margin-bottom: 5px; height:26px; overflow:hidden; width:100%; } #user_ui .user_ui_menu li a{color: #fff;font-size: 14px;background: #bbb;display: block;padding:6px 5px 5px;} #user_ui .user_ui_menu li a:hover, #user_ui .user_ui_menu li.selected a{ color: #1a1a1a; background: #999; position:relative; } #user_ui .user_ui_menu li a span{ display:none; position:absolute; right:0; top:0; background:#ccc; color:#999; width: 16px; height: 26px; } #user_ui .user_ui_menu li.selected a span{ display:block; } #user_ui .user_ui_menu li a span i{position: absolute; top: -14px; right: -27px; font-size: 50px; } /* right hand panel details */ #user_ui .user_ui_rightpanel {margin-top:15px;color:#1a1a1a;display:none;} #user_ui .user_ui_rightpanel .user_ui_col {padding: 0 15px;width: 246px;border-right: 1px solid #bbb;position: relative;} #user_ui .user_ui_rightpanel .user_ui_col.user_ui_col_first {padding-left:0; } #user_ui .user_ui_rightpanel .user_ui_col.user_ui_col_last {border-right: 0; padding-right:0 } #user_ui .user_ui_rightpanel label {font-size: 14px;cursor: default} #user_ui .user_ui_rightpanel label span{font-size: 12px;color:#555;} #user_ui .user_ui_rightpanel label a { text-decoration:underline } #user_ui .user_ui_rightpanel label a:hover { color:inherit; text-decoration:none; } #user_ui label.prettyCheckbox span.holderWrap{ top:2px; } #user_ui .user_ui_rightpanel fieldset {border: 0; margin:5px 0; } #user_ui .user_ui_rightpanel fieldset .field {position:relative } #user_ui .user_ui_rightpanel input[type="text"]#user_profile_twitter{width:75px;margin-bottom: 5px;} #user_ui .user_ui_rightpanel textarea {} /* LOGIN */ #user_ui.login .user_ui_login {display:block;} #user_ui .user_ui_login.user_ui_rightpanel {margin-top:15px;} #user_ui .user_ui_login a {color: white;text-align: center;width: 225px; font-size: 11px; color:#999; } #user_ui .user_ui_login a:hover { color:#1a1a1a; } #user_ui .user_ui_login label {font-size: 13px;} /* SIGNUP */ #user_ui .user_ui_signup {margin-left:0;} #signupform{ position:relative; } #user_ui.signup .user_ui_signup {display:block;} #user_ui .f-divider.vertical{ position: absolute;left: 262px;top: 0;bottom: 0;border: 0;width: 1px;background: #999; margin: 0; } #user_ui .f-divider.vertical span{ position: absolute;top: auto;padding: 5px;left: -9px;bottom: 18px; } #user_ui .user_ui_rightpanel.user_ui_signup .user_ui_col {width:550px;border:0 } #user_ui .user_ui_signup .gui {width: 280px;height: 45px;margin: 20px 40px;background-position: -700px -2270px;} #user_ui .user_ui_signup .gui + fieldset input {width: 180px;} #user_ui .user_ui_signup .gui + fieldset + fieldset label {width: 180px;margin-top: 25px;} #user_ui .user_ui_signup .gui + fieldset + fieldset input[type=submit] {width: 180px;margin-top: 47px;padding: 10px;} #user_ui .user_ui_signup .user_ui_signup_benefits {width: 410px;background-color: white;margin:10px 0 0 5px;padding: 10px;} #user_ui .user_ui_signup .user_ui_signup_benefits li {margin: 25px 0;} #user_ui .user_ui_signup fieldset{margin-right:35px;width:240px; position:relative; } #user_ui .user_ui_signup fieldset.facebook{ margin-top:153px; } #user_ui .user_ui_signup label {font-size: 12px; font-family: 'NeueGillRegular', arial, serif;} #user_ui .user_ui_signup .center-or { position:absolute; left: -18px;top: 12px;color:#666; } #user_ui .user_ui_rightpanel.user_ui_signup input[type=checkbox]{ float: left!important;width: auto!important;margin-right: 5px; } /* PROFILE */ #user_profile_portrait {width:90px;height:90px;border: 3px solid white;} #user_ui .user_profile_portrait_wrapper .user_profile_portrait_text {margin-left: 8px;width: 135px;font-size: 11px;} #user_ui .user_ui_profile .col2 .user_ui_dropbar {width: 100px;height: 20px;margin-bottom: 0;} #user_ui .user_ui_droplist {overflow: hidden;width: 100px;background-color: white;border: 1px solid #ccc;position: absolute;} #user_ui .user_ui_profile .user_profile_yob_and_region .left {position: relative;width: 45%;} #user_ui .user_ui_profile .user_profile_yob_and_region .left + .left {width: 50%;margin-left: 5%;} #user_ui .user_ui_profile .user_profile_yob_and_region select {width: 100%;} #user_ui .user_ui_profile .user_profile_sex_container, #user_ui .user_ui_profile .user_profile_sex_container p {margin-left:15px;} #user_ui .prettyCheckbox.radio{margin:5px;} #user_ui .radiolabel, #user_ui .user_ui_rightpanel label span.radiolabel{display: block;float: left;margin-left:10px;color: #1a1a1a;cursor:pointer;font-size:14px } #user_ui .radiolabel:hover, #user_ui .checklabel:hover{text-decoration:underline;cursor:pointer } #user_ui .user_ui_profile #public_checked_label{font-size:12px;margin-bottom:6px;} #user_ui .user_ui_profile textarea {height: 190px;margin:5px 0 10px;} #user_ui .user_ui_profile .user_profile_portrait_cont{ padding-top:5px; position:relative; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait{ border: 3px solid #555; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait_button{ position: absolute; top:5px; color:#fff; width: 96px; height:96px; overflow:hidden; background:none; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait_button_text{line-height: 92px; text-align: center; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait_button:hover{background:#000; background:rgba(0,0,0,0.5); cursor:pointer; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait_button i{ padding: 2px;background: #555;color: #ddd;float: right; -khtml-border-bottom-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px; } #user_ui .user_ui_profile .user_profile_portrait_cont #user_profile_portrait_button:hover i{background: #2a2a2a;} #user_ui .user_ui_profile .user_profile_portrait_cont input[type="file"] {position: absolute; top:0; left:0; width: 96px; height:96px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; cursor: pointer; } #user_ui .user_ui_profile #user_profile_submit{margin:4px 0 0;} .ie6 #user_ui .user_ui_profile #user_profile_submit, .ie7 #user_ui .user_ui_profile #user_profile_submit, .ie8 #user_ui .user_ui_profile #user_profile_submit{margin:12px 0 0;} #user_ui .user_ui_profile .twitter_container {position:relative;width:100%;display:table;} #user_ui .user_ui_profile .twitter_container input[type=text]{ position:relative; top:-8px; } #user_ui .user_ui_profile .twitter_container * {width: auto;display:table-cell;} #user_ui .user_ui_profile .public_view_cont { margin-top:10px; padding-top:10px; border-top:1px solid #bbb; } /* CUSTOMIZE */ #user_ui .user_ui_customize .user_ui_col {width: 300px;} #user_ui .user_ui_customize .user_ui_col + .user_ui_col {width: 225px;} .checkmark {width: 18px;height: 18px;background-position: 0 -1100px;} #user_ui .user_ui_customize .user_customize_validname, #user_ui .user_ui_customize .user_customize_validurl {display:none;white-space: nowrap;margin-right: 15px;font-size: 11px;cursor: default;} #user_ui .user_ui_customize textarea {height: 307px;margin: 5px 0;} #user_ui .user_ui_customize .user_customize_blogtext_container {position: relative;} #user_ui .user_ui_customize .user_customize_validname .sprite {width: 18px;height: 18px;} #user_ui .user_ui_customize .user_customize_blogname .user_customize_urloptions {color: #666;} #user_ui .user_ui_customize .url_container {position:relative;width:100%;display:table;} #user_ui .user_ui_customize .url_container * {width: auto;display:table-cell;} #user_ui .user_ui_profile #user_profile_yob{ top: 15px; left: 0; } #user_ui .user_ui_profile #user_profile_region{ top: 15px; right: 0; } /* #user_ui .user_ui_customize #user_customize_url_custom {width: 120px;height: 15px;font-size: 12px;} #user_ui .user_ui_customize #user_customize_urloptions_generated + span {max-width: 100%;width: 100%;overflow: hidden;white-space: nowrap;} */ #user_ui .user_ui_customize .user_customize_pattern {width: 40px;height: 40px;border: 3px solid transparent;cursor:pointer;background:#fff;margin:0 9px 9px 0;} #user_ui .user_ui_customize .user_customize_pattern:hover {border: 3px solid #999;} #user_ui .user_ui_customize .user_customize_pattern.selected {border: 3px solid black;} #user_ui .user_ui_customize input[type=submit] {margin-top: 12px;} .no-boxshadow #user_ui .user_ui_customize input[type=submit] {margin-top:20px;} /* ENTRIES LIST */ #user_ui .user_ui_entries {margin-left: 10px;} #user_ui .user_ui_entries .user_entries_page {display: none;} #user_ui .user_ui_entries .user_entries_page.selected {display: block;} #user_ui .user_ui_entries a:hover {} #user_ui .user_ui_entries ul li {margin-bottom: 5px;border: 1px solid #aaa;color: #666; padding-right:10px; } #user_ui .user_ui_entries .user_entries_dates {color:#666; float:left; margin-top: 6px; margin-right:10px; } #user_ui .user_ui_entries .user_entries_action {float:left; margin-right:15px ; background:#aaa; padding:2px 3px;} #user_ui .user_ui_entries .user_entries_action .btn{float:left; color:#666; padding:3px; display:block; } #user_ui .user_ui_entries .user_entries_action .btn:hover{background: #555;color: #ddd; cursor:pointer; } #user_ui .user_ui_entries .user_entries_title { margin-top:3px; } #user_ui .user_ui_entries .user_entries_title a {color: #1a1a1a;font-size:16px;} #user_ui .user_ui_entries .user_entries_title a:hover { text-decoration:underline } #user_ui .user_ui_entries button {width: 250px;height: 30px;color: #666;margin: 15px 10px 15px 0;} #user_ui .user_ui_entries .user_entries_pages {margin-top: 20px;color: black;} #user_ui .user_ui_entries .user_entries_bottom {position: absolute;bottom: 4px;} #user_ui .user_ui_entries .user_entries_bottom .user_entries_pages {margin: 22px 15px 0; font-family: 'NeueGillRegular', arial, serif; color:#666; } #user_ui .user_ui_entries .user_entries_bottom .user_entries_pages a{margin:0 2px;color:#1a1a1a;} #user_ui .user_ui_entries .user_entries_bottom .user_entries_pages a:hover{color:#666;} /* NEW ENTRY */ #user_ui .ui_entry { width:790px; } #user_ui .user_ui_rightpanel.ui_entry input#user_newentry_date, #user_ui .user_ui_rightpanel.ui_entry input#user_entry_date{ position:relative; z-index:999; } #user_ui .ui_entry .user_entry_labels label {margin: 0;} #user_ui .ui_entry .user_entry_text {margin:0;} #user_ui .ui_entry .user_entry_buttons {margin:5px 0 0;} .ie6 #user_ui .ui_entry .user_entry_buttons, .ie7 #user_ui .ui_entry .user_entry_buttons, .ie8 #user_ui .ui_entry .user_entry_buttons {margin-left:5px;} #user_ui .ui_entry .user_entry_text {} #user_ui .ui_entry .user_entry_text textarea {width:600px;height:180px;} #user_ui .ui_entry .user_entry_buttons input {width: 190px;margin:5px 20px 0 0;} #user_ui .user_texteditor_wrapper{margin-top:5px;padding: 5px;background: #fff;width:600px;} #user_ui .ui_entry .user_ui_col{width:290px;} #user_ui .ui_entry .user_entry_thumb{width:142px;height:100px;overflow:hidden;margin-right:10px;} #user_ui .ui_entry .user_entry_thumb img{max-width:142px;min-width:142px;max-height: 100px;} #user_ui .ui_entry .user_entry_thumb_submit{position: relative;width:138px } #user_ui .ui_entry #user_newentry_tags, #user_ui .ui_entry #user_entry_tags{ margin-bottom: 5px } #user_ui .ui_entry .user_entry_thumb_submit .subtitle{margin:32px 0 8px;color: #666;font-size:13px;width:100%;text-align:center;} #user_ui .ui_entry .user_entry_thumb_submit .user_entry_thumb_button_cont{ position:relative; cursor:pointer; } #user_ui .ui_entry .user_entry_thumb_submit .user_entry_thumb_button{background:#fff;color:#666;text-align:center;height:18px;padding: 5px 5px 5px 0px;font-size: 13px;font-family: arial, serif;} #user_ui .ui_entry .user_entry_thumb_submit .user_entry_thumb_button_cont:hover .user_entry_thumb_button{ background: #555; color: #ddd; } #user_ui .ui_entry .user_entry_thumb_submit input[type=file]{cursor:pointer!important;position:absolute;width:140px;bottom: -15px;cursor:pointer;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} #user_ui .ui_entry .user_entry_thumb_submit input[type=file]:hover{cursor:pointer!important;} /* tabs below ui */ .user_tabs{float:left; font-family: 'NeueGillRegular', arial, serif; color:#fff; font-size:11px; height:40px; position: relative; left: 0; } .user_tabs i{ font-size:18px; position: relative; top: 2px; } .user_tabs i.icon-edit{ top: 3px; } .user_tabs .tab_wrapper .tab a, .user_tabs .tab_wrapper .tab .btn {color:#fff; display:block; height:40px; line-height:38px; vertical-align:middle; padding:0 10px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; transition:all 0.2s linear; } .user_tabs .tab_wrapper .tab a:hover, .user_tabs .tab_wrapper .tab .btn:hover{ color:#ccc; cursor:pointer; } .user_tabs .tab_wrapper .tab.selected a, .user_tabs .tab_wrapper .tab.selected .btn { background:#ccc; color:#666; } .user_tabs .tab_wrapper .tab.selected a:hover, .user_tabs .tab_wrapper .tab.selected .btn:hover { color:#1A1A1A; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; } .user_tabs .tab_wrapper img {position: relative;top:5px;width: 30px;height: 30px;} .user_tabs .tab_wrapper .username { padding-left:0 } /* social_cont */ .social_cont{ float:right; margin:8px 10px 0; font-size: 17px; } .social_cont a{ color:#fff; padding:0 3px; -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear;-o-transition:color 0.2s linear; transition:color 0.2s linear; } .social_cont a i.icon-twitter{ font-size:15px; position: relative; top: -1px; } .social_cont a i.icon-instagram{ font-size:20px; } .social_cont a:hover{ color:#ccc; } /* search_cont */ .search_cont{ float:right; font-family: 'NeueGillRegular', arial, serif; width:205px; height:30px; margin-top:5px; position:relative; background:#fff; } #searchForm{display:block;position:relative;z-index:1015;width: 205px;height: 30px;} .search_cont input[type=text]{width:135px;color:#1A1A1A;font-size: 12px;border: none;margin-right: 30px;font-family: 'NeueGillRegular', arial, serif;padding: 0 0 0 6px;line-height: 32px;height: 30px;} .search_cont input[type=text].blur{ color:#999; } .search_cont .right_arrow_link{display:block; background:#F1F0E5;height: 30px;width:30px;float: right;font-size: 22px;line-height: 31px;padding:0;text-align: center; color: #666; } .search_cont .right_arrow_link i{ line-height: 31px; cursor:pointer; } .search_cont .right_arrow_link:hover{color:#F1F0E5; background:#1A1A1A; } .search_dropdown{display:block;position:absolute;top:30px;left:0;width:174px;} .search_dropdown .search_droparrows{display:block;position:absolute;top: -30px;right: 0;width: 28px;height: 30px;background: #fff;cursor: pointer;font-size: 18px;color: #ccc;text-align: center;line-height: 30px;padding:0 2px; } .search_dropdown .search_droparrows i{ line-height: 30px; cursor:pointer; } .search_dropdown .search_droparrows:hover{ background:#ccc; color:#fff; } .search_dropdown .checklist{display:block;border: 5px #666 solid;border-top: none;background: #fff;padding: 15px 10px 5px;width: 154px;position: relative;left: -5px;} .search_dropdown .checklist li{display:block;margin:0 0 4px;} .search_dropdown .checklist li .label{display: block;float: left;margin:-1px 0 0 2px;color: #999;cursor:pointer;font-size: 14px; } .checklist li:hover .label{cursor:pointer;color:#1A1A1A;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;} .search_dropdown label.prettyCheckbox span.holderWrap{margin-top:0px } .search_dropdown .checklist li input{float: left;} .embededContent { background:#f0f0f0; clear:both; text-align:center; } .embededContent img{ max-width:450px; height:auto; } .embededContent iframe, .embededContent object, .embededContent embed{ display:block; width:450px; height:253px; margin:0 auto; max-width: 100%; } /*--------- arrows ---------*/ .right_arrow span{ text-shadow: 0px 0px 2px #bbb, 2px 0px 2px #bbb; } .gastronomos_item .right_arrow span{ color:#C7E2CF; } .oinoxoos_item .right_arrow span{ color:#EDE37B; } .glykesistories_item .right_arrow span{ color:#FC9B87; } .gastronomos_item .right_arrow:hover span, .oinoxoos_item .right_arrow:hover span, .glykesistories_item .right_arrow:hover span{ color:#1a1a1a; } /*--------- banners ---------*/ .banner img{ display:block; } .skin{display:block;width:100%;position:absolute;z-index:1; top:0; bottom:0; } .skin.fixed{ position:fixed; } .skin .center_wrapper{ background:#fff; height: 100%; } .skin .inner_skin{width:1280px;z-index: 1;position: absolute;left: -470px;top: 40px;bottom: 0;} .right_tower{display:block; position:absolute; right: -20px; margin-top: 85px;} .right_tower *{max-width:160px; } .banner_300{ background:#FFF; padding-bottom:17px; } .banner_300 > .inner{ padding:3px; border:1px solid #ccc; width:300px; margin:0 auto; } /*.banner_300 > .inner *{ max-width:300px; }*/ .banner_textlink + .banner_300{ margin-top: 10px; } .banner_170 { text-align:center; background:#FFF; margin-bottom: 15px; } .banner_170 > .inner { text-align:center; } .banner_170 > .inner *{ max-width:170px; } .banner_170{ padding-top:5px; } .banner_450 { background:#FFF; padding:10px 0; } .banner_450 > .inner *{ max-width:450px; } .banner_textlink + .banner_450 { margin-top: 10px;} .banner_650 { background:#FFF; padding:10px 0; } .banner_650 > .inner *{ max-width:650px; } .leaderboard{ background:#FFF; padding:20px 0 0; text-align:center; } .leaderboard > .inner{ display:block; width:728px; margin:0 auto; text-align:center; } .leaderboard img{max-width:728px;} .big_leaderboard{background:#FFF; padding:20px 0 0; text-align:center; } .big_leaderboard > .inner{ width:950px; text-align:center; margin:0 auto; } .big_leaderboard img{display:block; max-width:950px; } .text_ad_module .text img, .textlink_module .text img{max-height:50px; float:left; margin: 0 10px 0 0; } .textlink_module{border:1px #ccc solid; position:relative; margin-top:-7px; margin-bottom:5px; padding:10px 5px 5px; } .textlink_description{ position:relative; z-index:2; margin-top:15px; float:left; left:10px; color:#999; background:#fff; padding:0 3px; font-size:11px; } .right_banner .textlink_module{ margin-left: 10px;} .right_banner .textlink_description{ left:20px; } .banner_textlink{ background:#fff; padding:22px 0 0; } .banner_textlink .inner{ border: 1px #ccc solid; position: relative; margin-top: -7px; padding: 10px 5px 5px; } .banner_textlink .title{ position: absolute; z-index: 2;top: -7px;float: left; left: 10px; color: #999; background: #fff; padding: 0 3px; font-size: 11px; } .banner_textlink .text a{ color:#666; text-decoration:none; } .banner_textlink .text a:hover { text-decoration:underline; } .banner_textlink .text img{ display:block; float:left; max-width:100%; margin-right:10px; max-height: 50px; } .banner_textlink.textlink_box{ margin-top:20px; height: 236px; overflow:hidden; } .banner_textlink.textlink_box:last-child{ height: 206px; } .home_box + .banner_textlink.textlink_box{ margin-top:52px; } .banner_textlink.textlink_box .inner{ height: 197px; margin-top: -9px; } .banner_textlink.textlink_box .inner .text+.text{ margin-top:7px; padding-top:7px; border-top: 1px #ddd solid; } /*--------- pagination ---------*/ .pagination{position:relative; } .pagination a, .pagination_pages .num{padding:1px 5px; } .pagination a, .pagination .arrow{ -webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear; } .pagination .arrow{display:block; position: absolute; font-size: 14px; color:#ddd; } .pagination a.arrow{padding:0; margin:0; color:#999; } .pagination a:hover { color:#1a1a1a; } .pagination .start-arrow{ left:-5px; top:0; z-index:2; } .pagination .end-arrow{ right:-3px; top:0; z-index:2; } .pagination .left-arrow{ left:8px; top: -3px; font-size: 21px; } .pagination .right-arrow{ right:8px; top: -3px; font-size: 21px; } .pagination_pages{display:block; text-align:center; font-family: 'NeueGillRegular', arial, serif; color:#1a1a1a; padding-top: 2px; } .pagination_pages a{ color:#999; } .pagination_pages a:hover{ color:#1a1a1a; } .pagination_pages .num.selected{ color:#1a1a1a; } /*--------- feedback -----------*/ #feedback{position:relative; background:#fff; padding-top: 10px; } .feedbackPanel {float: left;width: 44%;margin: 0 4%; padding:10px 0; height:85px;position:relative;cursor: pointer;top: 10px; text-align:center; background:#fff; -webkit-transition:background-color 0.3s linear;-moz-transition:background-color 0.3s linear;-o-transition:background-color 0.3s linear;transition:background-color 0.3s linear; } .feedbackPanel+.feedbackPanel{ margin-left:0; } .feedbackPanel:hover{ cursor:pointer; } .feedbackPanel.selected{z-index:2;cursor:default;background:#F1F0E5; } .feedbackPanel .feedbackHeading {display:block; width:100%; position:absolute; top:50px; color: #666; font-size:20px; font-style:normal; -webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear; } .feedbackPanel:hover .feedbackHeading, .feedbackPanel.selected .feedbackHeading{ color: #1a1a1a; } .feedbackPanel:first-child {color: #999;font-style: italic;font-size: 13px;position: relative;} .feedbackPanel .rate_num{display: block;margin-top:6px;margin-left:10px;color:#999;font-style: italic;float:left;} #feedback .feedbackCommentNum i{font-size:19px;} #feedback .stars .icons {display: block;float:left;width: 15px;height:18px; font-size:16px; } #feedback .stars .icons i.icon-bookmark{ display:none; } #feedback .stars .icons.enabled i.icon-bookmark-empty{ display:none; } #feedback .stars .icons.enabled i.icon-bookmark{ display:block; } #feedbackRate .stars {position: relative;margin-left: 50px;top: 5px;} #feedbackBody{background:#F1F0E5; padding:10px 2%; position:relative; z-index: 2;} #login_to_comment_submit, #login_to_rate_submit { margin-top:10px; } .login_to_comment .col1 {width: 48%;} .login_to_comment .col2 {width: 48%;float: right;} .login_to_comment .col2 label {font-size: 13px;} .login_to_comment .col2 input {margin:5px 0;} .login_to_comment .col2 .green_button {width: 145px;margin: 10px;} .login_to_comment .col2 .green_button input {color: black;background-color: transparent;border: 0;width: 145px;margin: 0;} .login_to_comment .col2 a { border-bottom: 1px solid #333; font-size: 10px;margin: 15px 0;} #feedbackTap{height:20px;background:#F1F0E5;position:relative;} #feedback .feedbackFooter {display: none;position: relative;margin: 10px;padding: 0;font-size: 11pt;} #feedback .form_under .button.right{ width:auto; padding:10px 15px; margin-top:0 } #feedback .feedbackFooter.selected {display: block;} #commentFooter #commentLabel {font-style: italic;width: 120px;margin-top:45px;text-align: left;} #commentFooter .error, #commentFooter .loadAnim{display: none;float:left;width: 320px;margin-top: 7px;color:#FF6860;text-align:right;} #commentFooter textarea {float:right;width: 280px;height: 100px;margin-bottom:10px;border-color:#999;} #rateFooter #feedbackRateStars {float:left;cursor: pointer;margin:8px 67px 0 28px;} #rateFooter .loadAnim{display:none; float:right;margin-top: 1px;margin-right: 10px;} #rateFooter .left{margin-top: 8px;} #feedback .submit_btn{ font-family: 'NeueGillRegular', arial, serif; color:#1a1a1a; font-size: 16px; -webkit-transition:color 0.3s linear;-moz-transition:color 0.3s linear;-o-transition:color 0.3s linear;transition:color 0.3s linear; } #forumFooter input[type=text] {width: 295px;height: 20px;float:left;margin-bottom:10px;border-color:#999;} #forumFooter input[type=text]:focus, #commentFooter textarea:focus{border-color:#FF6860;color:#333} #commentsContainer { position:relative; z-index:3; margin: 0 20px; } #commentsContainer .commentAuthor {font-family: 'NeueGillRegular', arial, serif;font-size: 15px;} #commentsContainer .commentText {color: #1a1a1a;font-size: 12px;line-height: 17px;} #commentsContainer .commentText a {color:#666; } #commentsContainer .commentText a:hover { text-decoration:underline; } #commentsContainer .commentLine {width:85%;height: 10px;margin: 5px 0; border-bottom:1px solid #666; position:relative; } #commentsContainer .commentLine i{ color: #F1F0E5;text-shadow: 0px -1px 0px #000;display: block;margin: 0 5px;position: relative;top: -11px;font-size: 30px; } #commentsContainer .commentContainer {margin-bottom: 20px;} #commentsContainer .commentContainer .date{font-family: 'NeueGillRegular', arial, serif; color:#666; font-size:10px; } #commentsContainer .commentContainer:nth-child(even) {text-align: right;} #commentsContainer .commentContainer:nth-child(even) .commentLine, #commentsContainer .commentContainer:nth-child(even) .commentLine i { float:right; } .footer-espa {color: #FFFFFF;font-size: 10px; margin:20px 0 30px; text-align: center; font-family: 'NeueGillRegular',arial,serif; letter-spacing: 0.03em;} .footer-espa img{ max-height:90px; } /*--------- validation engine ---------*/ .inputContainer {position: relative;float: left;} .formError {position: absolute;top: 300px;left: 300px;display: block;z-index: 5000;cursor: pointer;padding-left: 5px;} .ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none} .formError .formErrorContent {width: 100%;background: #F1F0E5;position: relative;z-index: 5001;color: #f00;width: 150px; font-size: 12px;padding: 6px 5px 3px;box-shadow: 0 0 6px #999;line-height: 17px;font-family: 'NeueGillRegular', arial, serif; -moz-box-shadow: 0 0 6px #333;-webkit-box-shadow: 0 0 5px #999;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; } /*.greenPopup .formErrorContent {background: #33be40;color:#fff } .blackPopup .formErrorContent {background: #393939;color: #FFF;}*/ .formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;z-index: 5006;} .formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0px 0 0 12px;top:2px;} .formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #fff;margin: 0 auto;line-height: 0;font-size: 0;display: block;} .formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;} .greenPopup .formErrorArrow div {background: #33be40;} .blackPopup .formErrorArrow div {background: #393939;color: #FFF;} .formError .formErrorArrow .line10 {width: 15px;border: none;} .formError .formErrorArrow .line9 {width: 13px;border: none;} .formError .formErrorArrow .line8 {width: 11px;} .formError .formErrorArrow .line7 {width: 9px;} .formError .formErrorArrow .line6 {width: 7px;} .formError .formErrorArrow .line5 {width: 5px;} .formError .formErrorArrow .line4 {width: 3px;} .formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;} .formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;} .formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;} /* NON-SEMANTIC HELPER CLASSES: please define your styles before this section. ================================================================================ */ /* For image replacement */ .ir {display: block;text-indent: -999em;overflow: hidden;background-repeat: no-repeat;text-align: left;direction: ltr;} .ir br {display: none;} /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;} /* Hide visually and from screenreaders, but maintain layout */ .invisible {visibility: hidden;} /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations. nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .ie7 .cf { *zoom: 1; } .ie6 input, .ie8 input, .ie7 input {vertical-align: text-bottom;} .ie7 img {-ms-interpolation-mode: bicubic;} .left { display:block; float:left;} .right { display:block; float:right;} .hidden{display:none!important; height: 0; font-size: 0; line-height: 0; visibility: hidden;} .clear { display: block; clear: both; height: 0; font-size: 0; line-height: 0; visibility: hidden; } .bottom{position:absolute;bottom:0;} /*--------- shadow ---------*/ .shadow{-moz-box-shadow:0px 0px 5px 0px rgb(192, 192, 192);-webkit-box-shadow: 0px 0px 5px 0px rgb(192, 192, 192);box-shadow:0px 0px 5px 0px rgb(192, 192, 192);} .big_shadow{-moz-box-shadow: 0 0 10px 2px #c0c0c0;-webkit-box-shadow: 0 0 10px 2px #c0c0c0;box-shadow: 0 0 10px 2px #c0c0c0;} .inner_shadow{-moz-box-shadow:inset 0 5px 1px #999;-webkit-box-shadow:inset 0 5px 1px #999;box-shadow:inset 0 5px 1px #999;} /*--------- transitions ---------*/ .an-cl{-webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear;-o-transition:color 0.2s linear; transition:color 0.2s linear;} .an-op{-webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear; transition:opacity 0.2s linear;} .an-all{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;-o-transition:all 0.2s linear; transition:all 0.2s linear;} /* border-box fixes padding relativelly with width but not for IE7 though (IE6 supports it) */ .bbox{ box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(../img/common/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/common/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}