/************************* * TRIPSHAKE v0.1 * * by websushi.it * ************************/ /*azzurro:#2bb7e2 */ /* regole generali =========================================*/ /* Neutralize styling:Elements we want to clean out entirely:*/ html,body,form{margin:0;padding:0;} html{font-size:100%;} img{border: 0; } ul{list-style:none;} dl,dt,dd{margin:0;padding:0} label{cursor:auto} h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin:0;padding:0;} /* Miscellaneous conveniences:*/ fieldset{border:none;padding:0;margin:0} .clear{clear:both;} br.clear{clear:both;line-height:0;height:0} .left{float:left} .right{float:right} .center{text-align:center} .alignRight{clear:both;text-align:right} /* Apply styles ========================================= */ body{font:13px arial,Helvetica,sans-serif;color:#333;text-align:center; } textarea{font:13px arial,Helvetica,sans-serif;color:#333;padding:5px;} legend{font-weight:normal;} /*link*/ a,a:visited{color:#2bb7e2;text-decoration:none;font-weight:bold} a:hover{color:#2bb7e2;text-decoration:underline;} a.small{font-size:11px} /*bottoni*/ a.button{text-transform:uppercase;font:bold 14px Arial,Helvetica,sans-serif;color:#FFF;background:#cfd623;border-top:#e3e77f 1px solid;border-left:#e3e77f 1px solid;border-right:#c7ce1d 1px solid;border-bottom:#c7ce1d 1px solid;padding:4px 9px 3px;} a.button:hover{border-bottom:#e3e77f 1px solid;border-right:#e3e77f 1px solid;border-left:#c7ce1d 1px solid;border-top:#c7ce1d 1px solid;text-decoration:none} input.button{text-transform:uppercase;font:bold 12px Arial,Helvetica,sans-serif;color:#FFF;background:#cfd623;border-top:#e3e77f 1px solid;border-left:#e3e77f 1px solid;border-right:#c7ce1d 1px solid;border-bottom:#c7ce1d 1px solid;padding:3px 7px 1px;} /*titoli*/ h1{color:#b3b921;font-size:21px;margin-bottom:12px;font-weight:normal;} .title{color: #b3b921; border-bottom:#e4e4e4 1px solid;line-height:17px;position:relative;font-weight:normal;border-bottom: 1px solid #D7DF21;} .title span{background:#FFF;margin-bottom:-3px;padding:0 5px 0 0;} .title a{position:absolute;bottom:1px;right:0;font-size:11px} h1.pageTitle{font-size:21px;font-weight:normal; color:#b3b921; margin:0 0 20px;width:100%;padding-bottom:5px;border-bottom:1px solid #CCC;} .pageTitle img{vertical-align:middle;margin-right:5px;margin-bottom:10px;} h2{font-size:18px;color:#333;font-weight:normal;margin-bottom:14px} h2.title{border-bottom:#e4e4e4 1px solid;line-height:18px;position:relative;margin-bottom:10px} h2.title a{position:absolute;bottom:2px;right:0;font-size:11px} h3{font-size:18px;color:#b3b921;line-height:24px;} .txt14{font-size:14px;margin:10px 0} /*immagini*/ img.expert{border:#d7df21 4px solid} img.average{border:#eac731 4px solid} img.beginner{border:#fcb040 4px solid} /* struttura principale =========================================*/ body{background:#FAFAFA;text-align:center;} #cont-main{background:#FFF url(/images/bg_main.gif) 0 0 repeat-x;border-bottom:#e4e4e4 5px solid; padding-bottom: 30px; width:990px;margin:0 auto;text-align:left;} /*header*/ #header{width:980px;margin:0 auto;text-align:left;height:108px !important;padding:0;position:relative;} #header #logo{position:absolute;top:20px;left:20px;} #header ul#menu{position:absolute;top:80px;left:244px;font-weight:bold;} #header #menu li{float:left;text-transform:uppercase;margin-right:3px;} #header #menu li a{display:block;background:#FFF;border:#e1e1e1 1px solid;color:#2bb7e2;padding:3px 8px;} #header #menu li.sel,#header #menu li a:hover{padding:3px 8px;background:#2bb7e2;border:#179dc6 1px solid;color:#FFF;text-decoration:none;} #header #login{position:absolute;bottom:5px;right:10px;font-size:12px;} #header #login a.button{padding:4px 8px 3px;background:#d7df21;color:#FFF;margin-left:11px;line-height:21px;text-transform:none;border:none} #header #login a.button:hover{background:#b3b921;color:#FFF;text-decoration:none} #header #logout{position:absolute;bottom:7px;right:10px;font-size:11px;text-align:right;width:auto;background:#F0F0F0;padding:4px;line-height:20px;} #header #logout span{padding:4px 2px;margin:4px 2px;font-size:11px;} #header #logout .notification{background:#f9ffbc;} #header ul#lang{position:absolute;top:2px;right:0;color:#FFF;font-size:11px} #header #lang li{float:left;padding:0 7px 0 20px;font-weight:bold;} #header #lang a,#header #lang a:visited{color:#FFF;} .feedback{display: block; position:absolute; right: 0; top: 150px; height:93px; width:30px; background:url(/images/feedback.gif) no-repeat; font-size: 12px; color: white; font-weight: normal;color: #FFF; } #lang img{margin:0 5px 0 0;} #lang #es{display:none;} /*main*/ #main{width:959px;margin:0 auto;text-align:left; padding: 0; } .row{float:left; clear:both;position:relative; width: 100%;} .row#homepage { margin-bottom: 30px; } /*sottomenu*/ ul#submenu{margin:0 -15px 0 232px;border-top:5px solid #d7df21;} #submenu li{float:left;display:inline;margin-right:20px;padding-top:7px;font-weight:bold;color:#000} #submenu li.sel{background:url(/images/submenusel.gif) top center no-repeat} #submenu li#magazinelink { padding-top: 5px; } #submenu li#magazinelink a { color: #2BB7E2; font-weight: normal; background: #F0F0F0; display: block; padding: 2px 4px; } #submenu li#magazinelink a:hover { color: #FFF; background: #2bb7e2; text-decoration: none; } #submenu a.new { display: block; padding-right: 18px; background:url(/images/newitem.gif) top right no-repeat; } /* ask */ #ask{margin:35px 0 25px 0;text-align:center;clear:both;} #ask label{font-size:21px;color:#2d2a2b;font-weight:bold;vertical-align:middle;} #ask input#ask_search{width:500px;border:#ababab 1px solid;color:#111;font-size:14px;line-height:14px;padding:4px;margin:0 5px} #ask input{vertical-align:middle;} #ask input.ask{text-transform:uppercase;font:bold 16px Arial,Helvetica,sans-serif;color:#FFF;background:#fcb040;height:28px;border-top:#fdd190 1px solid;border-left:#fdd190 1px solid;border-right:#f5a126 1px solid;border-bottom:#f5a126 1px solid;padding-top:0;width:100px;text-align:center;} #ask input.search{text-transform:uppercase;font:bold 16px Arial,Helvetica,sans-serif;color:#FFF;background:#DDD;height:28px;border-top:#CCC 1px solid;border-left:#CCC 1px solid;border-right:#AAA 1px solid;border-bottom:#AAA 1px solid;padding-top:0;width:70px;text-align:center;} #ask #examples{text-align:left;position:relative;font-size:11px;margin:10px 0 25px 175px;} #ask #examples dt{width:50px;text-align:left;position:absolute;top:0;} #ask #examples dd{width:440px;position:relative;left:50px;padding:0;margin:0} #askplaceholder{height:40px;} /* footer =========*/ #footer{clear:both;text-align:left;width:959px;margin:0 auto;padding:20px 0;position:relative;color:#777;font-size:11px;} #footer p{position:absolute;top:20px;left:0} #footer ul{float:right;width:140px;margin-left:20px;text-align:left} #footer ul li{padding-left:0} #footer a,#footer a:visited{color:#888;font-weight:normal} #footer .listtitle { background-image: none; font-weight: bold; } #copy{position:absolute;top:10px;left:0px;font-size:11px;} /*cloud*/ .tag-cloud { font-size: 11px; } .tag-cloud li { display: inline; margin-right: 10px; } .tag-cloud big {font-size: 120%;} .tag-cloud a { font-weight:normal; } big { display: inline; } /*tab*/ ul.tab{text-align:right;padding:5px 0 4px 0;margin-top:-35px;float:right;width:100%;margin-bottom:5px;background:url(/images/bg_tab.gif) bottom left repeat-x; height: 23px; } .tab li{display:inline;float:right;font-size:12px;line-height:18px;margin-left:2px !important;margin-bottom:-1px !important; background: none !important; padding-left: 0 !important; } .tab li span{background:#fcb040;border:#ec8d02 1px solid;border-bottom:#fcb040 1px solid;color:#FFF;font-weight:bold;padding:2px 6px;text-decoration:none;display:block} .tab li a{background:#FFF;border:#e8e8e8 1px solid;padding:2px 6px;border-bottom:#fcb040 1px solid; display:block;color:#ec8d02} .tab li a.active{background:#fcb040;border:#ffd679 1px solid;border-bottom:#fcb040 1px solid;color:#FFF;font-weight:bold; text-decoration:none;display:block} .box ul.tab {width:331px; margin-right:7px; margin-bottom:0; margin-top:-33px; background:transparent} .box ul.bg { background:url(/images/bg_tab.gif) 0 26px repeat-x; padding-bottom:10px; padding-top:5px} .box .tab li {display:inline; float:right; font-size:11px; line-height:19px; margin-left:2px; } .box .tab li span { background:#fcb040; border-right:#ec8d02 1px solid; border-bottom:#fcb040 1px solid; color:#FFF; font-weight:bold; padding:1px 5px 0; text-decoration:none; display:block} .tab li a:hover { background:#fcb040; color:#FFF; text-decoration: none; } .large-col .box ul.tab {width:740px; margin-right:0;} .left-col .tab { margin-top: 0; } /*see more*/ .more{clear:both;text-align:right;border-top:#e4e4e4 1px solid;font-size:11px} /*liste icone*/ ul.ico_questions li{background:url(/images/icon_answeredquestion.gif) 0 2px no-repeat;padding-left:15px;margin:2px 0} ul.ico_tips li{background:url(/images/icon_tip.gif) 0 2px no-repeat;padding-left:15px;margin:2px 0} /* rating */ .rating {float: left; margin:4px;position:relative} .rating span{position:absolute;top:-2px;left:70px;font-size:11px} .star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background:url(/images/star_small.gif) left -1000px repeat-x;} .star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:5px 0 !important;padding:0;background-position:left top;} .star-rating li{display:inline;} .star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;} .star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position:left center;} .star-rating a.one-star{width:20%;z-index:6;} .star-rating a.two-stars{width:40%;z-index:5;} .star-rating a.three-stars{width:60%;z-index:4;} .star-rating a.four-stars{width:80%;z-index:3;} .star-rating a.five-stars{width:100%;z-index:2;} .star-rating .current-rating{z-index:1;background-position:0 -20px;} /* for an inline rater */ .inline-rating{display:inline-block;vertical-align:middle;} /* smaller star */ .small-star{width:60px;height:10px;} .small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image:url(/images/star_small.gif);line-height:10px;height:10px;} /*paginazione*/ .paging{clear:both;margin:30px 0 -15px;text-align:center;/*border-top:#e8e8e8 5px solid;padding-top:10px*/} .paging a{padding:4px 6px 3px;margin:0 1px;background:#f6f6f6;border:#e8e8e8 1px solid} .paging span{padding:4px 6px 3px;margin:0 1px;background:#e8e8e8;border:#e8e8e8 1px solid} .paging a.next{background:#f6f6f6 35px 8px no-repeat;padding-right:14px;} .paging a.prev{background:#f6f6f6 5px 8px no-repeat;padding-left:14px} /*errori*/ .alert{background:#f9ffbc;border:#e8c270 1px solid;margin:5px 5px 20px;padding:10px;font-size:11px;color:#000} .alert strong{color:#FF0000;font-size:12px;} .errore input{border:#FF0000 1px solid !important} .errore label{color:#FF0000 !important} .errore p{color:#FF0000 !important;margin-bottom:5px} #formLogin .alert p{margin:0 0 5px;font-size:11px} #formLogin .errore input{margin-bottom:0} #join .errore p{margin-bottom:22px} .lonelybox{margin:30px auto;min-height:300px;width:500px;padding:20px 100px;} #errorbox{background:url(/images/cautionsign.gif) #fafafa no-repeat;} #error404{font-size:16px;line-height:24px;margin:40px 0 200px;} .errorbox #errortext{font-size:16px;line-height:24px;margin:0;} /*notifiche*/ .notice{background:#f9ffbc;border:#e8c270 1px solid;padding:15px;margin:10px 0 20px;font-size:14px;/* border:#d7df21 5px solid*/} /*terms and conditions*/ #terms{float:left;width:614px;margin-top:20px;margin-bottom:20px;display:inline;} #contact{width:300px;float:right;margin-top:20px;padding:14px;background:#f4f4f4;} #terms h1{width:600px} #terms h2{margin-top:25px;} #contact h2{font-size:21px} #terms p{line-height:140%} #contact p{line-height:140%;margin-bottom:10px} #terms ol{margin:15px 25px;} #terms ol li{margin-bottom:5px} /* integrazione iterazione 3 */ .inlineicon{margin:0 2px;} .joinnow{display:block;width:206px;background:url(/images/joinnow.gif) no-repeat #FFF;height:70px;} .joinnow:hover{text-decoration:none;} .editprofile{display:block;width:206px;background:url(/images/editprofile.gif) no-repeat #FFF;height:70px;} .editprofile:hover{text-decoration:none;} .user{float:left;width:270px;margin:5px 0 15px 60px;height:100%} .first{margin-left:0;} .user .left{width:64px;} .user .right{width:200px;} .user .right p{margin-bottom:3px;} .user .right span{font-size:11px} .user .right form{margin-top:10px;margin-bottom:20px} .paging{margin-bottom:20px;} ul.radio_list input{height:15px;width:15px;} .sf_admin_checklist li{background:none !important;padding:0 !important;} .avatar{width:48px; height: 48px;} .avatar_small{width:30px; height:30px;} .avatar_big{width:100px} .question-utils { border-top: 5px solid #FFF; } .question-utils ul li {display: inline;} .question-utils ul li a {display: block; padding:5px 0 5px 0;} .question-utils #add-to-favorites { display: none; } #header #menu li a.sel,#header #menu li a:hover{padding:3px 8px;background:#2bb7e2;border:#179dc6 1px solid;color:#FFF;text-decoration:none} /*form*/ form#sf_comment_form{} #sf_comment_form label{} #sf_comment_form textarea{margin-bottom:7px} .errore textarea{border:#FF0000 1px solid !important} div.left label,div.right label{display:inline;} .radio{margin-top:10px;} #geotag{display:none;} .ranking{margin:15px 0 25px;text-align:right;clear:both; color: #999;font-size: 11px; } .radio{display:inline;float:left;} .radio label,.radio input{display:inline;} #map{height:128px;margin-bottom:1em;width:100%;} #profilo{margin-bottom:1.5em;} #profilo-container{margin-top:1.5em;} div.left-col #answerThis textarea,div.left-col #answerThis input[type="text"]{width:100%;} .radio{display:inline;float:left;margin-top:10px;width:15px !important;} #promo a{height:20px;} .friend {clear:both; margin:5px 0 15px; height:100%} .friend .left {width:64px;} .friend .right {width:550px;} .friend .right p {margin-bottom:3px; } .friend .right span {font-size:11px} .friend .right form {margin-top:10px; margin-bottom:20px} .paging {margin-bottom:15px} .box .people {width:56px; float:left; margin:0 9px 10px 0} .box .people img {float:left; margin-bottom:5px} .box .people span {display:block; font-size:10px;} .people {margin-bottom:20px;} /* ======= pagina all-tags ===== */ #trip_style {margin-bottom:40px;} #trip_style img {margin-right:9px; margin-bottom:9px; float:left;} #trip_style img.nomargin {margin-right:0px;} /* tag-cloud inline */ ul.inline {padding-right:20px; margin-bottom:20px} ul.inline li {display:inline;} #periods {margin-bottom:20px} #periods img {margin:5px 0;} /************************* * TRIPSHAKE v0.1 * * by websushi.it * * profilo_av * ************************/ /*struttura pagina*/ #agencyprofile .row{float:left;width:100%;margin-bottom:30px;} #agencyprofile .left-col{width:537px;float:left;margin-right:8px; overflow: hidden; } #agencyprofile .right-col{width:408px;float:right;padding:0; overflow: hidden; background: #FFF; } #agencyprofile .right-col #agencylogo {display: none;} .titleAgency h1{margin-bottom:2px;padding:0 0 0 60px;position:relative; border-bottom: none;} .titleAgency img{position:absolute;left:0;top:0;} #profilo{padding:10px;background:#f4f4f4;float:left;width:517px;margin-bottom:40px} #profilo .left{width:110px;text-align:center} #profilo .left img{margin-bottom:10px} #profilo .right{width:390px;} #profilo a.button{margin-top:15px;display:block;float:left;margin-right:10px} .left-col .people{margin-bottom:10px} .left-col .user{width:248px;float:left;margin:0 7px 20px 0;} .left-col .user img{float:left;margin-right:5px} .box{margin-bottom:40px;clear:both;} #homepage .box li{background:url(/images/bg_list.gif) 0 7px no-repeat;padding-left:10px;line-height:18px} /* .box img {float:left; margin:10px 4px 0} */ .grey{background:#f6f6f6;clear:both;padding:10px 7px 14px;position:relative} .activities{clear:both;position:relative} .grey li{margin-bottom:4px;line-height:14px;padding-left:0;background:transparent} .grey a.feed, .activities a.feed{position:absolute;top:5px;right:10px} /* colonna */ #send-update{background:#F6F6F6;border:1px dashed #DDD;padding:12px;} #send-update .title,#send-update textarea{margin:5px 0 10px 0;clear:both;width:350px;} #send-update input{clear:both !important;} #send-update legend{color:#333;font-weight:bold !important;} #send-update p{font-size:10px;margin:-10px 0 0 0;text-align:right;} #latestQuestionsTA .firstQ{margin:10px 0;} #my-friends h2{margin-top:20px;} #offer-title{color:#fc9d40;margin-top:20px;} #update-title{color:#fc9d40;margin-top:20px;} .offer{position:relative;} .right-col .offer { width: 394px; overflow: hidden; } .contactagent img{float:left;margin-right:5px;} #agency{background:url(/images/bg_tab.gif) repeat-x #eee;margin-bottom:30px;padding:10px;} .agency{background: #F0F0F0;margin-bottom:30px;padding:20px;} .agency #agencyLogo,#agency #agencyLogo{float:left;width:220px;text-align:center;} #agency .agencyText{margin-left:50px;} #agencylist .agency .agencyText { margin-left: 0 !important; } .agency .agencyText p,#agency .agencyText p{margin:10px 0px;font-size:12px;} .agency .agencyText p.agencyAddress,#agency .agencyText p.agencyAddress{font-size:14px;line-height:130%;} #agency #my-notification{padding:20px 0 10px 50px;background:url(/images/bg_diagonale.png) repeat-x;} #manage-agency-link{display:block;width:auto;float:right;background: #F0F0F0;padding:3px;} #travel-agents{font-size:12px;background:#f6f6f6;padding:12px;position:relative;} #travel-agents img.icoAgents{position:absolute;top:-15px;right:6px;} #travel-agents-title{color:#d6df20;margin-bottom:0;} #offer-title{margin-bottom:0;} .offer{position:relative;} .offer h2{background:url(/images/ico_offer.gif) no-repeat;padding-left:30px;} .offer img.icoOffer{position:absolute;top:-40px;right:6px;} .offer .contactagent{clear:both;border-top:1px solid #DDD;padding-top:10px;width:100%;} .offers { margin: 20px 10px; } .offers li { display: inline; } .offers li a { display: block; background:url(/images/ico_offer.gif) 0 2px no-repeat;padding-left:30px;margin:2px 0; line-height: 30px; } .contactagent{clear: both; } .agentname{margin:0;font-size:12px;overflow:hidden;} .contactagent .agentname{padding-top:0;margin:0;font-size:12px;} .actions{width:auto;float:right;text-align:right;font-size:11px;} .actions a{margin:0 5px;} #your-agency.your{background:url(/images/heart.gif) no-repeat;line-height:28px;height:28px;font-weight:bold;padding-left:35px;} #your-agency{margin:20px 0;} #agencylist .meta{background:#FFF;border-bottom:1px dashed #DDD;padding:2px;font-size:11px; color: #999;} #manage-agency li{display:block;width:150px;margin-left:20px;float:left;} #manage-agency{margin-bottom:30px;} #send-update input.button,a.price{float:right;margin:10px 0;} a.price{font-size:18px;} .left-col .price{background:none;border:0 !important;color:inherit;font-size:22px;} .button#stopbilling{text-transform:uppercase;color:#FFF !important;background:#900;border-top:#C00 1px solid;border-left:#C00 1px solid;border-right:#500 1px solid;border-bottom:#500 1px solid;padding:4px 9px 3px;float:right;margin:10px 0;} .partner_item{margin:5px 0;clear:both;} .partner_img{float:left;margin:0 10px 5px 0;} a.register-agency{display:block;margin:10px auto;width:300px;text-align:center;font-size:18px;font-weight:normal;color:#FFF;text-transform:uppercase;background:url(/images/activatebutton.gif) no-repeat center;height:40px;line-height:40px;padding-top:0;} a.register-agency:hover{background:url(/images/activatebuttonhover.gif) no-repeat center;text-decoration:none;} a.under-register-agency{display:block;margin:10px auto;width:300px;text-align:center;font-size:14px;font-weight:normal;color:#FFF;background:url(/images/activateunderbutton.gif) no-repeat center;height:25px;line-height:25px;padding-top:0;} a.under-register-agency:hover{background:url(/images/activateunderbuttonhover.gif) no-repeat center;text-decoration:none;} .agency-benefit{width:250px;float:left;margin:5px;background:#F0F0F0;overflow:hidden;text-align:center;} .agency-promo{width:800px;height:315px; margin:0 auto; background:url(/images/activateagencybenefit.gif) no-repeat center;} #activate-agency-title{margin:0 auto;width:800px;height:100px; overflow:hidden; background:url(/images/activateagencytitle.gif) no-repeat; } /************************* * TRIPSHAKE v0.1 * * by websushi.it * * home.css * ************************/ /*box welcome*/ #welcome{float:left;background:url(/images/bg_welcome.gif) 2px 45px no-repeat;width:614px} #welcome h1{color:#ec8d02} #welcome{font-size:14px} #welcome .left{width:338px;height:195px;margin-bottom:25px} #welcome .right{width:269px;height:195px} #welcome .question{width:270px;margin:60px 0 0 21px;} #welcome img{float:left;} #welcome .question p{font-size:12px;float:right;width:205px} #welcome .question a,#welcome .answer a{color:#000} #welcome .answer{width:240px;margin:65px 0 0 0;color:#333} #welcome .answer p{font-size:11px;float:right;width:195px;margin-bottom:10px} #welcome a.button{padding:4px 8px;background:#cfd623;color:#FFF;line-height:21px;text-transform:uppercase;font-size:14px;} #welcome .border{border:#a8ae1c 1px solid;float:left;} /*questions*/ #questions{width:328px;padding:0 0 0 10px;font-size:14px;float:right} #questions ul{margin:10px 0} #questions ul li{background:url(/images/bg_list.gif) 0 7px no-repeat;padding-left:10px;margin-bottom:7px} #question-subheader { display: none; } /*shake*/ #shake{clear:both;margin:20px 0 40px;background:#f5f5f5;border-top:#e4e4e4 5px solid;border-bottom:#e4e4e4 5px solid;float:left;width:100%} #shake h1{margin-bottom:8px} #shake .alignRight{padding-top:10px} #shake a.button{margin-left:5px;} #proposal{float:left;width:600px;padding:10px;border-top:#FFF 1px solid;border-bottom:#FFF 1px solid;height:277px} #proposal img{float:left;margin:7px 12px 5px 0} #proposal img.last{margin-right:0} #trip{width:317px;padding:10px;float:right;border-left:#FFF 1px solid;border-top:#FFF 1px solid;border-bottom:#FFF 1px solid;height:277px} #trip img{margin:7px 0 6px;} /*bottom*/ /*top places*/ #places{width:210px;float:left;position:relative;margin-left: 25px; } #places h1{margin-right:7px} #places ul{width:91px;margin-right:7px;float:left;} #places ul li{background:url(/images/bg_list.gif) 0 7px no-repeat;padding-left:10px;line-height:18px} /*hot people*/ #people{width:210px;float:left;margin:0 0 0 25px;position:relative;} #people h1{margin-right:12px} #people img{float:left;margin-right:12px;margin-bottom:12px;width:50px;height:50px;} /*latest questions*/ #latestQuestions{width:464px !important;float:right;position:relative; margin-left: 25px; overflow: hidden; } #latestQuestions dl{margin-bottom:40px} #latestQuestions dd{margin-bottom:10px} #latestQuestions dd span{display:block} #latestQuestions ul{margin-bottom:20px} #latestQuestions ul li{margin-bottom:5px} /* homepage alpha #promo-strip{clear:both;text-align:center;padding-bottom:3px;margin:20px 0;} #blurb{background:url(/images/blurb.jpg) center no-repeat;height:280px;padding-left:180px;padding-right:250px;overflow:hidden;margin-bottom:30px;} #blurb-content p{font-size:14px;margin:10px 0;} #blurb .action{margin-top:20px;display:block;height:39px;background:url(/images/askaquestion.gif) right no-repeat;} #blurb a.action:hover{text-decoration:none;background:url(/images/askaquestion-hover.gif) right no-repeat;} */ /* homepage alpha */ #promo-strip { clear: both; text-align: center; padding-bottom: 3px; margin: 20px 0; } #blurbcontainer { width: 687px; float: left; margin-left: 25px; } #blurb { background: url(/images/blurbbeta-en.gif) no-repeat; height: 215px; overflow: hidden; padding: 0; margin-bottom: 30px; position: relative; } #blurb-content { text-align: center; position: absolute; bottom: 5px; left: 190px; width: 300px; } #blurb-content p { font-size: 14px; margin-top: 10px; color: #FFF; } #blurb-content a { font-size: 12px; } #blurb .action { margin-top: 20px; display: block; height: 39px; background: url(/images/askaquestion.gif) right no-repeat; } #blurb a.action:hover { text-decoration: none; background: url(/images/askaquestion-hover.gif) right no-repeat; } #blurbquestion { width: 200px; height: 105px; margin: 30px 0 0 110px; float: left; position: relative; font-size: 14px; } #blurbquestion .avatar { position: absolute; left: -35px; top: -10px; } #blurbanswers { width: 200px; height: 110px; margin: 30px 105px 0 0; float: right; } #blurb .blurbanswer { margin-bottom: 10px; } #blurbaskbutton{float:left;width:200px;height:40px;display:block;} #blurbanswerbutton{float:right;width:200px;height:40px;display:block;} #magazinebox{width:210px;float:left;margin:0 0 0 25px; background: url(/images/bg-magazinebox.gif) bottom repeat-x; position: relative; } #magazinephoto{height:205px;width:210px; margin-bottom:10px;} #magazinephoto h2 { position: absolute; top:30px; right: 0; width: 160px; font-weight: normal; background:#111;padding:4px; color:#FFF; font-size: 12px; } #magazinephoto h2 a { color: #FFF; } #wall_title {margin-bottom:15px; border-bottom:#e4e4e4 1px solid; line-height:17px;} #wall_title span {background:#FFF; margin-bottom:-3px; padding: 0 5px 0 0;} /*travel log*/ #travelLog {background:#f4f4f4; padding:10px; float:left; width:517px;} #travelLog .left {width:50%; padding-bottom:10px} #travelLog ol {font-size:11px; list-style:none; margin:10px 0} #travelLog ol li {} #travelLog a.button { display:block; float:left;margin-right:10px} /*wall*/ #wall form {background:#f4f4f4; padding:10px; margin-top:10px} #wall form textarea {width:506px; height:60px; border:#d6d6d6 1px solid; margin-bottom:5px;font-size:11px} #wall .post {clear:both; position:relative; font-size:11px; margin:10px 0 20px; float:left; width:535px;} #wall .post .left {width:45px; } #wall .post .right {width:490px;} #wall .post .right div {border-bottom:#e4e4e4 1px solid; margin-bottom:5px; } #wall .post .right span {background:#FFF; padding:2px 3px 1px 0; } #wall .post .right a.delete {position:absolute; top:5px; right:3px} #wall label { text-align: left; font-weight: bold; } /*questions*/ #question-sidebar ul {margin:10px} .right-col ul.tag-cloud {display: inline; } .right-col dl {margin-bottom:20px} .right-col h1 { border: none; background: #E8E8E8; font-size: 14px; font-weight: bold; color: #555; margin: 5px; padding: 5px; } .right-col .alignRight {padding-right:7px;} .right-col .left {width:94px; display:inline } .right-col .right {width:87px;} .col328 .filter {width:308px;} .filter {margin:0 10px 15px 10px; padding-bottom:10px; float:left; width:187px; display:inline;} .filter h2 {border-bottom:none; margin: 10px 0 0 0; } .nocheck a {display:block; line-height:18px} /************************ * da profilo.css * ************************/ /*struttura pagina*/ #profilo-container .row { float:left; width:100%; margin-bottom:30px} #profilo-container .left-col {width:537px; float:left; margin-right:8px; } #profilo-container .right-col {width:393px !important;float:left; padding:0 7px; background: #FFF;} #profilo-container h1.title {margin-bottom:15px} #profilo-container .box {margin-bottom:40px} #profilo-container .people {margin-bottom:10px} #profilo-container .user {width:244px; float:left; margin:0 7px 20px 0;} #profilo-container .user img {float:left; margin-right:5px} #profilo {padding:10px; background:#f4f4f4; float:left; width:517px; margin-bottom:40px} #profilo .left {width:110px; text-align:center} #profilo .left img {margin-bottom:10px} #profilo .right {width:390px;} #profilo a.button {margin-top:15px; display:block; float:left;margin-right:10px} /*all tips*/ #tip {margin-bottom:30px; font-size:14px; line-height:20px; border:#e8e8e8 5px solid; padding:10px; background:#f4f4f4;} #expert-tips { background: #F0F0F0; margin-bottom: 10px; width: 100%; overflow: hidden; } #expert-tips .expert-tip { width: 305px; height: 160px; overflow: hidden; border-bottom: 5px solid #E8E8E8; float: left; margin-right: 0; background-position: bottom; position: relative; } .expert-tip h2 { color: #FFF; background: #333; font-size: 13px; padding: 5px; white-space: nowrap; overflow: hidden;} .expert-tip h2 a { color: #FFF; font-weight: normal; } .expert-tip .tiptext { background:url(/images/experttip-bg.png) #FFF; border-left: 1px solid #999; border-top: 1px solid #999; position: absolute; bottom: 0; right: 0; padding: 5px; width: 150px; font-size: 11px; } .expert-tip img { display: none; } .makeatipbutton {display:block;width:178px;height:46px;background:url(/images/makeatip.gif) no-repeat;float: right; margin-left: 20px; } .makeatipbutton:hover{text-decoration:none;background:url(/images/makeatip-on.gif) no-repeat;} .readmore { text-align: right; padding: 10px; margin: 5px 0 10px 0; clear: both; } /************************* * da questions.css * ************************/ /*struttura pagina*/ #left-col {width:330px; float:left; margin-right: 8px; } .large-col {width:740px;float:left;} .mid-col {width:383px; float:left; margin-left: 10px; /*padding:0 7px;*/} .right-col {width:206px; float:right; background:#f4f4f4; margin-bottom:10px; overflow: hidden; } .box {margin-bottom:30px; clear:both} .box h1 {margin-bottom:7px} .box ul.list {padding:7px 0; margin-right:7px;} .box .list li { margin-bottom:5px; line-height:13px} .box ul.bullet {margin-top:15px} .box .bullet li {background:url(/images/bg_list.gif) 0 5px no-repeat; padding-left:10px} .box dd {margin-bottom:15px} .box p {clear:both} .right-col .adv {margin:3px 0 3px; text-align:center} /*left column*/ #left-col .strip-img {margin-bottom:35px} .strip-img {margin:7px 0 7px; float:left} .strip-img .thumb {float:left; margin:0 6px 7px 0; position:relative} .strip-img img {float:left} .strip-img img.play {position:absolute; top:17px; left:18px} #tips {float:right; width:340px;} #tips li {margin-bottom:10px} #promo a { color:#FFF; display:block; padding: 10px; font-size: 15px; background: url(/images/askthecommunity.gif) center no-repeat; } #promo { padding: 30px 0; text-align: center; background:#FFF; } div#join {border:#fcb040 5px solid; padding:10px; background:#FFF; line-height:18px;_width:168px; margin-bottom:-10px; height:40px; font-size:14px} /*right column*/ .right-col ul#info {padding:14px; border-bottom:#FFF 5px solid; border-top:#FFF 5px solid; /*aggiunto*/ margin-bottom:10px; background:#e8e8e8;} .right-col #info {padding:7px;} #info li {line-height:18px} #info { border-bottom:#FFF 5px solid; margin-bottom:10px; background:#e8e8e8} #info img {float:left; margin-right:7px} #info dl { height:100%} #info dt {margin-bottom:5px} #info dd {font-size:11px} #bottom {background:#f4f4f4; clear:both; text-align:center; font-size:18px;padding:5px 0; margin-bottom:10px;} /*risultati search*/ #searchresult .user {width:115px; float:left; margin:5px 7px 15px 0;} #searchresult .user img {float:left; margin-right:5px} /*###pagina question e q&a###*/ #question {margin-bottom:10px; } .answer .left, .question .left, #question .left {width:64px; font-size: 10px; text-align: center; } .question .right, #question .right {width:540px;} .answer .right, #question .right {width:660px;} .question p, #question p { font-size: 14px; clear: both; } .signature, .signature a { font-size: 12px;color: #999;} .signature { margin: 5px 0; } p.date { display: inline;font-size: 12px !important; clear: none !important; } .answer-body, #question #question-body {font-size: 14px; } .question-util { border: 1px solid #CCC; padding: 3px; font-size: 10px; margin: 5px; } .user-link { display: block; clear: both; margin: 5px 0; } .spam-link, .answer-spam-link { display: block; float: left; background: #F0F0F0; padding: 3px; font-size: 10px; margin: 5px; } .question-utils #mark-as-spam {} .answer, .question {clear:both; margin-bottom:10px; height:100%; } .answer .right .vote {position:relative; margin: 10px 0; } .answer .right .vote span {position:absolute; top:0; right:0; text-align:right; font-size:11px} .answer .right .vote span img {vertical-align:middle; margin-left:3px} #ranking {margin:15px 0 25px; text-align:right; clear:both} #view {margin:15px 0 25px; clear:both} .promo {background:#d7df21; padding:10px; margin-bottom:-10px; height:50px; font-size:14px;} .promo a {color:#FFF; margin:5px; display:block} #insearch_offers .offer {border-bottom:#e8e8e8 5px solid; clear:both; padding:7px 7px 15px; background:#f4f4f4;} /*tip*/ .tip h2 {margin-bottom:0} .tip ul.bullet {margin-top:0} /*form*/ form#answerThis {background:#f6f6f6; margin:0 0 30px 72px; clear:both; padding:7px; } form#askToCommunity {background:#f6f6f6; margin-bottom:30px; clear:both; padding:14px 7px; text-align:right} #answerThis label, #askToCommunity label {font-size:14px; display:block; font-weight:bold; margin-bottom:7px; color:#2d2a2b; text-align:left} #answerThis textarea {width:642px; height:100px; margin: 0 0 10px 0; } #askToCommunity textarea#askYourQuestion {width:720px; border:#ababab 1px solid; color:#333; font-size:13px; line-height:14px; padding:2px; margin-right:3px; height:35px} #answerThis input {width:720px; border:#ababab 1px solid; line-height:20px; padding:5px;} #answerThis p {font-size:11px; margin:5px 0 10px 0} #answerThis input.button {text-transform:uppercase; font: bold 12px Arial, Helvetica, sans-serif; color:#FFF; background:#cfd623;border-top:#e3e77f 1px solid; border-left:#e3e77f 1px solid; border-right:#c7ce1d 1px solid; border-bottom:#c7ce1d 1px solid; padding:3px 9px 1px; width:auto; } #answerthislink { display: block; padding: 5px 35px 5px 10px; margin: 0 auto 20px 72px; float: left; width: auto; font-size: 12px; background: url(/images/bg_answerthis.gif) right no-repeat #F0F0F0; } #askToCommunity input.button {text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#FFF; background:#fcb040; height:28px; border-top:#fdd190 1px solid; border-left:#fdd190 1px solid; border-right:#f5a126 1px solid; border-bottom:#f5a126 1px solid; padding-top:0; width:55px; margin-right:3px; margin-top:3px} #recaptcha { background: url(/images/humanverificationlabel.gif) 30px 77px no-repeat; } #recaptcha_widget label { visibility: hidden; margin-bottom: 0 !important; } #recaptcha_widget span { display: none; } #recaptcha_widget { background: url(/images/humanverification.gif) no-repeat top right; } /* da backend.css */ .left-col {float:left; width:614px;} .col328 {width:328px;float:right; } .col328 p {margin-bottom:10px} .col328 h3 {color:#000; margin-top:30px} .col328 h1 { font-size: 16px; } .titleAvatar {margin-bottom:20px; position:relative} .titleAvatar img {float:left; vertical-align:middle} .titleAvatar h1 {color:#000; margin-left:45px; padding-top:5px; background:url(/images/bg_tab.gif) 0 33px repeat-x; padding-bottom:10px;} .titleAvatar span {position: absolute; top:15px; right:0} /*form*/ .left-col form {background:#f6f6f6; margin-bottom:30px; clear:both; padding:14px 7px} .left-col label {font-size:12px; display:block; margin:7px 0 10px; color:#333; text-align: right; } .row legend {font-size:16px; display:block; font-weight:normal; color:#333; text-align:left; padding:0; margin:0 0 7px; } .left-col fieldset {border-bottom:#e8e8e8 1px solid; padding-bottom:10px; margin: 0 0 20px 0; clear: both; } .left-col fieldset.right, .left-col fieldset.left { clear: none; } .left-col fieldset input {width:585px; border:#ababab 1px solid; color:#333; font-size:14px; line-height:14px; padding:5px; margin:0; vertical-align:middle} .left-col #billing fieldset input {width:auto; border:#ababab 1px solid; color:#333; font-size:14px; line-height:14px; padding:5px; margin:0; vertical-align:middle} .left-col fieldset textarea { width:596px; border:#ababab 1px solid; color:#333; font-size:14px; line-height:14px; padding:5px; margin:0; height:200px} .left-col fieldset textarea.smaller { width: 360px; height: 100px; margin-bottom: 10px; } .left-col form p {font-size:11px; margin:5px 0 10px; } .left-col fieldset.left {border-right:#e8e8e8 1px solid; border-bottom:0; padding-top: 20px; width:285px; } #questionform fieldset.left input, #questionform .left-col fieldset.right select {width:260px;border:#ababab 1px solid; font-size:14px; line-height:14px; padding:5px; margin:0; } .left-col fieldset.right { border-bottom:0; width:270px; padding-top: 20px; } .left-col .left input, .left-col .right input { width: 230px !important; vertical-align:bottom; } label { text-align: right; } .choosepackage .radio { border: 0 !important; width: 20px !important; margin-left: 130px; } .left-col .alignRight {margin-right:3px} .left-col .alignRight a {margin-right:10px} .left-col #add {text-align:right; margin:0 2px 5px 0} .left-col #add a {font-size:11px; color:#000; padding:4px 5px 2px; background:#e8e8e8; text-transform:uppercase; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; border-left:#FFF 1px solid; border-top:#FFF 1px solid} .left-col #add a:hover {text-decoration:none; background:#d2d2d2} .left-col #style label {width:112px; float:left; margin-right:5px; text-align: left; } .left-col #style input {border:none; vertical-align:text-bottom; width:auto; margin:0 } .left-col #style p {clear:both} /*similar questions*/ .question li {clear:both; margin-bottom:20px; height:100%} .question li img {float:left} .question li p {width:283px; float:right} /*join and login, forgot pwd*/ #join fieldset, #billing fieldset, #formLogin fieldset, #forgotPassword fieldset {border:none; padding:20px 10px 0; margin-bottom:0} #join fieldset label, #billing fieldset label, #forgotPassword label {font-size:12px; display:block; float:left; margin:7px 5px 30px; color:#2d2a2b; width:150px; text-align:right; font-weight:bold} #join fieldset input, #forgotPassword fieldset input {width:285px; margin-bottom:20px} #forgotPassword legend {margin-bottom:30px} #join fieldset p, #billing fieldset p, #forgotPassword p {margin:-20px 0 20px 160px; } #join label#termslink {margin-left:165px} #join #termslink input {vertical-align:middle; margin-right:5px} #join #captcha { margin:10px 0 10px 168px} #forgotPassword span {display: block; margin-left:165px; font-size:14px; margin-bottom:20px; color:#000000} legend { margin-top: 10px; } form#formLogin {background:#e8e8e8; margin-bottom:30px; clear:both; padding:14px 7px } #formLogin fieldset label {font-size:12px; display:block; float:left; margin:7px 5px 30px; color:#2d2a2b; width:60px; text-align:right; font-weight:bold;} #formLogin fieldset input {width:210px; margin:0 0 20px 0;border:#ababab 1px solid; font-size:14px; line-height:14px; padding:5px; vertical-align:middle; float:right} #formLogin p {margin: -20px 0 10px 80px; font-size: 11px; } #formLogin label {margin-bottom:20px; display:block} #formLogin .alert p {margin: 0 0 5px;} #formLogin .errore p {font-size:11px; margin:-18px 0 20px 75px;} #formLogin .errore input {margin-bottom:0} label#remember { width: 220px; margin: 0 0 0 70px; text-align: left; } #customer-questions { margin-top: 20px; } /*edit profile*/ #rank {background:#e4e4e4; height:23px; width:326px; margin:10px 0} #rank img {height:21px; border:#fd9b00 1px solid; float:left} h1 span {font-size:11px; color:#666; font-weight:normal;} .large-col .box ul.tab {width:740px; margin-right:0;} .banner { margin: 0 auto; text-align: center; } #flash { float: none !important; }