/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.3 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://emtsef.utsa.edu Last Modifier: Brad Parscale - Parscale Media Last Modified: 11.14.2010 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework 8. Ammendments (Rocky's) */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ /* removed ul, ol, li from below */ html, body, br, hr, div, span, a, object, iframe, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} input, textarea { border: 1px solid; color: black;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #929fa5; font-family: "Trebuchet MS","helvetica","arial",serif;} /* Create the Default Paragraphs */ p {color:#576b74; line-height:20px;} /* Specific Header Settings */ h1 {font-size: 30px;} h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} h5 {font-size: 13px;} h6 {font-size: 12px;} /* Other Typo */ strong{font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#dc5603; text-decoration: none;} a:hover {color:#dc5603; text-decoration: underline;} a:active {outline: none;} a:focus {outline: 1px dotted invert;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} #login_form label {width: 80px; float: left; display: block; margin-right: 20px; vertical-align: middle; font-size: 16px; padding-top: 5px;} #login_form input {width: 220px; padding: 10px; background: #ebebeb;} #login_form input:focus {background: #e4eef0;} #login_form input.checkbox {width: auto; padding: 0; background: none; margin-right: 5px;} #login_form input.submit {width: 160px; height: 70px; background: url(/images/site/btn_submit.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font: 13px "Trebuchet MS","helvetica",sans-serif, monospace;} #home {background: #000 url(/images/site/bg_home.jpg) center 0 fixed no-repeat;} #resources {background: #000 url(/images/site/bg_resources2.jpg) center 0 fixed no-repeat;} #participate {background: #000 url(/images/site/bkg_participate2.jpg) center 0 fixed no-repeat;} #events {background: #000 url(/images/site/bg_events.jpg) center 0 fixed no-repeat;} #forum {background: #000 url(/images/site/bg_forum.jpg) center 0 fixed no-repeat;} #news {background: #000 url(/images/site/bg_contact.jpg) center 0 fixed no-repeat;} #contact {background: #000 url(/images/site/bg_contact.jpg) center 0 fixed no-repeat;} #disclaimer {background: #000 url(/images/site/bg_news.jpg) center 0 fixed no-repeat;} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin:0 auto -260px; width: 960px;} /* Header */ #header {width: 960px; height: 145px; background: url(/images/site/header.png) no-repeat; position: relative;} #logo {width: 120px; height: 120px; position: absolute; top: 0; left: 20px;} #utsa_logo {width: 275px; height: 40px; position: absolute; top: 0; left: 180px;} #header_login {position: absolute; top: 5px; right: 20px;} #header_login p {color: #fff;} /* Home Banner */ #home_banner {width: 960px; height: 285px; position: relative;} .home_banner_image {width: 960px; height: 305px; position: absolute; top: 0; left: 0;} #home_banner_navigation {width: 310px; height: 285px; position: absolute; top: 10px; right: 10px; padding: 0;} #home_banner_navigation ul {list-style: none; margin: 0; padding: 0;} #home_banner_navigation ul li a {display: block; width: 310px; height: 95px; overflow: hidden; text-indent: -9999px;} #home_banner_navigation ul li a#banner_get_involved {background: url(/images/site/home_banner_ro1.png) 0 -95px no-repeat;} #home_banner_navigation ul li a#banner_register {background: url(/images/site/home_banner_ro2.png) 0 -95px no-repeat;} #home_banner_navigation ul li a#banner_participate {background: url(/images/site/home_banner_ro3.png) 0 -95px no-repeat;} #home_banner_navigation ul li a:hover {background-position: 0 0 !important;} #home_banner_navigation ul li a.active {background-position: 0 0 !important;} /* Main */ #main {background: #fff; width: 940px; padding: 20px 10px;} /* Navigation */ /* #navigation {width: 960px; height: 35px; } */ /* 08Nov2012 - jgomez - trying to center navigation banner; new entries are width: 1000px and margin-left: -40px*/ #navigation { width: 1000px; height: 35px; } #navigation ul {list-style: none; padding: 0;} #navigation ul li {display: block; position: relative; float: left;} #navigation ul li a {display: block; height: 35px; text-indent: -9999px; float: left;} #navigation ul li a#nav_home {width: 95px; background: url(/images/site/nav_1.jpg) 0 0 no-repeat;} #navigation ul li a#nav_participate {width: 160px; background: url(/images/site/nav_2.jpg) 0 0 no-repeat;} #navigation ul li a#nav_resources {width: 140px; background: url(/images/site/nav_3.jpg) 0 0 no-repeat;} #navigation ul li a#nav_awards {width: 115px; background: url(/images/site/nav_4.jpg) 0 0 no-repeat;} #navigation ul li a#nav_news {width: 95px; background: url(/images/site/nav_5.jpg) 0 0 no-repeat;} #navigation ul li a#nav_forum {width: 110px; background: url(/images/site/nav_6.jpg) 0 0 no-repeat;} #navigation ul li a#nav_contact {width: 120px; background: url(/images/site/nav_7.jpg) 0 0 no-repeat;} #navigation ul li a#nav_sponsor {width: 125px; background: url(/images/site/nav_8.jpg) 0 0 no-repeat;} #navigation ul li a:hover {background-position: 0 -35px !important;} #navigation ul li a.active {background-position: 0 -35px !important;} #navigation ul li ul {display: none; position: absolute; width: 150px; background: url(/images/site/dropdown_rptr.png); z-index: 100; top: 35px;} #navigation ul li ul li {float: none; display: block; height: auto;} #navigation ul li ul li a {color: #d7d7d7; text-indent: 0; float: none; padding: 10px; height: auto; text-transform: uppercase;} #navigation ul li ul li a:hover {background: #344b56; color: #fff; text-decoration: none;} /* Home */ #home_participants {width: 940px; text-align: center; margin-bottom: 10px;} #home_participants a {margin-right: 10px;} #home_left {width: 460px; margin-right: 20px; float: left;} #home_right {width: 460px; float: right;} #home_mid {width: 700px; margin-right:100px; margin-left:100px;} .right {margin-right: 0 !important;} /* Internal Banner */ #internal_banner {width: 960px; height: 79px;} /* Main Content */ #main_content {width: 640px; padding-left: 20px; float: left; margin-right: 40px;} #main_content p {margin-bottom: 10px;} #main_content h2 {color: #576B74; margin-bottom: 8px;} #main_content ul {margin-left: 10px; margin-bottom: 10px; margin-top: 10px; color: #576B74;} #main_content li {margin-left: 10px; margin-bottom: 15px; color: #576B74; list-style: disc;} #main_content ol {margin-left: 10px; margin-bottom: 10px; color: #576B74;} .title_bar {background: url(/images/site/star.gif) 0 0 no-repeat; padding-left: 70px; margin-bottom: 20px;} .title_bar h1 {background: url(/images/site/title_line.png) 0 bottom no-repeat; padding-bottom: 10px; font-weight: normal;} #events_title {background: url(/images/site/icon_events.gif) 0 0 no-repeat;} #news_title {background: url(/images/site/icon_news.gif) 0 0 no-repeat;} /* Secondary Content */ #secondary_content {width: 220px; float: right; margin-right: 20px; padding-top: 25px;} .sc_nav {padding-left: 20px; border-left: 2px solid #e0e6e9; margin-bottom: 20px;} .sc_nav h2 {margin-bottom: 10px; font-weight: normal;} .sc_nav ul {list-style: none; margin-bottom: 20px;} .sc_nav ul li {margin-bottom: 5px;} /* Events */ #main_content .event_summary {width: 640px; margin-bottom: 20px;} #main_content .event_summary p {margin-bottom: 0;} .event_date {padding-top: 10px; text-align: center; float: left; width: 75px; margin-right: 45px; height: 75px; overflow: hidden; background: url(/images/site/event_dates.gif) no-repeat;} .event_date p {color: #fff;} .event_text {width: 520px; float: right;} .event_month {font-size: 18px; text-transform: uppercase;} .event_day {font-size: 36px; line-height: 36px;} /* News */ .news_summary {width: 640px; margin-bottom: 20px;} /* Two Column Form */ #form_left {width: 460px; float: left; padding-left: 10px;} #form_right {width: 460px; float: right; padding-right: 10px;} .form_section {width: 430px; margin-bottom: 20px;} .form_section p {margin-bottom: 10px;} .form_section h2 {font-size: 18px; color: #576b74; border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 5px;} .form_section h2 span {color: #f47323;} .form_section h3 {font-size: 12px; text-transform: uppercase; margin-bottom: 10px; color: #576b74;} .form_section label {width: 140px; float: left; display: block; margin-right: 20px; vertical-align: middle;} .form_section input {width: 220px; padding: 10px; background: #ebebeb;} .form_section select {width: 220px; padding: 10px; background: none;} .form_section input:focus {background: #e4eef0;} .form_section textarea {width: 220px; height: 80px; padding: 10px; background: #ebebeb;} .form_section textarea:focus {background: #e4eef0;} .form_section input.radio {width: 15px; padding: 0; background: none; margin-right: 5px;} .form_section input.checkbox {width: 15px; padding: 0; background: none; margin-right: 5px;} .form_section table {width: 430px;} .form_section table thead th {color: #576b74; font-weight: bold; text-align: left; padding: 5px 0; font-size: 14px;} .form_section table tbody td {color: #576b74; padding: 10px 5px; font-size: 13px;} .form_section table tr.odd {background: #f4f4f4;} .form_section input.submit {width: 160px; height: 70px; background: url(/images/site/btn_submit.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer; border 0;} #form_submit {width: 920px; margin: 0 auto; text-align: center;} #form_submit input.submit {width: 160px; height: 70px; background: url(/images/site/btn_submit.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer; border 0;} /* Footer Push */ #push {height: 260px;} /* Footer */ #footer_wrapper {height: 260px; background: url(/images/site/footer_rptr.png) repeat-x; overflow: hidden;} #footer {width: 960px; margin: 0 auto; padding-top: 20px; background: url(/images/site/footer_strip.jpg) 0 0 no-repeat;} #footer h2 {color: #bbbdc5; font-weight: normal; margin-bottom: 10px;} #footer ul {list-style: none;} #footer ul li {margin-bottom: 3px;} #footer ul li a {color: #fff;} .footer_column {width: 150px; float: left; margin-right: 10px;} #footer_copyright {width: 960px; text-align: center; float: left; margin-top: -7px;} #footer_copyright p {color: #BBBDC5;} #footer_copyright a {color: #fff;} #foot_face {float: left; display: block; width: 25px; height: 25px; background: url(/images/site/sm_fb.png) no-repeat; text-indent: -9999px;} #foot_face:hover {background-position: 0 -25px;} #foot_twit {float: left; display: block; width: 25px; height: 25px; background: url(/images/site/sm_t.png) no-repeat; text-indent: -9999px;} #foot_twit:hover {background-position: 0 -25px;} /* 8. Ammendments (Rocky's) ------------------------------------------------------------------------------*/ #biglink {font-size: xx-large; text-align: center;} /* Single Column Form */ #form_center {width: 760px; padding-left:170px; text-align: center;} /* SRC checklist */ #src {width: 760px; text-align: center;} .form_section_src hr{width: 940px; height: 3px; color: #cccccc; background-color: #cccccc; border-top-width: 0px;} .form_section_src {width: 760px; margin-bottom: 20px;} .form_section_src p {margin-bottom: 20px;} .form_section_src h2 {font-size: 18px; color: #576b74; border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 5px;} .form_section_src h2 span {color: #f47323;} .form_section_src form {width: 950px;} .form_section_src h3 {font-size: 12px; text-transform: uppercase; margin-bottom: 10px; color: #576b74;} .form_section_src label {width: 300px; float: left; display: block; margin-right: 20px; vertical-align: middle;} .form_section_src input {width: 560px; padding: 10px; background: #ebebeb;} .form_section_src select {width: 220px; padding: 10px; background: none;} .form_section_src input:focus {background: #e4eef0;} .form_section_src textarea {width: 560px; height: 80px; padding: 10px; background: #ebebeb;} .form_section_src textarea:focus {background: #e4eef0;} .form_section_src input.radio {width: 15px; padding: 0; background: none; margin-right: 5px;} .form_section_src input.checkbox {width: 15px; padding: 0; background: none; margin-right: 5px;} .form_section_src table {width: 430px;} .form_section_src table thead th {color: #576b74; font-weight: bold; text-align: left; padding: 5px 0; font-size: 14px;} .form_sections_rc table tbody td {color: #576b74; padding: 10px 5px; font-size: 13px;} .form_section_src table tr.odd {background: #f4f4f4;} .form_section_src input.submit {width: 160px; height: 70px; background: url(/images/site/btn_submit.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer; border 0;} /* PIN Form */ #PIN_form label {width: 80px; float: left; display: block; margin-right: 20px; vertical-align: middle; font-size: 16px; padding-top: 5px;} #PIN_form input {width: 100px; padding: 10px; background: #ebebeb;} #PIN_form input:focus {background: #e4eef0;} #PIN_form input.checkbox {width: auto; padding: 0; background: none; margin-right: 5px;} #PIN_form input.submit {width: 160px; height: 70px; background: url(/images/site/btn_submit.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer; border 0;} /* Abstract Form */ #abstract textarea {width: 400px; height: 350px; padding: 10px; background: #ebebeb;} #abstract textarea:focus {background: #e4eef0;} /* Full page content */ #inner_content {width: 850px; padding-left: 40px; float: left; margin-right: 40px;} /* Regional Director Student Entry */ .student_line {padding-bottom: 20px;} .student_line input {background: #ebebeb; width: 300px;} .student_line input#short {background: #ebebeb; width: 150px;} .student_line input[disabled='disabled'] {background: #ccffcc; width: 300px;} .student_line input:focus { background: #e4eef0;} .student_line label {padding-left:25px;} .student_line label#pin {padding-left:25px; font-style:italic;} #enter_description {padding: 20px; margin-left: 30px; margin-right: 30px;} #enter_description p{padding: 10px;} /* menu dropdown bar */ #menu_drop {width: 700px; height: 80px; margin-left: auto; margin-right: auto;} #menu_drop ul { font-family: Arial, Verdana; font-size: 14px; margin: 0; padding: 0; list-style: none; } #menu_drop ul li { display: block; position: relative; float: left; } #menu_drop li ul { display: none; } #menu_drop ul li a { display: block; text-decoration: none; color: #ffffff; border-top: 1px solid #ffffff; padding: 5px 15px 5px 15px; background: #2C5463; margin-left: 1px; white-space: nowrap; } #menu_drop ul li a:hover { background: #617F8A; } #menu_drop li:hover ul { display: block; position: absolute; } #menu_drop li:hover li { float: none; font-size: 11px; } #menu_drop li:hover a { background: #617F8A; } #menu_drop li:hover li a:hover { background: #95A9B1; } .src_table table, th, th {border-bottom-width:1px; border-bottom-style:solid; border-color: black;} .src_table table {width:940px;} .src_table table td {border:1px solid rgb(0, 0, 0); text-align: right;} /* Sponsors */ .sponsor {width: 900px; float: left; margin-right: 40px; margin-bottom: 20px;} .sponsor_image {width: 100px; float: left; margin-right: 10px;} .sponsor_text {width: 900px; float: left;} .sponsor_text h2 {font-size: 16px;} #sponsor_image {width: 160px; float: left; margin-right: 20px;} #sponsor_text {width: 530px; float: right;}