Template:Team:Alberta/2011style.css

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
/* Style sheet for 2011 wiki page */
/* 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(https://static.igem.org/mediawiki/2011/6/6e/Alberta_navbar_green2.png)
 +
}
 +
 +
#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(https://static.igem.org/mediawiki/2011/4/4b/Alberta_navbar_hover.png);
 +
}
 +
 +
#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(https://static.igem.org/mediawiki/2011/9/99/Alberta_banner_back.png)
 +
}
 +
 +
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;
 +
}
 +
 +
#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 {/* Style sheet for 2011 wiki page */
/* Colors:
/* Colors:
Line 271: Line 543:
#media-pic {
#media-pic {
 +
    border-style: solid;
 +
    border-color: #808080;
 +
    border-width: 2px;
 +
}
 +
 +
/* FOOTER SECTION */
 +
#footer-box {
 +
    width: 1000px;
 +
    background-color: transparent;
 +
    padding: 0px;
 +
    border: 0px;
 +
}
 +
     border-style: solid;
     border-style: solid;
     border-color: #808080;
     border-color: #808080;

Revision as of 05:34, 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*/

  1. top-section { 
   width: 1000px;
   height: auto;
   border: 0px;
   padding: 0px;
   margin-bottom: 0px;

}

  1. firstHeading { 
   display: none;

}

  1. 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;

}

  1. search-controls { 
   display: none;

}

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

  1. 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(Alberta_navbar_green2.png)

}

  1. navbar ul { 
   list-style:none;
   margin: 0px;
   font-size: 16pt;

}

  1. navbar ul li { 
   position:relative;
   float:left;
   margin: 0px;
   height: 78px;

}

  1. navbar ul li ul { 
   border-style: solid;
   border-color: #3C2415;
   background-color: #33AA33;
   border-width: 2px;

}

  1. 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;

}

  1. navbar ul li a:hover, #navbar ul li a.selected { 
   color: #000000;
   text-decoration:none;
   left:auto;
   background-image:url(Alberta_navbar_hover.png);

}

  1. navbar li.headlink ul{ 
   position: absolute;
   display:none;
   list-style:none;
   color:#000000;
   text-align:center;

}

  1. navbar li.headlink ul li { 
  width: 280px;

}

/* CONTENT SECTION */

  1. content { 
   width: 1000px;
   border: 0px;
   padding: 0px;
   margin-top: 0px;

}

h1.firstHeading { display:none; }

  1. catlinks { display: none; }
  1. contentSub { margin: 0px; }

p { margin: 0px; }

  1. 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(Alberta_banner_back.png)

}

img.ta { 

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

}

img.igem { 

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

}

  1. main-content { 
   color: #808080;
   background-color: white;
   margin-left:15px;
   margin-right: 15px;

}

  1. main-content table.student-table td { 
   padding-left: 0px;
   padding-top: 0px;
   padding-right: 5px;
   padding-bottom: 5px;

}

  1. main-content table.student-table td img:hover { 
   cursor: pointer;

}

  1. main-content h2 { 
   font-weight: bold;
   font-size: 14px;
   color: #f19232;
   border-width: 0px;

}

  1. main-content td{ 
   color: #808080;
   text-align: justify;
   padding: 8px;

}

  1. 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;

}

  1. main-content td a:link { color: #f19232; }
  2. main-content td a:visited { color: #f19232; }
  3. main-content td a:active { color: #f19232; }
  4. main-content td a:hover { color: #f19232; }
  1. top-pictures { 
   margin-top: 30px;
   margin-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   border-style: solid;
   border-width: 1px;
   border-color: #808080;

}

  1. top-pictures .pictures { 
   background-color: transparent;
   border-spacing: 5px;

}

  1. top-pictures .pictures td:hover { 
   background-color: #ffffff;

}

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

}

  1. the-plan { 
   background-color: #fffcd5;
   width: 400px;
   text-align: justify;
   font-size: 12px;
   padding: 20px;

}

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

}

/* green bar */

  1. section-title img{ 
   width: 500px;
   height: 20px;

}

  1. interact-title { 
   color: #f19232;
   font-weight: bold;
   font-size: 16px;

}

  1. round-pic { 
   border-style: solid;
   border-radius: 25px;
   border-color: #808080;
   border-width: 2px;

}

  1. media-pic {/* 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*/

  1. top-section { 
   width: 1000px;
   height: auto;
   border: 0px;
   padding: 0px;
   margin-bottom: 0px;

}

  1. firstHeading { 
   display: none;

}

  1. 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;

}

  1. search-controls { 
   display: none;

}

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

  1. 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(Alberta_navbar_green2.png)

}

  1. navbar ul { 
   list-style:none;
   margin: 0px;
   font-size: 16pt;

}

  1. navbar ul li { 
   position:relative;
   float:left;
   margin: 0px;
   height: 78px;

}

  1. navbar ul li ul { 
   border-style: solid;
   border-color: #3C2415;
   background-color: #33AA33;
   border-width: 2px;

}

  1. 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;

}

  1. navbar ul li a:hover, #navbar ul li a.selected { 
   color: #000000;
   text-decoration:none;
   left:auto;
   background-image:url(Alberta_navbar_hover.png);

}

  1. navbar li.headlink ul{ 
   position: absolute;
   display:none;
   list-style:none;
   color:#000000;
   text-align:center;

}

  1. navbar li.headlink ul li { 
  width: 280px;

}

/* CONTENT SECTION */

  1. content { 
   width: 1000px;
   border: 0px;
   padding: 0px;
   margin-top: 0px;

}

h1.firstHeading { display:none; }

  1. catlinks { display: none; }
  1. contentSub { margin: 0px; }

p { margin: 0px; }

  1. 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(Alberta_banner_back.png)

}

img.ta { 

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

}

img.igem { 

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

}

  1. main-content { 
   color: #808080;
   background-color: white;
   margin-left:15px;
   margin-right: 15px;

}

  1. main-content table.student-table td { 
   padding-left: 0px;
   padding-top: 0px;
   padding-right: 5px;
   padding-bottom: 5px;

}

  1. main-content table.student-table td img:hover { 
   cursor: pointer;

}

  1. main-content h2 { 
   font-weight: bold;
   font-size: 14px;
   color: #f19232;
   border-width: 0px;

}

  1. main-content td{ 
   color: #808080;
   text-align: justify;
   padding: 8px;

}

  1. 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;

}

  1. main-content td a:link { color: #f19232; }
  2. main-content td a:visited { color: #f19232; }
  3. main-content td a:active { color: #f19232; }
  4. main-content td a:hover { color: #f19232; }
  1. top-pictures { 
   margin-top: 30px;
   margin-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   border-style: solid;
   border-width: 1px;
   border-color: #808080;

}

  1. top-pictures .pictures { 
   background-color: transparent;
   border-spacing: 5px;

}

  1. top-pictures .pictures td:hover { 
   background-color: #ffffff;

}

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

}

  1. the-plan { 
   background-color: #fffcd5;
   width: 400px;
   text-align: justify;
   font-size: 12px;
   padding: 20px;

}

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

}

/* green bar */

  1. section-title img{ 
   width: 500px;

}

  1. interact-title { 
   color: #f19232;
   font-weight: bold;
   font-size: 16px;

}

  1. round-pic { 
   border-style: solid;
   border-radius: 25px;
   border-color: #808080;
   border-width: 2px;

}

  1. media-pic { 
   border-style: solid;
   border-color: #808080;
   border-width: 2px;

}

/* FOOTER SECTION */

  1. footer-box { 
   width: 1000px;
   background-color: transparent;
   padding: 0px;
   border: 0px;

} 

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

}

/* FOOTER SECTION */

  1. footer-box { 
   width: 1000px;
   background-color: transparent;
   padding: 0px;
   border: 0px;

}

Retrieved from "http://2011.igem.org/Template:Team:Alberta/2011style.css"