/* Stylesheet for new BYU-Idaho Pages */ /*BYU - Idaho Main Style Page Dimensions: 950px Wide Centered Colors: - Blue: #1c74b5 - Gray: #d4d4d4 - Black: #000000 Fonts: - Title Text: */ /*********** Resets *************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ display:block; margin:0; border:0; font-weight:normal; font-style:normal; text-align:left; font-family:inherit; padding:0px; } table{border-collapse:collapse;border-spacing:0;} /* ol,ul{ list-style:none; vertical-align: text-top; } */ q:before,q:after,blockquote:before,blockquote:after{content:"";} div { display: block; } /*Global Settings*/ body { width: 950px; margin: auto; font-family: "Helvetica", "Arial", "MS Trebuchet", sans-serif; background-color: #fff; color: #666; } a { text-decoration: none; outline: none; } a:hover { text-decoration: none; cursor: pointer; } /* Global Navigation*/ #GlobalNavigation { height: 70px; width: 950px; display: block; padding-bottom: 10px; z-index: 9999; position: relative; } #GlobalNavigation li a{ text-decoration: none; height: 100%; } #GlobalNavigation li a:hover{ text-decoration: underline; cursor: pointer; } /* Image was set up on list items rather than a tags, because not all buttons will be a tags... Some will be controlled by the Javascript for drop-down menus */ #GlobalNavigation li { /*background: url(../images/common/global_nav.jpg);*/ background: url(../images/common/top_nav1.png); display: inline; text-indent: -9999px; display: block; float: left; } /* Image that will display with the black bar at the top of the pages as part of the global navigation */ #GlobalNavigation li.blackBar{ height: 50px; width: 950px; display: block; } /* Blue part of the Global Navigation */ #GlobalNavigation li.directories{ height: 20px; width: 190px; display: block; background-position: 0px -70px; } #GlobalNavigation li.directories:hover{ background-position: 0px -110px; } #GlobalNavigation li.calendar{ height: 20px; width: 190px; display: block; background-position: -190px -70px; } #GlobalNavigation li.calendar:hover{ background-position: -190px -110px; } #GlobalNavigation li.aboutbyui{ height: 20px; width: 190px; display: block; background-position: -380px -70px; } #GlobalNavigation li.aboutbyui:hover{ background-position: -380px -110px; } #GlobalNavigation li.library { height: 20px; width: 190px; display: block; background-position: -570px -70px; } #GlobalNavigation li.library:hover{ background-position: -570px -110px; } #GlobalNavigation li.siteindex{ height: 20px; width: 190px; display: block; background-position: -760px -70px; } #GlobalNavigation li.siteindex:hover{ background-position: -760px -110px; } /* Gray part of the Global Navigation */ #GlobalNavigation li.currentStu{ height: 20px; width: 237px; display: block; background-position: 0px -50px; } #GlobalNavigation li.currentStu:hover{ background-position: 0px -90px; } #GlobalNavigation li.employees{ height: 20px; width: 238px; display: block; background-position: -237px -50px; } #GlobalNavigation li.employees:hover{ background-position: -237px -90px; } #GlobalNavigation li.alumni{ height: 20px; width: 237px; display: block; background-position: -475px -50px; } #GlobalNavigation li.alumni:hover{ background-position: -475px -90px; } #GlobalNavigation li.prospective{ height: 20px; width: 238px; display: block; background-position: -712px -50px; } #GlobalNavigation li.prospective:hover{ background-position: -712px -90px; } /* Search box */ #GlobalNavigation form{ position: absolute; top:20px; left: 730px; } .searchButton{ position: absolute; top: 0px; left: 147px; } #GlobalNavigation p{ position: absolute; top: 8px; left: 730px; color: #999999; font-size: 9px; width: 200px; } #GlobalNavigation p a{ float: left; display: inline; color: #999; font-size: 8px; margin-top: -3px; } #GlobalNavigation p span{ display: inline; float: left; font-size: 8px; margin-top: -3px; padding-left:5px; padding-right:5px; } /* BYU-Idaho Logo -- On the top left of every page! */ #GlobalNavigation img { border-style: none; position: absolute; top: 10px; left: 10px; } #GlobalNavigation form input{ border-style: none; } #GlobalNavigation form input.header_search_box{ height: 18px; width: 148px; } #GlobalNavigation p.header_title{ position: absolute; top: 17px; left: 70px; font-size: 14px; color: white; } /* Footer settings */ #footer{ border-top: 1px solid gray; width: 950px; position: relative; clear: both; margin-top: 10px; } #footer p{ text-align: center; font-size: 10px; color: gray; padding-top: 10px; } #footer ul { list-style: none; width: 540px; margin: 0px auto; } #footer li { display: inline; text-align: center; padding-right: 40px; padding-top: 10px; color: gray; font-size: 10px; float: left; } #footer li a { color: gray; } #footer li.lastListItem { padding-right: 0px; } #footer img{ position: absolute; border-style: none; top: 10px; left: 10px; } /*Top banner */ #top_banner{ background-image: url(../images/common/top_banner.jpg); background-repeat: no-repeat; height: 53px; margin-bottom: 1px; } #top_banner img{ padding-top: 10px; padding-left: 10px; float: left; } #top_banner p{ float: left; color: white; font-weight: 50; font-size: 19px; padding-top: 17px; padding-left: 475px; } /*overlay bar on top banner*/ #image_overlay{ background-color: black; opacity: .75; position: relative; top: -55px; height: 55px; } #image_overlay p{ padding-top: 20px; padding-left: 27px; letter-spacing: 1px !important; } #icons { position: relative; left: 200px; top: -101px; width: 450px; clear: both; } #icons ul li { list-style: none; display: inline; padding-left: 22px; padding-right: 24px; float: left; clear: right; cursor: pointer; } #icon1:hover { position: relative; top: -3px; } .seperator{ border-left: 1px solid #dedddb; } /* Bottom 3 boxes that are floated left to display in line */ #leftBox{ position: relative; width: 300px; height: 181px; display:block; float:left; padding-bottom: 10px; padding-right: 10px; background-image: url(../images/common/newsofnotes_background.jpg); background-repeat: no-repeat; } #leftBox h6 { color:#999999; font-size:10px; left:10px; letter-spacing:2px; position:absolute; text-transform:uppercase; top:10px } #leftBox #note_title{ position: absolute; top: 45px; left: 15px; width: 138px; color: white; font-size: 16px; font-weight: normal; letter-spacing: 1px !important; } #leftBox #note_subtitle{ position: absolute; top: 90px; left: 18px; width: 128px; color: white; font-size: 13px; font-weight: normal; line-height: 1.3em; } #leftBox img{ position: absolute; top:0px; left: 154px; height: 181px; width: 145px; } #leftBox img.devo_button { height:11px; left:15px; position:absolute; top:156px; width:11px; } #leftBox .devo_link { color:#ccc; font-size:10px; left:15px; position:absolute; text-decoration:none; top:156px; } #leftBox .devo_link:hover{ text-decoration: underline; } #middleBox{ position: relative; width: 300px; height: 181px; display:block; float:left; padding-bottom: 10px; padding-right: 10px; background-image: url(../images/common/devotional_background.jpg); background-repeat: no-repeat; } #middleBox h6 { color:#999999; font-size:10px; left:10px; letter-spacing:2px; position:absolute; text-transform:uppercase; top:10px; } #middleBox #devo_description{ position: absolute; top: 45px; left: 18px; width: 137 px; color: white; font-size: 17px; font-weight: normal; } #middleBox #devo_speaker{ position: absolute; top: 90px; left: 18px; width: 138px; color: white; font-size: 13px; font-weight: normal; line-height: 1.3em; } #middleBox img{ position: absolute; top:0px; left: 164px; height: 181px; width: 145px; } #middleBox img.devo_button { height:11px; left:15px; position:absolute; top:156px; width:11px; } #middleBox .devo_link { color:#ccc; font-size:10px; left:15px; position:absolute; text-decoration:none; top:156px; } #middleBox .devo_link:hover{ text-decoration: underline; } #rightBox{ width: 320px; height: 181px; display:block; float:left; padding-bottom: 10px; padding-left: 10px; overflow: hidden; } /* common used elements */ .byui_blue { color:#1C74B5; } h2.box_header { font-size: 10px; height: 30px; background-image: url('../images/common/section_header_blue.jpg'); background-repeat: repeat-x; line-height: 30px; text-transform: uppercase; color: white; margin-bottom: 0px; padding-left: 10px; clear: both; margin-top: 0px; letter-spacing: 1px; } #breadcrumbs { margin: 0px; padding: 0px; color: #666; font-size: 10px; margin-top: -10px; padding-top: 10px; padding-bottom: 10px; } /* layout for most page types */ #main_region { float: left; width: 650px; } #control_region { width: 290px; min-height: 470px; padding-right: 10px; display: block; } #content_wrapper { width: 1050px; } #content_wrapper > div { float: left; } #related_links { background-color: #C8C8C8; padding-bottom: 10px; margin-top: 10px; } /* common ul / li styling */ #related_links > .box_header > ul > li, #control_region > li { font-size: 11px; line-height: 20px; text-transform: capitalize; } #related_links > ul > li, #control_region > ul { color: #666; list-style-image: url('../images/common/arrow_bullet.jpg'); /* padding-left: 25px;*/ margin-top: 11px; margin-left: 25px; font-size: 11px; } /* common title with styling:blue, border-bottom */ h1.section_title{ font-size: 20px; color: #1c74b5; clear: both; font-weight: bold; padding-top: 10px; padding-bottom:10px; border-bottom: 1px solid gray; width: 950px; } /* common title with styling:white, gray gradiend background */ .SectionTitle{ background-image: url(../images/search_results/search_header_gradient.jpg); background-repeat: repeat-x; height: 60px; width: 650px; display: block; color: white; font-size: 16px; border-bottom: thin solid white; } #interactive_area{ padding-bottom: 10px; } /*Drop down Menu*/ #GlobalNavigation ul li div span{ background: url(../images/photo_gallery/right_arrow.png) no-repeat scroll 0 50%; margin-left: 13px; margin-top: 0px; height: 15px; padding-top: 7px; } #GlobalNavigation ul li div span a{ color: #666; font-size: 11px; margin-left: 18px; line-height: 8px; } #directories, #aboutbyui, #calendar{ text-indent: 0px; z-index: 9999; background: url(../images/common/drop_down.png) 0 100%; padding-bottom: 10px; } .padding{ padding-bottom: 10px; } #login_box p{ background-color: #3e3e3e; };