/* This file will hold styles that are loaded using the same media query as the normal grid. */ /* If you are using the default media queries provided by Omega, these styles will also * apply to the widescreen layout unless they are overridden by the widescreen styles. */ /* Drupal 7 MDA1 - Created by Erik Cochran ------------------------------------------------ [Table of contents] 0.Reset 1.Global 2.Section Header 3.Section Content 4.Sidebar Content 5.Section Footer 9.Navigation Appendix A1.Workbench A2.Forms Font sizes: 16px base font with 24px line-height ------------------------------------------------ font-size / line-height / margin-top ------------------------------------------------ 46px = 2.875em 40px = 2.5em / 1.2 / 0.6em 32px = 2em / 1.5 / 0.75em 24px = 1.5em / 1 / 1em 20px = 1.25em / 1.2 / 1.2em 16px = 1em / 1.5 / 1.5em 14px = 0.875em / 1.7143 / 1.7143em 13px = 0.8125em / 1.8462 / 1.8462em 12px = 0.75em / 2 / 2em 10px = 0.625em / 2.4 / 2.4em Equation for font sizing: Desired px รท Default (or parent) px = em size ------------------------------------------------*/ /** * 0.RESET @import "reset.css";*/ /** * 1.GLOBAL */ body {background-image:url("../images/FinAid_BG.jpg");filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/FinAid_BG.jpg', sizingMethod='scale'); --ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/FinAid_BG.jpg', sizingMethod='scale')";} body.front {background-image:url("../images/FinAid_BG.jpg");filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/FinAid_BG.jpg', sizingMethod='scale'); --ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/FinAid_BG.jpg', sizingMethod='scale')";} #block-search-form {float: right; position: relative; top: -3em; height: 0px;} #search-block-form .container-inline {width:100%;position:relative;height:2.3em;display:block;} #block-system-main .field-name-field-background-image {position:fixed;top:0;left:0;z-index:-1; width:100%;display:block;} #section-content {padding:0 0 1em;} /** * 2.Section Header */ #section-header {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);} #region-branding .logo-img img {width:100%;} #block-menu-menu-mid-strip-navigation {font-size: 1em;margin-left:4em;padding:0 0 0 1.25em;} #block-menu-menu-right-strip-navigation {margin-top:3.5em;margin-left:0;font-size:1em;} #zone-branding #block-panels-mini-mobile-header {display:none;} #zone-branding #block-panels-mini-header-1 {display:block;} #zone-user-wrapper {display:block;} #zone-branding .branding-data {display:block;} #section-footer {position:relative;} input[type="search"] {height:2.8em;} /** * 3.Section Content */ .front #region-content {width:100%;} #region-content .container-12 .grid-4 {width: 275px !important;} /* Slideshow helper */ .front #zone-user-wrapper {position: absolute; top: 0px; left: 0px; width: 100%;z-index:101;} .front #zone-user-wrapper .region-inner, .front #zone-branding-wrapper .region-inner, .front #zone-menu-wrapper .region-inner {margin-right:-20px;} .front #zone-branding-wrapper {position: absolute; top: 29px; left: 0px; width: 100%;z-index:100;} .front #zone-menu-wrapper {position: absolute; top: 109px; left: 0px; width: 100%;z-index:100;} #zone-user, #zone-branding, #zone-menu, #zone-content, #zone-footer {float:left;} /* Front Articles */ /****** Slideshow ******/ /* Responsive slideshow */ .views_slideshow_cycle_main {max-height:480px;} /* End of Responsive slideshow */ .front #zone-slideshow-wrapper {display:block;} .front #zone-slideshow {position:relative;left:.6em;} .front #zone-slideshow-wrapper {display:block;} .page-finaid #block-system-main .panels-flexible-region-20-r2_b1.grid-8 {width:640px;} .front #zone-slideshow h2 {font-size: 2em; } .pane-homepage-slideshow2 a {font-size:1.65em;} /****** Slides ********/ .front #zone-slideshow .views-field-body {position: absolute; left: auto;right:10%; width: 30em; top: auto;bottom:6%;} /* Ordered List */ .front #zone-slideshow ol { color: #FFFFFF;counter-reset: item;margin-top: 30px;padding-left:4.5em;} .front #zone-slideshow ol li:before {background: none repeat scroll 0 0 #C3C3C3;border-radius: 0 0 0 0;content: " " counter(item, decimal);font-size: 2.2em;margin: 0 0 0 -50px;padding:7px 17px;} .front #zone-slideshow ol li:hover:after {background:none repeat scroll 0 0 #feb100;} .front #zone-slideshow ol li {counter-increment: item;font-weight: normal;line-height: 0;list-style: none inside none;margin: 16px 10px;padding: 0;} .front #zone-slideshow ol li span {color: #637592;font-size: 1.2em;font-weight: bold;left: 10px;line-height: 1.4;margin: 0;position: relative;top: -14px;} .front #zone-slideshow ol li a {color: #637592 !important;border-bottom:0;} .front #zone-slideshow ol li a:hover {color:#e7194a !important;} .front #zone-slideshow h4 {font-family: 'Roboto Slab';color:#fff;} /* End of Slides */ /****** Slide 1 ********/ #slide1 {background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7);} #slide1 #title-area {background:none;} #slide1 #title-area h2 {font-size:3em !important;} #slide1 p {color:#000;margin-bottom:0;padding:0 1.5em;} /* End of Slide 1 */ /****** Slide 2 ********/ #slide2 #slide-box {background-color: #EE0043;color: #FFFFFF;padding: 1.5em;} #slide2 #buttons {margin-top:1.5em;} #slide2 p {margin-bottom:0;} #slide2 #buttons .slide-buttons {background-color: #FEB100;color: #FFFFFF;font-family: 'Open Sans';font-size: 1.5em;margin-right: 8px;padding: 5px 14px;border:1px solid #fff; text-transform:uppercase;} #slide2 #buttons .slide-buttons:hover {background-color:#C3C3C3;} /* End of Slide 2 */ /****** Slide 3 ********/ #slide3 #slide-box {background-color: #cd4f1b;color: #FFFFFF;padding: 1.5em;} #slide3 p {margin-bottom:0;} /* End of Slide 3 */ /****** Slide 4 ********/ #slide4 #slide-box {background-color: #1a8ac5;color: #FFFFFF;padding: 1.5em;} /* End of Slide 4 */ /****** Controls ****/ .views-slideshow-controls-bottom {position: absolute; width: 75px; z-index: 105; top: 15em; right: 6em;} /* End of Slideshow */ /* Academic Programs and Resources */ .front .panels-flexible-4 .panels-flexible-column {width:23.713%;} /* Celebrate or Feature 1 */ #block-views-feature-block-1 {margin-left:-2em;margin-right: -1.8em;display:block;position:relative;} #block-views-feature-block-1 .views-slideshow-cycle-main-frame-row-item {position:relative;width:100%;} #block-views-feature-block-1 .views-field-field-background-image {display:block;width:100%;} #block-views-feature-block-1 #slide1 #icon-area {display: block; position: absolute; right: 5em; top: 5em;} #block-views-feature-block-1 #slide1 #slide-box {display: block; position: absolute; left: 5em; bottom: 10em; background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.5);padding:2em;width:19em;} #block-views-feature-block-1 #slide1 #slide-box h2 {color:#fff !important;font-family: 'Roboto Slab';font-size:1.4em;} #block-views-feature-block-1 #slide1 #slide-box p {color:#fff !important;padding:.5em 0;} #block-views-feature-block-1 #slide1 #slide-box a.read-more {background-color:rgba(0, 0, 0, 0.1);} /*Become a Tutor*/ #block-panels-mini-become-a-tutor .container-12 .grid-4, #block-panels-mini-become-a-tutor .grid-4 {width:31% !important;} /** * 4.Sidebar Content */ /*Image*/ .field-name-field-image {float:right;max-width:420px;padding:0 0 1em 1em;} #region-sidebar-second.grid-4 {width:298px;} /* Profiles */ /** * 5.Section Footer */ #block-menu-menu-new-footer, #megamenu-menu-footer-menu {background:none;padding:1.2em 3em .5em;} #block-menu-menu-new-footer ul#megamenu-menu-footer-menu {padding:1.8em 0 0 3.5em;} #region-footer-second {width:100%;background-color:#173245;margin:0;padding:.5em 3em 0;} /* * 7.Front * */ .front #region-content {border:none;margin:0 10px;} /** * 9.Navigation */ .stickymenu {width: 100%; z-index: 1; top:0px; position: fixed;} /*Show nav*/ block-menu-menu-pages-menu {display:block;} /*regular nav*/ #block-nice-menus-1 {padding:0;display:none;} #block-nice-menus-1 h2.block-title {display:none;} .qtip .qtip-content {display:block !important;} /** * A1.Workbench * */ /** * A2.Forms * */