Difference between revisions of "Team:RHIT/StyleSheet1"
| (390 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: | + | 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:2%; | |
| − | padding-left: | + | padding-right:2%; |
| − | padding-right: | + | |
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*/ | ||
| Line 63: | Line 62: | ||
width:100%; | width:100%; | ||
position: relative; | position: relative; | ||
| − | top: | + | top:176px; |
| − | left: | + | float:left; |
| + | z-index:1; | ||
} | } | ||
| Line 73: | Line 73: | ||
font-size: 20px; | font-size: 20px; | ||
color:#efefef; | color:#efefef; | ||
| + | |||
} | } | ||
| 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 164: | Line 168: | ||
.effectHeader1{ | .effectHeader1{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 171: | Line 175: | ||
.effectHeader2{ | .effectHeader2{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 178: | Line 182: | ||
.effectHeader3{ | .effectHeader3{ | ||
| − | color:# | + | color:#DBA246; |
text-decoration:underline; | text-decoration:underline; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
| Line 185: | Line 189: | ||
/*buttons for the menu*/ | /*buttons for the menu*/ | ||
| − | . | + | |
| + | .home1{ | ||
position:absolute; | position:absolute; | ||
top: 10px; | top: 10px; | ||
left: 5px; | left: 5px; | ||
} | } | ||
| − | . | + | .team1{ |
position:absolute; | position:absolute; | ||
top: 90px; | top: 90px; | ||
left: 170px; | left: 170px; | ||
} | } | ||
| − | . | + | .project1{ |
position:absolute; | position:absolute; | ||
| − | top: | + | top: 125px; |
left: 300px; | left: 300px; | ||
} | } | ||
| − | . | + | |
| + | .parts1{ | ||
position:absolute; | position:absolute; | ||
top: 140px; | top: 140px; | ||
left: 500px; | 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; | position:absolute; | ||
| − | top: | + | top:115px; |
| − | left: | + | left:655px; |
} | } | ||
| − | . | + | |
| + | .safety1{ | ||
position:absolute; | position:absolute; | ||
| − | top: | + | top:30px; |
left:880px; | left:880px; | ||
} | } | ||
| + | |||
| + | .attn { | ||
| + | color:#9CFBE4; | ||
| + | } | ||
| + | </style> | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 21:49, 18 September 2015