@import "lib/bootstrap.scss"; //Core styles @import "qsf.scss"; @import "main.scss"; //Styles shared among user end and admin section //////////////////////////////////////////////////////////////////// // // // User-End Styles // // // //////////////////////////////////////////////////////////////////// // Header // ----------------------------------------------------------------- #search-social {float:right; width: 325px; clear: right;} #links-user, #header-search-form {float:right; margin-right: 0px;} .links-social {display: inline-block; margin-top: 5px;} .brand-tel { font-weight: 700; font-size: 18px; margin-right: 20px; color: #bebebe !important; } #nav-main > li > a { font-family: $headingsFontFamily; font-size: $baseFontSize + 2; padding: 0 31px 12px 0; } #header-search-form { #header-search-form-query { padding-right: 33px; color:$black; background-color:#EEF2F5; width: 122px; @include box-shadow(inset 1px 0 2px rgba(0,0,0,.25)); } #header-search-form-query-hint { position: absolute; z-index: 1; bottom: 1px; left: 14px; font-size: 13px; } .icon-search { position: absolute; z-index: 2; bottom: 1px; right: 5px; cursor: pointer; color:$grayDarker; padding:5px; } } #links-user > li > a { padding: 0 10px; margin: 15px 0; line-height: 1em; border-radius: 0; border-right: 1px solid #959EA3; } .user-top-dd {border-right: none !important;} // Header Banner // ----------------------------------------------------------------- #wideSlider { @include gradient-vertical(#3878c0, #ebf3fb); } #header-image { @include gradient-vertical-stops(#4086d6, 20%, #a2c5eb, 100%); h1 { height: 110px; line-height: 1; } } .links-social { a { img {vertical-align: middle;} &:hover img {@include opacity(80);} } } // Bottom Navigation // ----------------------------------------------------------------- #bottom-navigation { margin-top: 18px; .span2:nth-child(6n+1) { // clear: left; @include clearfix(); } .nav_section { h5 { margin: 0; font-size: 14px; text-transform: uppercase; } > ul.lvl1 > li {line-height: 15px; margin-bottom: 5px;} } } // Lists // ----------------------------------------------------------------- .date-square { background: $linkColor; color: #fff; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 13px; @include square(43px); a {color: $white;} strong { margin: 5px 0 0; font-size: 18px; line-height: 20px; display: block; } } .news-list { margin: 0 0 $baseLineHeight * 2; .date-square { margin: 2px 15px 0 0; } } .thumbnails { h3, h5 { margin: ($baseLineHeight / 2) 0 ($baseLineHeight / 4); a { color: #000; &:hover { text-decoration: none; color: $linkColor; } } } li.first {clear: left;} } // Back Link .back-to-all {text-align: right; font-size: $baseFontSize - 2;} // Newsletters .newsletters { border-bottom: 1px solid #ddd; margin-bottom: 15px; h4 { margin: 0; } p { margin-bottom: 15px; line-height: 36px; } } .btn.last-newsletter:before { content: ' '; @include size(19px, 20px); margin: -3px 7px 0 0; display: inline-block; vertical-align: middle; background: url('../images/icon-pdf.gif') no-repeat 0 0; } // Home #wideSlider + .container > .row > .span12 > .row > .span3 {margin-bottom: $baseLineHeight;} .quick-links { list-style-type: none; li { line-height: 20px; margin-bottom: 5px; @extend .carret-bullets; } } .home { h2 { font-size: $baseFontSize * 1.66; } .side_block { @include border-radius(0); padding: 0; background: transparent; } } // Testimonial .testimonial { h4 {margin: 0;} .meta {font-size: $baseFontSize + 1;} } // People #leadershipGroups { h2 { color: #1A7DDA; clear: left; cursor: pointer; i { display: inline-block; width: 16px; text-align: left; color: $gray; } } h3, .meta {margin-bottom: 0;} h3 { color: $black; font-size: 16px; } .meta {line-height: 20px;} } .ui-state-active .icon-caret-right:before { content: "\f0d7"; } .thumbnails .span2:nth-child(4n+1) { clear: left; } // Partners .partner { border-bottom: 1px dotted $grayLight; padding-bottom: $baseFontSize; .pull-left { margin-right: 30px;} &:last-child { border-bottom: none;} } // Search // ----------------------------------------------------------------- ul.srch_results { padding: 0; margin-left: 0; list-style: none; ul { margin-top: $baseLineHeight / 2; list-style: none; } li { @include clearfix(); padding: 10px; border-top: 1px dotted $tableBorder; &:first-child { padding-top: 0; border-top: none; } } h6 {margin-bottom: $baseLineHeight / 3;} .list_thumb {float:left; width:10%; max-width:50px; margin-right:2%;} .list_item_content {float:left; width:85%;} .no_thumb .list_item_content {width:100%;} .highlighted {color: darken($accent, 5%); font-weight: bold;} .date-square { margin:5px 15px 0 0; } } .srch_header, .srch_footer { padding: 0 10px; margin-bottom: $baseLineHeight / 2; } .srch_header { color: #333; margin-top: $baseLineHeight; font-size:$baseFontSize - 3px; line-height:$baseLineHeight* 1.5; background: #f5f5f5; @include clearfix(); @include border-radius(4px); h4 { font-size:$baseFontSize - 1px; line-height:$baseLineHeight * 1.5; margin: 0; font-weight:bold; float: left; min-width:50%; } span { float: right; display:block;} } // Side Blocks // ----------------------------------------------------------------- .side_block { margin-bottom: $baseLineHeight; position: relative; z-index: 1; @include clearfix(); @include border-radius(5px); &.color-1 { background: $sideColor1; padding: 20px; } &.color-2 { background: $sideColor2; padding: 20px; h2 {color: #fff;} } .date-square {margin-top: 5px;} .last-newsletter { padding-left:28px; background: url('../images/icon-pdf.gif') no-repeat 0 50%; } #submitGroup-element dl { text-align: left;} a.view-all { font-size: $baseFontSize - 2; display: inline-block; margin-top: 15px; } .icons-ul { li { margin-bottom: 5px;} } li { @extend .carret-bullets;} img.bottom { position:absolute; z-index:2; right:20px; bottom:0px; max-width:80px; height:auto; } label.required { background: url("../images/asterisk.png") no-repeat scroll 0 5px transparent!important; margin-left: -7px!important; padding-left: 7px!important; } a[class^="icon-"], a[class*=" icon-"] { font-family: 'ProximaNovaRegular'; &:before { font-family: 'FontAwesome'; display: inline-block; margin-right: 0.5em; text-decoration: inherit; } } } #form_newsletter-form-btnSubmit-element { margin:0;} #form_contact-form { dl > dd {margin: 0 0 5px;} select {width: 100%;} textarea { min-height: 80px; margin-bottom: 10px; } #form_contact-form-captcha-label {display: none;} #form_contact-form-submitGroup-element, #form_contact-form-btnSubmit-element {margin: 0;} } ul.links-section { margin-left: 1.5em; li {line-height: $baseLineHeight * 1.25;} } ul.brief-info { [class^="icon-"] { color:$accent-sec; font-size: 110%; } } // Gallery // ----------------------------------------------------------------- #gallery-items { width: 100%; margin:0 0 $baseLineHeight; padding-top: 0; background: $grayLighter; height: 400px !important; .rsOverflow {height: 400px !important;} .rsOverflow, .rsSlide { background: none; } .rsImg {margin-top: 10px !important;} .rsGCaption { font-size: $baseFontSize; padding: 12px 0 16px; background: darken($grayLighter, 10%); color:$black; width: 100%; position: static; float: left; left: auto; bottom: auto; text-align: center; } .rsGCaption span { display: block; clear: both; font-size: $baseFontSize + 2; font-weight: bold; } /* Scaling transforms */ .rsSlide img { @include opacity(45); @include transition(all 0.3s ease-out); @include scale(0.9); @include backface-visibility(hidden); } .rsActiveSlide img { @include opacity(100); @include scale(1); } } // FAQ // ----------------------------------------------------------------- .faq-questions, .faq-answer { margin:0 0 $baseLineHeight 0; } .faq-questions { border-bottom:1px solid $grayLight; padding-bottom: 20px; list-style-position: inside; } .faq-answer { position: relative; z-index: 1; .gotop { color: $grayLight; text-align:right; position: absolute; z-index: 2; right: 0; bottom: 0; &:hover { text-decoration: none; color: $linkColor; } } } // Site Map // ----------------------------------------------------------------- #table-sitemap { width:100%; td { width:50%; vertical-align:top;} } .site_map_div { font-weight:bold; padding:6px 20px 6px 15px; a, a:visited {text-transform:uppercase;} .site_map_div a, .site_map_div a:visited {text-transform:none; font-weight:normal;} .site_map_div { padding:3px 0 3px 20px; font-weight:normal; .site_map_div {padding:0 0 0 20px;} } } // Project depending modules @import "_cart.scss"; // E-commerce styles @import "lib/bootstrap-responsive.scss"; @import "_qsf-responsive.scss"; // Modernizr .touch { .fb_iframe_widget span {border:1px solid $tableBorder;} } footer { p {text-align: right; margin-left: -20px;} .address {margin-bottom: 0px;} } // ul[id^="ui-accordion-leadershipGroups-panel-"] { // height: auto !important; // }