Template:Team:Vanderbilt/CSS

From 2014.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
 +
 +
#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: hidden; height:100%;}
 +
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
 +
 +
.firstHeading { 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 9: 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 34: 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 50: 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 91: 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 105: 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 130: Line 173:
#tabs {
#tabs {
 +
    position: relative;
     display: block;
     display: block;
     height: 5%;
     height: 5%;
Line 135: Line 179:
     margin-left: 5%;
     margin-left: 5%;
     margin-right: 5%;
     margin-right: 5%;
 +
    margin-top: 20px;
}
}
Line 158: Line 203:
.tab_left {
.tab_left {
 +
    position: relative;
     height: 100%;
     height: 100%;
     width: 6%;
     width: 6%;
Line 168: Line 214:
}
}
.tab_right {
.tab_right {
 +
    position: relative;
     height: 100%;
     height: 100%;
     width: 6%;
     width: 6%;
Line 180: 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 ----------------------------------------------------------- */
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
-
#home_tab_right {
+
.firstHeading {
-
    background-image: url("home_tab.png");
+
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;  
}
}
-
#team_tab_right {
+
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
-
    background-image: url("team_tab.png");
+
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
}
}
-
#project_tab_right {
+
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
-
    background-image: url("project_tab.png");
+
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
}
}
-
#parts_tab_right {
+
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
    background-image: url("parts_tab.png");
+
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
}
}
-
#notebook_tab_right {
+
body {  
-
    background-image: url("notebook_tab.png");
+
background-color: #fff;
}
}
-
#safety_tab_right {
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
    background-image: url("safety_tab.png");
+
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
#attributions_tab_right {
+
#contentcontainer { /*-- creates container for all content on page --*/
-
    background-image: url("attributions_tab.png");
+
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
        overflow: hidden;
}
}
 +
 +
</style>
</html>
</html>

Latest revision as of 03:07, 27 January 2015