Team:British Columbia/ubcigem2013.css

From 2013.igem.org

(Difference between revisions)
 
(175 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 16: Line 27:
     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;*/
 +
}
-
p {font-family: sans-serif;}
+
h1 {
-
.menu {border-collapse: collapse;
+
  text-align: center;
-
      background-color: #258019;
+
  font-weight: bold;
-
      width: 1004px;
+
  padding-top: 0px;
-
      box-shadow: 0px 5px 2px #616161;
+
}
-
      text-align: center;
+
-
      margin-left: -20px;
+
-
      margin-right: auto;}
+
-
.menuopt {padding: 5px;}
+
-
a:link.menulink {color: white;
+
-
      font-size: 18px;}
+
-
a:visited.menulink {color: white;}
+
-
a:hover.menulink {color: #E9E9E9;}
+
-
a:active.menulink {color: #E9E9E9;}
+
-
#mainmenu,
+
p {
-
#mainmenu ul {
+
     font-size: 14px;
-
     list-style: none;
+
}
}
 +
 +
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 {
#mainmenu {
-
     float: left;
+
     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 {
+
#mainmenu li {
 +
    display: block;
 +
    position: relative;
 +
    width: 126px;
 +
    margin-bottom: 20px;
     float: left;
     float: left;
 +
    margin-left: 0;
 +
    margin-right: 0;
 +
}
 +
#mainmenu li ul {
 +
    display: none;
 +
    color: #FFF;
 +
    background: rgba(0, 0, 0, 1);
}
}
#mainmenu li a {
#mainmenu li a {
-
display: block;
+
    display: block;
-
    height: 2em;
+
-
    line-height: 2em;
+
-
    padding: 0 1.5em;
+
     text-decoration: none;
     text-decoration: none;
 +
    color: #000000;
 +
    padding: 5px 15px 5px 7px;
 +
    /*background: #A6DF96;*/
 +
    /*background: #FFFFFF;*/
 +
    margin-left: 0px;
 +
    white-space: nowrap;
}
}
-
#mainmenu ul {
+
#mainmenu li a:hover {
-
    position: absolute;
+
/*background: #CEF6C3;*/
-
    display: none;
+
background: rgba(0, 0, 0, 1);
-
z-index: 999;
+
-
}
+
-
#mainmenu ul li a {
+
-
    width: 80px;
+
}
}
#mainmenu li:hover ul {
#mainmenu li:hover ul {
 +
    margin: 0px;
     display: block;
     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;
 +
 +
#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;

}

Retrieved from "http://2013.igem.org/Team:British_Columbia/ubcigem2013.css"