Template:Team:Vanderbilt/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
html, body {
html, body {
-
     background-image: url("File: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%;
     height: 100%;
     height: 100%;

Revision as of 03:29, 25 January 2015

html, body {

   background-image: url("Vanderbilt_wiki_background.jpg");
   background-size: 100% 100%;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   overflow: auto;
   font-family: "Verdana";

}

p {

   font-style: normal;
   font-size: 1em;

}

header {

   font-size: 2em;

}

footer {

   font-size: 0.75em;
   font-style: italic;
   position:relative;
   bottom:0;

}

table {

   margin: auto;
   margin-top: 1%;
   margin-bottom: 1%;
   text-align: center;

} .button {

   width: 10%;
   height: 4%;
   margin: 0.5%;
   background-color: white;
   box-shadow: 0.25em 0.25em 0.25em rgba(0,0,0,0.4);
   border-radius: 0.25em;
   visibility: hidden;

}

.button:hover {

   opacity: 0.9;

}

  1. right_button {
   float: right;

}

  1. left_button {
   float: left;

}

  1. managers {
   border: 1em solid lightsteelblue;
   width: 100%;

}

  1. silver {
   border: 1em solid silver;
   width: 100%;

}

  1. bronze {
   border: 1em solid darkgoldenrod;
   width: 100%;

}

.row_title {

   font-weight: bold;

}

.page_img {

   border: 1em solid floralwhite;
   border-bottom: 4em solid floralwhite;
   width: 150px;
   height: 150px;
   margin: 2%;
   float: right;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);

}

.var_page_img {

   border: 1em solid floralwhite;
   border-bottom: 4em solid floralwhite;
   margin-left: 12%;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);

}

  1. igem_header {
   height: 20px;
   font-size: 1em;
   background-color: black;
   color: grey;
   text-align: justify;

}

  1. openLabBook {
   display: block;
   max-width: 100%;
   margin: auto;
   height: 85%;
   width: 100%;
   background-image: url(open.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;

} .page {

   width: 47%;
   height: 90%;
   margin-top: 1%;
   margin-left: 1.5%;
   margin-right: 1.5%;
   margin-bottom: 1.5%;
   overflow: auto;

}

  1. left_page {
   float: left;

}

  1. right_page {
   float: right;

}

  1. tabs {
   display: block;
   height: 5%;
   width: 90%;
   margin-left: 5%;
   margin-right: 5%;

}

  1. igem_logo {
   height: 100%;
   width: 3%;
   margin: auto;
   margin-left: 2.75%;
   visibility: visible;

}

  1. igem_logo:hover {
   opacity: 0.9;

}

.tab_left:hover {

   opacity: 0.9;

}

.tab_right:hover {

   opacity: 0.9;

}

.tab_left {

   height: 100%;
   width: 6%;
   margin-left: 0.25%;
   margin-right: 0.25%;
   float: left;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   visibility: hidden;

} .tab_right {

   height: 100%;
   width: 6%;
   margin-left: 0.25%;
   margin-right: 0.25%;
   float: right;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   visibility: hidden;

}

/*left tab properties ----------------------------------------------------------- */

  1. home_tab_left {
   background-image: url("home_tab.png");

}

  1. team_tab_left {
   background-image: url("team_tab.png");

}

  1. project_tab_left {
   background-image: url("project_tab.png");

}

  1. parts_tab_left {
   background-image: url("parts_tab.png");

}

  1. notebook_tab_left {
   background-image: url("notebook_tab.png");

}

  1. safety_tab_left {
   background-image: url("safety_tab.png");

}

  1. attributions_tab_left {
   background-image: url("attributions_tab.png");

}

/*right tab properties ----------------------------------------------------------- */

  1. home_tab_right {
   background-image: url("home_tab.png");

}

  1. team_tab_right {
   background-image: url("team_tab.png");

}

  1. project_tab_right {
   background-image: url("project_tab.png");

}

  1. parts_tab_right {
   background-image: url("parts_tab.png");

}

  1. notebook_tab_right {
   background-image: url("notebook_tab.png");

}

  1. safety_tab_right {
   background-image: url("safety_tab.png");

}

  1. attributions_tab_right {
   background-image: url("attributions_tab.png");

}