5
« il: 02 Ago 2013, 18:00:51 »
Salve! Vorrei sapere se è possibile modificare il seguente codice per far si che PER OGNI RISOLUZIONE, VENGA CARICATO UN DIVERSO LOGO!
template.css
/*GENERAL STYLES*/
* {
margin: 0;
padding: 0;
}
body{padding:31px 0 25px;}
#body-wrapper{background:#fff;padding:52px 0 0;}
#body-wrapper #rt-showcase .rt-container{width:100%;}
/*LESS Variables & mixins*/
.before_after {
position: absolute;
content: ".";
text-indent: -999em;
}
/* TYPOGRAPHY */
p{margin:0 0 20px;}
/* BUTTONS */
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink,
#camera-slideshow a.moduleItemReadMore,
button.button,
input.button {
display: inline-block;
padding: 0 20px;
height:32px;
text-decoration: none;
border: none;
text-transform:lowercase;
background:url(../images/button_tail.png) repeat-x;
font-size:1em;
line-height:32px;
border-radius:2px;
}
/*Lists*/
/*=== DRAWER POSITION ===*/
/*=== TOP POSITION ===*/
#rt-top{padding:0 0 33px;border-bottom:1px solid #dbdbda;}
#rt-top .rt-container #rt-logo {
position: relative;
}
/*=== HEADER POSITION ===*/
.search_block .rt-block{border:1px solid #e9e9e9;margin-left:-10px;width:293px;margin-top:20px;padding:7px 0 6px;}
.search_block input#mod-search-searchword{border:none;padding:0 10px;width:267px;margin:0;vertical-align:middle;}
.search_block input[type="submit"]{padding:0;width:20px;height:18px;background:url(../images/search_button.png);vertical-align:middle;}
.search_block input[type="submit"]:hover{background:url(../images/search_button.png) 0 -18px;}
#page_404 #rt-header{border-bottom:1px solid #dbdbda;}
/*=== MENU POSITION ===*/
ul.sf-menu {
position: relative;
margin-left:-12px;
/*SubMenu Styles*/
/*Define 1st SubMenu position*/
/*Define menu width*/
/*Define SubMenu position*/
/*Define 2nd+ SubMenu position*/
}
ul.sf-menu > li {
border-right:1px solid #f3f3f3;
}
ul.sf-menu > li:first-child{border-left:1px solid #f3f3f3;}
ul.sf-menu li a,
ul.sf-menu li span {
display: block;
padding:29px 30px 28px 29px;
font-size:16px;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
text-decoration:none;
}
ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
top:100%;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 100%;
top: -8px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 100%;
top:-8px;
}
ul.sf-menu ul {
width:100%;
padding: 9px 0;
background:url(../images/submenu.gif);
}
ul.sf-menu ul ul{background:url(../images/sub_submenu.gif);}
ul.sf-menu ul li{}
ul.sf-menu ul li a,
ul.sf-menu ul li span {
border-top:1px dashed #505050;
display: block;
line-height:33px;
padding:0 8px;
font-size:13px;
margin:0 17px;
}
ul.sf-menu ul>li:first-child>a,
ul.sf-menu ul li:first-child>span{border:none;}
select.select-menu {
display: none;
}
/*=== SHOWCASE POSITION ===*/
#rt-showcase {
overflow: hidden;
}
.camera_caption > div{padding:0 !important;}
#camera-slideshow .camera_prevThumbs, #camera-slideshow .camera_nextThumbs, #camera-slideshow .camera_prev, #camera-slideshow .camera_next, #camera-slideshow .camera_commands, #camera-slideshow .camera_thumbs_cont{background:url(../images/slider_nav.gif);width:35px;height:35px;margin-top:-10px;}
#camera-slideshow .camera_next{background:url(../images/slider_nav.gif) 100% 0;}
#camera-slideshow .camera_prev:hover{background:url(../images/slider_nav.gif) 0 -35px;}
#camera-slideshow .camera_next:hover{background:url(../images/slider_nav.gif) 100% -35px;}
.camera_prev > span,.camera_next > span{display:none !important;}
.welcome .rt-block{text-align:center;background:url(../images/welcome_tail.gif);clear:both;padding:18px 0 17px;}
.welcome div.module-title h2{color:#c6c6c6;margin:0;}
.welcome div.module-title h2 span{color:#fff;}
.text_slider{margin:21px 0 32px;}
.text_slider p{margin:0;font-family: 'Numans', sans-serif;text-transform:uppercase;font-size:14px; line-height:22px;text-align:center;padding:0 100px;color:#b2b2b2;}
.text_slider_nav a{position:absolute;width:19px;height:19px;background:url(../images/text_slider_btns.png);bottom:-14px;z-index:100;}
.text_slider_nav a#prev{left:28px;}
.text_slider_nav a#next{right:28px;background:url(../images/text_slider_btns.png) right top;}
.text_slider_nav a#prev:hover{background:url(../images/text_slider_btns.png) left bottom;}
.text_slider_nav a#next:hover{background:url(../images/text_slider_btns.png) right bottom;}
.top_blocks .rt-block{background:#fcfcfc;border-top:1px solid #eee;overflow:hidden;}
.top_blocks ul{margin:46px 0 50px 80px;overflow:hidden;}
.top_blocks li{float:left;width:204px;margin:0 17px 0 18px !important;}
.top_blocks li .moduleItemTitle{display:block;color:#fff;text-transform:uppercase;font:24px/30px 'Numans', sans-serif;padding:74px 22px 70px;border-radius:102px;margin:0 0 17px;}
.top_blocks li.item1 .moduleItemTitle{background:url(../images/top_block1.gif);}
.top_blocks li.item2 .moduleItemTitle{background:url(../images/top_block2.gif);}
.top_blocks li.item3 .moduleItemTitle{background:url(../images/top_block3.gif);}
.top_blocks li.item4 .moduleItemTitle{background:url(../images/top_block4.gif);}
.top_blocks li div.moduleItemIntrotext{text-align:center;line-height:18px;padding:0 10px;}
.top_blocks li.item1 div.moduleItemIntrotext{color:#cbc1b5;}
.top_blocks li.item2 div.moduleItemIntrotext{color:#becbb4;}
.top_blocks li.item3 div.moduleItemIntrotext{color:#cdb6b6;}
.top_blocks li.item4 div.moduleItemIntrotext{color:#a4b8c5;}
.top_blocks li div.moduleItemIntrotext p{margin:0 0 24px}
.featured_projects div.module-title h2{text-align:center;background:#f0f0f0;padding:18px 0 17px;margin:0 0 28px;}
.featured_projects .rt-block{background:#fafafa;margin:0 0 45px;}
.featured_projects ul{margin:0;overflow:hidden;padding:0 0 31px 78px !important;}
.featured_projects li{float:left;width:220px;margin:0 10px !important;text-align:right;}
.featured_projects .moduleItemIntrotext img{padding:6px;border:1px solid #ececec;display:block;margin:0 0 10px;}
.featured_projects a.moduleItemTitle{background:url(../images/featured_projects_title.gif) 100% 50% no-repeat;display:inline-block;padding:0 17px 0 0;text-transform:uppercase;text-decoration:none;color:#727272;font-size:11px;}
.featured_projects a.moduleItemTitle:hover{text-decoration:underline;}
.partners .rt-block{background:#fafafa;overflow:hidden;}
.partners ul{padding:8px 0 10px 78px !important;overflow:hidden;margin:0 !important;}
.partners li{float:left;margin:0 10px 21px !important;width:220px;text-align:right;}
.partners .partner_logo{display:inline-block;padding:6px;background:#fff;border:1px solid #ececec;margin:0 0 10px;}
.partners .partner_title{display:inline-block;background:url(../images/featured_projects_title.gif) 100% 50% no-repeat;padding:0 17px 0 0;color:#727272;text-transform:uppercase;font-size:11px;text-decoration:none;}
.partners .partner_title:hover{text-decoration:underline;}
/*=== FEATURE POSITION ===*/
#rt-feature{background:#f0f0f0;}
/*=== UTILITY POSITION ===*/
/*=== MAINTOP POSITION ===*/
/*=== CONTENT ===*/
#services #rt-main{background:#fafafa;padding:0 0 10px;}
.philosophy .custom{padding:0 60px 0 0;}
.itemContainer {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
.K2ItemsRow {
margin: 0 -10px;
}
/*== Portfolio Page ==*/
#port div.catItemView {
padding: 0;
margin-bottom: 2em;
}
#port div.catItemView div.catItemHeader span.catItemDateCreated,
#port div.catItemView div.catItemHeader div.catItemHitsBlock {
display: inline-block;
font-size: 0.8em;
margin: 0 0.5em 0 0;
}
#port div.itemImageBlock {
float: left;
margin: 0 1em 1em 0;
}
#port a.touch {
position: relative;
display: block;
overflow: hidden;
}
#port a.touch span.zoomIcon {
background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
height: 49px;
left: 50%;
margin-left: -24px;
margin-top: -25px;
position: absolute;
top: -50%;
width: 47px;
}
#port div.itemExtraFields {
border-width: 1px;
border-style: solid;
border-left: none;
border-right: none;
}
#port div.itemExtraFields ul {
list-style: none;
}
#port div.itemExtraFields ul li span.itemExtraFieldsLabel {
font-weight: bold;
}
#port div.extraFieldsIntroText {
overflow: hidden;
}
#port div.itemContainer.itemContainerLast {
margin-right: 0 !important;
}
#port #isotopeOptions {
position:absolute;right:-90px;top:3px;
text-transform:uppercase;
font-size:11px;
}
#port #isotopeOptions ul#filters,
#port #isotopeOptions ul#sort,
#port #isotopeOptions ul#sort_direction {
display: inline-block;
margin: 0.5em 1em 0.5em 0 ;
}
#port #isotopeOptions ul#filters li,
#port #isotopeOptions ul#sort li,
#port #isotopeOptions ul#sort_direction li {
display: inline-block;
margin: 0 0 0 0.5em;
}
#port #isotopeOptions ul#filters li a,
#port #isotopeOptions ul#sort li a,
#port #isotopeOptions ul#sort_direction li a{color:#a4a4a4;text-decoration:none;}
#port #isotopeOptions ul#filters li a:hover,
#port #isotopeOptions ul#sort li a:hover,
#port #isotopeOptions ul#sort_direction li a:hover,
#port #isotopeOptions ul#filters li a.selected,
#port #isotopeOptions ul#sort li a.selected,
#port #isotopeOptions ul#sort_direction li a.selected {
color:#727272;
}
#port .itemContainer {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 0 10px;
}
#port .itemList > div {
margin: 0 -10px;
}
/*== Blog Page ==*/
/*== History Page ==*/
#history div.catItemHeader {
float: left;
margin: 0 1em 0 0;
}
#history div.catItemHeader h3.catItemTitle {
margin: 0;
}
#history div.catItemHeader span.catItemEditLink {
float: none;
}
#history div.catItemBody {
overflow: hidden;
padding: 0 2em 0 0;
}
#history div.catItemBody div.catItemIntroText p {
margin: 0;
}
#history .K2ItemsRow .itemContainer {
margin: 0 0 2em 0;
}
/*== FAQs Page ==*/
#faqs div.catItemHeader h3:before {
content: "Q.";
display: inline-block;
float: left;
margin: 0 0.5em 0 0;
font: inherit;
}
#faqs div.catItemBody:before {
content: "A.";
display: inline-block;
float: left;
margin: 0 0.5em 0 0;
font: inherit;
}
/*== Testimonials Page ==*/
#testimonials div.catItemIntroText:before {
background: url(../images/quotes.png) left top no-repeat;
content: ".";
text-indent: -999em;
display: block;
float: left;
margin: 0 0.5em 0.5em 0;
width: 66px;
height: 45px;
}
#testimonials div.catItemIntroText p:after {
content: '"';
}
#testimonials div.itemExtraFields > h3 {
display: none;
}
#testimonials div.itemExtraFields ul {
float: right;
list-style: none;
}
#testimonials div.itemExtraFields ul li {
font-style: italic;
}
#testimonials div.itemExtraFields ul li span.itemExtraFieldsLabel {
font-weight: bold;
}
#testimonials div.catItemExtraFields {
float: right;
}
#testimonials div.catItemExtraFields ul {
list-style: none;
}
#testimonials div.catItemExtraFields ul li {
font-style: italic;
}
#testimonials div.catItemExtraFields ul li.author {
font-weight: bold;
}
/*== Contacts Page ==*/
#contact-form-cont div.contact-form {
margin: 0 2em 0 0;
padding: 0 3.5em 0 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
height: 200px;
}
#contact-form-cont div.contact-form #contact-form dl {
margin: 0;
}
#contact-form-cont div.contact-form #contact-form fieldset legend {
display: inline-block;
padding: 0 0 1em 0;
}
/*== Registration Page ==*/
#k2Container.k2AccountPage {
margin: 0 0 2em 0;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 60%;
}
#k2Container.k2AccountPage textarea#description {
resize: none;
overflow: auto;
}
/*Reset / Remind */
#user-registration input.inputbox {
width: 60%;
}
/*== User Profile ==*/
div.profile dl {
margin-bottom: 1em;
padding-bottom: 1em;
}
ul.userLinks {
list-style: none;
}
/*== Search Page ==*/
div.component-content > div.search {
margin: 0 0 2em 0;
}
div.component-content > div.search #searchForm fieldset legend {
margin: 0 0 1em 0;
font-weight: bold;
}
div.component-content > div.search #searchForm fieldset > div {
margin: 0 0 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter {
margin: 1em 0;
padding: 1em 0;
}
div.component-content > div.search #searchForm div.form-limit-and-counter p.counter {
line-height: 34px;
}
div.component-content > div.search #searchForm div.phrases-box label,
div.component-content > div.search #searchForm fieldset.only label {
display: inline-block;
margin: 0 1em 0 0;
line-height: inherit;
}
/*== User Lofin ==*/
.component-content div.login {
padding:0;
}
.component-content div.login input.inputbox {
width: 40%;
}
/*========================================================*/
/* Forms */
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] {
color:inherit;
padding:8px 8px 7px;
width: 100%;
outline: none;
background:#fff;border:1px solid #e9e9e9;
margin:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
}
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message {
color:inherit;
padding:8px 8px 7px;
font-family: inherit;
resize: none;
overflow: auto;
outline: none;background:#fff;border:1px solid #e9e9e9;
margin:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
width: 100%;
}
/* Pagination */
div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav {
text-align: center;
padding: 0 12px;
height:32px;
line-height:32px;
display: inline-block;
text-transform:lowercase;
margin:0 8px 8px 0;
border-radius: 2px;
}
div.k2Pagination li a.pagenav,
div.pagination li a.pagenav,
div.itemCommentsPagination li a.pagenav {
background:url(../images/button_tail.png) repeat-x;
text-decoration:none;color:#868686;
}
/* Comments */
div.itemComments ul.itemCommentsList li {
padding:0;
}
div.itemComments ul.itemCommentsList li > img {
margin: 0;
}
div.itemComments ul.itemCommentsList li div.commentBody div.commentToolbar span.commentLink {
}
div.itemComments ul.itemCommentsList li div.commentToolbar {
margin: 0;
}
div.itemComments div.userAvatar {
float: left;
margin: 0 2em 10px 0;
}
form#comment-form textarea#commentText {
height: 192px;
}
form#comment-form input.inputbox {
width:100%;
}
/*Search*/
input#mod-search-searchword,
#search-searchword {
margin: 0 0 1em 0;
}
.list1 ul{margin:0;}
.list1 li{list-style:none;font-size:14px;padding:0 0 10px;}
.list1 li a{color:#4e4e4e;text-decoration:none;}
.list1 li a:hover{text-decoration:underline;}
.testimonials ul{margin:0 !important;}
.testimonials p{margin:0 0 14px;}
.testimonials .moduleItemIntrotext img{float:left;margin:0 20px 20px 0;}
#blog #rt-sidebar-a{padding-top:90px;}
/*=== MAINBOTTOM POSITION ===*/
.success div.module-title h2{text-align:center;padding:40px 0 30px;}
.success ul{margin:0 0 0 -20px !important;overflow:hidden;}
.success li{width:220px;float:left;margin:0 0 0 20px !important;}
.success .dropcap{float:left;width:49px;border-radius:25px;text-align:center;margin:0 12px 0 0;color:#fff;font:24px/49px 'Numans', sans-serif;}
.success .item1 .dropcap{background:url(../images/top_block1.gif);}
.success .item2 .dropcap{background:url(../images/top_block2.gif);}
.success .item3 .dropcap{background:url(../images/top_block3.gif);}
.success .item4 .dropcap{background:url(../images/top_block4.gif);}
.success .moduleItemTitle{text-transform:uppercase;font-size:11px;color:#727272;display:block;padding:5px 0 0;margin:0 0 18px;}
.success .moduleItemIntrotext{clear:both;}
.success p{margin:0;}
/*=== BOTTOM POSITION ===*/
/*=== FOOTER POSITION ===*/
#rt-footer{padding:66px 0 0;}
#services #rt-footer{padding:0px 0 0;}
#blog #rt-footer{padding:0;}
#rt-footer .rt-container{width:100%;}
.footer_menu .rt-block{background:#f7f7f7;padding:20px 0 19px;}
.footer_menu ul{display:table;margin:0 auto;}
.footer_menu ul li{display:inline-block;list-style:none;font-size:16px;padding:0 30px;}
.footer_menu ul li a{color:#7f7f7f;text-decoration:none;}
.footer_menu ul li.active a,.footer_menu ul li a:hover{text-decoration:underline;}
.copyright{margin:0;text-align:center;font-size:14px;color:#949494;padding:19px 0 26px;}
.copyright a{color:#949494;text-decoration:none;}
.copyright a:hover{text-decoration:underline;}
/*=== Popup ===*/
#rt-popup {
display: none;
}
/*ToTop*/
/*Scroll to top*/
.rt-block.totop {
bottom: 13px;
position: fixed;
right: 13px;
display: none;
}
a#gantry-totop {
z-index: 999;
background: url(../images/scroll-to-top.png) top left no-repeat;
display: block;
width: 16px;
height: 19px;
text-indent: -9999em;
font-size: 1px;
line-height: 1px;
opacity:.45;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
a#gantry-totop:hover{opacity:1;}
/* Alert boxes
---------------------------------------- */
.alert-box {
padding: 20px 20px 20px 90px !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: inherit;
line-height: inherit;
border: 1px solid #dbdbdb;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
.error-box {
border-color: #ff9999;
color: #c31b00;
background: url(../images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box {
border-color: #e6c555;
color: #9e660d;
background: url(../images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
border-color: #68a2cf;
color: #2e6093;
background: url(../images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box {
border-color: #a3c159;
color: #5e6f33;
background: url(../images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}
/* Fluid Columns */
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
.one_fifth {
width: 16.8%;
}
.two_fifth {
width: 37.6%;
}
.three_fifth {
width: 58.4%;
}
.four_fifth {
width: 79.2%;
}
.one_sixth {
width: 13.33%;
}
.five_sixth {
width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 2%;
float: left;
}
.last {
margin-right: 0 !important;
clear: right;
}
.clr,
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* Tooltips */
#s-m-t-tooltip {
position: absolute;
max-width: 300px;
padding: 4px 8px 4px 8px;
background: #222;
z-index: 1000;
display: inline-block;
/*important*/
/*font*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #fff;
/*css3 rounded corners*/
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.tip-wrap {
background: none repeat scroll 0 0 #000;
box-shadow: 2px 2px 2px #888888;
padding: 7px;
color: #fff;
-moz-border-radius: 3px;
border-radius: 3px;
max-width: 500px !important;
width: auto !important;
}
.tip-title {
font-weight: bold;
}
/*======= 404 page styling ============*/
div.img404 {
width: 50%;
float: left;
}
div.img404 img {
width: 100%;
}
div.text404 #mod-search-searchword {
margin: 0 0.5em 0 0;
width: 30%;
}
/*======= Under Construction ============*/
h1.constrSiteName {
margin-bottom: 1em;
}
.counter_desc {
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
padding: 5px 0 40px 0;
margin: 0 0 0 30px;
}
.counter_desc div {
width: 104px;
margin-left: 18px;
text-align: center;
float: left;
}
.counter_desc div:first-child {
margin-left: 0;
margin-right: 23px;
}
.cntSeparator {
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
margin: 24px 0;
}
#frame {
width: 600px;
margin: 150px auto 0;
padding: 0px;
text-align: center;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
border-radius: 15px;
}
#frame .frameInner {
padding: 50px 36px;
}
#frame form {
text-align: left;
}
#frame #form-login label {
width: 10em;
display: block;
float: left;
line-height: 2em;
}
#frame #form-login input.inputbox {
height: 2em;
line-height: 2em;
}
responsive.css
html {
-webkit-text-size-adjust: none;
/* Prevent font scaling in landscape */
}
video {
max-width: 100%;
height: auto;
}
video {
max-width: 100%;
height: auto;
}
div.itemVideoEmbedded {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.itemVideoEmbedded iframe,
div.itemVideoEmbedded object,
div.itemVideoEmbedded embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#body-wrapper{width:1116px;margin:0 auto;}
@media only screen and (min-width: 1116px) {
#rt-main.mb12-sa4{background:url(../images/tail.png) repeat-y;}
}
@media only screen and (max-width: 1116px) {
#body-wrapper .rt-block.totop {
display: none !important;
}
#body-wrapper{width:960px;}
.search_block .rt-block{width:220px;}
.search_block input#mod-search-searchword{width:190px;}
#camera-slideshow{height:407px !important}
#camera-slideshow img{margin-top:0 !important;}
.top_blocks ul{margin-left:2px;}
.featured_projects ul{padding-left:0px !important}
#port #isotopeOptions{right:0px;}
#port div.componentheading{margin:0 -10px;padding-right:200px;}
#blog div.componentheading{padding:18px 0 17px 40px;}
#blog div.itemView div.componentheading{margin:0 -290px 30px -40px !important;}
#blog div.componentheading{margin:0 -250px 0px -10px !important;}
#blog div.itemList{margin-left:-10px;margin-right:0;}
#blog div.catItemView{padding:28px 40px 30px 40px;}
#blog div.itemView{margin-left:-10px;padding:0 40px;margin-right:0;}
#services div.componentheading, #user_profile div.componentheading, .login div.componentheading, .search div.componentheading, .contact div.componentheading, #privacy div.componentheading{margin:0 -10px;}
.partners ul{padding-left:0 !important;}
#blog div.k2Pagination{margin:0 0 0 -10px;padding:20px 0 15px 40px;}
#blog div.itemComments{margin:0 -40px 0 -40px;padding:45px 40px 0;}
div.itemCommentsForm{margin:0 -40px 0 -40px;}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#body-wrapper{width:768px;}
.search_block .rt-block{width:175px;}
.search_block input#mod-search-searchword{width:145px;}
ul.sf-menu li a, ul.sf-menu li span{padding-left:20px;padding-right:20px;}
#camera-slideshow{height:326px !important}
#camera-slideshow img{margin-top:0 !important;}
.top_blocks li{margin-right:0 !important;margin-left:10px !important;width:178px;}
.top_blocks li .moduleItemTitle{padding:62px 10px 57px;}
.featured_projects li{width:172px;}
#blog div.componentheading{margin-right:-202px !important}
ul.sf-menu ul li a,
ul.sf-menu ul li span{margin:0 10px;padding:0 5px;}
#port div.componentheading{padding-right:550px;}
#port div.catItemBody{overflow:visible;}
.partners li{margin:0 18px }
.success li{width:172px;}
div.module-title h2{font-size:18px;}
#blog div.itemView div.componentheading { margin: 0 -242px 30px -40px !important;}
/*Top*/
/*Header*/
/*Menu*/
/*Showcase*/
/*Maintop*/
/*Content*/
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
form dt {
margin: 0;
}
#contact-form-cont div.contact-form #contact-form textarea {
height: 160px;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
}
/* #Mobile (Landscape)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
*/
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#body-wrapper{width:480px;}
#rt-top{border:none;}
.search_block .rt-block{width:418px;margin-bottom:20px;margin-left:0;}
.search_block input#mod-search-searchword{width:390px;}
#camera-slideshow{height:204px !important}
#camera-slideshow img{margin-top:0 !important;}
.text_slider p{padding:0 20px;}
.top_blocks li{margin-bottom:15px !important;}
.featured_projects li{margin-bottom:10px !important;}
.philosophy .rt-block{margin-bottom:15px;}
.list1 .rt-block{margin-bottom:15px;}
.footer_menu ul li{padding:0 10px;}
#blog div.itemView div.componentheading{margin:0 -40px 30px !important;}
div.k2UserBlock{margin:0 0 15px;}
#blog div.componentheading{margin:0 0 0 0px !important;}
#blog div.itemList{margin-left:0 !important;}
#blog div.k2Pagination{margin-left:0;}
#port div.componentheading{padding-right:0;margin:0 !important;}
#port #isotopeOptions{position:static;background:#f0f0f0;margin:0 0px 30px;padding:10px 10px;overflow:hidden;}
#services div.componentheading, #user_profile div.componentheading, .login div.componentheading, .search div.componentheading, .contact div.componentheading, #privacy div.componentheading {margin:0;}
#port #isotopeOptions span{float:left;clear:both;}
#port #isotopeOptions ul{float:left;margin:0 !important;}
#services div.catItemView{padding-right:140px;padding-bottom:10px;}
.success li{width:200px;margin-bottom:15px !important;}
#blog div.catItemImageBlock{float:none;margin:0 0 10px;}
div.catItemBody{overflow:visible;}
div.itemCommentsForm h3{padding-left:40px;}
p.itemCommentsFormNotes{padding:0 40px;}
div.itemCommentsForm form{padding:0 40px 20px;}
.tip-wrap{display:none !important;}
#blog div.itemView{margin-left:0;}
/*Top*/
/*Header*/
/*Menu*/
.select-menu {
width: 100%;
}
select.select-menu {
display: block;
}
ul.sf-menu {
display: none;
}
/*Showcase*/
/*Maintop*/
/*Content*/
/*Images*/
#body-wrapper div.itemImageBlock,
div.userItemImageBlock {
float: none;
}
span.catItemImage img,
span.itemImage img,
span.userItemImage img {
width: 100%;
}
span.catItemImage a,
span.itemImage a,
span.userItemImage a,
span.genericItemImage a {
display: block;
}
span.catItemImage a img,
span.itemImage a img,
span.userItemImage a img,
span.genericItemImage a img {
width: 100%;
}
span.userItemImage,
span.genericItemImage {
float: none;
}
/*Columns*/
div.itemContainer {
width: 100% !important;
}
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address {
width: 100%;
}
.contact-form {
margin: 0;
}
form dt {
margin: 0;
}
#contact-form-cont div.contact-form {
border: none;
margin:0;
padding: 0;
}
form#comment-form input.inputbox {
width: 100%;
}
.component-content div.login input.inputbox {
width: 100%;
}
div.text404 #mod-search-searchword {
width: 100%;
margin-bottom:15px;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 98%;
}
div.k2AccountPageNotice {
margin: 0 0 1em 0;
}
/*Pagination*/
div.k2Pagination li.pagination-start,
div.pagination li.pagination-start,
div.itemCommentsPagination li.pagination-start,
div.k2Pagination li.pagination-prev,
div.pagination li.pagination-prev,
div.itemCommentsPagination li.pagination-prev,
div.k2Pagination li.pagination-next,
div.pagination li.pagination-next,
div.itemCommentsPagination li.pagination-next,
div.k2Pagination li.pagination-end,
div.pagination li.pagination-end,
div.itemCommentsPagination li.pagination-end {
display: none;
}
#map {
height: 22em;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
}
/* #Mobile (Portrait)
=============================================================================================================================================================
=============================================================================================================================================================
=============================================================================================================================================================
*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {
#body-wrapper{width:320px;}
#rt-top{border:none;}
.search_block .rt-block{width:298px;margin-bottom:20px;margin-left:0;}
.search_block input#mod-search-searchword{width:270px;}
#rt-top .rt-container #rt-logo{width:283px !important}
#camera-slideshow{height:136px !important}
#camera-slideshow img{margin-top:0 !important;}
.text_slider p{padding:0 20px;}
.top_blocks li{margin:0 55px 15px !important;}
.featured_projects li{margin:0 50px 10px !important;}
.philosophy .rt-block{margin-bottom:15px;}
.list1 .rt-block{margin-bottom:15px;}
.footer_menu ul li{padding:0 5px;font-size:13px;}
#blog div.itemView div.componentheading{margin:0 -40px 30px !important;}
div.k2UserBlock{margin:0 0 15px;}
#blog div.componentheading{margin:0 0 0 0px !important;padding-left:0;text-align:center;}
#port div.componentheading{padding-right:0;margin:0 !important;}
#port #isotopeOptions{position:static;background:#f0f0f0;margin:0 0px 30px;padding:10px 10px;overflow:hidden;}
#port #isotopeOptions span{float:left;clear:both;}
#port #isotopeOptions ul{float:left;margin:0 !important;}
#services div.catItemView{padding-right:20px;padding-bottom:10px;}
.partners li{margin:0 50px 10px !important;}
.success li{margin: 0 50px 15px !important;}
#blog div.catItemImageBlock{float:none;margin:0 0 10px;}
div.catItemBody{overflow:visible;}
div.itemCommentsForm h3{padding-left:40px;}
p.itemCommentsFormNotes{padding:0 40px;}
div.itemCommentsForm form{padding:0 40px 20px;}
.tip-wrap{display:none !important;}
#blog div.itemList{margin-left:0;}
#services div.componentheading, #user_profile div.componentheading, .login div.componentheading, .search div.componentheading, .contact div.componentheading, #privacy div.componentheading{margin:0;}
div.commentBody{overflow:visible;}
#blog div.itemView{margin-left:0;}
#blog div.k2Pagination{margin-left:0;}
/*Top*/
/*Header*/
/*Menu*/
.select-menu {
width: 100%;
}
select.select-menu {
display: block;
}
ul.sf-menu {
display: none;
}
/*Showcase*/
/*Maintop*/
/*Content*/
div.social-button span.label {
display: block;
float: none;
}
/*Images*/
#body-wrapper div.itemImageBlock,
div.userItemImageBlock {
float: none;
}
div.catItemImageBlock,
div.itemImageBlock {
margin: 0 0 1em 0;
float:none;
}
span.catItemImage img,
span.itemImage img,
span.userItemImage img {
width: 100%;
}
span.catItemImage a,
span.itemImage a,
span.userItemImage a,
span.genericItemImage a {
display: block;
}
span.catItemImage a img,
span.itemImage a img,
span.userItemImage a img,
span.genericItemImage a img {
width: 100%;
}
span.userItemImage,
span.genericItemImage {
float: none;
}
/*Columns*/
div.itemContainer {
width: 100% !important;
}
/*Edit button*/
span.catItemEditLink,
span.itemEditLink,
span.userItemEditLink {
display: none !important;
}
/*Forms*/
#body-wrapper #contact-form-cont,
#body-wrapper #contact-address,
#body-wrapper .contact-misc p {
width: 100%;
}
div.contact-misc div.one_half {
width: 100%;
margin: 0;
}
dd.editor #description_parent {
display: none !important;
}
dd.editor #description {
display: block !important;
}
form dt {
margin: 0;
}
.contact-form {
margin: 0;
}
/*INPUT FIELDS WIDTH*/
#contact-form-cont div.contact-form {
border: none;
margin: 0 0 2em 0;
padding: 0;
}
form#comment-form input.inputbox {
width: 100%;
}
.component-content div.login input.inputbox {
width: 100%;
}
div.text404 #mod-search-searchword {
width: 100%;
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
width: 97%;
}
div.k2AccountPageNotice {
margin: 0 0 1em 0;
}
div.toggle-editor {
display: none;
}
/*Pagination*/
div.k2Pagination li.pagination-start,
div.pagination li.pagination-start,
div.itemCommentsPagination li.pagination-start,
div.k2Pagination li.pagination-prev,
div.pagination li.pagination-prev,
div.itemCommentsPagination li.pagination-prev,
div.k2Pagination li.pagination-next,
div.pagination li.pagination-next,
div.itemCommentsPagination li.pagination-next,
div.k2Pagination li.pagination-end,
div.pagination li.pagination-end,
div.itemCommentsPagination li.pagination-end {
display: none;
}
/*Google Map*/
#map {
height: 15em;
}
/*Comments*/
input#submitCommentButton {
margin: 0 0 1em 0;
}
/*Sidebar*/
/*Mainbottom*/
/*Bottom*/
/*Footer*/.rt-block.totop {
display: none !important;
}
/*404*/
div.text404 #mod-search-searchword {
margin-bottom: 1em;
}
#wrapper .mobilePortrait {
display: block !important;
}
}
Grazie!!
Visualizza post
