Skip to content

Instantly share code, notes, and snippets.

@chadsten

chadsten/gist:6105522

Created July 29, 2013 16:19
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save chadsten/6105522 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save chadsten/6105522 to your computer and use it in GitHub Desktop.
Download ZIP
Before css2sass
Raw
gistfile1.css
/**
* @file
* Page Styling
*
* Style the markup found in page.tpl.php. Also includes some styling of
* miscellaneous Drupal elements that appear in the $content variable, such as
* ul.links, .pager, .more-link, etc.
*/
/* Inner page - Basic pages ( Page )*/
body.page-node-20 div#page div#main div#content.column { padding: 0px; }
html.js body.node-type-basic-page div#page div#main div#content.column h1#page-title.title { display: none; }
.basic-page-contentarea { width: 100%; }
#basic-page-content { width: 66.6%; float: left; background-color: white; }
#basic-page-content .basic-page-title { color: #2b3c43; width: 80%; padding: 50px 10%; font-size: 32px; margin-bottom: 10px; line-height: 40px; }
html.js body.html div#page div#main div#content.column div.basic-page-contentarea div#basic-page-content div.basic-page-image div.field div.field-items div.field-item img
{ width: 100%; float: left; padding-bottom: 30px; }
#basic-page-content .basic-page-body { width: 80%; padding: 0 10% 150px 10%; float: left; background : url('../images/pictures/design.jpg'); background-repeat: no-repeat; background-position : bottom center; }
#basic-page-sidebar { background-color: #dfded9; width: 33.3%; float: left; }
div.basic-page-contentarea div.basic-page-bottom { background-color: #dfded9; width: 100%; float: left; }
/* Sidebar blocks */
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content { width: 100%; float: left; padding: 60px 0;}
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row {
width: 90%; float: left; margin: 30px 5% 0 5%; background-color: white; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-field-promotional-block-image div.field-content img {
width: 100%; float: left; margin: 0px; padding: 0px; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-title {
width: 60%; padding: 10px 5%; float: left; height:40px; border-bottom: 1px solid #c4c4c2; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-title span.field-content{
float: left; font-size: 18px; color: #0a769c; line-height: 20px; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-nothing {
background-color: #eeede9; float: left; height: 20px; width: 24%; padding: 20px 3%; border-bottom: 1px solid #c4c4c2; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-nothing span.field-content a {
text-align: center; border-bottom: 1px dotted gray; font-size: 12px; color: gray; text-decoration: none; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content{ width: 100%; float: left; padding: 30px 0; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row-odd {
width: 30%; float: left; margin: 0 2% ;}
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row-even {
width: 30%; float: left; margin: 0 1% ; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row div.views-field-field-promotional-block-image div.field-content img {
width: 100%; float: left; margin: 0px; padding: 0px; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row div.views-field-title {
width: 90%; padding: 5px 5%; float: left; background-color: white; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row div.views-field-title span.field-content{
float: left; font-size: 16px; color: #0a769c; line-height: 20px; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row div.views-field-nothing {
background-color: #eeede9; float: left; width: 90%; padding: 5px 5%; border-bottom: 1px solid #c4c4c2; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-1--2.block div.view div.view-content div.views-row div.views-field-nothing span.field-content a {
float: right; border-bottom: 1px dotted gray; font-size: 13px; color: gray; text-decoration: none; }
/* Meet the tem */
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team { width: 100%; float: left; margin-bottom: 40px; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_left_content { width: 23%; float: left; margin-right: 7%; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_left_content img { width: 100%; float: left; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_right_content { width: 70%; float: left; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_right_content div.team_person_name { width: 100%; font-size: 20px; color: #257197; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_right_content p { width: 100%; font-size: 15px; color: #7a7a7a; }
div.basic-page-body div.field div.field-items div.field-item div.meet_the_team div.team_right_content div.meet_the_team-more a { font-size: 13px; color: #7a7a7a; float: right; }
/* End of meet the team */
/* Blog */
body.page-blog div#page div#main div#content.column { padding: 0px; }
body.page-blog div#page div#main div#content.column ul.action-links { display: none; }
.custom-page-title { color: #2B3C43; font-size: 32px; margin-bottom: 10px; padding: 50px 10%; width: 80%; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-conten { background-color: white; float: left; width: 66.6%; }
div.view-blog div.view-content div.basic-page-contentarea { width: 100%; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row { padding : 0 10% 40px 10%; float: left; width: 80%; float: left; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row-last { background: url("../images/pictures/design.jpg") no-repeat scroll center bottom transparent; padding : 0 10% 180px 10%; float: left; width: 80%; float: left; margin-bottom: 0px; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-title span.field-content a { width: 100%; font-size: 20px; color: #257197; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-created span.field-content { width: 100%; font-size: 13px; color: #9b9b9b; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-body div.field-content p { width: 100%; font-size: 15px; color: #7a7a7a; }
div.view-blog div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-nothing span.field-content a { font-size: 13px; color: #7a7a7a; float: right; }
/* End of Blog */
/* Testimonial */
body.page-testimonials div#page div#main div#content.column { padding: 0px; }
body.page-testimonials div#page div#main div#content.column ul.action-links { display: none; }
.custom-page-title { color: #2B3C43; font-size: 32px; margin-bottom: 10px; padding: 50px 10%; width: 80%; }
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-conten { background-color: white; float: left; width: 66.6%; }
div.view-testimonials div.view-content div.basic-page-contentarea { width: 100%; }
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-content div.views-row { padding : 0 10% 40px 10%; float: left; width: 80%; float: left; }
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-content div.views-row-last { background: url("../images/pictures/design.jpg") no-repeat scroll center bottom transparent; padding : 0 10% 180px 10%; float: left; width: 80%; float: left; margin-bottom: 0px; }
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-field-title div.field-content { float: right; font-size: 13px; color: #7a7a7a; }
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-title span.field-content a { float: right; font-size: 13px; color: #257197; font-weight: bold; text-decoration: none; padding-right: 10px;}
div.view-testimonials div.view-content div.basic-page-contentarea div#basic-page-content div.views-row div.views-field-body div.field-content p { width: 100%; font-size: 15px; color: #7a7a7a; }
/* End of Testimonial */
/* contact */
html.js body.page-node-30 div#page div#main div#content.column div.basic-page-contentarea div#basic-page-content div.basic-page-title { padding-bottom: 10px; }
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div label { color: #7A7A7A; font-size: 14px; padding-bottom: 7px; }
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div div#webform-component-first-name.form-item,
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div div#webform-component-last-name.form-item{
width: 40%; padding-right: 10%; float: left;
}
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div div#webform-component-first-name.form-item input#edit-submitted-first-name.form-text,
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div div#webform-component-last-name.form-item input#edit-submitted-last-name.form-text{
width: 100%; padding-right: 10%; float: left;
}
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div select.form-select
{ width: 60%; height: 26px; }
div.basic-page-body div.field div.field-items div.field-item div#block-webform-client-block-17.block form#webform-client-form-17.webform-client-form div input.form-text { width: 60%; }
/* End of Contact */
/* Gallery */
html.js body.page-node-15 div#page div#main div#content.column { padding: 30px 10%; width: 100%; }
html.js body.page-node-15 div#page div#main div#content.column h1#page-title.title { color: #2c3a41; font-weight: normal; }
article.node-15 div.field div.field-items div.field-item div.wrapper div.gallery_main_container div.gallery_container div.gallery_nav ul { width: 100%; float: left; margin: 30px 0; padding: 0;}
article.node-15 div.field div.field-items div.field-item div.wrapper div.gallery_main_container div.gallery_container div.gallery_nav ul li { float: left; padding-right: 5%; list-style-type: none; }
article.node-15 div.field div.field-items div.field-item div.wrapper div.gallery_main_container div.gallery_container div.gallery_nav ul li a { font-size: 15px; text-decoration: none; color: #257197; }
article.node-15 div.field div.field-items div.field-item div.wrapper div.gallery_main_container div.gallery_container div.gallery_textarea{
background: url("../images/pictures/design.jpg") no-repeat scroll center bottom transparent; padding : 0 0% 180px 0%; float: left; width: 100%; float: left; margin-bottom: 0px; font-size: 14px; color: #7a7a7a; }
/* End of Gallery */
#main { padding-top: 0px; width: 90%; margin: 0 5% 45px 5%; float: left; }
#header { padding: 0px; width: 100%; background-color: #293a41; height: 190px; }
#header .header-region1{ background : url('../images/backgrounds/header-background.jpg'); background-repeat: repeat-x; background-position : top; width: 100%; float: left; height: 190px; }
#header .header-region2{ background : url('../images/backgrounds/secondary-menu-background.jpg'); background-repeat: repeat-x; background-position : bottom; width: 100%; float: left; height: 190px; }
#header .header-content { margin-left: auto; margin-right: auto; max-width: 1310px; width: 96%; padding: 0 2%; }
.design { width: 100%; float: left; padding: 15px 0 25px 0;}
.design img { margin : 0 40%; width: 20%; float: left; }
div#block-block-8.block { margin: 0px; float: left; }
.scott-hamilton-logo { max-width: 160px; float: left; width: 150px; }
div#block-block-9.block { margin: 0px; float: right; width: 75%; height: 44px; }
div#block-block-9.block #socials { float: right; }
div#block-block-9.block #socials span { float: right; padding-left: 10px; }
div#block-block-9.block #phone { float: right; padding-right: 20px; }
/* Home page content */
html.js body.page-node-31 div#page div#main div#content.column h1#page-title.title { display : none; }
html.js body.page-node-31 div#page div#main div#content { background : url('../images/backgrounds/-homecontent-bg.jpg'); background-repeat: repeat; }
div#main div#content.column article.node-31 div.field-name-body div.field-items div.field-item { background : none; padding: 60px 5% 50px 10%; width: 90%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-first { font-size: 13px; width: 55%; float: left; padding: 0 5% 0 0%; border-right: 1px solid #e0e0e0; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second { width: 30%; float: left; margin: 0 0 0 9%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.graduate-master { width: 50%; padding: 0 25%; margin: 10px 0; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.bbb { width: 50%; padding: 0 25%; margin: 10px 0; }
/* Home page blocks */
html.js body.html div.promotional-region{ width: 100%; background-color: #ecf1ed; float: left; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block {margin-left: auto; margin-right: auto; max-width: 1310px; width: 96%; padding: 0 2%; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content { width: 80%; padding: 30px 10%; float: left; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content div.views-row-even { width: 32%; float: left; background-color: white; padding-bottom: 10px; margin: 0 2%;}
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content div.views-row-odd { width: 32%; float: left; background-color: white; padding-bottom: 10px; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content div.views-row div.views-field-field-promotional-block-image div.field-content img{
width: 100%; float: left; }
div#block-views-sideview-block-3.block div.view div.view-content div.views-row div.views-field-title span.field-content {
width: 86%; padding: 5px 7%; float: left; font-size: 18px; color: #0a769c; line-height: 20px; }
div#block-views-sideview-block-3.block div.view div.view-content div.views-row div.views-field-field-promotional-description div.field-content {
float: left; font-size: 14px; color: #656565; width: 86%; padding: 5px 7%; }
div#block-views-sideview-block-3.block div.view div.view-content div.views-row div.views-field-nothing span.field-content a {
margin-right: 5%; float: right; font-size: 12px; color: gray; border-bottom: 1px dotted gray; text-decoration: none; line-height: 18px; }
/* Home page banner */
html.js body.html div.banner-region { background : url('../images/backgrounds/secondary-menu-background.jpg'); background-repeat: repeat; width: 100%; line-height: 0px; }
div.banner-region div.region div#block-views-banner-block-1.block { margin: 0px; }
div.banner-region div.region div#block-views-banner-block-1.block div.view div.view-content {
margin-left: auto; margin-right: auto; max-width: 1310px; width: 96%; padding: 0 2%; }
/* Footer */
#footer { background-color: #293A41; float: left; padding: 0; width: 100%; }
.footer-content { width: 100%; margin-left: auto; margin-right: auto; max-width: 1310px; }
.footer-content .footer-top-section{ float: left; width: 90%; margin: 40px 5% 0px 5%; }
.footer-content .footer-address { width: 40%; float: left; color: #edf1f2; font-size: 14px; line-height: 13px; }
.footer-content .footer-address div { width: 100%; float: left; color: #9d9588; font-size: 25px; padding-bottom: 30px; font-weight: bold; }
.footer-content .footer-main-menu { width: 30%; float: left; color: #edf1f2; font-size: 14px; line-height: 13px; }
.footer-content .footer-secondary-menu{ width: 30%; float: left; color: #edf1f2; font-size: 14px; line-height: 13px; }
.footer-content .footer-bottom-section{ width: 90%; float: left; padding: 30px 5% 30px 5%; color: #edf1f2; font-size: 14px; }
.footer-content .footer-bottom-section img { width: 12%; padding-right: 3%; }
@media all and (min-width: 1151px) {
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block { display: none; }
html.js body.html div.promotional-region div.region div#block-block-14.block { display: none; }
div#block-block-15.block { display: none; }
div#block-nice-menus-3.block { display: none; }
div.basic-page-bottom { display: none; }
}
@media all and (min-width: 960px) and (max-width: 1150px) {
#header { }
.home-sidebar-blocks #title { font-size: 17px; }
.home-sidebar-blocks #more span { font-size: 11px; }
.scott-hamilton-logo { max-width: 160px; float: left; width: 150px; }
/*inner side blocks*/
div#main aside.sidebars section.region div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-nothing span.field-content a { font-size: 11px; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content { display: block; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block { display: none; }
html.js body.html div.promotional-region div.region div#block-block-14.block { display: none; }
div#block-block-15.block { display: none; }
div#block-nice-menus-3.block { display: none; }
div.basic-page-bottom { display: none; }
}
@media all and (min-width: 680px) and (max-width: 959px) {
#header { height: 200px; }
.home-sidebar-blocks #title { font-size: 16px; }
.home-sidebar-blocks #more span { font-size: 10px; }
#header .header-region2{ background : url('../images/backgrounds/second-menu-large-background.jpg'); background-repeat: repeat-x; background-position : bottom; height: 200px; }
.scott-hamilton-logo { float: left; margin-top: -20px; width: 130px; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content { display: block; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block { display: none; }
/* footer */
#footer { background-color: #293A41; float: left; padding: 0; width: 100%; }
.footer-content .footer-address { font-size: 12px; line-height: 12px; }
.footer-content .footer-address div { font-size: 23px; padding-bottom: 26px; }
.footer-content .footer-main-menu { font-size: 12px; line-height: 12px; }
.footer-content .footer-secondary-menu{ font-size: 12px; line-height: 12px; }
.footer-content .footer-bottom-section{ font-size: 12px; }
html.js body.html div.promotional-region div.region div#block-block-14.block { display: none; }
div#block-block-15.block { display: none; }
div#block-nice-menus-3.block { display: none; }
div.basic-page-bottom { display: none; }
/* Home blocks title and read more */
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-title {
width: 90%; padding: 5px 5%; float: left; height:auto; border-bottom: 0px; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-title span.field-content{
float: left; font-size: 18px; color: #0a769c; line-height: 20px; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-nothing {
background-color: #eeede9; float: left; height: auto; width: 90%; padding: 5px 5%; border-bottom: 1px solid #c4c4c2; }
div.basic-page-contentarea div#basic-page-sidebar div#block-views-sideview-block-1.block div.view div.view-content div.views-row div.views-field-nothing span.field-content a {
float: right; border-bottom: 1px dotted gray; font-size: 12px; color: gray; text-decoration: none; }
}
@media all and (min-width: 480px) and (max-width: 679px) {
#header { height: 200px;}
#header .header-region2{ background : url('../images/backgrounds/second-menu-large-background.jpg'); background-repeat: repeat-x; background-position : bottom; height: 200px; }
.scott-hamilton-logo { float: left; margin-top: -14px; width: 110px; padding-top: 0px; }
div#block-block-9.block { margin: 0px; float: right; height: 44px; }
div#block-block-9.block #socials { float: right; }
div#block-block-9.block #socials span { float: right; padding-left: 5px; }
div#block-block-9.block #phone { float: right; padding-right: 10px; font-size: 12px; }
/* home blocks*/
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content { display: block; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block { display: none; }
/* home content*/
div#main div#content.column article.node-31 div.field-name-body div.field-items div.field-item { background : none; padding: 20px 0% 10px 0%; width: 100%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-first { font-size: 13px; width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; border-right: 0px; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second { width: 100%; float: left; padding: 40px 0 0 0; margin:0px;}
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.graduate-master { width: 30%; padding: 0 10%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.bbb { width: 30%; padding: 0 10%; }
/* footer */
#footer { background-color: #293A41; float: left; padding: 0; width: 100%; }
.footer-content .footer-address { font-size: 10px; line-height: 10px; }
.footer-content .footer-address div { font-size: 18px; padding-bottom: 16px; }
.footer-content .footer-main-menu { font-size: 10px; line-height: 10px; }
.footer-content .footer-secondary-menu{ font-size: 10px; line-height: 10px; }
.footer-content .footer-bottom-section{ font-size: 10px; }
html.js body.html div.promotional-region div.region div#block-block-14.block { display: none; }
div#block-block-15.block { display: none; }
div#block-nice-menus-3.block { display: none; }
html.js body.html div#page div#main aside.sidebars section.region { display: none; }
#basic-page-content { width: 100%; float: left; }
#basic-page-sidebar { display: none; }
div.basic-page-bottom { width: 100%; float: left; }
div#block-views-sideview-block-2.block { display: none; }
div#block-views-sideview-block-1--2.block { display: block; }
}
@media all and (max-width: 479px) {
html.js body.html div.promotional-region div.region div#block-views-sideview-block-3.block div.view div.view-content { display: none; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content { display: block; }
/* home content*/
div#main div#content.column article.node-31 div.field-name-body div.field-items div.field-item { background : none; padding: 20px 0% 10px 0%; width: 100%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-first { font-size: 13px; width: 100%; float: left; padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; border-right: 0px; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second { width: 100%; float: left; padding: 40px 0 0 0; margin:0px; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.graduate-master { width: 30%; padding: 0 10%; }
html.js body.html div#page div#main div#content.column article.node-31 div.field div.field-items div.field-item div.home-content div.home-content-second img.bbb { width: 30%; padding: 0 10%; }
html.js body.html header#header div.header-region1 div.header-region2 div.header-content div.region div#block-block-9.block { display: none; }
html.js body.html header#header div.header-region1 div.header-region2 div.header-content div.region div#block-nice-menus-2.block { display: none; }
html.js body.html header#header div.header-region1 div.header-region2 div.header-content div.region div#block-menu-menu-secondary-menu.block { display: none; }
html.js body.html header#header div.header-region1 div.header-region2 div.header-content div.region div#block-nice-menus-1.block { display: none; }
/* home slide blocks - mobile */
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_6.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_6.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item
{ width: 90%; float: left; margin: 10px 5%; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_6.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_6.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field div.field-content img
{ width: 100%; float: left; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_6.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_6.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field-title span.field-content
{ width: 90%; padding: 15px 5% 5px 5%; float: left; font-size: 15px; color: #0a769c; line-height: 17px; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_6.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_6.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field-field-promotional-description div.field-content
{ float: left; font-size: 13px; color: #656565; width: 90%; padding: 5px 5%; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_6.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_6.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field-nothing span.field-content a
{ margin-right: 5%; float: right; font-size: 12px; color: gray; border-bottom: 1px dotted gray; text-decoration: none; line-height: 18px; }
/* footer */
#footer { background-color: #293A41; float: left; padding: 0; width: 100%; }
.footer-content .footer-address { width: 100%; float: left; padding-bottom: 12px; font-size: 12px; line-height: 14px; }
.footer-content .footer-address div { font-size: 18px; padding-bottom: 16px; }
.footer-content .footer-main-menu { width: 100%; float: left; padding-bottom: 12px; font-size: 12px; line-height: 14px; }
.footer-content .footer-secondary-menu{ width: 100%; float: left; padding-bottom: 12px; font-size: 12px; line-height: 14px; }
.footer-content .footer-bottom-section{ font-size: 12px; }
.footer-content .footer-bottom-section img { width: 16%; padding-right: 84%; }
div#block-block-8.block { display: none; }
div#block-block-14.block { display: block; display: block; float: left; margin: -88px 0 0; position: relative; }
.scott-hamilton-logo { float: left; max-width: 160px; padding: 0 5%; width: 40%; margin-bottom: -10px; margin-top: 97px; }
.front .scott-hamilton-logo { float: left; max-width: 160px; padding: 0 5%; width: 40%; margin: 0px; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_6.views-slideshow-controls-text span#views_slideshow_controls_text_next_sideview-block_6.views-slideshow-controls-text-next a
{ background: url("../images/pictures/next.png") no-repeat scroll 0 0 transparent;
float: right; font-size: 0; margin-top: -220px; opacity: 0.8; padding: 12px 7%; position: relative; z-index: 100; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_6.views-slideshow-controls-text span#views_slideshow_controls_text_previous_sideview-block_6.views-slideshow-controls-text-previous a
{ background: url("../images/pictures/previous.png") no-repeat scroll 0 0 transparent;
float: right; font-size: 0; margin-top: -220px; opacity: 0.8; padding: 12px 48%; position: relative; z-index: 100; }
html.js body.html div.promotional-region div.region div#block-views-sideview-block-6.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_6.views-slideshow-controls-text span#views_slideshow_controls_text_pause_sideview-block_6.views-slideshow-controls-text-pause a
{ display: none; font-size: 0px; }
/* mobile menu */
#header { display: none; }
.mobile-phone-number { width: 50%; float: left; background-color: #293a41; height: 37px; font-size: 14px; text-align: center; line-height: 37px; color: #ecf7fb; }
.mobile_header-region { float: left; width: 100%; }
#basic-page-content { width: 100%; float: left; }
#basic-page-sidebar { display: none; }
div.basic-page-bottom { width: 100%; float: left; }
div#block-views-sideview-block-1--2.block { display: none; }
.front div.basic-page-bottom { display: none; }
html.js body.html div#page div#main div#content.column div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_2.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_2.views-slideshow-cycle-main-frame { width: 100%; margin: 10px auto; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_2.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_2.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item
{ width: 100%; float: left; margin: 10px auto; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_2.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_2.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field div.field-content img
{ width: 100%; float: left; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_2.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_2.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field-title span.field-content
{ width: 90%; padding: 15px 5% 5px 5%; float: left; font-size: 15px; color: #0a769c; line-height: 17px; }
div.basic-page-contentarea div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div#views_slideshow_cycle_main_sideview-block_2.views_slideshow_cycle_main div#views_slideshow_cycle_teaser_section_sideview-block_2.views-slideshow-cycle-main-frame div.views-slideshow-cycle-main-frame-row-item div.views-field-nothing span.field-content a
{ margin-right: 5%; float: right; font-size: 12px; color: gray; border-bottom: 1px dotted gray; text-decoration: none; line-height: 18px; }
div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_2.views-slideshow-controls-text span#views_slideshow_controls_text_next_sideview-block_2.views-slideshow-controls-text-next a
{ background: url("../images/pictures/next.png") no-repeat scroll 0 0 transparent;
float: right; font-size: 0; margin-top: -160px; opacity: 0.8; padding: 12px 11%; position: relative; z-index: 100; }
div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_2.views-slideshow-controls-text span#views_slideshow_controls_text_previous_sideview-block_2.views-slideshow-controls-text-previous a
{ background: url("../images/pictures/previous.png") no-repeat scroll 0 0 transparent;
float: right; font-size: 0; margin-top: -160px; opacity: 0.8; padding: 12px 44%; position: relative; z-index: 100; }
div.basic-page-bottom div#block-views-sideview-block-2.block div.view div.view-content div.skin-default div.views-slideshow-controls-bottom div#views_slideshow_controls_text_sideview-block_2.views-slideshow-controls-text span#views_slideshow_controls_text_pause_sideview-block_2.views-slideshow-controls-text-pause a
{ display: none; font-size: 0px; }
}
/*
* Body
*/
body {
margin: 0;
padding: 0;
background : url('../images/backgrounds/body-background.png');
background-repeat: repeat;
}
#page {
background-color: none;
}
/*
* The skip-link link will be completely hidden until a user tabs to the link.
* See the element-focusable rule in system.base.css.
*/
#skip-link {
margin: 0;
}
#skip-link a,
#skip-link a:visited {
display: block;
width: 100%;
padding: 2px 0 3px 0;
text-align: center;
background-color: #666;
color: #fff;
}
/*
* Header
*/
#header { }
#logo { /* Wrapping link for logo */
float: left; /* LTR */
margin: 0;
padding: 0;
width: 16%;
}
#logo img {
vertical-align: bottom;
}
#name-and-slogan { /* Wrapper for website name and slogan */
float: left;
}
#site-name { /* The name of the website */
margin: 0;
font-size: 2em;
line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
color: #000;
text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
text-decoration: underline;
}
#site-slogan { /* The slogan (or tagline) of a website */
margin: 0;
font-size: 1em;
}
.region-header { /* Wrapper for any blocks placed in the header region */
clear: both; /* Clear the logo */
}
/*
* Main (container for everything else)
*/
#main {
}
/*
* Content
*/
#content {
background-color: #ffffff;
padding: 30px 0px 0px 0px;
}
.region-highlighted {
}
.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
margin: 0;
padding: 0;
}
.breadcrumb li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
margin: 0;
}
tr.even { /* Some tables have rows marked even or odd. */
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}
tr.odd {
/* background-color: #eee; */ /* Drupal core uses a #eee background */
}
div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
margin-top: 0;
margin-bottom: 0;
}
div.status { /* Normal priority messages */
}
div.warning,
tr.warning { /* Medium priority messages */
/* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}
div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}
.error { /* Errors that are separate from div.messages status messages. */
/* color: #e55; */ /* Drupal core uses a #e55 background */
}
.warning { /* Warnings that are separate from div.messages status messages. */
/* color: #e09010; */ /* Drupal core uses a #e09010 background */
}
.tabs { /* See also the tabs.css file. */
}
.region-help { /* Help text on a page */
}
.more-help-link { /* Link to more help */
}
.region-content { /* Wrapper for the actual page content */
}
ul.inline { /* List of links generated by theme_links() */
display: inline;
padding: 0;
}
ul.inline li {
display: inline;
list-style-type: none;
padding: 0 1em 0 0; /* LTR */
}
span.field-label { /* The inline field label used by the Fences module */
padding: 0 1em 0 0; /* LTR */
}
.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
padding: 0 0.5em;
}
.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}
.more-link { /* Aggregator, blog, and forum more link */
}
/*
* First sidebar (on left in LTR languages, on right in RTL)
*
* Remember to NOT add padding or margin to your .region-sidebar-first
* (see the layout.css file.)
*/
.region-sidebar-first {
}
/*
* Second sidebar (on right in LTR languages, on left in RTL)
*
* Remember to NOT add padding or margin to your .region-sidebar-second
* (see the layout.css file.)
*/
.region-sidebar-second {
}
/*
* Footer
*/
#footer { background-color: #293A41;
float: left;
padding: 0;
width: 100%;
}
/*
* Page bottom
*/
.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment