Team:British Columbia/ubcigem2013.css

From 2013.igem.org

(Difference between revisions)
 
(228 intermediate revisions not shown)
Line 4: Line 4:
#top-section {
#top-section {
     border: none;
     border: none;
-
     height: 0px;}
+
     height: 20px;}
#content {
#content {
-
     border: none;}
+
     border: 1px solid #C9C9C9;
 +
    border-radius: 5px;
 +
    padding-top: 0px;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
    padding-bottom: 10px;
 +
}
 +
 
 +
.centre {
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    display: block
 +
}
 +
 
/* Removes "teams" from the menubar */
/* Removes "teams" from the menubar */
-
#menubar > ul > li:last-child {
+
#menubar.left-menu > ul > li:last-child {
     display: none;}
     display: none;}
/* Resizes the menubar to fit the links (default is 400px) */
/* Resizes the menubar to fit the links (default is 400px) */
-
#menubar {
+
#menubar.left-menu {
     width: auto;}
     width: auto;}
 +
body {
 +
  font-family: Helvetica;
 +
  background-image: url('https://static.igem.org/mediawiki/2013/f/f2/Background_tiles-01.png');
 +
  /*background-size: 400px 300px;*/
 +
}
 +
 +
h1 {
 +
  text-align: center;
 +
  font-weight: bold;
 +
  padding-top: 0px;
 +
}
 +
 +
p {
 +
    font-size: 14px;
 +
}
 +
 +
a:link {
 +
  color: #508c25;
 +
}
 +
a:visited {
 +
  color: #508c25;
 +
}
 +
a:hover {
 +
  color: #508c25;
 +
}
 +
a:active {
 +
  color: #508c25;
 +
}
 +
 +
table#toc {
 +
  display: none;
 +
}
 +
 +
p, h1, h2, h3, h4, h5, h6, li {
 +
  margin-left: 25px;
 +
  margin-right: 25px;
 +
}
 +
 +
h1 {
 +
  border-bottom: 0px;
 +
  font-size: 220%;
 +
}
 +
 +
#headerdiv {
 +
    height: 120px;
 +
    width: 100%;
 +
}
 +
 +
#headerimage {
 +
    width: 100%;
 +
}
 +
 +
#igemhome {
 +
  position: absolute;
 +
  top: 5px;
 +
  left: 800px;
 +
}
 +
 +
#ubccrest {
 +
    position: absolute;
 +
    left: 880px;
 +
    top: 13px;
 +
    z-index: 1;
 +
}
 +
 +
#mainmenu {
 +
    background: rgba(255, 255, 255, 0);
 +
    position: absolute;
 +
    left: 110px;
 +
    top: 32px;
 +
    width: 900px;
 +
    font-size: 14px;
 +
    font-weight: bold;
 +
    padding: 0;
 +
    list-style: none;
 +
}
 +
#mainmenu li {
 +
    display: block;
 +
    position: relative;
 +
    width: 126px;
 +
    margin-bottom: 20px;
 +
    float: left;
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
}
 +
#mainmenu li ul {
 +
    display: none;
 +
    color: #FFF;
 +
    background: rgba(0, 0, 0, 1);
 +
}
 +
#mainmenu li a {
 +
    display: block;
 +
    text-decoration: none;
 +
    color: #000000;
 +
    padding: 5px 15px 5px 7px;
 +
    /*background: #A6DF96;*/
 +
    /*background: #FFFFFF;*/
 +
    margin-left: 0px;
 +
    white-space: nowrap;
 +
}
 +
#mainmenu li a:hover {
 +
/*background: #CEF6C3;*/
 +
background: rgba(0, 0, 0, 1);
 +
}
 +
#mainmenu li:hover ul {
 +
    margin: 0px;
 +
    display: block;
 +
    position: absolute;
 +
}
 +
#mainmenu li:hover li {
 +
    float: none;
 +
    margin-bottom: 0px;
 +
    font-size: 11px;
 +
}
 +
#mainmenu li:hover a { background: #82C5F5 }
 +
#mainmenu li:hover li a:hover {
 +
    background: #229BF2;
 +
}
 +
 +
.surveytable {
 +
    border: 1px solid black;
 +
    border-collapse: collapse;
 +
    margin: 20px 40px;
 +
    text-align: center;
 +
}
 +
 +
.surveytable td {
 +
    border: 1px solid black;
 +
    width: 100px;
 +
}
 +
 +
.benefit {
 +
    width: 150px;
 +
}
 +
 +
#bigteamtable {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 +
#descrcell {
 +
  vertical-align: top;
 +
  width: 300px;
 +
  padding: 0px;
 +
}
 +
 +
#descrp {
 +
  font-weight: normal;
 +
  font-size: 0.8em;
 +
  text-align: left;
 +
  padding: 0px;
-
p {font-family: sans-serif;}
+
#personname {
-
.menu {border-collapse: collapse;
+
  border-width: 0px;
-
      width: 100%;
+
  font-weight: bold;
-
      text-align: center;
+
}
-
      margin-left: auto;
+
#persontitle {
-
      margin-right: auto;}
+
  font-weight: normal;
-
.menuopt {border: 1px solid black;
+
}
-
    padding: 5px;}
+

Latest revision as of 05:25, 28 October 2013

/* Get rid of the default iGEM style... thanks DTU Denmark 2011! */

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 20px;}
  1. content {
   border: 1px solid #C9C9C9;
   border-radius: 5px;
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 10px;

}

.centre {

   margin-left: auto;
   margin-right: auto;
   display: block

}

/* Removes "teams" from the menubar */

  1. menubar.left-menu > ul > li:last-child {
   display: none;}

/* Resizes the menubar to fit the links (default is 400px) */

  1. menubar.left-menu {
   width: auto;}

body {

  font-family: Helvetica;
  background-image: url('https://static.igem.org/mediawiki/2013/f/f2/Background_tiles-01.png');
  /*background-size: 400px 300px;*/

}

h1 {

  text-align: center;
  font-weight: bold;
  padding-top: 0px;

}

p {

   font-size: 14px;

}

a:link {

  color: #508c25;

} a:visited {

  color: #508c25;

} a:hover {

  color: #508c25;

} a:active {

  color: #508c25;

}

table#toc {

  display: none;

}

p, h1, h2, h3, h4, h5, h6, li {

  margin-left: 25px;
  margin-right: 25px;

}

h1 {

  border-bottom: 0px;
  font-size: 220%;

}

  1. headerdiv {
   height: 120px;
   width: 100%;

}

  1. headerimage {
   width: 100%;

}

  1. igemhome {
  position: absolute;
  top: 5px;
  left: 800px;

}

  1. ubccrest {
   position: absolute;
   left: 880px;
   top: 13px;
   z-index: 1;

}

  1. mainmenu {
   background: rgba(255, 255, 255, 0);
   position: absolute;
   left: 110px;
   top: 32px;
   width: 900px;
   font-size: 14px;
   font-weight: bold;
   padding: 0;
   list-style: none;

}

  1. mainmenu li {
   display: block;
   position: relative;
   width: 126px;
   margin-bottom: 20px;
   float: left;
   margin-left: 0;
   margin-right: 0;

}

  1. mainmenu li ul {
   display: none;
   color: #FFF;
   background: rgba(0, 0, 0, 1);

}

  1. mainmenu li a {
   display: block;
   text-decoration: none;
   color: #000000;
   padding: 5px 15px 5px 7px;
   /*background: #A6DF96;*/
   /*background: #FFFFFF;*/
   margin-left: 0px;
   white-space: nowrap;

}

  1. mainmenu li a:hover {

/*background: #CEF6C3;*/ background: rgba(0, 0, 0, 1); }

  1. mainmenu li:hover ul {
   margin: 0px;
   display: block;
   position: absolute;

}

  1. mainmenu li:hover li {
   float: none;
   margin-bottom: 0px;
   font-size: 11px;

}

  1. mainmenu li:hover a { background: #82C5F5 }
  2. mainmenu li:hover li a:hover {
   background: #229BF2;

}

.surveytable {

   border: 1px solid black;
   border-collapse: collapse;
   margin: 20px 40px;
   text-align: center;

}

.surveytable td {

   border: 1px solid black;
   width: 100px;

}

.benefit {

   width: 150px;

}

  1. bigteamtable {
 margin-left: auto;
 margin-right: auto;

}

  1. descrcell {
 vertical-align: top;
 width: 300px;
 padding: 0px;

}

  1. descrp {
 font-weight: normal;
 font-size: 0.8em;
 text-align: left;
 padding: 0px;
  1. personname {
 border-width: 0px;
 font-weight: bold;

}

  1. persontitle {
 font-weight: normal;

}