/*FORMATTAZIONE INIZIALE */ /* VARIABILI GLOBALI*/ .font-times{ } @basecolor: gray; @mainwidth:1000px; @mainred: #cc2b23; /* OPZIONI GLOBALI*/ .border-radius (@radius:4px) { border-radius: @radius @radius 0px 0px; -moz-border-radius: @radius @radius 0px 0px; -webkit-border-radius: @radius @radius 0px 0px; padding:@radius; } .left{ float:left;} .right{ float:right;} /*CSS*/ .container { width:100%; height:100%;background: #ffffff url('../img/footer-red.jpg') bottom left repeat-x;min-width:1024px; } .wrapper{ width:100%; height:100%;min-width:1024px; } .navigation{ width:968px;text-align:center; } .content{ margin:auto;width:@mainwidth;background-color:none; } .header{ .flag{ height:25px;text-align:right;width:100%;} .logo { height:340px;margin-left:30px; padding:20px 0px 0px 160px; p{ color:white;font-family: 'Times New Roman', Times, serif; } .titolo{ font-size:24px;padding-bottom:5px;} .sottotitolo {font-size:18px;font-style:italic;} .founded{.sottotitolo;color:#d8e6fe;} } } .tariffe { width:400px; td { p{padding:0;text-align:left;} } } .page{ .border-radius(16px); background:white url('../img/bg/mountain.jpg') bottom center no-repeat; .page-content{ min-height:400px; position:relative; background:none ; margin:20px 0px 0px 100px; .page_col{ width:400px; p{ text-align:justify;padding:10px 0px; } .orario{ color:#cc2b23;text-align:center; } .note{ font-size:10px;color:#666;padding:0px; } } .col_dx{ float:right;.page_col;margin-right:50px; } .page-box-container{ position:absolute;width:415px; right:10px;top:20px; .page-box{ position:relative;display:block; width:100%;height:193px;background: url('../img/page-box.png') top left no-repeat;margin:2px 5px 10px 0px; img{ .left;margin:45px 10px 0px 10px; } p{color:white;float:right;width:180px;margin:45px 20px 0px 0px;text-align:left;line-height:15px; } } } } } .sponsor{ height:167px;background:white;padding:10px;text-align:center; .sponsor-box{ position:relative; border-right:1px solid #ccc;height:167px;text-align:center;float:left; p{ color:#8e8d8d; text-align:center; } img { padding:0px} ul{padding:5px 30px;} } .sponsor-box-scroller{ text-align:center;position:relative;float:left; p{ color:#8e8d8d;text-align:center;} } } /************************PAGINE**********/ .team-list{ img{padding:3px;border:1px solid #ccc;margin:10px 10px;} } .team-box{ padding:30px 40px; a p{ font-size:15px;color:@mainred; padding:10px 0px;} } .foto-container{ width:100%; .foto-container-text{ width:550px;.right; } img {width:130px;padding:3px;border:1px solid #ccc;} } .paddingimg img { padding:10px;} .footer{ height:150px;background:#ccc;min-width:1024px; .footer-content{ width:960px;padding:10px 2px; margin:auto; text-align:center; a { color:white;font-style:italic;font-size:14px;font-family: 'Times New Roman', Times, serif; } ul{ list-style:none; li{ float:left;padding:0px 17px; } } } .sub-footer{ width:780px;margin:auto;margin-top:20px; p {color:#8e8d8d;} } } .clear{ clear:both; } .hidden { display:none} .sep{ width:100%;background:#ccc;height:1px;.clear;margin:5px 0px 20px 0px; } .inputNormal { border:none;color: #111111; background-color: #ececec; padding:5px;width:200px; } .inputError { border: #cc0000 1px solid; color: #ff0000; background-color: #ffdcdc;padding:5px;width:200px; } .inputCheck { border: #cc0000 1px solid; color: #ff0000; background-color: #ffdcdc; } .innerError { padding-left: 0px; padding-top:2px; padding-left:10px; color: #ff0000; font-size:12px; } .submitter { margin-top: 3px; font-size:11px; line-height:16px; border:none; color: white; height:18px; background:@mainred; font-weight:bold; width: 210px; cursor:pointer; } div#wrapper{ text-align:justify; width:330px; height:470px; margin-right:30px; } #su_btn{ border:0;cursor:pointer; height:37px;width:37px; background:url('../img/scroll-up.png') } #giu_btn{ border:0;cursor:pointer; height:37px;width:37px; background:url('../img/scroll-down.png') } .scroller_menu{ width:40px;height:470px;position:relative;float:left; } #screenshot{ position:absolute; border:1px solid @mainred; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; -moz-box-shadow: 2px 2px 5px #666; background:white; padding:5px; display:none; color:#454545;max-width:250px; }