|
|
| Line 178: |
Line 178: |
| | | | |
| | <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;
| |
| - | }
| |
| - |
| |
| - |
| |
| | | | |
| | //Team Page specific | | //Team Page specific |
| Line 419: |
Line 219: |
| | <div id="ContentAll"> | | <div id="ContentAll"> |
| | | | |
| - | | + | <div id="MainBannerImage"> |
| | + | <img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/MainBanner_trans.png"> |
| | + | </div> |
| | + | <div id="MainBanner"> |
| | + | </div> |
| | | | |
| | <div id="SideBarAll"> | | <div id="SideBarAll"> |
"
