Team:British Columbia/ubcigem2013.css

From 2013.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 6: Line 6:
     height: 20px;}
     height: 20px;}
#content {
#content {
-
     border: none;
+
     border: 1px solid #C9C9C9;
-
     border-radius: 5px;}
+
     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 */
Line 17: Line 28:
body {
body {
-
   font-family: sans-serif;
+
   font-family: Helvetica;
   background-image: url('https://static.igem.org/mediawiki/2013/f/f2/Background_tiles-01.png');
   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 {
p {
     font-size: 14px;
     font-size: 14px;
 +
}
 +
 +
a:link {
 +
  color: #508c25;
 +
}
 +
a:visited {
 +
  color: #508c25;
 +
}
 +
a:hover {
 +
  color: #508c25;
 +
}
 +
a:active {
 +
  color: #508c25;
}
}
Line 32: Line 63:
   margin-left: 25px;
   margin-left: 25px;
   margin-right: 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 {
#mainmenu {
-
     width: 1010px;
+
    background: rgba(255, 255, 255, 0);
 +
    position: absolute;
 +
    left: 110px;
 +
    top: 32px;
 +
     width: 900px;
     font-size: 14px;
     font-size: 14px;
-
     margin-left: -20px;
+
     font-weight: bold;
     padding: 0;
     padding: 0;
     list-style: none;
     list-style: none;
Line 52: Line 114:
#mainmenu li ul {
#mainmenu li ul {
     display: none;
     display: none;
 +
    color: #FFF;
 +
    background: rgba(0, 0, 0, 1);
}
}
#mainmenu li a {
#mainmenu li a {
Line 58: Line 122:
     color: #000000;
     color: #000000;
     padding: 5px 15px 5px 7px;
     padding: 5px 15px 5px 7px;
-
     background: #A6DF96;
+
     /*background: #A6DF96;*/
 +
    /*background: #FFFFFF;*/
     margin-left: 0px;
     margin-left: 0px;
     white-space: nowrap;
     white-space: nowrap;
}
}
#mainmenu li a:hover {
#mainmenu li a:hover {
-
background: #CEF6C3;
+
/*background: #CEF6C3;*/
 +
background: rgba(0, 0, 0, 1);
}
}
#mainmenu li:hover ul {
#mainmenu li:hover ul {
Line 75: Line 141:
     font-size: 11px;
     font-size: 11px;
}
}
-
#mainmenu li:hover a { background: #CEF6C3; }
+
#mainmenu li:hover a { background: #82C5F5 }
#mainmenu li:hover li a:hover {
#mainmenu li:hover li a:hover {
-
     background: #A6DF96;
+
     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;
 +
 
 +
#personname {
 +
  border-width: 0px;
 +
  font-weight: bold;
 +
}
 +
#persontitle {
 +
  font-weight: normal;
}
}

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;

}