/* ----- These are STYLES THAT BECCA ADDED FOR THE HOMEPAGE BANNER -------- Requested by Andy Porter 6-27-14 ------- */ @media (max-width: 1024px) and (min-width: 580px) { .full-width-xs { width:100% !important; } .full-width-xs .hidden-lg.hidden-md { width: 40%; margin-right: 3%; display: block !important; } } @media (max-width: 1024px) and (min-width:800px) { .full-width-xs .hidden-lg.hidden-md { width: 25%; margin-right: 2%; } } @media only screen and (min-width: 685px) and (max-width: 1023px) { #banner-btns { bottom: 200px !important; } #home_arrow { top: 450px !important; display: inline! important; position: absolute! important; left: 50%; } } /* Tablets */ @media only screen and (min-width: 582px) and (max-width: 685px) { #banner-btns { /* bottom: 75px !important; */ } #home_arrow { top: 400px !important; display: inline! important; position: absolute! important; left: 50%; } #what-distinguishes-btn a, #degree-programs-btn a { padding-left: 20px !important; } } @media (min-height: 1100px) and (max-height: 1280px){ #banner-btns { bottom: 200px !important; } #home_arrow { top: 550px !important; } } @media (max-height: 990px) { #home_arrow { top: 400px !important; } } @media (max-height: 800px) { #banner-btns { bottom: 85px !important; } } @media (max-height: 600px) { #banner-btns { bottom: 0px !important } } /* Phones */ @media (max-height: 320px) { #home_arrow { display: none !important; } .front .home #intro { margin-top: -70px; } } @media (max-width: 580px) { #what-distinguishes-btn { display: none; } #degree-programs-btn a { border-top: 0px !important; padding: 10px 10px 5px !important; padding-left: 30px !important; } } @media only screen and (max-width: 480px) and (min-width: 320px) and (orientation: portrait) { #home_arrow { margin-top: 10% !important; } } /* ----------------------------------------------------------------------------------------- */ .btn, .btn:hover { vertical-align: middle; } #resources-menu h3 { margin-top: -4px; } @media only screen and (min-width: 1024px) and (max-width: 1099px) { .news #news-middle-top, .news #news-middle-bottom { padding-right: 50px; } } /*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {*/ @media only screen and (min-width: 582px) and (max-width: 1023px) { /* Styles for Portrait iPad */ /* No Min-Width on */ html, body { width: auto !important; min-width: 0px !important; } .front p { font-size: 19px; } .navbar, .navbar div { border: none; } .navbar { /*height: 36px; display: none;*/ } .navbar-header { float: none !important; } /*#simple-menu { position: static; }*/ .front .panel-large-text { font-size: 100px; } section.no-bg .read-more { bottom: 7% !important; } /* Resources for... Menu */ /* #resources-menu h3 { background: url("../img/ql-arrow.png") no-repeat; width: 200px; background-position: 110px 3px; cursor: pointer; } .navbar #resources-menu ul.links { display: none; position: absolute; width: 200px; background-color: #222; margin-left: -15px; padding: 10px 20px; z-index: 1; } #resources-menu .links li { display: block; float: none; font-size: 16px !important; } #resources-menu .links a { display: block; width: 100%; }*/ /* Rest of the Top Menu */ .navbar-collapse { width: 100%; margin: 0 !important; } .navbar-right { float: right !important; } div#footer { width: auto !important; } section, div { /*min-width: 0px !important;*/ } /* Home Panel Large Text */ .front .col-md-8 { width: 100% !important; } /* News Section */ .front section.news { min-height: 1125px !important; min-height: 1350px !important; } .ipad .front section.news { min-height: 974px !important; } section.news #news-left-headline { position:relative; top: 20px; } .news #news-middle-top .views-field-field-slideshow-teaser-value { padding-bottom: 25px; } /* About Section */ .front section.about .col-md-4 { display: none; } /* Academics Section */ .front section.leaders .col-md-6 { width: 100%; } #academics-title { margin-top: 25% !important; } .front section.leaders #academics-middle { margin-top: 15px !important; display: block !important; } #academics-bottom-images { display: block !important; } #academics-top-images { width: 170px; } #academics-left img.small-img { margin-bottom: 10px; } .front .degree-list { width: 100% !important; } .front .btn.full-width { display: inline; margin-right: 7px; } /* Admissions Section */ section.explore .col-md-4 { display: none; } section.future .col-md-3, section.explore .col-md-3 { float: none; width: 100%; clear: both; } section.future .col-md-5, section.explore .col-md-5 { width: 100%; margin-top: 0 !important; } /* Research Section */ section.research .col-md-6 { width: 70%; margin-left: -20px; } section.research .col-md-2 { width: 32%; margin-top: 115px; } /* Student Life Section */ section.experience .row { padding: 0px; } section.experience .col-md-4 > p { /* The Photos in this Section. */ display: none; } section.experience .col-md-8 { padding: 40px; padding-bottom: 0; } #students-title { margin-top: 25% !important; } section.experience .col-md-4 { height: auto; padding: 30px 40px 40px 40px; position: static; width: 100%; } /* Alumni Section */ section.future .middle { display: none; } /* Sections with Backgrounds */ .front .show-bg .container .row { padding-top: 40px !important; padding-bottom: 40px !important; } /* Sections without Backgrounds */ .front .no-bg .row > div:nth-child(3) { display: none; } /* Read More Buttons*/ .front .read-more.large { width: 40%; } /* Scrolling Footer */ .contactTop.scrollFooter { display: none !important; } /* Footer */ .ct-right { font-size: 12px; } .ct-right { float: none; } .social { margin-left: 5px; } .ipad .front section .small-img { width: 150px !important; height: 150px !important; border: 1px solid purple; } } @media only screen and (min-width: 582px) and (max-width: 880px) { .front section.news { min-height: 1480px !important; } } @media only screen and (min-width: 582px) and (max-width: 800px) { .front section.news { min-height: 1760px !important; } } @media only screen and (min-width: 582px) and (max-width: 685px) { /** News Section **/ .front section.news { min-height: 1860px !important; } .front section.news .section-logo img { width: 170px !important; height: auto !important; } /** Academics **/ #academics-content { clear: both; } section.leaders { margin-bottom: 0px !important; } section.leaders, section.leaders .container { min-height: 920px; } section.leaders .read-more { bottom: 5% !important; } .degree-list { width: 80%!important; margin: 0 10%; } /** Faculty **/ #research #faculty-middle { margin-top: 190px; } /* Buttons */ .front .read-more.large { width: 50%; } /** Footer **/ .cb-right img { display: none; } #footer .visit, .footerBlue { font-size: 11px; } #footer .address { font-size: 13px; } } .ipad .front #intro { margin-top: -80px !important; }