Difference between revisions of "Team:RHIT/StyleSheet1"
| (484 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 */ | ||
| Line 29: | Line 32: | ||
/* 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; | padding:auto; | ||
position:absolute; | position:absolute; | ||
| − | top: | + | top:150%; |
| − | + | text-align:left; | |
| − | text-align: | + | background-color:#454652; |
| − | + | font-family: "Arial", Helvetica, sans-serif; | |
| − | font-family: "Arial", Helvetica, sans-serif; | + | z-index:0; |
| − | + | } | |
| − | + | ||
| − | + | #contentContainer { | |
| − | + | position:absolute | |
| − | + | padding-top:1px; | |
| − | padding-left: | + | padding-left:2%; |
| − | padding-right: | + | 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:20%; | height:20%; | ||
| − | width:100%; | + | 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 75: | 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 91: | Line 89: | ||
#contentContainer a { | #contentContainer a { | ||
font-weight: bold; | font-weight: bold; | ||
| − | color: # | + | color: #DBA24C; |
| − | background-color: # | + | background-color: #454552; |
} | } | ||
| Line 109: | 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 150: | Line 151: | ||
.goneon{ | .goneon{ | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top:39px; |
| − | + | left:480px; | |
opacity: 0.0; | opacity: 0.0; | ||
filter: alpha(opacity=000); | filter: alpha(opacity=000); | ||
| Line 158: | Line 159: | ||
.goneoff{ | .goneoff{ | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top:39px; |
| − | + | left:688px; | |
opacity: 0.0; | opacity: 0.0; | ||
filter: alpha(opacity=000); | filter: alpha(opacity=000); | ||
} | } | ||
| + | |||
| + | /* headers for effects/interactive text*/ | ||
.effectHeader1{ | .effectHeader1{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 172: | Line 175: | ||
.effectHeader2{ | .effectHeader2{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 179: | Line 182: | ||
.effectHeader3{ | .effectHeader3{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
font-size:18px; | 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