|
|
| Line 73: |
Line 73: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| - |
| |
| - | #ContentAll{
| |
| - | position:absolute;
| |
| - | width:1000px;
| |
| - | height:700px;
| |
| - | /*autocenter horizontally*/
| |
| - | left:50%;
| |
| - | margin-left:-500px;
| |
| - |
| |
| - | background-color:#E17E7E;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #MainBanner{
| |
| - | /*set to be flush against content*/
| |
| - | position:absolute;
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | margin:0px;
| |
| - | padding:0px;
| |
| - | width:1000px;
| |
| - | height:150px;
| |
| - | background-color:white;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #SideBarAll{
| |
| - | /*set to be flush against left and MainBanner*/
| |
| - | position:absolute;
| |
| - | top:150px;
| |
| - | left:0px;
| |
| - | width:200px;
| |
| - | height:550px;
| |
| - | background-color:white;
| |
| - | }
| |
| - |
| |
| - | #MainBoxAll{
| |
| - | /*set to be flush against MainBanner and SideBarAll*/
| |
| - | position:absolute;
| |
| - | top:150px;
| |
| - | left:200px;
| |
| - | width: 800px;
| |
| - | height:550px;
| |
| - | background-color:white;
| |
| - | }
| |
| - |
| |
| - | #MainBoxContent{
| |
| - | position:absolute;
| |
| - | width:750px;
| |
| - | height:450px;
| |
| - | background-color:gray;
| |
| - | left:25px;
| |
| - | top:25px;
| |
| - | }
| |
| - |
| |
| - | #MainBoxOtherLinks{
| |
| - | position:absolute;
| |
| - | width: 800px;
| |
| - | height: 75px;
| |
| - | background-color: white;
| |
| - | top: 475px;
| |
| - | }
| |
| - |
| |
| - | #MainBoxOtherLinks p.otherLinks{
| |
| - | position:absolute;
| |
| - | left:200px;
| |
| - | top:25px;
| |
| - | background-color: none;
| |
| - | color: gray;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #MainBoxOtherLinks p.otherLinks a{
| |
| - | text-decoration:none;
| |
| - | color: gray;
| |
| - | }
| |
| - |
| |
| - | #MainBoxOtherLinks p.otherLinks a:hover{
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | body{
| |
| - | background-color:gray;
| |
| - | }
| |
| - |
| |
| - | /*end container boxs*/
| |
| - |
| |
| - | /*Start Revised sidebar styles*/
| |
| - |
| |
| - | .sideNavBar2
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:25px;
| |
| - | left:0px;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | border:0px;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 ul li
| |
| - | {
| |
| - | list-style:none;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a{
| |
| - | font-family: Trebuchet MS, Verdana, Century Gothic, Tahoma, sans-serif;
| |
| - | font-size:20px;
| |
| - | //font-weight:600;
| |
| - |
| |
| - | padding-top:5px;
| |
| - | padding-left:15px;
| |
| - |
| |
| - |
| |
| - | text-decoration:none;
| |
| - | background-color:white;
| |
| - | display:block;
| |
| - | width:150px;
| |
| - | height:35px;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a:link {
| |
| - | border-width:1px 1px 1px 3px;
| |
| - | border-style:none none none solid;
| |
| - | border-color:white;
| |
| - | color: gray;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a:visited {
| |
| - | border-width:1px 1px 1px 3px;
| |
| - | border-style:none none none solid;
| |
| - | border-color:white;
| |
| - | color: gray;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a:hover { /*cool button*/
| |
| - | border-width:1px 1px 1px 3px;
| |
| - | border-style: none none none solid;
| |
| - | border-color:#660000 #660000 #660000 #660000;
| |
| - | color: #FBB917;
| |
| - | }
| |
| - | .sideNavBar2 a:active {
| |
| - | border-width:1px 1px 1px 3px;
| |
| - | border-style: none none none solid;
| |
| - | border-color:#660000 #660000 #660000 #660000;
| |
| - | color: #FBB917;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a.current{ /*force black for current button*/
| |
| - | color: #660000;
| |
| - | }
| |
| - |
| |
| - | .sideNavBar2 a.current:hover{ /*allow for gold to still happen for current button*/
| |
| - | color: #FBB917;
| |
| - | }
| |
| - |
| |
| - | .sideSocialMediaButtons{
| |
| - | position:absolute;
| |
| - | width:120px;
| |
| - | height:60px;
| |
| - | top:460px;
| |
| - | left:30px;
| |
| - | background-color:white;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*End Revised sidebar styles*/
| |
| - |
| |
| - | /*Start Main Content items*/
| |
| - | .rightNavButtons {
| |
| - | position:absolute;
| |
| - | top:140px;
| |
| - | left:695px;
| |
| - | width:80px;
| |
| - | height:220px;
| |
| - | background-color:transparent;
| |
| - | }
| |
| - |
| |
| - | .rightNavButtons a{
| |
| - | display:block;
| |
| - | }
| |
| - |
| |
| - | .mainContentTextBanner{
| |
| - | position:absolute;
| |
| - | top:350px;
| |
| - | left:0px;
| |
| - | width:730px;
| |
| - | height:80px;
| |
| - | background-color:#660000;
| |
| - | opacity:0.7;
| |
| - | font-size:20px;
| |
| - | color:white;
| |
| - | padding: 10px;
| |
| - | }
| |
| | | | |
| | </style> | | </style> |
| - |
| |
| - | <script type="text/javascript">
| |
| - | function displayDate()
| |
| - | {
| |
| - | var currentDate = new Date();
| |
| - | var compDate = new Date(2012,10,3,0,0,0,0);
| |
| - | var dif = compDate - currentDate;
| |
| - | var sec = dif/1000;
| |
| - | var min = sec/60;
| |
| - | var hour = min/60;
| |
| - | var day = hour/24;
| |
| - | var week = Math.floor(day/7);
| |
| - | var dispday = Math.floor(day)%24;
| |
| - | var disphour = Math.floor(hour)%24;
| |
| - | var dispmin = Math.floor(min)%60;
| |
| - | var dispsec = Math.floor(sec)%60;
| |
| - | var dispString = "Time until iGEM North America East Regional Jamboree: " + week + " weeks, " + dispday + " days, " + disphour + " hours, " + dispmin + " minutes, " + dispsec + " seconds.";
| |
| - | document.getElementById("demo").innerHTML=dispString;
| |
| - | t=setTimeout('displayDate()',500);
| |
| - |
| |
| - | }
| |
| - | </script>
| |
| | | | |
| | </head> | | </head> |
"
