Difference between revisions of "Template:2015Top"
(45 intermediate revisions by 2 users not shown) | |||
Line 77: | Line 77: | ||
width: 180px; | width: 180px; | ||
float: left; | float: left; | ||
− | height: | + | height:1950px; |
padding-top:5px; | padding-top:5px; | ||
} | } | ||
Line 182: | Line 182: | ||
background-color:#c1dfa6; | background-color:#c1dfa6; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
Line 190: | Line 194: | ||
/*Container for the iGEM logo, top left corner*/ | /*Container for the iGEM logo, top left corner*/ | ||
#igemLogo { | #igemLogo { | ||
− | width: | + | width: 160px; |
float:left; | float:left; | ||
text-align:center; | text-align:center; | ||
Line 196: | Line 200: | ||
margin-top:10px; | margin-top:10px; | ||
height:80px; | height:80px; | ||
+ | position:fixed; | ||
+ | display:initial; | ||
} | } | ||
Line 208: | Line 214: | ||
#pageTitle { | #pageTitle { | ||
width: 730px; | width: 730px; | ||
− | float: | + | float: none; |
padding: 5px 10px 0px 10px; | padding: 5px 10px 0px 10px; | ||
height:80px; | height:80px; | ||
margin-top:10px; | margin-top:10px; | ||
+ | margin-left:180px; | ||
+ | |||
} | } | ||
Line 222: | Line 230: | ||
/*Gray lines that dives the top of the page and clears */ | /*Gray lines that dives the top of the page and clears */ | ||
#grayLine_Clear { | #grayLine_Clear { | ||
− | |||
height: 1px; | height: 1px; | ||
background-color: #ccc; | background-color: #ccc; | ||
margin:auto; | margin:auto; | ||
clear:both; | clear:both; | ||
+ | margin-left:180px; | ||
+ | width: 800px; | ||
} | } | ||
Line 236: | Line 245: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
− | padding: | + | padding: 0px 20px 0px 20px; |
+ | padding-bottom: 80px; | ||
+ | padding-top: 30px; | ||
} | } | ||
+ | |||
/* For pages with submenus, creates the right column of the page*/ | /* For pages with submenus, creates the right column of the page*/ | ||
#rightColumn { | #rightColumn { | ||
− | + | margin-left:180px; | |
− | float: | + | padding:0px; |
− | padding: | + | margin-top: 10px; |
+ | float:right; | ||
+ | width:800px; | ||
+ | padding-bottom: 50px; | ||
+ | padding-top: 10px; | ||
} | } | ||
Line 253: | Line 269: | ||
width: 160px; | width: 160px; | ||
float: left; | float: left; | ||
− | + | background-color: #f2f2f2; | |
− | + | padding: 0px; | |
position: fixed; | position: fixed; | ||
+ | height: 100vh; | ||
+ | margin:0px; | ||
+ | padding-top:-1px; | ||
+ | display:initial; | ||
} | } | ||
Line 265: | Line 285: | ||
font-size: 13px; | font-size: 13px; | ||
color: #434343; | color: #434343; | ||
+ | } | ||
+ | |||
+ | #leftColumn li .sidemenu_below { | ||
+ | font-weight: normal; | ||
+ | font-style: italic; | ||
+ | font-size: smaller; | ||
+ | text-align: right; | ||
+ | margin-right: 2em; | ||
} | } | ||
Line 270: | Line 298: | ||
padding-left: 10px; | padding-left: 10px; | ||
margin-left: -19px; | margin-left: -19px; | ||
− | |||
padding-bottom: 4px; | padding-bottom: 4px; | ||
margin-bottom: -1px; | margin-bottom: -1px; | ||
Line 304: | Line 331: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
+ | |||
+ | |||
+ | #contentWrap a h3{ | ||
+ | position:relative; | ||
+ | top: -50px; | ||
+ | } | ||
/* Styling links on hover- links are different in menu divs */ | /* Styling links on hover- links are different in menu divs */ | ||
Line 363: | Line 396: | ||
vertical-align: text-top; | vertical-align: text-top; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* styling for all the headers in all the pages */ | ||
+ | #rightColumn h2{ | ||
+ | background-color: #ccc; | ||
+ | padding-left: 10px; | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
Line 410: | Line 454: | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | li.menusubtopic { | ||
+ | background-color:#ccc; | ||
+ | font-weight:bold; | ||
+ | } | ||
/*Class for text that needs to be highlighted, used in span tag */ | /*Class for text that needs to be highlighted, used in span tag */ | ||
Line 580: | Line 631: | ||
} | } | ||
+ | .twoColumns_div { | ||
+ | width: 48%; | ||
+ | float:left; | ||
+ | padding:5px; | ||
+ | } | ||
− | |||
+ | .threeColumns_div { | ||
+ | width: 31%; | ||
+ | float:left; | ||
+ | padding:5px; | ||
+ | } | ||
− | |||
− | |||
+ | .Alumni_Menu{ | ||
+ | float:left; | ||
+ | width: 100px; | ||
+ | margin-top:50px; | ||
+ | height: 25px; | ||
− | + | /*animate transition */ | |
− | + | -webkit-transition: background 0.2s linear; | |
+ | -moz-transition: background 0.2s linear; | ||
+ | -ms-transition: background 0.2s linear; | ||
+ | -o-transition: background 0.2s linear; | ||
+ | transition: background 0.2s linear; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 624: | Line 677: | ||
</div> | </div> | ||
− | <div id="grayLine_Clear"></div> | + | <div id="grayLine_Clear"></div></html> |
− | </html> | + |
Latest revision as of 15:56, 9 July 2015