Difference between revisions of "Team:RHIT/StyleSheet2"

 
(45 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: #836C6C;
+
background-color:#836C6C;
−
border: 0px;
+
                                position: absolute;
−
float:left;
+
                                top:9px;
−
                                  
+
                                 left: 48.6%;
−
margin:0px;
+
                                margin-right: -51.4%;
−
padding: 0px;
+
                                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: 20px;  
+
margin-left: auto;  
−
}
+
                                margin-right: auto;
 +
                    }
 +
 
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
  
 
/* Change Background color*/
 
/* Change Background color*/
 
body {  
 
body {  
−
background-color:transparent;
+
background-color:#836C6C;
−
}
+
        }
  
 
/* 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:101.3%;
+
width:108.65%;
−
                                height:100%;
+
 
overflow:hidden;
 
overflow:hidden;
−
float:inherit;
+
                                 position:absolute;
−
        padding:auto;
+
                                 top:150%;
−
                                 position:relative;
+
−
                                 top:-6px;
+
−
                                left:54%;
+
 
                                 text-align:center;
 
                                 text-align:center;
−
background-color:#605552;
+
              background-color:#605552;
−
font-family: "Arial", Helvetica, sans-serif;
+
font-family: "Arial", Helvetica, sans-serif;
−
                                 z-index:0;
+
                                 z-index:0;                    
 
                                           }
 
                                           }
−
                               
 
  
−
/* Creates the container for the content */
+
                  #contentContainer {
−
#contentContainer {
+
                                position:absolute
−
                             
+
                                padding-top:1px;
−
padding-top:1px;
+
 
                                 padding-left:1px;
 
                                 padding-left:1px;
 
                                 padding-right:1px;
 
                                 padding-right:1px;
 
                                 height: 100%;
 
                                 height: 100%;
−
width: 97%;
+
                                width: 97%;
−
float:left
+
                                float:left
−
background-color:#605552;  
+
                                background-color:#836C6C;
−
font-family: "Arial", Helvetica, sans-serif;
+
                                font-family: "Arial", Helvetica, sans-serif;
−
                                z-index:1;
+
                                      }
−
                               
+
 
−
                    }
+
 
  
 
/*Set up height place holder for the banner*/
 
/*Set up height place holder for the banner*/
Line 64: Line 61:
 
                                 width:100%;   
 
                                 width:100%;   
 
                                 position: relative;
 
                                 position: relative;
−
                                 top:-6px;
+
                                 top:176px;  
−
                                 left:50%;
+
                                 float:left;
−
                                 z-index:2;  
+
                                 z-index:1;
 
                  }
 
                  }
  
Line 90: Line 87:
 
#contentContainer a {  
 
#contentContainer a {  
 
font-weight: bold;
 
font-weight: bold;
−
color: #8CDEBB;
+
color: #DBA24C;
−
                     background-color: transparent;
+
                     background-color: #605552;
 
                      }
 
                      }
  
 
  /* 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: #DD50AF;
+
color: #d46d30;
 
                            }
 
                            }
  
 
/*Change the styling of tables */
 
/*Change the styling of tables */
 
         #contentContainer table {
 
         #contentContainer table {
−
     border: 1px solid #605552;
+
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     width: 90%
 
     width: 90%
Line 114: Line 111:
 
     #contentContainer  td {
 
     #contentContainer  td {
 
     padding: 10px;
 
     padding: 10px;
−
     border: 1px solid #605552;
+
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 
     vertical-align: text-top;
 
     vertical-align: text-top;
Line 121: Line 118:
 
/*Change the styling of table headers */
 
/*Change the styling of table headers */
 
     #contentContainer th {
 
     #contentContainer th {
−
     background-color: transparent;
+
     background-color: #E8E8E9;
 
     padding: 10px;
 
     padding: 10px;
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
Line 128: Line 125:
 
                             }
 
                             }
 
/*links*/
 
/*links*/
−
                         a:link { color:#8CDEBB; background-color:transparent; text-decoration:none}
+
                         a:link { color:#efefef; background-color:transparent; text-decoration:none}
−
                         a:visited { color:#8CDEBB; background-color:transparent; text-decoration:none}
+
                         a:visited { color:#efefef; background-color:transparent; text-decoration:none}
−
                         a:hover { color:#DD50AF; background-color:transparent; text-decoration:none}
+
                         a:hover { color:#64afb3; background-color:transparent; text-decoration:none}
−
                         a:active { color:#8CDEBB; background-color:transparent; text-decoration:none}
+
                         a:active { color:#efefef; background-color:transparent; text-decoration:none}
  
  
Line 162: Line 159:
 
                   filter: alpha(opacity=000);
 
                   filter: alpha(opacity=000);
 
                             }
 
                             }
 +
 +
        /* headers for effects/interactive text*/
  
 
               .effectHeader1{
 
               .effectHeader1{
Line 183: Line 182:
 
                         font-size:18px;
 
                         font-size:18px;
 
                           }
 
                           }
−
 
+
                   
−
                 /* positions for menu buttons*/
+
                 /*buttons for the menu*/
  
 
                     .home1{
 
                     .home1{
Line 198: Line 197:
 
                     .project1{
 
                     .project1{
 
                       position:absolute;
 
                       position:absolute;
−
                       top: 120px;
+
                       top: 125px;
 
                       left: 300px;
 
                       left: 300px;
 
                           }
 
                           }
 +
                   
 
                     .parts1{
 
                     .parts1{
 
                       position:absolute;
 
                       position:absolute;
 
                       top: 140px;
 
                       top: 140px;
−
                       left: 490px;
+
                       left: 500px;
 
                           }
 
                           }
 +
                   
  
 
                       #Des{
 
                       #Des{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:267px;
+
                         top:276px;
−
                         left:672px;  
+
                         left:691px;  
 
                         display: none;                     
 
                         display: none;                     
 
                                   }
 
                                   }
Line 216: Line 217:
 
                       #Wet{
 
                       #Wet{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:339px;
+
                         top:349px;
−
                         left:702px;   
+
                         left:721px;   
 
                         display: none;                     
 
                         display: none;                     
 
                                   }
 
                                   }
Line 223: Line 224:
 
                       #Prot{
 
                       #Prot{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:395px;
+
                         top:405px;
−
                         left:685px;  
+
                         left:706px;  
 
                         display: none;                     
 
                         display: none;                     
 
                                   }
 
                                   }
 +
  
 
                       .ProjectSubDesc{
 
                       .ProjectSubDesc{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:250px;
+
                         top:255px;
 
                         left:300px;
 
                         left:300px;
−
                        display: none;
 
−
                                  }
 
−
 
−
                      .ProjectSubExp{
 
−
                        position:absolute;
 
−
                        top:315px;
 
−
                        left:280px;
 
 
                         display: none;
 
                         display: none;
 
                                   }
 
                                   }
Line 244: Line 239:
 
                       .ProjectSubResults{
 
                       .ProjectSubResults{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:418px;
+
                         top:455px;
 
                         left:320px;
 
                         left:320px;
 
                         display: none;
 
                         display: none;
Line 251: Line 246:
 
                       .ProjectSubHuman{
 
                       .ProjectSubHuman{
 
                         position:absolute;
 
                         position:absolute;
−
                         top:486px;
+
                         top:320px;
 
                         left:310px;
 
                         left:310px;
 
                         display: none;
 
                         display: none;
 +
                                  }
 +
 +
                      .ProjectSubAttr{
 +
                        position:absolute;
 +
                        top:372px;
 +
                        left:281px;
 +
                        display:none;
 
                                   }
 
                                   }
  
 
                     .notebook1{
 
                     .notebook1{
 
                       position:absolute;
 
                       position:absolute;
−
                       top:100px;
+
                       top:115px;
−
                       left:650px;
+
                       left:655px;
 
                           }
 
                           }
  
Line 268: Line 270:
 
                           }
 
                           }
  
−
     
+
 
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:12, 13 August 2015