Template:Team:Vanderbilt/CSS

From 2014.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 4: Line 4:
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow-x: hidden; height:100%;}
+
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
 +
.firstHeading { display: none;}
.printfooter { display: none; }
.printfooter { display: none; }
html, body {
html, body {
 +
    position: relative;
     background-image: url("https://static.igem.org/mediawiki/parts/7/74/Vanderbilt_wiki_background.jpg");
     background-image: url("https://static.igem.org/mediawiki/parts/7/74/Vanderbilt_wiki_background.jpg");
     background-size: 100% 100%;
     background-size: 100% 100%;
Line 16: Line 18:
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
-
     overflow: auto;
+
     overflow: hidden;
     font-family: "Verdana";
     font-family: "Verdana";
 +
}
 +
 +
html {
 +
    overflow: hidden;
 +
}
 +
td.td_title {
 +
    font-style: italic;
}
}
p {
p {
     font-style: normal;
     font-style: normal;
-
     font-size: 1em;
+
     font-size: 1.1em;
}
}
header {
header {
-
     font-size: 2em;
+
     font-size: 1.5em;
 +
    margin-bottom: 8px;
}
}
Line 41: Line 51:
     margin-bottom: 1%;
     margin-bottom: 1%;
     text-align: center;
     text-align: center;
 +
    background-color: transparent;
}
}
 +
.button {
.button {
-
     width: 10%;
+
    position: absolute;
 +
    bottom: 2%;
 +
     width: 8%;
     height: 4%;
     height: 4%;
     margin: 0.5%;
     margin: 0.5%;
-
     background-color: white;
+
     background-color: transparent;
-
    box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.4);
+
-
    border-radius: 0.25em;
+
     visibility: hidden;
     visibility: hidden;
}
}
 +
 +
.tab_right a {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    top: 0;
 +
    left: 0;
 +
    text-decoration: none; /* No underlines on the link */
 +
    z-index: 10; /* Places the link above everything else in the div */
 +
    background-color: #FFF; /* Fix to make div clickable in IE */
 +
    opacity: 0; /* Fix to make div clickable in IE */
 +
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
 +
}
 +
 +
.tab_left a {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    top: 0;
 +
    left: 0;
 +
    text-decoration: none; /* No underlines on the link */
 +
    z-index: 10; /* Places the link above everything else in the div */
 +
    background-color: #FFF; /* Fix to make div clickable in IE */
 +
    opacity: 0; /* Fix to make div clickable in IE */
 +
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
 +
}
 +
.button:hover {
.button:hover {
Line 57: Line 96:
#right_button {
#right_button {
-
     float: right;
+
     background-image: url("https://static.igem.org/mediawiki/parts/2/22/Vanderbilt_right_arrow_2.png");
 +
    background-size: 100% 100%;
 +
    right: 1%;
}
}
#left_button {
#left_button {
-
     float: left;
+
     background-image: url("https://static.igem.org/mediawiki/parts/0/06/Vanderbilt_left_arrow_2.png");
 +
    background-size: 100% 100%;
 +
    left: 1%;
}
}
Line 98: Line 141:
     margin-left: 12%;
     margin-left: 12%;
     box-shadow: 0 0 3px rgba(0,0,0,0.3);
     box-shadow: 0 0 3px rgba(0,0,0,0.3);
-
}
 
-
 
-
#igem_header {
 
-
    height: 20px;
 
-
    font-size: 1em;
 
-
    background-color: black;
 
-
    color: grey;
 
-
    text-align: justify;
 
}
}
Line 112: Line 147:
     max-width: 100%;
     max-width: 100%;
     margin: auto;
     margin: auto;
-
     height: 85%;
+
     height: 90%;
     width: 100%;
     width: 100%;
-
     background-image: url(open.png);
+
     background-image: url("https://static.igem.org/mediawiki/parts/3/3b/Vanderbilt_Open_Labbook_smaller.png");
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-size: 100% 100%;
 +
    box-shadow: 5px 5px 5px #111111;
}
}
.page {
.page {
Line 137: Line 173:
#tabs {
#tabs {
 +
    position: relative;
     display: block;
     display: block;
     height: 5%;
     height: 5%;
Line 142: Line 179:
     margin-left: 5%;
     margin-left: 5%;
     margin-right: 5%;
     margin-right: 5%;
 +
    margin-top: 20px;
}
}
Line 165: Line 203:
.tab_left {
.tab_left {
 +
    position: relative;
     height: 100%;
     height: 100%;
     width: 6%;
     width: 6%;
Line 175: Line 214:
}
}
.tab_right {
.tab_right {
 +
    position: relative;
     height: 100%;
     height: 100%;
     width: 6%;
     width: 6%;
Line 187: Line 227:
/*left tab properties ----------------------------------------------------------- */
/*left tab properties ----------------------------------------------------------- */
-
#home_tab_left {
+
#home_tab_left, #home_tab_right {
-
     background-image: url("home_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/8/8a/Vanderbilt_home_tab.png");
}
}
-
#team_tab_left {
+
#team_tab_left, #team_tab_right {
-
     background-image: url("team_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/1/1d/Vanderbilt_team_tab.png");
}
}
-
#project_tab_left {
+
#project_tab_left, #project_tab_right {
-
     background-image: url("project_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/5/5c/Vanderbilt_project_tab.png");
}
}
-
#parts_tab_left {
+
#parts_tab_left, #parts_tab_right {
-
     background-image: url("parts_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/1/1b/Vanderbilt_parts_tab.png");
}
}
-
#notebook_tab_left {
+
#notebook_tab_left, #notebook_tab_right {
-
     background-image: url("notebook_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/d/d9/Vanderbilt_notebook_tab.png");
}
}
-
#safety_tab_left {
+
#safety_tab_left, #safety_tab_right {
-
     background-image: url("safety_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/a/af/Vanderbilt_safety_tab.png");
}
}
-
#attributions_tab_left {
+
#attributions_tab_left, #attributions_tab_right {
-
     background-image: url("attributions_tab.png");
+
     background-image: url("https://static.igem.org/mediawiki/parts/9/90/Vanderbilt_attributions_tab.png");
-
}
+
-
 
+
-
/*right tab properties ----------------------------------------------------------- */
+
-
 
+
-
#home_tab_right {
+
-
    background-image: url("home_tab.png");
+
-
}
+
-
 
+
-
#team_tab_right {
+
-
    background-image: url("team_tab.png");
+
-
}
+
-
 
+
-
#project_tab_right {
+
-
    background-image: url("project_tab.png");
+
-
}
+
-
 
+
-
#parts_tab_right {
+
-
    background-image: url("parts_tab.png");
+
-
}
+
-
 
+
-
#notebook_tab_right {
+
-
    background-image: url("notebook_tab.png");
+
-
}
+
-
 
+
-
#safety_tab_right {
+
-
    background-image: url("safety_tab.png");
+
-
}
+
-
 
+
-
#attributions_tab_right {
+
-
    background-image: url("attributions_tab.png");
+
}
}
Line 296: Line 306:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
}
 
-
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
}
}
Line 314: Line 318:
background-color: #transparent;  
background-color: #transparent;  
margin-top: 0px;  
margin-top: 0px;  
 +
        overflow: hidden;
}
}
</style>
</style>
-
 
</html>
</html>

Latest revision as of 03:07, 27 January 2015