Difference between revisions of "Team:RHIT/StyleSheet1"
(697 intermediate revisions by the same user not shown) | |||
Line 7: | 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; | ||
} | } | ||
+ | |||
/* PAGE LAYOUT */ | /* PAGE LAYOUT */ | ||
/* 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-left: | + | padding-right:2%; |
− | + | ||
− | + | ||
height: 100%; | 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 72: | 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 82: | 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; |
} | } | ||
Line 88: | Line 89: | ||
#contentContainer a { | #contentContainer a { | ||
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #DBA24C; |
− | background-color: # | + | background-color: #454552; |
} | } | ||
Line 106: | 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; | ||
Line 142: | Line 146: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/*anything invisible*/ | /*anything invisible*/ | ||
+ | |||
.goneon{ | .goneon{ | ||
− | position: | + | position: absolute; |
− | top: | + | top:39px; |
− | left: | + | left:480px; |
opacity: 0.0; | opacity: 0.0; | ||
filter: alpha(opacity=000); | filter: alpha(opacity=000); | ||
} | } | ||
+ | |||
.goneoff{ | .goneoff{ | ||
− | position: | + | position: absolute; |
− | top: | + | top:39px; |
− | left: | + | left:688px; |
opacity: 0.0; | opacity: 0.0; | ||
filter: alpha(opacity=000); | 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