/* Title: SMU Tube screen styles Authors: Modern Media and trampoline Notes: Global font size set to 75%... 1em = 12px, .92em = 11px */ /* Globals */ body {background:#34352B url(/images/interface/bgPage.gif) top center; margin:0; padding:0; font:normal 76% verdana;} * {margin:0; padding:0;} a {color:#98002E;} .clear {clear:both; height:1px; line-height:0;} #content * {background:#ffffff;} #sidebar * {background:#ffffff;} /* Graphical Headers */ #header {position:relative; width:814px; height:209px; margin:15px auto 0 auto; padding:0; background:url(/images/interface/bgTop.gif) top no-repeat;} #header h1 {width:168px; height:174px; float:left; margin:0; text-indent:-9999px; overflow:hidden; position:relative; left:-60px; background:url(/images/interface/logo.gif) no-repeat;} #header h1 a {width:168px; height:174px; display:block;} #header h2 {width:349px; height:47px; float:left; margin:0; text-indent:-9999px; overflow:hidden; margin-top:90px;} #headerHome {background:url(/images/interface/headerHome.gif) no-repeat;} #headerYou {background:url(/images/interface/headerYou.gif) no-repeat;} #headerSpirit {background:url(/images/interface/headerSpirit.gif) no-repeat;} #headerCareers {background:url(/images/interface/headerCareers.gif) no-repeat;} #headerProfs {background:url(/images/interface/headerProfs.gif) no-repeat;} #headerTour {background:url(/images/interface/headerTour.gif) no-repeat;} /* Navigation - Knob Container and Link */ .knob {width:166px; height:95px; position:absolute; z-index:20; top:65px; left:527px;} .knob a {width:85px; height:85px; display:block; position:absolute; z-index:30; left:76px;} /* Navigation - Knob Position Images */ #knobHome {background:url(/images/interface/knobHome.gif) no-repeat;} #knobYou {background:url(/images/interface/knobYou.gif) no-repeat;} #knobSpirit {background:url(/images/interface/knobSpirit.gif) no-repeat;} #knobProfs {background:url(/images/interface/knobCareers.gif) no-repeat;} /* #knobTour {background:url(/images/interface/knobProfs.gif) no-repeat;} */ #knobTour {background:url(/images/interface/knobYou.gif) no-repeat;} /* Commented out until careers section launches #knobCareers {background:url(/images/interface/knobCareers.gif) no-repeat;} #knobProfs {background:url(/images/interface/knobProfs.gif) no-repeat;} #knobTour {background:url(/images/interface/knobTour.gif) no-repeat;} */ /* Navigation - Container and List Elements */ #navigation {width:254px; height:181px; position:absolute; z-index:10; top:20px; left:527px;} #navigation ul {width:100%; height:100%; list-style:none; background:url(/images/interface/knobBackground.gif) no-repeat; margin:0; padding:0;} #navigation ul li {float:left; display:inline; overflow:hidden;} #navigation ul li a {float:left; text-indent:-9999px; width:100%; height:100%; background-image:url(/images/interface/knobNavigation.gif); background-repeat:no-repeat;} /* Navigation - Graphical Text Links */ #navHome {width:42px; height:16px; margin:13px 0 0 96px;} #navHome a {background-position:-60px 0;} #navHome a:hover {background-position:0 0;} #navYou {width:36px; height:26px; margin:35px 0 0 172px;} #navYou a {background-position:-78px -16px;} #navYou a:hover {background-position:0 -16px;} #navSpirit {width:45px; height:23px; margin:-4px 0 0 179px;} #navSpirit a {background-position:-78px -42px;} #navSpirit a:hover {background-position:0 -42px;} #navProfs {width:60px; height:22px; margin:2px 0 0 182px;} #navProfs a {background-position:-78px -65px;} #navProfs a:hover {background-position:0 -65px;} #navTour {width:44px; height:20px; margin:2px 0 0 180px;} #navTour a {background-position:-78px -87px;} #navTour a:hover {background-position:0 -87px;} #navApply {width:78px; height:19px; margin:58px 0 0 76px;} #navApply a {background-position:-78px -107px;} #navApply a:hover {background-position:0 -107px;} #navPrograms {width:78px; height:19px; margin:-19px 0 0 157px;} #navPrograms a {background-position:-78px -126px;} #navPrograms a:hover {background-position:0 -126px;} /* Commented out until careers section launches #navTour {width:35px; height:26px; margin:-4px 0 0 173px;} #navTour a {background-position:-60px -107px;} #navTour a:hover {background-position:0 -87px;} */ /* Wrappers */ #wrapper1 {width:814px; background:url(/images/interface/bgFill.gif) bottom; margin:0 auto;} #wrapper2 {background:url(/images/interface/bgBottom.gif) bottom no-repeat; min-height:350px;} #wrapper2 h3 {font:bold 1em "Trebuchet MS", Arial; letter-spacing:0.3em; border-bottom:1px solid #bfbfbf; color:#737373; text-transform:uppercase; padding-bottom:0.5em; margin:35px 0 .7em 0;} /* Sidebar */ #sidebar {width:230px; float:right; background:url(/images/interface/bgRight.gif) top right no-repeat; padding:0 37px 40px 0; font:normal 1em "Trebuchet MS";} #sidebar #apply, #sidebar #tour, #sidebar #programs, #sidebar #facebook, #sidebar #huskiesfacebook {margin-top:15px;} #sidebar #apply p, #sidebar #tour p, #sidebar #programs p, #sidebar #facebook p, #sidebar #huskiesfacebook p {position:absolute; left:-9999px;} #sidebar #apply a {width:230px; height:47px; display:block; background:url(/images/interface/buttonApply.gif) no-repeat;} #sidebar #tour a {width:230px; height:47px; display:block; background:url(/images/interface/buttonTour.gif) no-repeat;} #sidebar #programs a {width:230px; height:47px; display:block; background:url(/images/interface/buttonPrograms.gif) no-repeat;} #sidebar #facebook a {width:230px; height:47px; display:block; background:url(/images/interface/buttonFacebook.gif) no-repeat;} #sidebar #huskiesfacebook a {width:230px; height:47px; display:block; background:url(/images/interface/HuskiesFacebookButton.gif) no-repeat;} #sidebar a {text-decoration:none;} #sidebar a:hover {text-decoration:underline;} /* Sidebar - Video Keywords */ #sidebar ul {padding-left:1.5em; margin-bottom:10px; color:#bfbfbf;} #sidebar li {margin-bottom:.25em;} /* Sidebar - Video Thumbnails */ #sidebar img {float:left; border:2px solid #D9D9D9; margin-bottom:8px;} #sidebar dl {margin:0 0 10px 82px;} #sidebar ul {padding:0; margin:0;} #sidebar dd {font:normal .92em verdana; color:#808080;} /* Sidebar - Upload Instructions */ #sidebar ol {padding:1.2em 1em 0.5em 2.5em; background:#EBECE7; font:bold 1.2em/1.5 "Trebuchet MS"; color:#737373; border:1px solid #bfbfbf; margin:0 0 20px 0;} #sidebar ol li {padding:0 0 1em 0; background:#EBECE7;} /* Content */ #content {width:495px; float:left; background:url(/images/interface/bgLeft.gif) top left no-repeat; padding:0 0 40px 37px;} #content p {font:normal 1em/1.6 verdana; padding-bottom:1em;} #content h2 {font:normal 2em "Trebuchet MS", Arial; padding-bottom:0.5em;} #content h3 {width:480px;} /* Upload Page */ #content table {width:480px; border-bottom:1px solid #bfbfbf; font-size:.92em;} #content table * {font-weight:normal;} #content th {text-align:right; padding:.5em .5em .3em 0; white-space:nowrap; vertical-align:top;} #content td {text-align:left; padding:.2em .5em .3em 0;} #content input {background:#EBECE7; width:;} #content #guidelines {background:none; width:auto;} #content #submitbutton {margin:15px; float:right; width:25%; height:2.5em;} /* Video (common to all types) */ .video {margin-bottom:15px;} .video img {border:3px solid #D9D9D9; margin-bottom:20px;} .video dt a {text-decoration:none;} .video dt a:hover {text-decoration:underline;} .video dt {font:normal 1.7em/normal "Trebuchet MS", Arial; color:#98002E;} .video dt i {font:bold .6em verdana; color:#808080; display:block;} .video dl {font:normal .92em/1.5 verdana;} .video dt,.video dd {margin-bottom:0.4em;} .video ul {font-size:.90em; list-style:none;} .video label {font-weight:bold; color:#808080;} /* Featured Video */ .featured {width:480px; clear:both;} .featured img {float:left;} .featured dl {margin-left:165px;} .featured li {display:block; margin-right:1em;} /* Static Videos (2 column layout) */ .static {width:350px;} .static img {float:left;} .static dl {margin-left:165px;} .static dt {font-weight:bold; font-size:1.3em;} .static dt {font-weight:bold; font-size:1.3em;} .left {float:left; clear:both;} .right {float:right;} /* Thumbnail Video */ .thumbnail {width:150px; float:left; margin-right:15px; height:250px;} .thumbnail img {margin-bottom:.4em; width:140px;} .thumbnail dt {font-weight:bold; font-size:1.08em;} .thumbnail dt i {font-size:.92em;} .thumbnail li {display:block;} /* Detail Video */ .detail {width:480px; margin-right:15px;} .detail div {text-align:center; margin:20px auto;} .detail div h4 {text-align:center; padding:8px; margin:5px; border:1px solid #cccccc; background-color:#F6F6F2 !important; color:#808080; font:bold 1em verdana;} .detail dt {border-top:1px solid #bfbfbf; padding-top:.7em;} .detail dd {font-size:1.2em;} .detail ul {margin-top:15px;} .detail #tags {font-size:1em; display:inline; list-style:none;} .detail #tags li {display:inline;} .detail #tags li:after {content:" , ";} .detail #tags li.last:after {content:"";} /* Rating Stars */ li.rating {display:block; height:20px;} .rating label {position:absolute; left:-9999px;} .rating a span {position:absolute; left:-9999px;} .rating a {display:block; float:left; width:15px; height:15px;} .rating img {border:none;} li.currentrating {display:block; height:20px;} .currentrating label {position:absolute; left:-9999px;} .currentrating span {display:block; float:left; width:15px; height:15px; background:url(/images/interface/starOn.gif) no-repeat !important;} #star_title {font-weight:bold; color:#808080;} /* You Widget */ #toolbar {/*position:absolute; top:248px;*/ width:480px; float:left; margin: 15px 0px;} #toolbar p {margin:0; padding:0; line-height:0;} /* p tag is just to allow pages to validate */ #toolbar * {padding-bottom:1px;} /* IE fix so bottom of button won't be cut off */ #toolbar form {float:right;} #toolbar input {width:150px; vertical-align:middle;} #toolbar #upload {float:left; width:137px; height:23px; display:block; background:url(/images/interface/buttonUpload.gif) no-repeat;} #toolbar #upload span {position:absolute; left:-9999px;} #toolbar #search {border:none; width:63px; height:23px; background:url(/images/interface/buttonSearch.gif) no-repeat !important;} /* Paging Widget */ .paging {width:480px; clear:both; font:normal .92em arial; line-height:normal; overflow:auto;} .paging a {text-decoration:none;} .sort {float:left;} .sort b a {color:#000000;} .sort a {padding:0 7px; border-right:1px solid #bfbfbf;} .sort a.last {border:none;} .sort a.selected {font-weight:bold; color:#000000;} .sort a:hover {text-decoration:underline;} .page {float:right;} .page a {display:block; float:left; border:1px solid #cccccc; padding:2px 4px; margin:1px; background-color:#F6F6F2 !important;} .page a:hover {background:#ABAB89 !important;} .page a.selected {background:#ABAB89 !important; color:white;} .page a.previous, .page a.next {border:none; background:none !important;} .page a:hover.previous, .page a:hover.next {text-decoration:underline; background:none !important:} /* Footer */ #footer {width:814px; margin:0 auto; padding:1em 0; color:#B1B39C; text-align:center;} #footer ul {list-style:none;} #footer li {display:inline; margin:0 .7em;} #footer a {color:#ABAB89; text-decoration:none;} #footer a:hover {color:#CECE91; text-decoration:underline;} /* Tabs */ .showTab1 #tab1 {color:#000; background:#ededed; border-bottom:1px solid #ededed;} .showTab1 .tab1 {display:block;} .showTab1 .tab2 {display:none;} .showTab1 .tab3 {display:none;} .showTab1 .tab4 {display:none;} .showTab1 .tab5 {display:none;} .showTab2 #tab2 {color:#000; background:#ededed; border-bottom:1px solid #ededed;} .showTab2 .tab1 {display:none;} .showTab2 .tab2 {display:block;} .showTab2 .tab3 {display:none;} .showTab2 .tab4 {display:none;} .showTab2 .tab5 {display:none;} .showTab3 #tab3 {color:#000; background:#ededed; border-bottom:1px solid #ededed;} .showTab3 .tab1 {display:none;} .showTab3 .tab2 {display:none;} .showTab3 .tab3 {display:block;} .showTab3 .tab4 {display:none;} .showTab3 .tab5 {display:none;} .showTab4 #tab4 {color:#000; background:#ededed; border-bottom:1px solid #ededed;} .showTab4 .tab1 {display:none;} .showTab4 .tab2 {display:none;} .showTab4 .tab3 {display:none;} .showTab4 .tab4 {display:block;} .showTab4 .tab5 {display:none;} .showTab5 #tab5 {color:#000; background:#ededed; border-bottom:1px solid #ededed;} .showTab5 .tab1 {display:none;} .showTab5 .tab2 {display:none;} .showTab5 .tab3 {display:none;} .showTab5 .tab4 {display:none;} .showTab5 .tab5 {display:block;}