Template:Team:Alberta/2011style.css

From 2011.igem.org

(Difference between revisions)

Revision as of 21:54, 20 September 2011

/* Style sheet for 2011 wiki page */

/* Colors:

grey: 959995 orange navbar: f09131 orange box: f19232 beige: fffcd5 green: 5db54b

/

body {

   //background-color: #959995;
   background-color: #757575;
   //background-color: #555555;
   font-family: verdana;

}

/* TOP MENU SECTION*/

top-section {

   width: 1000px;
   height: auto;
   border: 0px;
   padding: 0px;
   margin-bottom: 0px;

}

firstHeading {

   display: none;

}

p-logo {

   display: none;

}

.left-menu, .right-menu {

   margin: 2px;

}

.left-menu:hover, .right-menu ul li a {

   background-color: transparent;

}

.right-menu li a {

   color: transparent;

}

.left-menu:hover ul li a, .right-menu:hover ul li a {

   color: #959995;

}

.left-menu li {

   color: transparent !important;

}

search-controls {

   display: none;

}

/* NAVBAR SECTION ... which is really part of content */

navbar {

   width: 950px;
   /*background-color: #f09131;*/
   margin-left:15px;
   margin-right:15px;
   padding-left: 10px;
   padding-right: 10px;
   height: 78px;
   /*border-radius: 2px;*/
   background-image:url()

}

navbar ul {

   list-style:none;
   margin: 0px;
   font-size: 16pt;

}

navbar ul li {

   position:relative;
   float:left;
   margin: 0px;
   height: 78px;

}

navbar ul li ul {

   border-style: solid;
   border-color: #3C2415;
   background-color: #33AA33;
   border-width: 2px;

}

navbar ul li a:visited, #navbar ul li a:link{

   display:block;
   height:78px;
   color:#FFFFFF;
   /*background-color:#F7941E;*/
   padding-left: 17px;
   padding-right: 17px;

}

navbar ul li a:hover, #navbar ul li a.selected {

   color: #000000;
   text-decoration:none;
   left:auto;
   background-image:url();

}

navbar li.headlink ul{

   position: absolute;
   display:none;
   list-style:none;
   color:#000000;
   text-align:center;

}

navbar li.headlink ul li {

  width: 280px;

}

/* CONTENT SECTION */

content {

   width: 1000px;
   border: 0px;
   padding: 0px;
   margin-top: 0px;

}

h1.firstHeading { display:none; }

catlinks { display: none; }

contentSub { margin: 0px; }

p { margin: 0px; }

top-content {

   background-color: #ffffff;
   height: 125px;
   width: 970px; /* maybe change height, width to fit image */
   margin-left: 15px;
   margin-right: 15px;
   padding-top: 10px;
   background-image:url()

}

img.ta {

   position: relative;
   float: left;
   left: 20px;

}

img.igem {

   position: relative;
   float: right;
   right: 20px;
   top: 15px;
   width: 120px;

}

main-content {

   color: #808080;
   background-color: white;
   margin-left:15px;
   margin-right: 15px;

}

main-content table.student-table td {

   padding-left: 0px;
   padding-top: 0px;
   padding-right: 5px;
   padding-bottom: 5px;

}

main-content table.student-table td img:hover {

   cursor: pointer;

}

main-content h2 {

   font-weight: bold;
   font-size: 14px;
   color: #f19232;
   border-width: 0px;

}

main-content td{

   color: #808080;
   text-align: justify;
   padding: 8px;

}

ingenuity-button, #cost-button, #sustainability-button {

   border-style: solid;
   border-color: #808080;
   border-width: 1px;
   height: 50px;
   width: 290px;
   margin: 5px;
   text-align: center;
   font-size: 20px;

}

main-content td a:link { color: #f19232; }
main-content td a:visited { color: #f19232; }
main-content td a:active { color: #f19232; }
main-content td a:hover { color: #f19232; }

top-pictures {

   margin-top: 30px;
   margin-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   border-style: solid;
   border-width: 1px;
   border-color: #808080;

}

top-pictures .pictures {

   background-color: transparent;
   border-spacing: 5px;

}

top-pictures .pictures td:hover {

   background-color: #ffffff;

}

top-pictures .pictures td {

   font-weight: bold;
   font-size: 14px;
   text-align: center;
   width: 20px;
   border-style: solid;
   border-width: 1px;
   border-color: #808080;

}

the-plan {

   background-color: #fffcd5;
   width: 400px;
   text-align: justify;
   font-size: 12px;
   padding: 20px;

}

section-title {

   font-color: #33aa33; /*TODO get correct green*/
   font-size: 24px;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 10px;

}

/* green bar */

section-title img{

   width: 500px;
   height: 20px;
   float: right;

}

interact-title {

   color: #f19232;
   font-weight: bold;
   font-size: 16px;

}

round-pic {

   border-style: solid;
   border-radius: 25px;
   border-color: #808080;
   border-width: 2px;

}

media-pic {

   border-style: solid;
   border-color: #808080;
   border-width: 2px;

}

/* FOOTER SECTION */

footer-box {

   width: 1000px;
   background-color: transparent;
   padding: 0px;
   border: 0px;

}