Difference between revisions of "Team:RHIT/StyleSheet1"
(776 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | /* Hide first heading */ | |
− | + | ||
− | + | ||
.firstHeading { | .firstHeading { | ||
display: none; | display: none; | ||
Line 9: | Line 7: | ||
/*-- Remove borders, float content left and remove padding/margin */ | /*-- Remove borders, float content left and remove padding/margin */ | ||
− | #globalWrapper, #content{ | + | #globalWrapper,#content{ |
− | background-color: | + | background-color: #63697b; |
− | + | position: absolute; | |
− | + | top:9px; | |
− | + | left: 48.6%; | |
− | + | margin-right: -51.4%; | |
+ | transform: translate(-50%, -50%); | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
} | } | ||
/*left align Black Menu Bar */ | /*left align Black Menu Bar */ | ||
#top_menu_inside { | #top_menu_inside { | ||
− | margin-left: | + | margin-left: auto; |
+ | margin-right: auto; | ||
} | } | ||
Line 26: | Line 27: | ||
/* Change Background color*/ | /* Change Background color*/ | ||
body { | body { | ||
− | background-color: # | + | background-color: #63697b; |
} | } | ||
/* Creates a container that will wrap all of the content inside your wiki pages. */ | /* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
#mainContainer { | #mainContainer { | ||
− | width: | + | width:108.7%; |
overflow:hidden; | overflow:hidden; | ||
− | + | padding:auto; | |
− | + | position:absolute; | |
− | + | top:150%; | |
− | + | text-align:left; | |
− | + | background-color:#454652; | |
− | + | font-family: "Arial", Helvetica, sans-serif; | |
− | + | z-index:0; | |
− | + | } | |
− | font-family: "Arial", Helvetica, sans-serif; | + | |
− | + | #contentContainer { | |
− | + | position:absolute | |
− | + | padding-top:1px; | |
− | + | padding-left:2%; | |
− | + | padding-right:2%; | |
− | + | height: 100%; | |
− | + | width: 97%; | |
− | + | float:left | |
− | + | background-color:#454652; | |
− | + | font-family: "Arial", Helvetica, sans-serif; | |
+ | } | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/*Set up height place holder for the banner*/ | /*Set up height place holder for the banner*/ | ||
#bannerContainer { | #bannerContainer { | ||
− | height: | + | height:20%; |
− | + | width:100%; | |
− | + | position: relative; | |
− | + | top:176px; | |
− | + | float:left; | |
+ | z-index:1; | ||
+ | } | ||
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | /*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
Line 79: | Line 72: | ||
#mainContainer p { | #mainContainer p { | ||
font-size: 20px; | font-size: 20px; | ||
− | color: #efefef; | + | color:#efefef; |
− | + | ||
− | + | } | |
+ | |||
/*This changes the color and font family */ | /*This changes the color and font family */ | ||
Line 89: | Line 83: | ||
font-weight: bold; | font-weight: bold; | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
− | margin-top: | + | margin-top:0px; |
− | + | } | |
/*Style of the links - links are different inside the menu */ | /*Style of the links - links are different inside the menu */ | ||
#contentContainer a { | #contentContainer a { | ||
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #DBA24C; |
− | background-color: # | + | background-color: #454552; |
− | + | } | |
/* Styling links on hover- links are different inside the menu */ | /* Styling links on hover- links are different inside the menu */ | ||
#contentContainer a:hover { | #contentContainer a:hover { | ||
color: #d46d30; | color: #d46d30; | ||
− | + | } | |
/*Change the styling of tables */ | /*Change the styling of tables */ | ||
Line 113: | Line 107: | ||
margin-top: 15px; | margin-top: 15px; | ||
margin-right: 10px; | margin-right: 10px; | ||
− | margin-left: | + | margin-left: 21%; |
− | + | } | |
/*Change the styling of table cells*/ | /*Change the styling of table cells*/ | ||
#contentContainer td { | #contentContainer td { | ||
+ | color:#efefef; | ||
padding: 10px; | padding: 10px; | ||
− | border: 1px solid # | + | border: 1px solid #DBA24C; |
border-collapse: collapse; | border-collapse: collapse; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
− | + | background-color:#454652; | |
+ | } | ||
/*Change the styling of table headers */ | /*Change the styling of table headers */ | ||
#contentContainer th { | #contentContainer th { | ||
− | background-color: # | + | color:#efefef; |
+ | background-color: #63697b; | ||
padding: 10px; | padding: 10px; | ||
− | border: 1px solid # | + | border: 1px solid #DBA24C; |
border-collapse: collapse; | border-collapse: collapse; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*links*/ | /*links*/ | ||
− | |||
a:link { color:#efefef; background-color:transparent; text-decoration:none} | a:link { color:#efefef; background-color:transparent; text-decoration:none} | ||
a:visited { color:#efefef; background-color:transparent; text-decoration:none} | a:visited { color:#efefef; background-color:transparent; text-decoration:none} | ||
− | a:hover { color:# | + | a:hover { color:#64afb3; background-color:transparent; text-decoration:none} |
a:active { color:#efefef; background-color:transparent; text-decoration:none} | a:active { color:#efefef; background-color:transparent; text-decoration:none} | ||
− | + | ||
Line 212: | Line 146: | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*anything invisible*/ | /*anything invisible*/ | ||
− | . | + | |
+ | .goneon{ | ||
+ | position: absolute; | ||
+ | top:39px; | ||
+ | left:480px; | ||
opacity: 0.0; | opacity: 0.0; | ||
− | filter: alpha(opacity= | + | filter: alpha(opacity=000); |
} | } | ||
+ | |||
+ | .goneoff{ | ||
+ | position: absolute; | ||
+ | top:39px; | ||
+ | left:688px; | ||
+ | opacity: 0.0; | ||
+ | filter: alpha(opacity=000); | ||
+ | } | ||
+ | |||
+ | /* headers for effects/interactive text*/ | ||
+ | |||
+ | .effectHeader1{ | ||
+ | color:#DBA246; | ||
+ | text-decoration:underline; | ||
+ | text-transform:uppercase; | ||
+ | font-size:24px; | ||
+ | } | ||
+ | |||
+ | .effectHeader2{ | ||
+ | color:#DBA246; | ||
+ | text-decoration:underline; | ||
+ | text-transform:uppercase; | ||
+ | font-size:20px; | ||
+ | } | ||
+ | |||
+ | .effectHeader3{ | ||
+ | color:#DBA246; | ||
+ | text-decoration:underline; | ||
+ | text-transform:uppercase; | ||
+ | font-size:18px; | ||
+ | } | ||
+ | |||
+ | /*buttons for the menu*/ | ||
+ | |||
+ | .home1{ | ||
+ | position:absolute; | ||
+ | top: 10px; | ||
+ | left: 5px; | ||
+ | } | ||
+ | .team1{ | ||
+ | position:absolute; | ||
+ | top: 90px; | ||
+ | left: 170px; | ||
+ | } | ||
+ | .project1{ | ||
+ | position:absolute; | ||
+ | top: 125px; | ||
+ | left: 300px; | ||
+ | } | ||
+ | |||
+ | .parts1{ | ||
+ | position:absolute; | ||
+ | top: 140px; | ||
+ | left: 500px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #Des{ | ||
+ | position:absolute; | ||
+ | top:276px; | ||
+ | left:691px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #Wet{ | ||
+ | position:absolute; | ||
+ | top:349px; | ||
+ | left:721px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #Prot{ | ||
+ | position:absolute; | ||
+ | top:405px; | ||
+ | left:706px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #ref{ | ||
+ | position:absolute; | ||
+ | top:480px; | ||
+ | left:683px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .ProjectSubDesc{ | ||
+ | position:absolute; | ||
+ | top:255px; | ||
+ | left:300px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .ProjectSubResults{ | ||
+ | position:absolute; | ||
+ | top:320px; | ||
+ | left:320px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .ProjectSubHuman{ | ||
+ | position:absolute; | ||
+ | top:390px; | ||
+ | left:310px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .ProjectSubAttr{ | ||
+ | position:absolute; | ||
+ | top:442px; | ||
+ | left:281px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .notebook1{ | ||
+ | position:absolute; | ||
+ | top:115px; | ||
+ | left:655px; | ||
+ | } | ||
+ | |||
+ | .safety1{ | ||
+ | position:absolute; | ||
+ | top:30px; | ||
+ | left:880px; | ||
+ | } | ||
+ | |||
+ | .attn { | ||
+ | color:#9CFBE4; | ||
+ | } | ||
+ | </style> | ||
+ | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 21:49, 18 September 2015