/**********************************************************************/ /****************************** FontIcon ******************************/ @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; src: url('../fonts/fontawesome-webfont.eot?v=3.2.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg') } @-moz-keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } @-webkit-keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } @keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } /**********************************************************************/ /*************************** Generic Property ***************************/ html { position: relative; min-height: 100% } .skin .container { padding: 0 5px!important; width: 990px !important } .skin #container { background-color: #FFF; padding: 0!important } .justify { text-align: justify } .margin0 { margin: 0px } .margin5 { margin: 5px } .margin10 { margin: 10px } .margin15 { margin: 15px } .margin30 { margin: 30px } .top0 { margin-top: 0px } .top5 { margin-top: 5px } .top10 { margin-top: 10px } .top15 { margin-top: 15px } .top17 { margin-top: 17px } .left5 { margin-left: 5px } .left10 { margin-left: 10px } .left15 { margin-left: 15px } .right5 { margin-right: 5px } .right10 { margin-right: 10px } .right15 { margin-right: 15px } .bottom5 { margin-bottom: 5px } .bottom10 { margin-bottom: 10px } .bottom15 { margin-bottom: 15px } .padding0 { padding: 0px } .padding5 { padding: 5px } .padding10 { padding: 10px } .ptop0 { padding-top: 0px } .ptop5 { padding-top: 5px } .ptop10 { padding-top: 10px } .pbottom0 { padding-bottom: 0px } .pbottom5 { padding-bottom: 5px } .pbottom10 { padding-bottom: 10px } .pright0 { padding-right: 0px } .pright5 { padding-right: 5px } .pright10 { padding-right: 10px } .pleft0 { padding-left: 0px } .pleft5 { padding-left: 5px } .pleft10 { padding-left: 10px } .text8 { font-size: 8px } .text9 { font-size: 9px } .text10 { font-size: 10px } .text11 { font-size: 11px } .text12 { font-size: 12px } .text13 { font-size: 13px } .text14 { font-size: 14px } .text15 { font-size: 15px } .text16 { font-size: 16px } .text17 { font-size: 17px } .text18 { font-size: 18px } .borderbtm { border-bottom: 1px solid #EEE } .bggrey { background-color: #F7F7F7 } .grey0 { color: #FFF } .grey1 { color: #CCC } .grey2 { color: #999 } .grey3 { color: #666 } .grey4 { color: #333 } .grey5 { color: #000 } .red { color: #F00 } .green { color: #3C763D } .breadcrumb { background: none; margin: 5px 0 0 0; padding: 0; font-size: 12px } .clearer { color: #999; cursor: pointer; display: none; height: 34px; line-height: 34px; position: absolute; text-align: center; top: 0; right: -5px; z-index: 2; width: 34px } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0 } .clearfix:after { clear: both } .clearfix { zoom: 1 } .cookiesOpen { padding-top: 25px } .link { cursor: pointer } .nobr { white-space: nowrap } .nounderline:hover { text-decoration: none } .strong { font-weight: bold } .cloud { list-style: none; padding: 0; text-align: justify } .cloud li { display: inline; font-size: 20px; line-height: 25px; margin-right: 10px } #column .cloud { margin: -5px } .sp { background: url('../images/layout/sprite.png') no-repeat 0 0 } .box, .gadv { background: #FFF; margin-bottom: 10px } .gadv { z-index: 10; position: relative } .gadv iframe { z-index: 11 } #bannerDx02 iframe { z-index: 12 } #main .gadv { text-align: center; margin: 10px 0 } .indeed { border-top: 1px solid #EEE; margin-top: 10px;padding: 5px;text-align:right } aside .fb-like-box, aside .panel { margin-bottom: 10px } aside .panel-body ul { margin: 0 } .tablePrice > .panel-heading { border-bottom: 0 } .tablePrice .panel-body { padding: 0 } .tablePrice .panel-body tr th:first-child, .tablePrice .panel-body tr td:first-child { padding: 0 0 0 3px } .tablePrice .panel-body tr th:last-child, .tablePrice .panel-body tr td:last-child { padding: 0 3px 0 0 } /* == Tabs */ .item-list ul li { margin: 0; padding: 0 } .pagination { margin: 20px 0 !important } .pagination>li.off:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination>li.off span, .pagination>li.off span:hover, .pagination>li.off span:focus { background-color: #FFF; border: 1px solid #DDD; color: #CCC; cursor: not-allowed; float: left; line-height: 1.42857143; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none } .tabs ul.primary { border: none; margin: 0; overflow: hidden; padding: 0 3px } .tabs ul.primary li.active a { border: none; margin: 0; overflow: hidden; padding: 0 3px } ul.action-links { list-style: none; margin: 5px; padding: 0.5em 1em } ul.action-links li { display: inline-block; margin-left: 10px } ul.action-links li a { background: url('../images/add.png') no-repeat left center; margin: 0 10px 0 0; padding-left: 15px } /* == AwIcon */ .awicon:before, .icotabs:before { color: #C33; display: inline-block; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: none; width: 20px } .awicon.email:before { content: "\f0e0" } .awicon.check:before { content: "\f00c" } .awicon.suggests:before { content: "\f1ea" } .awicon.gps:before { content: "\f05b" } .awicon.down:before { content: "\f0ab" } .awicon.fb:before { content: "\f087" } .awicon.star:before { content: "\f005" } .awicon.child:before { content: "\f1ae" } .awicon.market:before { content: "\f07a" } .awicon.shop:before { content: "\f0b1" } .awicon.hospital:before { content: "\f0fd" } .awicon.pharmacy:before { content: "\f0fa" } .awicon.car:before { content: "\f1b9" } .awicon.school:before { content: "\f19c" } .awicon.arrows:before { content: "\f047" } .awicon.angleDoubleLeft:before { content: "\f100" } .awicon.angleDoubleRight:before { content: "\f101" } .awicon.crop:before { content: "\f125" } .icotabs:before { color: #CCC; font-size: 14px; width: 20px } .icotabs:hover:before, .icotabs.active:before { color: #C33 } .btn-group .icotabs:before { color: #666; font-size: 12px } .btn-group .icotabs:hover:before, .btn-group .icotabs.active:before { color: #333 } .btn.disabled, .btn[disabled] { -moz-opacity: 0.30; -khtml-opacity: 0.30; opacity: 0.30 } #user_register.icotabs:before { content: "\f044" } #user_login.icotabs:before { content: "\f023" } #user_password.icotabs:before { content: "\f0ec" } #user_view.icotabs:before { content: "\f0e4" } #user_modify.icotabs:before, #user_edit.icotabs:before { content: "\f007" } #user_alert.icotabs:before { content: "\f06a" } #user_annunci.icotabs:before, #user_curriculum.icotabs:before { content: "\f08d" } #user_search.icotabs:before { content: "\f002" } #user_bookmarks.icotabs:before { content: "\f005" } #user_devel.icotabs:before { content: "\f085" } #search_listing.icotabs:before { content: "\f03a" } #search_gallery.icotabs:before { content: "\f00a" } #search_map.icotabs:before { content: "\f041" } #info_info.icotabs:before { content: "\f05a" } #info_market.icotabs:before { content: "\f080" } #info_punti_di_interesse.icotabs:before { content: "\f05b" } #info_ricerche_correlate.icotabs:before { content: "\f002" } /* == Fb Button */ a.fb_link { color: #FFF !important; text-decoration: underline !important } a.fb_link:hover { text-decoration: none !important } a.fb_icon { background: url('../images/layout/sprite.png') no-repeat -371px -190px; display: inline-block; height: 17px; line-height: 25px; margin-top: 2px; text-indent: -9999px; width: 17px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } a.fb_icon:hover { -moz-opacity: 0.50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.50 } a.fb_button, .buttonSend, input[type="submit"].buttonSend { background: #324D8F; border: none; color: #FFF; display: inline-block; font-size: 14px; height: 30px !important; line-height: 30px; margin: 0; text-align: left; text-decoration: none; width: 205px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; box-sizing: border-box } a.fb_button .sp { background-color: #2C437C; background-position: -340px -184px; display: inline-block; height: 30px !important; line-height: 30px; margin-right: 10px; text-indent: -9999px; width: 30px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px } a.fb_button:hover { background: #4163B4; color: #FFF; text-decoration: none; -moz-box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666 } /* == Layout */ #container { margin-bottom: 41px; } #cookies { background-color: #D9EDF7; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; left: 0; opacity: 1; position: fixed; padding: 3px 0; text-align: left; top: 0; width: 100%; z-index: 999999; -moz-box-shadow: 0px 0px 8px #000; -webkit-box-shadow: 0px 0px 8px #000; box-shadow: 0px 0px 8px #000 } #cookies .container { color: #666; font-size: 11px; text-align: center } #cookies a { text-decoration: none } #logo { background: url(../images/layout/sprite.sercanto.NEW.png) left -387px no-repeat; color: #355A9E; display: block; font-size: 10px; font-weight: bold; height: 34px; text-decoration: none; width: 120px } #header .responsive-toggler { position: relative; z-index: 10 } #social-menu { float: left; margin-top: 12px; display:none } #social-menu li { float: left; margin-right: 10px; padding: 0 } #social-menu li a:hover { -moz-opacity: 0.50; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.50 } #messages { border-bottom: 1px solid #EEE } #messages > div { border-radius: 0; border-left: 0; border-right: 0; padding: 15px 0; margin: 0 } #messages p { margin: 0 } #messages ul { margin: 0; padding: 0 0 0 15px } #meta .btn-group { width: 100% } #meta #page_info { font-size: 12px; color: #666 } #meta h1 { font-size: 14px; line-height: 16px; color: #c33; margin: 10px 0 } #main { float: right; padding: 0 0 20px; position: relative; width: 100% } #column { float: right; margin-right: -320px; position: relative; right: -100%; width: 300px } #column .section { padding-top: 10px } #column .block { font-size: 0.914em; line-height: 1.4; margin: 15px 0 0; padding: 0 } #column .block:first-child { margin-top: 0 } #column h2 { font-size: 1.071em; line-height: 1.2; margin: 0 0 0.5em; padding-bottom: 5px; text-shadow: 0 1px 0 #FFF } #column tbody { border: none } #column tr.even, .sidebar tr.odd { background: none; border-bottom: 1px solid #D6D6D6 } #back-top { background-color: #000; cursor: pointer; display: none; height: 50px; margin-top: -25px; position: fixed; right: 0; top: 50%; text-align: center; width: 45px; z-index: 100; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-opacity: 0.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; opacity: 0.60 } #back-top span { color: #FFF; font-size: 24px; line-height: 45px } #back-top:hover { -moz-opacity: 0.30; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: 0.30 } #footer { bottom: 0; border-top: 1px solid #eee; height: 41px; margin-top: 20px; position: absolute; width: 100% } /*.front #footer .container { background-image: url(../images/layout/wickedin-logo-footer-small.png); background-repeat: no-repeat; background-position: left bottom; height: 40px }*/ .front #footer .footerpi { display: inline-block; margin-left: 55px; line-height: 20px } #footer .footerlinks { line-height: 40px; margin: 0; min-height: 40px } #footer, #footer a { font-size: 12px; color: #7f7f7f } /* Finestra Alert modale */ .modal-backdrop.in { opacity: 0.8 } #alertPopup .modal-dialog { margin: 0 10px; max-width: 100% } #alertPopup .modal-content { background-color: #FFF } #alertPopup .modal-header { border-bottom: 0; color: #999; font-size: 10px; padding: 15px 15px 0; text-align: right } #alertPopup .modal-body { padding: 0 } #alertPopup .modal-body h2 { color: #666; font-size: 13px; font-weight: normal; margin: 10px 0 0; text-align: center } #alertPopup .modal-body h2 strong { display: block; color: #333; font-size: 18px; text-align: center } #alertPopup .modal-body .logo { background: url(../images/layout/sprite.sercanto.NEW.png) 30px -400px no-repeat; height: 37px; margin: 0 auto; padding: 20px 0 0; text-indent: -9999px; width: 180px } #alertPopup .modal-body .logo span { color: #C33; display: block; font-size: 14px; font-weight: bold; text-indent: 0; text-align: center } #alertPopup .modal-body .media-body { padding: 0 15px 15px } #alertPopup .modal-body .media-body .media-body{ padding: 0 } #alertPopup .modal-body .bottom0 { margin-bottom: 0 } #alertPopup .modal-body .privacy { color: #999; line-height: 1; margin: 5px 0 0 } #alertPopup .modal-body .privacy em { cursor: pointer; font-style: normal; text-decoration: none } #alertPopup .modal-body .privacy input { float: left; margin: 3px 5px 0 0 } #alertPopup .modal-body .actions { margin: 10px 0 0; text-align: center } #alertPopup #aalertPopupEmail { font-size: 14px; line-height: 1.3333333; height: 32px; padding: 10px 6px } #alertPopup #alertPopupSubmit { font-size: 13px; padding: 3px 10px; line-height: 1.3333333 } #alertPopup .modal-footer { padding: 5px 15px } /* Finestra modale Piccola */ .alertPopupOpen { position: relative } .alertPopupOpen .popover { max-width: 400px; top: 40px; } .alertPopupOpen .popover.bottom>.arrow { left: 10% } .alertPopupOpen .popover-content a { color: #666; float: right; text-decoration: none } /* Finestra Mail Confirm, SendFriend */ #popupMailConfirm .modal-body, #popupFriend .modal-body { padding: 0 } #popupMailConfirm iframe { min-height: 320px; overflow: hidden } #popupFriend iframe { min-height: 670px; overflow: hidden } .logged-in #popupFriend iframe { height: 230px } .modalClassic .modal-header { background: linear-gradient(to bottom, #1e8cd1 0%, #0675c0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 5px 15px } .modalClassic .modal-title, .modalClassic .modal-title .awicon:before, .modalClassic .modal-title .awicon { color: #FFF !important } /************************************************************************/ /************************************************************************/ /***************************** NODE ELEMENT *****************************/ .node .content { font-size: 1.071em } .node-teaser .content { clear: none; font-size: 1em; line-height: 1.6 } .node-teaser h2 { margin-top: 0; padding-top: 0.5em } .node-teaser h2 a { color: #181818 } .node-teaser { border-bottom: 1px solid #d3d7d9; margin-bottom: 30px; padding-bottom: 15px } .node-sticky { background: #F9F9F9; background: rgba(0, 0, 0, 0.024); border: 1px solid #d3d7d9; padding: 0 15px 15px } .node-full { background: none; border: none; padding: 0 } .node .meta { color: #68696b; font-size: 0.857em; margin-bottom: -5px } .submitted .user-picture img { float: left; height: 50px; margin: -14px 5px 0 0 } .field-type-taxonomy-term-reference { margin: 0 0 10px } .field-type-taxonomy-term-reference .field-label { font-weight: normal; margin: 0; padding-right: 5px } .field-type-taxonomy-term-reference .field-label, .field-type-taxonomy-term-reference ul.links { font-size: 0.8em } .node-teaser .field-type-taxonomy-term-reference .field-label, .node-teaser .field-type-taxonomy-term-reference ul.links { font-size: 0.821em } .field-type-taxonomy-term-reference ul.links { list-style: none; margin: 0; padding: 0 } .field-type-taxonomy-term-reference ul.links li { float: left; padding: 0 1em 0 0; white-space: nowrap } .link-wrapper { text-align: right } .field-type-image img, .user-picture img { margin: 0 0 1em } ul.links { color: #68696b; font-size: 0.821em } .node-unpublished { margin: -20px -15px 0; padding: 20px 15px 0 } .node-unpublished .comment-text .comment-arrow { border-left: 1px solid #fff4f4; border-right: 1px solid #fff4f4 } .node-form .vertical-tabs .fieldset-wrapper { margin-top: 0 } /************************************************************************/ /************************************************************************/ /***************************** FORM ELEMENT *****************************/ .form-type-radio label, .form-type-checkbox label { margin-left: 4px } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2px } .node-form .readonly { background-color: #CCC } .node-form .field-group-div, .node-form #edit-field-adimage { border: 1px solid #D5D5D5; margin-bottom: 20px; overflow: hidden; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .node-form label { float: left; color: #1E8CD1; font-size: 14px; font-weight: normal; line-height: 24px; width: 150px } .node-form thead label { width: auto } .node-form .form-item .description { margin: 0 0 0 150px } .node-form .form-item-field-competenze-und-0-value .description { margin: 0 } .node-form input { margin: 0 } .node-form #edit-field-adimage legend, .node-form h3 { color: #1E8CD1; font-size: 14px; margin-bottom: 10px!important } .node-form h3 { background: #FFF; color: #C33; font-size: 14px; left: -12px; padding: 0 5px; position: absolute; top: -40px; text-transform: uppercase } .node-form .step-format { border-top: 1px solid #EEE; margin-bottom: 20px; position: relative } .node-form .step-format h3 { background: #FFF; color: #C33; font-size: 14px; left: 2px; padding: 0 5px 0 1px; position: absolute; top: -11px; text-transform: uppercase } .node-form .form-actions { overflow: hidden; padding-bottom: 5px } .node-form .group-border { border: 1px solid #EEE; border-bottom: 5px solid #EEE; border-top: 5px solid #EEE; padding: 10px } /* == Contact Form */ .contact-form #edit-name, .contact-form #edit-mail, .contact-form #edit-subject { width: 75%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .contact-form #edit-message { width: 76.3%; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px } .contact-form .resizable-textarea .grippie { width: 76%; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } /* == Password Form */ .password-suggestions ul li { margin-left: 1.2em } .confirm-parent, .password-parent { width: 34em } div.password-suggestions { border: 0 } .password-parent, div.form-item div.password-suggestions { position: relative } .password-strength-text, .password-strength-title, div.password-confirm { font-size: 0.82em } .password-strength-text { margin-top: 0.2em } div.password-confirm { margin-top: 2.2em; width: 20.73em } .webform-client-form { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #F7F7F7; border: 1px solid #eee; border-radius: 3px; overflow: hidden; padding: 20px } .field-items .button { float: inherit; font-size: 14px; } .field-items a.button { background-color: #0074BC; background-image: url(/sites/all/themes/wickedin/media/images/gradient.png); background-position: 0px -46px; border: 1px solid #003366; color: #FFF; cursor: pointer; font-size: 10px; font-weight: bold; padding: 0 15px; text-align: center; text-decoration: none; text-shadow: 1px 1px 1px #666; text-transform: uppercase; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px } /************************************************************************/ /************************************************************************/ /*************************** GENERIC ELEMENT ****************************/ .ui-autocomplete { background-color: white; border: 1px solid #CCC; max-height: 240px; overflow: auto; overflow-x: hidden; padding: 0; z-index: 200!important; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5); box-shadow: 0 5px 10px rgba(0,0,0,0.5); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px } .ui-autocomplete li a { border-top: 1px dotted #CCC; color: #313131; cursor: pointer; display: block; font-size: 13px; line-height: 20px; padding: 2px 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px } .ui-autocomplete li:first-child a { border-top: 0 !important } .ui-autocomplete li a strong { color: #000 } .ui-autocomplete li a.ui-state-hover { border: 0; border-top: 1px dotted #CCC; margin: 0!important } /*.front .ui-autocomplete, .node-type-errore .ui-autocomplete { width: 306px!important }*/ .not-front .ui-autocomplete, .node-type-errore .ui-autocomplete { width: 245px!important } /* == Fb Button */ .buttonSend, input[type="submit"].buttonSend { text-align: center } .buttonSend:hover, input[type="submit"].buttonSend:hover { background: #4163B4; color: #FFF; text-decoration: none } /* == AD Add */ a.cv_button { border: 1px solid #0f70ad; color: #FFF; display: block; font-size: 14px; margin: 7px 0 0; padding: 5px 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #208ed3; background: -moz-linear-gradient(top,#208ed3 0%,#0272bd 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#208ed3),color-stop(100%,#0272bd)); background: -webkit-linear-gradient(top,#208ed3 0%,#0272bd 100%); background: -o-linear-gradient(top,#208ed3 0%,#0272bd 100%); background: -ms-linear-gradient(top,#208ed3 0%,#0272bd 100%); background: linear-gradient(to bottom,#208ed3 0%,#0272bd 100%) } a.cv_button strong { display: block; font-size: 18px; padding: 5px 0; text-shadow: 1px 1px 2px rgba(80, 80, 80, 1) } a.cv_button:hover { border: 1px solid #F5F5F5; -moz-box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666 } /* == Tag Cloud */ .box { border: solid 1px #D5D5D5; border-radius: 3px; margin-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .cloud { margin: 0; overflow: hidden; padding: 5px 10px; position: relative } ul.cloud li { float: left; font-size: 20px; margin-right: 10px } /* == ADsense */ .afs { overflow: hidden; position: relative } .afs .label { display: none } .afs.ready { border-bottom: 1px solid #EEE; overflow: hidden; padding: 10px; position: relative } .afs.ready:first-child { border-bottom: 1px solid #DDD; margin-top: 10px } .afs.ready:last-child { border-bottom: 0; border-top: 1px solid #DDD } .afs.ready .new { border-color: #0C98E3 transparent transparent transparent; border-style: solid; border-width: 15px 15px 0 0; height: 0; width: 0; line-height: 0; position: absolute; top: 0; left: 0; _border-color: #0C98E3 #000 #000 #000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); -webkit-transform:rotate(360deg) } .afs.ready .photo { background: url( '../images/no-photo.png') 3px 3px no-repeat; background-size: 82px auto; border: 1px solid #EBEBEB; float: left; margin-right: 10px; padding: 4px; height: 70px; width: 90px; -moz-border-radius: 3px; -khtml-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px } .afs.ready .unit { position: relative } .afs.ready .unit .label { background: #FFF; color: #093; display: none; font-size: 12px; font-weight: normal; line-height: 13px; left: 0; margin: 0; padding: 2px 4px; position: absolute; text-align: left; top: 0; width: 400px } .afs.ready .unit.media-body { width: auto !important } .afs .preload { position: absolute; top: 0; left: 0; right: 0 } .afs .preload .detail { border-bottom: 1px solid #EEE; display: flex; padding: 13px 0 11px 3px } .afs .preload .detail:first-child { margin-top: 9px } .afs .preload .detail header { flex: 1 } .afs .preload .detail aside .line1 { background-color: #F5F5F5; height: 12px; margin-left: 6px } .afs .preload .detail header .line1 { background-color: #E7F0FF; height: 12px; margin-bottom: 10px; width: 80% } .afs .preload .detail header .line2 { background-color: #F5F5F5; height: 12px; margin-bottom: 10px; width: 70% } .afs .preload .detail header .line3 { background-color: #F5F5F5; height: 12px; margin-bottom: 10px; width: 65% } .afs .preload .detail header .line4 { background-color: #F5F5F5; height: 12px; margin-bottom: 10px; width: 55% } .head { color: #999; display: block; font-size: 11px; padding: 4px 0 4px 12px } /* == Configuration */ div.admin .right, div.admin .left { margin: 0; width: 49% } div.admin-panel { background: #fbfbfb; border: 1px solid #ccc; margin: 10px 0; padding: 0 5px 5px } div.admin-panel h3 { margin: 16px 7px } div.admin-panel dt { border-top: 1px solid #ccc; padding: 7px 0 0 } div.admin-panel dd { margin: 0 0 10px } div.admin-panel .description { margin: 0 0 14px 7px } /************************************************************************/ /************************************************************************/ /******************************* LISTING ********************************/ .alertlisting { border-top: 3px solid #1788cf } .alertlisting .glyphicon:not(.glyphicon-info-sign), #modalalert .glyphicon:not(.glyphicon-info-sign) { color: #1788cf; font-size: 23px } .alertlisting small, .alertlisting small a { color: #999999 } .alertlisting .input-group input { z-index: 0 } /*** 2.6 ITEMS ***/ .item { cursor: pointer; -moz-transition: background 300ms ease-out; -o-transition: background 300ms ease-out; -webkit-transition: background 300ms ease-out; border-bottom: 1px solid #EEE; padding: 10px; position: relative;transition: background 300ms ease-out } .item .new { border-color: #0c98e3 transparent transparent; border-style: solid; border-width: 15px 15px 0 0; height: 0; left: 0; line-height: 0; position: absolute; top: 0; width: 0 } .item .title { color: #000099; font-size: 15px; text-transform: capitalize } .item .title a{color:#009} .item .title span { font-size: 12px; color: #093; margin: 0; padding: 0 } .item .title span.alert-sponsored { color: #FF0000;margin-left: 5px;} .item .title span.alert-sponsored span{ color: #FF0000; margin-left: 3px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .item .title .glyphicon { font-size: 11px; color: #999 } .item .title:hover { text-decoration: underline } .item .title:hover span { text-decoration: none } .item .pull-right, .item .pull-right a { font-size: 15px; line-height: 1.1; color: #000 } .item .price a.red { color: red } .item .price a.red.awicon:before { content: "\f0ab" } .item .price em { color: #333; font-size: 12px; font-style: normal; text-decoration: line-through } .item .attributes { font-size: 12px; font-weight: bold } .item figure { position: relative } .item .photo { display: inline-block; overflow: hidden; margin-bottom: 20px; position: relative } .item .photo img { background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; display: block; line-height: 1.42857143; padding: 4px; width: 90px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .item .photo .logo { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; background: #FFF url('../images/sitelogo-20160420.png') no-repeat; border-top-left-radius: 3px; bottom: 1px; height: 18px; position: absolute; right: 1px; width: 68px } .item .photo button { position: absolute; top: 1px; left: 1px } .item header p { margin: 0 0 5px } .item header small { color: #666; display: block; font-size: 11px; margin-bottom: 5px } .item footer { clear: both; color: #999; overflow: hidden } .item footer a { color: #999 } .item footer small { color: #666; font-size: 11px } .item footer small.related { color: #999 } .item footer { clear: both; margin-top: 2px } .item footer .related { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 460px } .item footer .related, .item footer .related a { color: #999; font-size: 11px; margin: 0; padding: 0 } .item footer .options { float: right; height: 16px; margin: 0; width: 1px } .item footer .options li { color: #999; cursor: pointer; display: block; float: left; font-size: 11px; line-height: 20px; margin-right: 5px; visibility: hidden } .item footer .options li:last-child { margin-right: 0 } .item footer .options li:before { color: #999; font-size: 10px; width: 12px } .item footer .options li.lprice:before { color: red } .item footer .options li.lprice { color: red; -webkit-animation: 1; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite } .item footer .options li:hover, .item footer .options li:hover:before, .item footer .options .lgmap-open, .item footer .options .lgmap-open:before, .item footer .options .lprice-open, .item footer .options .lprice-open:before, .item footer .options .lshare-open, .item footer .options .lshare-open:before, .item footer .options .lbook-open, .item footer .options .lbook-open:before, .item footer .options .lbook-active, .item footer .options .lbook-active:before { color: #7388B6 } .item footer .options li.lprice-open, .item footer .options li.lprice:hover { color: #7388B6; -webkit-animation: 0; -moz-animation: 0; animation: 0 } .item-link, .item-go, .item .info a, .item footer a { cursor: pointer } /* == HOVER */ .item-selected, .hasMore { background-color: #F7F7F7 } .item-hover:hover .new, .item-selected .new, .hasMore .new { border-color: #0073B5 transparent transparent transparent; _border-color: #0073B5 #000 #000 #000 } .item-hover:hover footer .related, .item-selected footer .related, .hasMore footer .related, .bookmarked footer .related { -ms-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 250px } .item-hover:hover footer .options, .item-selected footer .options, .hasMore footer .options, .bookmarked footer .options { width: auto } .item-hover:hover footer .options li, .item-selected footer .options li, .hasMore footer .options li, .bookmarked footer .options li { visibility: visible } /*#sponsored_others .urgent, .ordering .urgent, .ordering .urgent:hover { background-color: #FFC }*/ .bookmarked, .bookmarked:hover { background-color: #E8EAFF } /*** 2.7 ITEMS ***/ .itemJs { background-color: #FFF; border: 1px solid #EEE; cursor: pointer; height: 150px; padding: 10px; position: relative } .itemJs .title { color: #608CD1; font-size: 12px; text-transform: capitalize } .itemJs .title a:hover { text-decoration: none } .itemJs figure { position: relative } .itemJs figure .photo { display: inline-block; overflow: hidden; margin-bottom: 10px; position: relative } .itemJs figure .photo img { background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; display: block; line-height: 1.42857143; padding: 4px; width: 90px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .itemJs .detail { color: #666; font-size: 11px; margin: 15px 0 0 } .itemJs footer { bottom: 10px; clear: both; color: #999; font-size: 12px; left: 10px; margin: 15px 0 0; position: absolute; right: 10px; text-align: right } .itemJs:hover{ border-color: #23527C } .itemJs:hover .title a { color: #23527C; text-decoration: none } #showcases { background: #F7F7F7 } #showcases h2 { font-size: 12px; font-weight: normal; margin: 0 0 10px } #showcases .container { padding: 25px 15px } #showcases .container .col-sm-3 { margin-right: 10px } #showcases .container .col-sm-3:last-child { margin: 0 } /* == SOCIAL SHARE */ div.more { background: #EEE; cursor: default; border: 1px solid #CCC; clear: both; margin-top: 7px; position: relative } div.more .arrow { background: url("../images/layout/sprite.png") no-repeat scroll -338px -69px transparent; height: 7px; left: 450px; overflow: hidden; position: absolute; top: -7px; width: 11px } div.more .lprice { padding: 5px } div.more .lprice p { margin: 0 0 5px } .share { display: table; margin: 0 auto; padding: 5px; text-align: center } .share a { cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 17px; line-height: 19px; margin-right: 15px } .share a .sp { display: inline-block; height: 19px !important; line-height: 19px; margin-right: 5px; text-indent: -9999px; width: 16px } .share a.share-facebook .sp { background-position: -200px -187px } .share a.share-google .sp { background-position: -268px -187px } .share a.share-twitter .sp { background-position: -217px -187px } .share a.share-pinterest .sp { background-position: -251px -187px } .share a.share-email .sp { background-position: -302px -187px } .share a.share-linkedin .sp { background-position: -234px -187px } /*** 2.9 SMALL LISTING ***/ img.item-image-small { border: 1px solid #EBEBEB; float: left; height: 90px; height: 90px; margin: 0 20px 10px 0; padding: 3px; width: 120px; width: 120px } .items-list-small .item { width: auto } .items-list-small .item-description { height: auto } .items-list-small .item-similar { float: none; margin-bottom: -12px } .items-list .item-small { padding-left: 0 } /*** 2.10 LISTING SPECS ***/ #ei-listing .items-list { margin: 10px -10px 0 } #ei-listing .items-list .item { background: none; padding: 5px 10px } #ei-listing .items-list .item:last-child { border-bottom: 0 } #ei-listing .items-list .item .photo { float: none } /*** 3 - COLDX ********/ #results-map { height: 250px; width: 250px } #results-map.big { height: 340px; width: 630px } #results-map.large { height: 200px; width: 300px } /* == Blocks */ .listing-item { list-style: none; margin-top: -3px; padding-left: 15px } .listing-item a { background: url('../images/layout/sprite.png') no-repeat -461px -147px; color: #666; display: inline-block; overflow: hidden; padding: 0 0 0 12px; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; width: 200px } .view-news-associate .item-list a, .view-domande-right-box .item-list a, .view-liste-resources .item-list a { background: url('../images/layout/sprite.png') no-repeat -457px -140px; display: inline-block; margin-left: -13px; padding-left: 15px; width: 200px } .chartPrice a { color: #666 } .chartPrice h3 a { color: #666; font-size: 12px } #block-curriculum-curriculum-button { background: url('../images/cv-block.png'); width: 300px; height: 250px } #block-curriculum-curriculum-button h3 { color: #FFF; font: 33px Helvetica, Arial, Sans-Serif; padding: 60px 25px 0; text-align: center; text-shadow: -1px 1px 8px #1483CA, 1px -1px 8px #FFF } #block-curriculum-curriculum-button a { background: rgb(255,255,255); background: rgba(255,255,255,0.75); color: #1E8CD1; display: block; font: 25px Helvetica, Arial, Sans-Serif; margin: 30px 25px 0; padding: 15px; text-align: center; text-decoration: none; text-shadow: 1px -1px 8px #FFF } #block-curriculum-curriculum-button a:hover { background: rgb(30,140,209); background: rgba(30,140,209,0.5); color: #FFF; text-decoration: none } #results-map-static a { position: relative } #results-map-static a span { background: rgb(255,255,255); background: rgba(255,255,255,0.75); bottom: 15px; color: #1E8CD1; display: block; font: 25px Helvetica, Arial, Sans-Serif; margin: 0 25px; padding: 10px 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 1px -1px 2px #CCC; width: 250px; -webkit-animation: 1; -webkit-animation-name: blinker; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 2s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite } /*** RELATED *********/ #related-searches { overflow: hidden; font-size: 12px; color: #999; margin-top: 10px; border-bottom: 1px solid #EEE; padding-bottom: 10px } #related-searches a { color: #999 } #related-searches a:hover { color: #666 } #related-searches em { font-size: 12px;font-style: italic } #related-searches.open em { display:block } #related-searches h2, #related-searches h3 { display:inline; font-weight:normal } #related-searches.open h2, #related-searches.open h3 { display: block; float:left; width: 170px; margin-right: 5px } #related-searches #show-more-related { font-style: italic; text-decoration: underline } /************************************************************************/ /************************************************************************/ /******************************* POPUP **********************************/ /*** CONFIRM EMAIL ***/ #wfb-confirm-mail-form input#edit-email { width: 330px } #wfb-confirm-mail-form label { font-weight: normal; font-size: 12px; margin-bottom: 5px } #wfb-confirm-mail-form .data { height: 120px; margin: 0; padding: 0 10px 10px !important } /*** SEND FRIEND ***/ #metasearch-send-to-form input#edit-email, #metasearch-send-to-form input#edit-email2 { width: 330px } #metasearch-send-to-form label { color: #666 } #metasearch-send-to-form .data { margin: 0; padding: 0 10px 10px !important } #metasearch-send-to-form .footer { height: 40px; margin: 0; overflow: hidden; vertical-align: middle } #metasearch-send-to-form .footer input[type="submit"].form-submit { margin: 5px 112px } /************************************************************************/ /************************************************************************/ /*= Annunci Paganti colonna destra */ .ad-item { background: #F7F7F7; margin-bottom: 10px } .ad-item .title { font-size: 13px; font-weight: bold; line-height: 1.5; margin: 0 0 0 105px } .ad-item .photo { float: left; overflow: hidden; position: relative } .ad-item .photo img { border: 1px solid #EEE; float: left; height: 70px; padding: 2px; width: 90px } .ad-item .detail { margin: 5px 0 0; overflow: hidden } .ad-item .detail .margin { margin: 5px 5px 5px 105px } .ad-item .detail-photo { margin: 7px 0 0 } .ad-item .description { color: #333; font-size: 12px; margin: 0; padding: 0 } .ad-item .description:first-letter { text-transform: uppercase } .ad-item .attributes em { font-size: 11px; font-style: normal; font-weight: bold; text-transform: uppercase } /************************************************************************/ /************************************************************************/ /****************************** USER PROFILE ****************************/ #edit-fb-connect { margin: 10px 0 0 } .page-user-alert #walert-edit-alert-form { background: #F7F7F7; border: 1px solid #eee; overflow: hidden; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .page-user-alert #walert-edit-alert-form label { clear: both } .page-user-alert #walert-edit-alert-form .inputField { margin-bottom: 10px } .page-user-alert #walert-edit-alert-form #edit-submit { clear: both } .page-user-alert #walert-delete-alert-form { background: #F7F7F7; border: 1px solid #eee; overflow: hidden; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .page-user-alert #walert-delete-alert-form #edit-submit { float: left; margin-top: 10px } .page-user-alert #walert-delete-alert-form > div > div { font-weight: bold } .page-user-alert #edit-submit, .page-user-alert #edit-cancel, .node-type-classifiedad #edit-actions input { padding: 0; width: 102px } .page-user-alert .view-alert-list table a.awicon.edit:before, .page-user-annunci .view-annunci-user table a.awicon.edit:before, .page-user-curriculum .view-curriculum-user table a.awicon.edit:before { content: "\f040" } .page-user-alert .view-alert-list table a.awicon.delete:before, .page-user-annunci .view-annunci-user table a.awicon.delete:before, .user_bookmarks table a.awicon.delete:before, .page-user-curriculum .view-curriculum-user table a.awicon.delete:before { content: "\f057" } .page-node-delete #edit-actions { margin-bottom: 0; margin-top: 0 } .page-node-delete #node-delete-confirm { background: #F7F7F7; border: 1px solid #eee; overflow: hidden; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .page-node-delete #node-delete-confirm > div { font-weight: bold } .page-user-alert #edit-submit, .page-user-alert #edit-cancel, .node-type-classifiedad #edit-actions input, .page-node-delete #edit-submit, .page-node-delete #edit-cancel, .page-node-delete #node-delete-confirm a#edit-cancel { padding: 0; width: 102px; text-align: center } .page-user-alert #walert-delete-alert-form #edit-submit, .page-user-alert #walert-delete-alert-form #edit-cancel, .page-node-delete #node-delete-confirm #edit-submit, .page-node-delete #node-delete-confirm #edit-submit { margin: 15px 10px 0 0!important } .page-node-edit table tr th, .page-node-edit table tr th a, .page-node-edit table tr th a:hover, .page-user table tr th, .page-user table tr th a, .page-user table tr th a:hover {color: #666 } .user_search table .form-item { margin: 0 } .user_search table td .form-item span { color: #666; font-style: italic } .user_search table td a { text-transform: capitalize } .page-user-search form input[type="submit"] {background: url("../images/sprite_dr.png" ) no-repeat left -483px; border: 0; border-radius: 0; color: #0071B3; /*height: auto;*/ margin: 0; line-height: 0; font-size: 12px; padding-left: 23px } .page-user-search form input[type="submit"]:hover { color: #0071B3; margin: 0; text-decoration: underline; -moz-box-shadow: 0 0 0!important; -webkit-box-shadow: 0 0 0!important; box-shadow: 0 0 0!important } .page-user .view-alert-list table td { text-transform: capitalize } .page-user .view-alert-list table th.views-field-w, .page-user .view-annunci-user table th.views-field-created { border-right: 0 } .page-user .view-annunci-user table th.views-field-edit-node, .page-user .view-alert-list table th.views-field-aid-1 { border-left: 0 } .page-user .view-alert-list table th.views-field-aid, .page-user .view-annunci-user table th.views-field-delete-node { border-left: 0; border-right: 0 } .user-picture img { border: 1px solid #D5D5D5; width:89px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .profile { overflow: hidden } .profile .user-picture, .profile .user_data { float: left!important } .profile .user-picture { width: 110px } .profile .user-picture img { margin-bottom: 0!important } .profile .user_alert { clear: both } .profile .user_alert, .profile .user_ads, .profile .user_search, .profile .user_bookmarks, .profile .user_cv { border: 1px solid #D5D5D5; margin-top: 10px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .profile .item-list ul { list-style: none; margin-bottom: 5px; margin-left: 10px } .profile .item-list ul li { margin-left: 0; word-wrap: break-word } .profile .item-list ul li:before { content: "\f105" } .profile .ads_list ul li div { display: inline-block; width: 600px; word-wrap: break-word } .profile .view-annunci-user .item-list ul li { margin-left: 0!important } .profile .user_name { color: #cc3333; font-size: 16px; font-weight: bold } .profile .user_detail, .profile .user_lastlogin { font-weight: bold } .profile .user_detail span, .profile .user_lastlogin span { font-weight: normal } .profile .alert_title, .profile .ads_title, .profile .search_title, .profile .bookmarks_title, .profile .cv_title { background: #F7F7F7; display: block; font-weight: bold; margin-bottom: 10px; padding: 10px; text-transform: uppercase } .profile .alert_title:before { content: "\f06a" } .profile .ads_title:before, .profile .cv_title:before { content: "\f08d" } .profile .search_title:before { content: "\f002" } .profile .bookmarks_title:before { content: "\f005" } .profile .alert_message, .profile .search_message, .profile .ads_message, .profile .bookmarks_message, .profile .cv_message { display: block; margin-bottom: 10px; margin-top: 5px } /************************************************************************/ /************************************************************************/ /************************* FORM INSERIMENTO *****************************/ /* = FAST PUBLISH FORM */ .fast_publish_form { background: #F7F7F7; margin-bottom: 20px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .fast_publish_form #edit-account { overflow: hidden; width: 100% } .fast_publish_form #edit-account .form-item input { width: 275px } .fast_publish_form #edit-account .form-item-name { float: left; margin-bottom: 0 } .fast_publish_form #edit-account .form-item-mail { float: right; margin-bottom: 0 } .fast_publish_form #edit-account-question .register-account-question, .fast_publish_form #edit-no-account-question .register-account-question span { color: #c33; font-weight: bold } .fast_publish_form #edit-title-adv { margin-bottom: 10px } .fast_publish_form #edit-no-account-question { clear: both; margin-bottom: 6px; margin-top: 10px } .fast_publish_form #edit-account-question { margin-bottom: 6px; margin-top: 0 } .fast_publish_form #edit-accedi > div > a { background: rgb(240, 240, 240); border: 1px solid #CCC; color: #C33; display: inline-block; font-size: 12px; font-weight: bold; height: 28px; line-height: 28px; margin: 5px 0 0; padding: 0 15px; text-decoration: none; text-shadow: 0 1px 1px rgba(180, 180, 180, 0.3); text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 99%); background: -webkit-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 99%); background: -o-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 99%); background: -ms-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 99%); background: linear-gradient(0deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 99%) } .fast_publish_form #edit-accedi > div > a:hover { -moz-box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666 } .fast_publish_form #edit-accedi, .fast_publish_form #edit-connect-or, .fast_publish_form #edit-fb { float: left } .fast_publish_form #edit-accedi, .fast_publish_form #edit-connect-or { margin-right: 20px } .fast_publish_form .form-actions { margin: 0 0 5px } .fast_publish_form #edit-fb { margin-top: 6px } /* = form annuncio */ /************************************************************************/ /************************************************************************/ /*************** SCHEDA ANNUNCIO INSERITO DA DRUPAL ********************/ .form-managed-file .form-file { border: 0 } #classifiedad-node-form select { width: 190px } #classifiedad-node-form input#edit-field-floor-area-und-0-value { width: 180px } #classifiedad-node-form #edit-field-price label { display: inline-block; margin-right: 10px } #classifiedad-node-form #edit-field-price .form-item { margin-bottom: 0 } #classifiedad-node-form .group-caratteristiche > div { float: left; width: 212px; padding: 0; background: #fff; margin-bottom: 10px } #classifiedad-node-form .group-caratteristiche label, #classifiedad-node-form .group-luogo label, .node-type-classifiedad .form-type-managed-file label {color: #333; font-size: 12px } #classifiedad-node-form #edit-field-rooms, #classifiedad-node-form #edit-field-elevator, #classifiedad-node-form .groupluogo, #classifiedad-node-form #geolocation-help-64-0 { clear: left } #classifiedad-node-form .geolocation-address-geocode, .geolocation-client-location, .geolocation-remove span { display: inline-block; margin: 0 4px; padding: 2px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } #classifiedad-node-form .geolocation-address-geocode:hover, .geolocation-client-location:hover, .geolocation-remove span:hover { -moz-box-shadow: 0 0 4px #666; -webkit-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666 } #classifiedad-node-form .geolocation-address-geocode:hover, .geolocation-client-location:hover { background: #96BC44 } .geolocation-remove span:hover { background: #c00 } /************************************************************************/ /************************************************************************/ /****************************** PROFILE *********************************/ .profile-item { overflow:hidden;min-height: 35px; font-size: 14px; border-bottom: 1px solid #e2e2e2 } .profile-item-first{ border-top: 1px solid #e2e2e2 } .profile-item .user-picture{ padding: 5px } .profile-item input[type="submit"].form-submit { background:none; border:0; color: #126699; box-shadow: 0 0; float: none; height: auto; padding: 0; margin: 0; float: right } .profile-item input[type="submit"].form-submit:hover { text-decoration: underline } .profile-margin { margin-top: 40px } .profile-item-label{ line-height: 35px;float: left; width: 150px; display: block } .profile-item-value{ line-height: 35px;float: left; font-size:12px } .profile-title{ padding-bottom: 10px; font-size:18px } .profile-subtitle .fieldset-legend{ font-size:14px } /* Profile message resetting css */ .profile-item div.wrapper{ min-width: 0; max-width: none; padding: 5px } .profile-item div.error, .profile-item div.status{ background-image: none } .profile-item span.close{ display: none } .profile-item input[type="submit"].profile-change-button { margin-left: 10px } .profile-item .profile{ clear: none; margin: 0; padding: 2px 0 0 10px } .profile-item .profile-left-button{ clear:both; display: block; margin-left: 5px } .profile-item .profile-left-button input[type="submit"].form-submit{ float: none } /************************************************************************/ /******************************************************************************/ /**** HYBRID WIDGET **********************************************************/ .hybridauth-widget-wrapper { margin-top: 10px } #edit-fieldset-social-cv .hybridauth-widget-wrapper { margin-left: 219px; margin-top: 7px } .hybridauth-icon-hybridauth-32 { display: block; filter: alpha(opacity=100); float: left; height: 32px; opacity: 1; width: 32px } .hybridauth-icon-hybridauth-32:hover { filter: alpha(opacity=50); opacity: 0.5 } .hybridauth-last-provider .hybridauth-first-provider .hybridauth-icon-hybridauth-32 { filter: alpha(opacity=100); opacity: 1 } /************************************************************************/ /************************** AU - UK - ES ********************************/ .it #logo { background: url(../images/layout/sprite.wck.png) left bottom no-repeat; text-indent: 0 } .it #alertPopup .modal-body .logo { background: url(../images/layout/sprite.wck.png) 30px -400px no-repeat } .es #logo { background: url(../images/layout/sprite.sercanto.NEW.png) left -387px no-repeat; text-indent: 0 } .es #alertPopup .modal-body .logo { background: url(../images/layout/sprite.sercanto.png) 30px -400px no-repeat } form div.error { background-image:none !important } .jobs .afs.ready { background-color: #FBFBFB } #footer .footerpi { line-height: 40px; font-size: 13px; } @media (max-width: 767px) { body { margin-bottom: 55px; } #container { margin-bottom: 0 } #cookies { top: auto; bottom: 0 } #block-metasearch-metasearch-searchbar .inputGroup { margin: 10px 0 } #block-metasearch-metasearch-searchbar .submit + .submit { margin: 10px 0 0 } h1.headTitle { font-size: 14px; line-height: 16px; color: #c33; margin: 10px 0 } .tabs { margin-bottom: 10px } .tabs ul.primary li a { background: none; border: none; color: #666; float: left; font-size: 12px; height: 1.8em; line-height: 1.9; margin: 0; padding: 0 5px 0 0 } .tabs ul.primary li.active a { display: none } #footer { position: relative } #footer .footerpi { float: left } #footer .footerlinks { background-color: #FFF; position: relative; line-height: 35px; min-height: 35px } #footer .footerlinks .navbar-header button { padding: 5px; margin: 7px 0 2px } #footer .footerlinks .navbar-collapse { background-color: #FFF; border: 1px solid #EEE; bottom: 40px; right: 0; position: absolute; width: 200px; z-index: 10 } .clearer { right: 15px } .fixad { background: #FFF; position: fixed; bottom: 0; max-height: 50px; text-align: center; z-index: 10; -webkit-box-shadow: 0 -2px 2px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 -2px 2px 0 rgba(50, 50, 50, 0.5); box-shadow: 0 -2px 2px 0 rgba(50, 50, 50, 0.5) } .modal-dialog { top: 40px } .cookiesOpen { padding-top: 0 } .error .message h1 { font-size: 24px; margin: 0; padding: 0 } .error .message p { font-size: 16px } .error .message ul { font-size: 16px } .afs .preload .detail { padding: 13px 0 10px 10px } .afs .preload .detail aside { display: none } .afs .preload .detail:first-child { margin-top: 0 } } @media (min-width: 768px) and (max-width: 991px) { .container { padding-left: 0; padding-right: 0 } .afs.ready .photo { background-size: 122px auto; height: 100px; width: 130px } #showcases .container .col-sm-3 { width: 24% } #block-metasearch-metasearch-searchbar .submit + .submit { margin: 0 0 0 10px } #footer .footerlinks { position: relative; } #footer .footerlinks .navbar-header { float: none } #footer .footerlinks .navbar-header button { padding: 5px; margin: 7px 0 2px } #footer .footerlinks .navbar-toggle { display: block } #footer .footerlinks .navbar-collapse { background-color: #FFF; border: 1px solid #EEE; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); bottom: 40px; right: 0; position: absolute; width: 200px } #footer .footerlinks .navbar-collapse.collapse { display: none!important } #footer .footerlinks .navbar-collapse.collapse.in { display: block!important } #footer .footerlinks .navbar-nav { float: none!important; margin: 7.5px -15px } #footer .footerlinks .navbar-nav>li { float: none } #footer .footerlinks .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px } } @media (min-width: 768px) { #header .row { margin-right: 0; margin-left: 0 } #header .form-control, #header .btn { font-size: 12px } #header .btn { line-height: 20px } #user-menu > li > a { padding: 6px 8px } #user-menu > li > a.btn { padding: 5px 10px !important } #showcases .container .col-sm-3 { width: 24% } #block-metasearch-metasearch-searchbar .submit + .submit { margin: 0 0 0 10px } #meta { padding-bottom: 5px; border-bottom: 1px solid #eee } #meta h1 { font-size: 20px; line-height: 23px; color: #c33; margin-top: 5px; margin-bottom: 5px } #meta div.tabs { bottom: -6px; float: right; margin: -20px 0 0; position: relative } #content { padding-top: 10px } #alertPopup .modal-dialog { width: 650px } #alertPopup .modal-body h2 { font-size: 20px } #alertPopup .modal-body h2 strong { font-size: 22px } #alertPopup .modal-body .logo { background-position: center -231px !important; height: 120px; margin: 10px auto 0; padding: 50px 0 0; text-align: center; width: 474px } #alertPopup .modal-body .logo span { font-size: 30px } #alertPopup .modal-body .media-body { padding: 0 50px 15px } #alertPopup #alertPopupEmail { font-size: 18px; height: 46px; padding: 10px 16px } #alertPopup #alertPopupSubmit { font-size: 18px; padding: 10px 16px } .tabs ul.primary { border: none; margin: 0; overflow: hidden; padding: 0 3px } .tabs ul.primary li { display: block; float: left; margin: 0 5px 0 0; vertical-align: bottom } .tabs ul.primary li a { background: none; border: none; color: #666; display: block; float: left; font-size: 14px; height: 1.8em; line-height: 1.9; margin: 0; padding: 6px 10px 0; text-shadow: 0 1px 0 #FFF; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .tabs ul.primary li a:hover { color: #000; padding: 2px 10px } .tabs ul.primary li a.disable { cursor: default; color: #CCC } .tabs ul.primary li a.disable:hover { padding: 6px 10px 0 } .tabs ul.primary li.active { background-color: #FFF } .tabs ul.primary li.active a { border: 1px solid #EEE; border-bottom: 1px solid #FFF; color: #000; font-weight: bold; padding: 2px 10px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px } .tabs ul.secondary { border-bottom: none; padding: 0.5em 0 } .tabs ul.secondary li { display: block; float: left } .tabs ul.secondary li:last-child { border-right: none } .tabs ul.secondary li:first-child { padding-left: 0 } .tabs ul.secondary li a { padding: 0.25em 0.5em } .tabs ul.secondary li a.active { background: #F2F2F2; border-bottom: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .modal { text-align: center } .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100% } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle } .limitwidth .container { width: 750px } .soloright5 { margin: 0 5px 0 0; padding: 0 } .afs.ready .photo { background-size: 122px auto; height: 100px; width: 130px } .afs.ready .preload { display: none } .afs .preload .detail:first-child { margin-top: 32px } .afs .preload .detail aside { display: table-cell; padding-right: 50px; vertical-align: top; width: 147px } .afs .preload .detail header .line1 { width: 30% } .afs .preload .detail header .line2 { width: 40% } .afs .preload .detail header .line3 { width: 35% } .afs .preload .detail header .line4 { width: 25% } } @media (min-width: 992px) { #content.sidebar { padding: 10px 320px 0 0 } #footer .footerlinks { background: none; border: none } #footer .footerlinks .navbar-collapse { border: 0; padding-left: 0; padding-right: 0 } #footer .footerlinks .nav li { line-height: 40px } #footer .footerlinks .nav li a { display: inline-block; padding: 0 } #footer .footerlinks .nav a:hover { background-color: transparent; color: #23527c; text-decoration: underline } #footer .footerlinks .nav >li+li:before { color: #ccc; content: ' | '; padding: 0 0 0 3px } #showcases .container .col-sm-3 { width: 24% } #alertPopup .modal-dialog { width: 650px } #alertPopup .modal-body h2 { font-size: 20px } #alertPopup .modal-body h2 strong { font-size: 22px } #alertPopup .modal-body .logo { background-position: center -231px !important; height: 120px; margin: 10px auto 0; padding: 50px 0 0; text-align: center; width: 474px } #alertPopup .modal-body .logo span { font-size: 30px } #alertPopup .modal-body .media-body { padding: 0 50px 15px } #alertPopup #alertPopupEmail { font-size: 18px; height: 46px; padding: 10px 16px } #alertPopup #alertPopupSubmit { font-size: 18px; padding: 10px 16px } .jobs .item div.media-left { width: 140px } .jobs .item div.media-left span:before { content:"\e165"; color: #999; display:inline-block; font-family:"Glyphicons Halflings"; line-height:1; position: absolute; left: 11px; top: 11px; } .jobs .item div.media-left span { color: #009933; display: block; font-size: 11px; padding: 0 0 0 20px; width: 130px; } .jobs .item div.media-left strong { display: inline-block; font-weight: normal; max-width: 110px; overflow: hidden; text-overflow: ellipsis } .jobs .item footer small { margin-left: 140px } .afs.ready .photo { background-size: 122px auto; height: 100px; width: 130px } .error .message { margin: 0 auto; width: 600px } } /* *********************************************************************** * MODIFICHE 09/2018 PER STILI CUSTOM AFS ************************************************************************* */ .jobs .item{display:grid; border-bottom: none; padding:10px 15px} #main .gadv{margin: 10px;} #nores{padding: 0 15px} .bookmarked, .bookmarked:hover{outline:5px solid #E8EAFF;} /* MEDIA LEFT */ .jobs .item .media-left{ display: block; order: 2; } .jobs .item .media-left span:before{display: none!important; } .jobs .item .media-left span{padding-left: 0; width: 100%; font-size:12px; } .jobs .item .media-left span br{display: none;} .jobs .item .media-left strong:after{content:" ";} /* MEDIA BODY */ .jobs .item .media-body{display: block; width: 100%;} .jobs .item .media-body .title a{ font-family: Arial,arial,sans-serif;line-height: 22px;font-weight: 400;} .jobs .item .media-body .title a:hover{text-decoration:none!important} .jobs .item .media-body .title a:hover span.metainfo{text-decoration: none!important;} .jobs .item .media-body .title a span.metainfo{ font-size: 13px; color: #060 } .jobs .item .media-body .title a span.metainfo *{color:#060;} .jobs .item .media-body p{font-size:14px; color:#666; display: block!important;} .jobs .item .media-body .meta small{margin-left:0!important} .jobs .item .media-body footer small{margin-left:0;} /* FOOTER MEDIA */ .jobs .item footer.meta{order:3;} /* GENERIC OVERRIDE */ .jobs .new{display:none!important} .jobs .afs.ready{padding:0!important; background-color: transparent; border: none!important; margin: 0 5px} .jobs .item .title:hover{text-decoration: none;} .jobs .afs.native{position: relative;margin: 0 -10px} .jobs .head{padding-left: 0;} .boats .title__main, .campers .title__main, .cars .title__main, .homes .title__main, .moto .title__main{color: #4272db!important; font-size: 15px!important;} /* MEDIA QUERY OVERRIDE */ @media (min-width: 992px){ #nores{padding: 0} .jobs .item{ padding: 10px 0 } .jobs .item div.media-left{width:100%!important} .jobs .item div.media-left span{width:100%; padding:0; font-size:12px; color:#009} .jobs .item div.media-left span strong{width:auto;max-width:none; overflow:auto; display:inline; font-size:12px; color:#009} .jobs .item footer small{margin-left:0;} .jobs .afs.ready{position: relative;margin: 0 -10px} } /* STYLE PER PEGASUS */ .pegasus .item .media-body .title span.title__main{color:#009; font-size:18px; text-decoration: underline;} .jobs .item .media-left span{color:#009} .jobs .item .media-left span *{color:#009 } /* STYLE PER ANDROMEDA */ .andromeda .item .media-body .title span.title__main{color:#009; font-size:18px; text-decoration: none;} /* PRELOADER */ .pegasus .afs .preload, .andromeda .afs .preload {height: 740px; overflow: hidden} .pegasus .afs .preload .detail, .andromeda .afs .preload .detail{padding: 20px 10px 0px 15px; border-bottom: none;} .pegasus .afs .preload .detail:first-child, .andromeda .afs .preload .detail:first-child{margin-top: 0;} .pegasus .afs .preload .detail aside, .andromeda .afs .preload .detail aside{display: none;} .pegasus .afs .preload .detail header .line1, .andromeda .afs .preload .detail header .line1{ width: 60%; background-color: #009; } .pegasus .afs .preload .detail header .line2, .andromeda .afs .preload .detail header .line2{ background-color: #7fb27f; height: 8px; } .pegasus .afs .preload .detail header .line3, .andromeda .afs .preload .detail header .line3{width: 80%;} .pegasus .afs .preload .detail header .line4, .andromeda .afs .preload .detail header .line4{display: block;} @media (min-width: 992px){ .pegasus .afs .preload .detail, .andromeda .afs .preload .detail{padding: 20px 10px 0px 0px; } } /* YOLO */ @media (min-width: 992px) { .yolo #footer ~ iframe{ padding:20% 30% 0; } } .yolo #footer ~ iframe{ width: 100%!important; height: 100vh!important; background-color: rgba(0,0,0,0.7); } /* SBTN - BOTTONI SERCANTO */ .sbtn #header{display: block} @media (min-width: 768px) { .sbtn #header{display: block} } .sbtn.page-listing #meta, .sbtn.page-single-searchphp #meta, .sbtn.page-listing #content-top, .sbtn.page-single-searchphp #content-top, .sbtn.page-listing .pagination{display: none} .sbtn.page-listing .items-list, .sbtn.page-single-searchphp .item-list{padding-top:20px} .sbtn_applynow {text-align: center; padding: 20px 0} .sbtn_applynow a{ background-color: #00009C; color: #fff; padding: 15px 50px; display: inline-block; border-radius: 10px; text-transform: uppercase; font-weight: bold; font-size: 18px; min-width: 300px; } .sbtn_applynow a:hover{ color:#fff; text-decoration: none; background-color: #000069; } .sbtn.page-single-searchphp #header #header-menu, .sbtn.page-single-searchphp #header #block-metasearch-metasearch-searchbar{display: none!important} .sbtn.page-single-searchphp #header .soloright5{width: 100%!important;} .sbtn.page-single-searchphp #header .soloright5 #logo{margin:0 auto} /* remove sidebar on desktop */ @media(min-width:786px){ .sbtn.page-single-searchphp #content.sidebar{padding:10px 0 0 0!important; max-width: 600px; margin:0 auto} .sbtn.page-single-searchphp #content aside#column{display: none!important} .sbtn.page-single-searchphp #content #main{float:none} } /* * ITEM DETAIL PAY CUSTOM STYLE ************************************************ */ .jobs.page-detail .detail_pay{max-width: 700px;} .jobs.page-detail .detail_pay h1{color:#009; font-size: 18px; font-weight: normal;} .jobs.page-detail .detail_pay .site_name{color: #060; font-size: 13px;} .jobs.page-detail .detail_pay .ftoggle{background-color: #fff; position: absolute;bottom: 0;right: 0; padding: 0 0 0 12px} .jobs.page-detail .detail_pay .payCta{text-align: center; padding-top: 15px;} .jobs.page-detail .detail_pay .payCta__btn{background-color: #009; color: #fff; border-radius: 5px;padding: 10px 25px; font-weight: bold;text-transform: uppercase;font-size: 18px; display: inline-block;} .jobs.page-detail .detail_pay .payCta__btn:hover{ text-decoration: none; background-color: #286090} @media (max-width: 768px) { .jobs.page-detail .afs.ready{position: relative;margin: 0 -10px} } .jobs.page-detail .related .item {border:none} .jobs.page-detail .related .item .title a{font-size: 18px;} .jobs.page-detail .related .item .title a .title__main{color:#009; font-size: 18px; text-decoration: underline;}