Back to top

Autore Topic: Logo Responsive  (Letto 1790 volte)

Offline MD9

  • Esploratore
  • **
  • Post: 106
    • Mostra profilo
Logo Responsive
« 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
Codice: [Seleziona]
/*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
Codice: [Seleziona]
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!!
« Ultima modifica: 02 Ago 2013, 18:22:04 da MD9 »

Offline MD9

  • Esploratore
  • **
  • Post: 106
    • Mostra profilo
Re:Logo Responsive
« Risposta #1 il: 02 Ago 2013, 18:22:32 »
Update:
default.css
Codice: [Seleziona]
body{}

#rt-logo{background: url(../images/logo/logo.png) left top no-repeat; display: block;margin:0 auto;}

#rt-content-bottom .rt-alpha,
#rt-content-bottom .rt-rt-omega,
#rt-content-top .rt-alpha,
#rt-content-top .rt-rt-omega{
    margin-right: 0;
    margin-left:0;
}


/* === CATEGORY VIEW ===*/

div.itemListView{}

    /*Category block*/
    div.itemListCategoriesBlock{}
        div.itemListCategory{}
            div.itemListCategory img{float:left; margin: 0 1em 1em 0;}
            div.itemListCategory h2{}
            div.itemListCategory p{}
        div.itemListSubCategories{}
            div.subCategoryContainer{float:left;}
                div.subCategory{}
                    div.subCategory a.subCategoryImage{float:left; margin: 0 1em 1em 0;}

    /*Items list*/
    div.itemList{}
    #blog div.itemList{background:#fafafa;margin-right:60px;margin-left:-88px;}
        div.K2ItemsRow{clear: both}
        #services div.K2ItemsRow{margin-bottom:23px;}
            div.itemContainer{float:left;}
            div.itemContainer.itemContainerLast{}
                div.catItemView{}
                #blog div.catItemView{padding:28px 50px 30px 88px;border-bottom:1px solid #ebebeb;}
                #services div.catItemView{padding-right:20px;}
                    div.catItemHeader{overflow:hidden;}
                    #blog div.catItemHeader{margin:0 0 10px;}
                        h3.catItemTitle{margin:0;}
                        #services h3.catItemTitle{text-align:right;font:11px/20px Arial, Helvetica, sans-serif;text-transform:uppercase;}
                        #services h3.catItemTitle a{display:inline-block;color:#727272;text-decoration:none;background:url(../images/featured_projects_title.gif) 100% 50% no-repeat;padding:0 17px 0 0;}
                        #services h3.catItemTitle a:hover{text-decoration:underline;}
                        #port h3.catItemTitle{color:#727272;text-transform:uppercase;font:11px/20px Arial, Helvetica, sans-serif;}
                        #blog h3.catItemTitle{font:14px/22px 'Numans', sans-serif;text-transform:uppercase;}
                        #blog h3.catItemTitle a{color:#b2b2b2;text-decoration:none;}
                        #blog h3.catItemTitle a:hover{color:#4e4e4e;}
                        span.catItemAuthor{font-size:11px;text-transform:uppercase;}
                        span.catItemAuthor:after{content:'|';display:inline;color:#a4a4a4;padding:0 10px;}
                        span.catItemAuthor a{color:#4e4e4e;text-decoration:none;}
                        span.catItemAuthor a:hover{text-decoration:underline;}
                        span.catItemDateCreated{color:#4e4e4e;font-size:11px;text-transform:uppercase;}
                        span.catItemDateCreated:after{content:'|';display:inline;color:#a4a4a4;padding:0 10px;}

                    div.catItemRatingBlock{}

                    div.catItemBody{overflow:hidden;}
                    #port div.catItemBody p{margin:0;}
                        div.catItemImageBlock{float:left;margin-right:20px;}
                        #port .groupPrimary div.catItemImageBlock,#port .groupSecondary div.catItemImageBlock{float:none;margin:0 0 10px;}
                        #services div.catItemImageBlock{float:none;margin:0 0 10px;}
                            span.catItemImage{display:inline-block;padding:6px;border:1px solid #ececec;background:#fff;max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box;}
                                span.catItemImage a{display:block;}
                                    span.catItemImage a img{}
                        div.catItemIntroText{}
                            div.catItemReadMore{}
                        div.catItemExtraFields{}
                            div.catItemExtraFields h4{}
                            div.catItemExtraFields ul{margin: 0}
                                div.catItemExtraFields ul li{}
                                    span.catItemExtraFieldsLabel{}
                                    span.catItemExtraFieldsValue{}

                    div.catItemLinks{}
                        div.catItemCategory{}
                    div.catItemCommentsLink{display:inline-block;font-size:11px;text-transform:uppercase;padding-left:1px;}
                        div.catItemCommentsLink a{color:#4e4e4e;}
                        div.catItemCommentsLink a:hover{text-decoration:none;}

                    span.catItemDateModified{}


/* === USER VIEW === */

div.userView{}
    div.componentheading{margin-bottom:28px !important;text-align:center;}
    #port div.componentheading{margin:0 -88px;background:#f0f0f0;padding:18px 100px 17px 0;}
    #services div.componentheading,#user_profile div.componentheading,.login div.componentheading,.search div.componentheading,.contact div.componentheading,#privacy div.componentheading{margin:0 -88px;background:#f0f0f0;padding:18px 0 17px 0;}
        div.componentheading h2{font-family: 'Michroma', sans-serif;text-transform:uppercase;font-weight:normal;font-size:24px;margin:0;line-height:normal;color:#606060;}
        div.componentheading h2 span{color:#a3a3a3;}
        #blog div.componentheading{margin:0 -330px 0 -88px !important;text-align:left;background:#f0f0f0;padding:18px 0 17px 88px;}
       
        h2.k2ProfileHeading,h3.k2ProfileHeading{font-family: 'Michroma', sans-serif;text-transform:uppercase;font-weight:normal;font-size:24px;margin:0;line-height:normal;color:#a3a3a3;}

    /*User block*/
    div.userBlock{}
        div.userBlock img{float: left; margin: 0 1em 1em 0;}
        div.userDescription{}
        span.userItemDateCreated{font-size:11px;text-transform:uppercase;color:#4e4e4e;}

    /*Items list*/
    div.userItemList{margin:0 60px 0 -88px;background:#fafafa;}
        div.userItemView{padding:28px 50px 30px 88px;border-bottom:1px solid #ebebeb;}
            div.userItemHeader{margin:0 0 10px;}
                h3.userItemTitle{font:14px/22px 'Numans', sans-serif;text-transform:uppercase;margin:0;}
                h3.userItemTitle a{color:#b2b2b2;text-decoration:none;}
                h3.userItemTitle a:hover{color:#4e4e4e;}
                span.userItemDateCreated{}
            div.userItemBody{}
                div.userItemImageBlock{float:left;margin:0 20px 0 0;}
                    span.userItemImage{display:inline-block;padding:6px;border:1px solid #ececec;background:#fff;max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box;}
                        span.userItemImage a{display:block;}
                            span.userItemImage a img{}
                div.userItemIntroText{}
            div.userItemLinks{}
                div.userItemCategory{}
            div.userItemCommentsLink{}
            div.userItemReadMore{}
                a.k2ReadMore{}


/* === GENERIC VIEW === */

div.genericView{}
    div.genericItemList{}
        div.genericItemView{}
            div.genericItemHeader{}
                h2.genericItemTitle{}
                span.genericItemDateCreated{}
            div.genericItemBody{}
                div.genericItemImageBlock{}
                    span.genericItemImage{}
                        span.genericItemImage a{}
                            span.genericItemImage a img{}
                div.genericItemIntroText{}
            div.genericItemCategory{}
            div.genericItemReadMore{}
                a.k2ReadMore{}


/* === TAGS VIEW === */

div.tagItemView{}
    div.tagItemList{}
        div.tagItemView{}
            div.tagItemHeader{}
                h2.tagItemTitle{}
                span.tagItemDateCreated{}
            div.tagItemBody{}
                div.tagItemImageBlock{}
                div.tagItemIntroText{}
            div.tagItemCategory{}
            div.tagItemReadMore{}
                a.k2ReadMore{}


/* === SEARCH VIEW === */

div.component-content > div.search{}
    form#searchForm{}
        fieldset.word{}
        div.searchintro{}
        fieldset.phrases,
        fieldset.only{margin: 0 0 1em 0;}
        div.form-limit-and-counter{overflow: hidden;}
            p.counter{float:right; margin:0;}
            div.form-limit{float:left;}

    dl.search-results{}
        dt.result-title{}
        dd.result-created, dd.result-category{display: inline-block; margin:0;}
        dd.result-created, dd.result-text{margin: 0 0 0 2em;}
        dd.result-text{margin: 0 0 1em 0}



/* === ITEM VIEW ===*/

div.itemView{}
#blog div.itemView{background:#fafafa;margin:0 60px 0 -88px;padding:0 60px 0 88px;}
#blog div.itemView div.componentheading{margin:0 -450px 30px -88px !important;}
    div.itemHeader{margin:0 0 10px;}
        h2.itemTitle{font:14px/22px 'Numans', sans-serif;text-transform:uppercase;margin:0;}
        div.itemRatingBlock{}
        span.itemDateCreated{font-size:11px;text-transform:uppercase;color:#4e4e4e;}
        span.itemDateCreated:after{content:'|';display:inline;color:#a4a4a4;padding:0 10px;}
        span.itemAuthor{font-size:11px;text-transform:uppercase;}
        span.itemAuthor a{color:#4e4e4e;text-decoration:none;}
        span.itemAuthor a:hover{text-decoration:underline;}
        span.itemAuthor:after{content:'|';display:inline;color:#a4a4a4;padding:0 10px;}
    div.itemToolbar{}
        div.itemToolbar ul{list-style: none; padding:0}
            div.itemToolbar ul li{display: inline-block; margin: 0 0.5em 0 0;}
                a#fontDecrease {margin:0; text-decoration: none;}
                a#fontDecrease img {width:13px;height:13px;background:url(../images/icons/font_decrease.gif) no-repeat;}
                a#fontIncrease {margin:0;}
                a#fontIncrease img {width:13px;height:13px;background:url(../images/icons/font_increase.gif) no-repeat;}
                a#fontDecrease span, a#fontIncrease span {display:none;}

                a.itemPrintLink{background: url(../images/system/print_button.png) left top no-repeat; display: inline-block; width: 16px; height:16px; text-indent: -999em;}
                a.itemEmailLink{background: url(../images/system/emailButton.png) left top no-repeat; display: inline-block; width: 16px; height:16px; text-indent: -999em;}
                a.itemVideoLink{}
                div.itemCommentsLink{display:inline;font-size:11px;text-transform:uppercase;}
                div.itemCommentsLink a{color:#4e4e4e;}
                div.itemCommentsLink a:hover{text-decoration:none;}

    div.itemBody{}
        div.itemImageBlock{margin:0 0 15px;}
            span.itemImage{display:inline-block;padding:6px;border:1px solid #ececec;background:#fff;max-width:100%;-moz-box-sizing:border-box;box-sizing:border-box;}
                span.itemImage a{display:block;}
                    span.itemImage a img{}
        div.itemIntroText img,div.itemIntroText .partner_title{display:none;}
        div.itemFullText{}
        div.itemContentFooter{}
            span.itemHits{}
            span.itemDateModified{}
    div.social-button{margin:0; overflow: hidden;padding:0 0 30px;}
        div.social-button span.label{float:left; margin: 0 0.5em 0 0; line-height: 32px;color:#4e4e4e;font-size:14px;}
    div.itemSocialSharing{}
        div.itemTwitterButton,
        div.itemFacebookButton,
        div.itemGooglePlusOneButton{float:left; margin: 0 0 0 0.5em;}
    div.itemLinks{}
        div.itemCategory{}
        div.itemTagsBlock{}
            ul.itemTags{}
                ul.itemTags {display: inline; margin: 0; padding: 0;}
                ul.itemTags li{display: inline-block; margin: 0 0 0 0.5em;}
        div.itemAttachmentsBlock{}
            ul.itemAttachments{}
                ul.itemAttachments li{}
                    ul.itemAttachments li a{}
    div.itemAuthorBlock{}
        img.itemAuthorAvatar{float:left; margin: 0 1em 1em 0;}
        div.itemAuthorDetails{}
            h3.itemAuthorName{}
            span.itemAuthorEmail{}
    div.itemAuthorLatest{}
        div.itemAuthorLatest ul{}
            div.itemAuthorLatest ul li{}
    div.itemVideoBlock{}
        span.itemVideo{}
            div.avPlayerWrapper.avVideo{}
        span.itemVideoCaption{}
    div.itemComments{}
    #blog div.itemComments{margin:0 -60px 0 -88px;padding:45px 60px 0 88px;background:#fff;}
        h3.itemCommentsCounter{font-family: 'Michroma', sans-serif;text-transform:uppercase;font-weight:normal;font-size:24px;margin:0 0 20px;line-height:normal;color:#606060;}
        h3.itemCommentsCounter span{color:#a3a3a3;}
        ul.itemCommentsList{list-style: none; padding:0;}
            ul.itemCommentsList li{margin: 0 0 30px 0;}
            ul.itemCommentsList li img{padding:6px;background:#fff;border:1px solid #ececec;}
                div.commentBody{overflow: hidden;}
                    span.commentAuthorName{font-size:11px;text-transform:uppercase;}
                    span.commentAuthorName span{color:#4e4e4e;}
                    span.commentDate{font-size:11px;text-transform:uppercase;color:#4e4e4e;}
                    span.commentDate:after{display:inline;content:'|';padding:0 10px;color:#a4a4a4;}
                    div.commentToolbar{}
                        div.commentToolbar > a, span.commentLink a{display: inline-block; margin: 0 0.5em 10px 0 ;height:32px;line-height:32px;background:url(../images/button_tail.png) repeat-x;padding:0 17px;border-radius:2px;text-decoration:none;color:#868686;text-transform:lowercase;}
                        div.commentToolbar > a:hover, span.commentLink a:hover{background:url(../images/button_tail.png) 0 -32px;}
                        a.commentApproveLink{}
                        a.commentRemoveLink{}
        div.itemCommentsForm{margin:0 -60px 0 -88px;background:#fafafa;}
            p.itemCommentsFormNotes{padding:0 0 0 88px;}
            div.itemCommentsForm h3{font-family: 'Michroma', sans-serif;text-transform:uppercase;font-weight:normal;font-size:24px;margin:0 0 20px;line-height:normal;color:#a3a3a3;padding:17px 0 17px 88px;background:#f0f0f0;border-top:1px solid #e2e2e2;}
            div.itemCommentsForm form{padding:0 60px 36px 88px;overflow:hidden;}
            div.itemCommentsForm form span#formLog {font-weight:bold;color:#f00;}
            div.itemCommentsForm form .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;display:inline-block;width:16px;height:16px;}

    .at300bs:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=80) !important;}

    div.itemBackToTop{display: none;}

/* === CONTACTS VIEW ===*/

div.component-content div.contact{}
    div#contact-form-cont{}
        div.contact-form{}
            form#contact-form{}
                input#jform_contact_name{}
                input#jform_contact_email{}
                input#jform_contact_emailmsg{}
                textarea#jform_contact_message{}
                input#jform_contact_email_copy{}
                dt.emailCopy{float:left; margin: 0 1em 0 0;}
    div#contact-address{}
        .map-wrapper{margin:0 0 15px;}
            #map{height: 360px;}
        div.contact-contactinfo{}
        div.contact-miscinfo{}   
            div.contact-miscinfo h3, div.jicons-icons{display: none;}
            div.contact-misc{}
                div.contact-misc p{}



/* === ACCOUNT (REGISTRATION) PAGE === */

div.k2AccountPage{
    margin-top:1em;
    padding-top:1em;
}
    div.k2AccountPage > dl{
        margin-bottom: 2em;
        padding-bottom: 1em;
    }

    dd.editor :before, dd.editor :after{display: none;}
    span#description_parent, textarea#description{margin:0 0 1em 0; display: block;}
    div.toggle-editor{text-align: right;}

    dt.gender{float: left; margin: 0 3em 0 0;}
    dd.gender label{margin: 0 1em 0 0; }

    div.k2AccountPageUpdate{text-align: right;}


/* === USER LOGIN PAGE === */

div.component-content > div.login div.login-fields{margin: 0 0 1em 0;}
div.component-content > div.login div.login-fields label{
    display: inline-block;
    width: 10em;
}

/* === USER PROFILE === */

div.profile dl dt{display: block; width: 15em; float: left; margin:0 0 1em 0;}
div.profile dl dd{margin:0 0 1em 0}







/* === MODULE STYLES ===*/

div.rt-block{position: relative;}
    div.module-title{}
    div.module-title h2{font-family: 'Michroma', sans-serif;text-transform:uppercase;font-weight:normal;font-size:24px;margin:0 0 20px;line-height:normal;color:#606060;}
    div.module-title h2 span{color:#a3a3a3;}
    .partners div.module-title h2{text-align:center;background:#f0f0f0;padding:18px 0 17px;}

    /*Module list*/
    div.k2LatestCommentsBlock > ul,
    div.k2TopCommentersBlock > ul,
    div.k2CategoriesListBlock > ul,
    div.k2ArchivesBlock > ul,
    form#form-login > ul,
    div.k2ItemsBlock > ul,
    div.k2UsersBlock > ul,
    div.k2AuthorsListBlock > ul{list-style: none; padding:0;}

    /*K2 Content*/
    div.k2ItemsBlock{}
        div.k2ItemsBlock ul{}
            div.k2ItemsBlock > ul >li{margin:0;}
                a.moduleItemTitle{}
                div.moduleItemIntrotext{}
                    a.moduleItemImage{}
                        a.moduleItemImage img{}
                span.moduleItemDateCreated{}


    /*Latest Comments*/
    div.k2LatestCommentsBlock{}
        div.k2LatestCommentsBlock ul{}
            div.k2LatestCommentsBlock li{margin: 0 0 1em 0;}
                a.k2Avatar{float:left; margin: 0 1em 1em 0;}
                div.recentCommentBody{overflow: hidden;}
                    span.lcUsername{}
                    span.lcCommentDate{}
                    span.lcItemTitle{display: block;}
                    span.lcComment{}
                    span.lcItemCategory{}
                    a.moduleItemCategory{}
                    a.moduleItemComments{}
                    span.moduleItemHits{display: block;}
                    a.moduleItemReadMore{}

    /*Top Commenters*/
    div.k2TopCommentersBlock{}
        div.k2TopCommentersBlock ul{}
            div.k2TopCommentersBlock ul li{margin: 0 0 1em 0;}
                a.tcLink{}
                a.tcLatestComment{}
                span.tcLatestCommentDate{display: block;}

    /*Categories*/
    div.k2CategoriesListBlock{padding:0 0 20px;}
        div.k2CategoriesListBlock ul{}
            div.k2CategoriesListBlock ul li{}

    /*Archives*/
    div.k2ArchivesBlock{}
        div.k2ArchivesBlock ul{}
            div.k2ArchivesBlock ul li{}

    /*User Login*/
    div.k2LoginBlock{}
        form#form-login{}
            p#form-login-username{}
                input#modlgn_username{}
            p#form-login-password{}
                input#modlgn_passwd{}
            p#form-login-remember{}
                form#form-login p label{display: block;}
                form#form-login p label.checkbox{display: inline-block; margin: 0 1em 0 0;}
            form#form-login ul{}
                form#form-login ul li{}

        /*K2 User block*/
        div.k2UserBlock{}
            div.k2UserBlockDetails{}
                div.k2UserBlockDetails a.k2Avatar{margin:0 1em 0 0;}
                span.ubName{display: block;}
                ul.k2UserBlockActions{list-style: none;}

    /*Search*/
    div.mod_search{}
        input#mod-search-searchword{}

    /*Users module*/
    div.k2UsersBlock{}
        div.k2UsersBlock ul{}
            div.k2UsersBlock ul li{margin: 0 0 1em 0;}   
                a.ubUserName{}
                div.ubUserDescription{}
                div.ubUserAdditionalInfo{}
                ul.ubUserItems{}
                    ul.ubUserItems li{}

    /*Authord list*/
    div.k2AuthorsListBlock{}
        div.k2AuthorsListBlock ul{}
            div.k2AuthorsListBlock ul li{}
                a.abAuthorName{}
                a.abAuthorLatestItem{}

    /*Tags*/
    div.k2TagCloudBlock{}
        div.k2TagCloudBlock a{}

    /*Breadcrumbs*/
    div.k2BreadcrumbsBlock{}
        span.bcTitle{}
        span.bcSeparator{}
        div.k2BreadcrumbsBlock a, span.bcTitle, span.bcSeparator{display: inline-block; margin: 0 0.5em 0 0;}

    /*Social Media Links*/
    div.smile{}
        div.smile ul{list-style: none;}
            div.smile ul li{display: inline-block;}
                div.smile ul li a{display: block;}



/*=== GENERAL STYLES ===*/


    /* Accessibility */
    #rt-accessibility .rt-desc {float: left;padding-right: 5px;}
        #rt-accessibility #rt-buttons {float: left;}
            #rt-accessibility .button {display: block;width:14px;height:14px;float: left;background: url(../images/system/typography.png);margin: 2px;}
            #rt-accessibility .large .button {background-position: 0 -17px;}
            #rt-accessibility .small .button {background-position: -15px -17px;}

    body.font-size-is-xlarge {font-size: 15px;line-height: 1.7em;}
    body.font-size-is-large {font-size: 14px;line-height: 1.7em;}
    body.font-size-is-default {font-size: 12px;line-height: 1.7em;}
    body.font-size-is-small {font-size: 11px;line-height: 1.7em;}
    body.font-size-is-xsmall {font-size: 10px;line-height: 1.7em;}

    /*Font Resize*/
    .smallerFontSize {font-size:100%;line-height:inherit;}
    .largerFontSize {font-size:150%;line-height:140%;}

    /*Edit link*/
    span.itemEditLink, span.catItemEditLink, span.userItemEditLink{display: inline-block; float: right; text-align: right; font-size: 0.8em;padding:0 0 0 15px;}

    /*Feed icon*/
    div.k2FeedIcon{}
        div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block; float:right; margin:0; padding:0; width:16px; height:16px; background:url(../images/icons/icon-rss.png) no-repeat 50% 50%;}
        div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;}

    /* --- Calendar --- */
    div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
        div.k2CalendarLoader {background:#fff url(../images/system/loading.gif) no-repeat 50% 50%;}
            .calendar {background:#fff;border-collapse:collapse;}
            .calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
            .calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
            .calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
            .calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;}
            .calendar tr td.calendarCurrentMonth {background:#f3f3f3;}
            .calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;}
            .calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;}
            .calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
            .calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;}
            .calendar tr td.calendarDateEmpty {background:#fbfbfb;}
            .calendar tr td.calendarDate {}
            .calendar tr td.calendarDateLinked {padding:0;}
            .calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;}
            .calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;}
            .calendar tr td.calendarToday {background:#135cae;color:#fff;}
            .calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
            .calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
            .calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}
            .calendar :before, .calendar :after{content:"";}
            img.calendar{display: none;}
           

    /* --- Rating --- */
    div.catItemRatingBlock > span, div.itemRatingBlock span{display: inline-block; margin: 0 0 0 0.5em; line-height: 21px}
    .itemRatingForm {display:block;vertical-align:middle;line-height:21px;float:left;}
    div.itemRatingForm .formLogLoading {background:url(../images/system/loading.gif) no-repeat left center;height:21px;padding:0 0 0 20px;}
        #rt-main .itemRatingList {position:relative;float:left;width:105px;height:21px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
            .itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(../images/system/transparent_star.png) left -1000px repeat-x;}
                .itemRatingList li {display:inline;background:none;padding:0;}
                    .itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
                    .itemRatingList a:hover {background-position:left -50px;}
                    .itemRatingList a.one-star {width:20%;z-index:6;}
                    .itemRatingList a.two-stars {width:40%;z-index:5;}
                    .itemRatingList a.three-stars {width:60%;z-index:4;}
                    .itemRatingList a.four-stars {width:80%;z-index:3;}
                    .itemRatingList a.five-stars {width:100%;z-index:2;}
                .itemRatingList .itemCurrentRating {z-index:1;background-position:left -25px;margin:0;padding:0;}
    .itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
    span.siteRoot {display:none;}

    /* --- Forms --- */
    form#comment-form{}
        form dl{}
        form#comment-form dl{margin:0 0 0px;overflow:hidden;}
            form dl dt{min-height:20px;}
                form dl dt label{}
            form dl dd{margin: 0 0 28px 0;min-height:20px;}
                textarea#commentText{}
                input#userName{}
                input#commentEmail{}
                input#commentURL{}
        input#submitCommentButton{float:right;}

    input.invalid, textarea.invalid{
        border:1px solid #ff0000 !important;
        box-shadow: none !important;}

    input[type="checkbox"], input[type="radio"]{position: relative; top:1px;}
    label{line-height: 1.5em;}
    legend{color:inherit;}

    /* --- Mailto window --- */
   
    div#mailto-window{}
        a.mailto-close{}   

        form#mailtoForm{}
            div.formelm{}
                input#mailto_field{}
                input#sender_field{}
                input#from_field{}
                input#subject_field{}

    /* --- Preloader ---*/
    a.preloader{background: url(../images/system/loading.gif) center 50% no-repeat; display: inline-block;}

    /* --- Pagination --- */
    #blog div.k2Pagination{overflow:hidden;background:#fafafa;margin:0 60px 0 -88px;padding:20px 0 15px 88px;}
        div.k2Pagination ul, div.pagination ul, div.itemCommentsPagination ul{list-style: none;}
            div.k2Pagination ul li, div.pagination ul li, div.itemCommentsPagination ul li{display: inline-block; margin:0;}

                li.pagination-start{display:none !important;}
                li.pagination-prev span{display:none !important;}
                li.pagination-next span{display:none !important;}
                li.pagination-end{display:none !important;}

                    span.pagenav{}
                    a.pagenav{}
                        a.pagenav:hover{}

            p.pagination-results{display:none;}

    /* --- Frontend Editing --- */

    #k2Frontend input.inputbox{height: inherit; line-height: inherit}
        #k2Frontend td.adminK2LeftCol{width: 10em;}
            td.adminK2LeftCol label{display: inline-block; margin: 0 0.5em 0 0;}

    #k2Frontend .button2-left .linkmacro {background: url("../images/system/rok_candy_button.png") no-repeat scroll 100% 0 transparent;}
    #k2Frontend button.button{border-radius:0; background: none; color:inherit; padding:0;}

    #editor-xtd-buttons {float: left; padding: 5px;}
    div.toggle-editor {padding: 5px; text-align: right;}


/* === SYSTEM MESSAGES ===*/

/* OpenID icon style */
input.system-openid, input.com-system-openid { background: url(http://openid.net/images/login-bg.gif) no-repeat;background-color: #fff;background-position: 0 50%;color: #000;padding-left: 18px;}

/* Unpublished */
.system-unpublished {background: #e8edf1;border-top: 4px solid #c4d3df;border-bottom: 4px solid #c4d3df;}

/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; }
#system-message dd ul { background: #BFD3E6; color: #0055BB; margin: 10px 0 10px 0; list-style: none; padding: 10px; border: 2px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message {display: none;}

/* System Error Messages */
#system-message dt.error {display: none;}
#system-message dd.error ul {color: #c00;background-color: #EBC8C9;border: 2px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice {display: none;}
#system-message dd.notice ul {color: #A08B4C;background: #F5ECC1;border: 2px solid #F0DC7E;}

/* Debug */
#system-debug {color: #ccc;background-color: #fff;padding: 10px;margin: 10px;}
#system-debug div {font-size: 11px;}

/*Mobile Styles*/
.mobilePortrait{display: none !important;}
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{padding:2px !important;}

Offline MD9

  • Esploratore
  • **
  • Post: 106
    • Mostra profilo
Re:Logo Responsive
« Risposta #2 il: 02 Ago 2013, 18:37:40 »
Risolto! Ho aggiunto, nel file default.css, all'altezza della stringa del logo, la specifica:
background-size: contain;

 



Web Design Bolzano Kreatif