This repository has been archived by the owner. It is now read-only.
Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
sherman/sass/sherman-common.scss
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
663 lines (559 sloc)
11.2 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| ==Sherman Main SASS | |
| These styles: | |
| * define styles UNIQUE to sherman. | |
| * overwrite cornerstone defaults | |
| * reference variables in the different color variables SASS | |
| * reference variables in the sherman-varaibles-common.scss | |
| It's OK that this SASS won't compile. | |
| As long as the sherman-blue, sherman-black, etc SASS compile, then we're good. | |
| No colors in this Stylesheet please. | |
| If you need new ones, register them in the color variables sass's. | |
| */ | |
| #uc-site-header { | |
| padding-left:8px; | |
| } | |
| #uc-header { | |
| border-bottom-color: $header-border; | |
| } | |
| body { | |
| background-color:#fafafa; | |
| } | |
| /* Masthead | |
| ==================================== | |
| */ | |
| #masthead { | |
| background: $sh-masthead-start; | |
| background: -moz-linear-gradient(top, $sh-masthead-start 0%, $sh-masthead-end 100%); | |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$sh-masthead-start), color-stop(100%,$sh-masthead-end)); | |
| background: -webkit-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: -o-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: -ms-linear-gradient(top, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| background: linear-gradient(to bottom, $sh-masthead-start 0%,$sh-masthead-end 100%); | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$sh-masthead-start', endColorstr='$sh-masthead-end',GradientType=0 ); | |
| .col-sm-8 { | |
| padding-left:5px; | |
| } | |
| #uc-site-parent a { | |
| color:$title_parent; | |
| text-transform: uppercase; | |
| &:hover { | |
| color:$title_parentHover; | |
| } | |
| } | |
| #uc-site-title a { | |
| color:$title_txt; | |
| &:hover { | |
| color:$title_txtHover; | |
| } | |
| } | |
| @include searchform(); | |
| #site-navigation { | |
| border-bottom:none; | |
| border-width:0px; | |
| // mobile | |
| .navbar-header { | |
| .navbar-toggle { | |
| color:$sh-navbar-toggle-color; | |
| border-color:$sh-navbar-toggle-border-color; | |
| background-color:$sh-navbar-toggle-background-color; | |
| &:hover { | |
| background-color:$sh-navbar-toggle-background-color-hover; | |
| } | |
| &:active { | |
| background-color:$sh-navbar-toggle-background-color-active; | |
| } | |
| .menu-icon { | |
| .icon-bar { | |
| background-color:$sh-icon-bar-background-color; | |
| } | |
| } | |
| } | |
| .navbar-brand { | |
| color:$title_txt; | |
| margin-top:4px; | |
| } | |
| } | |
| .navbar-collapse { | |
| padding:0; | |
| .nav { | |
| @include searchform(); | |
| &> li.open:after { | |
| content:''; | |
| display: block; | |
| position: absolute; | |
| left:50%; | |
| margin-left:-6px; | |
| bottom:0; | |
| height:0; | |
| width: 0; | |
| border:6px solid transparent; | |
| border-bottom-color:$dropdown-bg; | |
| } | |
| li.current-menu-ancestor a.dropdown-toggle { | |
| color:$sh-current-menu-ancestor-dropdown-toggle; | |
| } | |
| .dropdown-menu { | |
| padding:0; | |
| margin:0; | |
| border:none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| a { | |
| padding-top: 10px; | |
| padding-bottom:10px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| #masthead #site-navigation .navbar-collapse .nav > li:first-child > a { | |
| padding-left: 0; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| #masthead { | |
| #site-navigation { | |
| .navbar-collapse { | |
| padding-left:15px; | |
| padding-right:15px; | |
| .nav { | |
| &> li.open:after { | |
| display:none; | |
| } | |
| .dropdown-menu { | |
| background-color: $sh-navbar-collapse-dropdown-menu-background-color; | |
| } | |
| } | |
| } | |
| } | |
| .searchform { | |
| .btn { | |
| padding:6px 12px; | |
| margin-top:-2px !important; | |
| } | |
| } | |
| } | |
| } | |
| /* >>>>>>> | |
| This is where Andrew left off making variables for colors. | |
| <<<<<<<< */ | |
| #masthead #site-navigation .navbar-collapse .nav > li.active:after, | |
| #masthead #site-navigation .navbar-collapse .nav > li.current-menu-ancestor:after { | |
| -moz-border-bottom-colors: none; | |
| -moz-border-left-colors: none; | |
| -moz-border-right-colors: none; | |
| -moz-border-top-colors: none; | |
| border-color: transparent transparent white; | |
| border-image: none; | |
| border-style: solid; | |
| border-width: 6px; | |
| bottom: -1px; | |
| content: ""; | |
| display: block; | |
| height: 0; | |
| left: 50%; | |
| margin-left: -6px; | |
| position: absolute; | |
| width: 0; | |
| } | |
| @media (max-width: 767px) { | |
| #masthead #site-navigation .navbar-collapse .nav > li.active:after, | |
| #masthead #site-navigation .navbar-collapse .nav > li.current-menu-parent:after { | |
| display: none; | |
| } | |
| } | |
| /* Mobile Menu Bits */ | |
| .menu-label { | |
| top:-1px; | |
| } | |
| .menu-icon, | |
| .menu-label { | |
| margin-bottom:-1px; | |
| } | |
| .navbar-form { | |
| padding: 10px 15px 2px !important; | |
| margin: 8px -15px 0px !important; | |
| } | |
| /* Widgets - With Color Variables | |
| ==================================== | |
| */ | |
| .widget { | |
| margin:0 0 10px; | |
| .widget-head { | |
| .widget-title { | |
| font-weight:normal; | |
| } | |
| } | |
| &.widget_search{ | |
| .btn.btn-default{ | |
| background-color: $body-search-bg-color; | |
| color: $body-search-text-color; | |
| border: 1px solid $body-search-bg-color; | |
| } | |
| } | |
| .uc-cal { | |
| .uc-cal-event-month { | |
| padding-bottom:0!important; | |
| padding-top:.6em!important; | |
| } | |
| .uc-cal-event-day { | |
| padding-top:.3em!important; | |
| } | |
| .uc-cal-list a.uc-cal-event .uc-cal-event-date { | |
| border:1px solid #e5e5e5; | |
| .uc-cal-event-day { | |
| font-size:1.7em; | |
| padding-bottom:0.2em; | |
| margin-top:-3px; | |
| color:#777777; | |
| } | |
| } | |
| } | |
| &.widget_dpe_fp_widget{ | |
| .dpe-flexible-posts{ | |
| li{ | |
| .post{ | |
| padding:0px; | |
| } | |
| .page{ | |
| padding:0px; | |
| padding-bottom:0px; | |
| } | |
| a{ | |
| .title{ | |
| } | |
| } | |
| } | |
| } | |
| } | |
| } | |
| /* Main Content | |
| ==================================== | |
| */ | |
| #main { | |
| border:1px solid #eee; | |
| border-top:none; | |
| padding-left:3em; | |
| padding-right:3em; | |
| .post { | |
| padding:1em 0em; | |
| } | |
| } | |
| #primary { | |
| .page { | |
| padding-top:0px; | |
| padding-bottom:4em; | |
| h1 { | |
| color:$sh-header1-color; | |
| border-bottom:1px solid #ddd; | |
| padding-bottom:.5em; | |
| font-weight:normal; | |
| margin-top:2.5em; | |
| } | |
| .entry-header h1 { | |
| margin-top:20px; | |
| } | |
| h2 { | |
| margin-top:1.5em; | |
| margin-bottom:1em; | |
| } | |
| h1 + h2 { | |
| margin-top:1em; | |
| } | |
| h3 { | |
| margin-top:2em; | |
| font-weight:bold; | |
| color:$sh-header3-color; | |
| } | |
| } | |
| #page-archive{ | |
| .entry-header{ | |
| .page-title{ | |
| padding-left: 0.57em; | |
| } | |
| } | |
| } | |
| #page-blank { | |
| .page { | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| #content .page { | |
| padding-left:1em!important; | |
| padding-right:1em!important; | |
| } | |
| } | |
| .entry-content { | |
| .row { | |
| margin:0; | |
| } | |
| } | |
| /* Gravity Forms Hacks (I think?) | |
| ==================================== | |
| */ | |
| body.blog .col-md-3 { | |
| .form-inline .form-control { | |
| width:80%; | |
| @media (max-width: 1200px) { | |
| width:74%; | |
| } | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .navbar-form .form-control { | |
| width:80%; | |
| @media (max-width: 1200px) { | |
| width:74%; | |
| } | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| } | |
| #page-page .col-sm-3, | |
| #page-blog .col-sm-3 { | |
| .form-inline .form-control { | |
| width:80%; | |
| @media (max-width: 1200px) { | |
| width:74%; | |
| } | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .navbar-form .form-control { | |
| width:80%; | |
| @media (max-width: 1200px) { | |
| width:74%; | |
| } | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| } | |
| .form-control { | |
| border-right:none; | |
| box-shadow: none; | |
| .btn { | |
| border-left:none; | |
| color:#777777; | |
| } | |
| } | |
| .comment-form-comment .form-control { | |
| border-right:1px solid #cccccc; | |
| } | |
| #comments .form-control { | |
| border-right:1px solid #cccccc; | |
| } | |
| #site-title .searchform .form-group .form-control { | |
| font-size:12px; | |
| } | |
| /* Fixes for IE search button size */ | |
| .lte9 #site-title .searchform .form-group .form-control { | |
| height:30px; | |
| } | |
| /*A little hack-y to target IE10+ */ | |
| @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | |
| #site-title .searchform .form-group .form-control { | |
| height:30px; | |
| } | |
| } | |
| /* | |
| This is where Andrew Left off trying to format the SASS. Dec2014. | |
| Someone will be assigned to finish. | |
| */ | |
| /* Left Nav | |
| ==================================== | |
| */ | |
| #nav-secondary { | |
| border-color:$sh-nav-secondary-border-color; | |
| .nav.nav-pills.nav-stacked{ | |
| .active{ | |
| a{ | |
| background-color: $sh-secondary-bg-color; | |
| color: $sh-secondary-text-color; | |
| } | |
| } | |
| } | |
| } | |
| #page-home { | |
| padding-top:15px; | |
| .widget .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | |
| padding-left:5px; | |
| padding-right:5px; | |
| } | |
| .row { | |
| margin-left:-5px; | |
| margin-right:-5px; | |
| } | |
| .widget { | |
| margin: 0 0 10px; | |
| } | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .form-inline .form-control { | |
| @media (max-width: 991px) { | |
| width:60%; | |
| } | |
| @media (max-width: 767px) { | |
| float:left; | |
| width:84%; | |
| } | |
| } | |
| } | |
| /* Footer - This needs work - Marked off is build of widget section. | |
| ==================================== | |
| */ | |
| #mega-footer, #footer { | |
| border-top:1px solid transparent; | |
| border-top-color: $sh-mega-footer-border-color; | |
| } | |
| #mega-footer+#footer { | |
| border-top:none; | |
| } | |
| /* Footer Widgets - With Color Variables | |
| ==================================== | |
| */ | |
| #mega-footer{ | |
| .widget{ | |
| .widget-head{ | |
| h2{ | |
| color:$sh-mega-footer-widget-heading; | |
| } | |
| } | |
| &.widget_search{ | |
| .btn.btn-default{ | |
| background-color: $search-bg-color; | |
| color: $search-text-color; | |
| border: 1px solid $search-bg-color; | |
| } | |
| } | |
| } | |
| } | |
| #mega-footer { | |
| .btn { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .form-inline .form-control { | |
| @media (max-width: 767px) { | |
| float:left; | |
| } | |
| } | |
| .table > thead > tr > th, | |
| .table > thead > tr > td, | |
| .table > tbody > tr > th, | |
| .table > tbody > tr > td, | |
| .table > tfoot > tr > th, | |
| .table > tfoot > tr > td { | |
| border-top:1px solid transparent; | |
| border-top-color:$sh-table-border; | |
| } | |
| } | |
| #mega-footer li { | |
| font-size:13px; | |
| } | |
| footer li { | |
| font-size:13px; | |
| } | |
| table .external .glyphicon-new-window { | |
| font-size: 0.8em !important; | |
| margin-left: 0.4em !important; | |
| opacity: 0.7 !important; | |
| } | |
| /* Events Calendar Grid | |
| ==================================== | |
| */ | |
| #vb { | |
| #vb-timespan { | |
| a { | |
| margin:0 0 0 .3em; | |
| line-height:2em; | |
| } | |
| } | |
| } | |
| #events-grid-wrap { | |
| th { | |
| width:14.23%; | |
| } | |
| th:first-child { | |
| width:auto; | |
| } | |
| } | |
| /* Profile Page | |
| ==================================== | |
| */ | |
| .page-template-page-user-profile-php { | |
| .uup-user { | |
| padding: 2em; | |
| & > span { | |
| display:block; | |
| } | |
| .uup-image{ | |
| margin: 20px 0px; | |
| } | |
| .uup-name { | |
| font-weight:bold; | |
| .uup-first { | |
| &:after { | |
| content:' '; | |
| } | |
| } | |
| .uup-last {} | |
| } | |
| .uup-title { | |
| } | |
| .uup-phones { | |
| .uup-phone1 {} | |
| .uup-phone2 { | |
| display:block; | |
| } | |
| } | |
| .uup-email { | |
| } | |
| .uup-fax { | |
| } | |
| .uup-office-location { | |
| } | |
| .uup-office-hours { | |
| } | |
| .uup-mailing-address { | |
| } | |
| } | |
| } | |
| .uup-list a.uup-user { | |
| float:none; | |
| } | |