Team:UT Dallas/test/page.css

From 2012.igem.org

(Difference between revisions)
 
(196 intermediate revisions not shown)
Line 1: Line 1:
-
    ul.topnav {
+
  #header
-
        list-style: none;
+
  {
-
        padding: 0 20px;    
+
    background: url("https://static.igem.org/mediawiki/2012/a/aa/Top_logo_UTD.png") no-repeat scroll 6px 12px transparent;
-
        margin: 0;
+
    height: 115px;
-
        float: left;
+
    padding-left: 8px;
-
        width: 993px;   
+
    padding-right: 8px;
-
        background: #222;
+
    padding-top: 19px;
-
        font-size: 1.2em;
+
  } 
-
        background: url('https://static.igem.org/mediawiki/2012/1/1b/Topnav_bg.gif') repeat-x;
+
ul.topnav {  
 +
float: left;
 +
font-size: 1.2em;
 +
line-height: 1em;
 +
list-style: none outside none;
 +
margin: 5px 0 0;
 +
padding: 0 0;
 +
width: 890px;
     }   
     }   
     ul.topnav li {   
     ul.topnav li {   
-
        float: left;
+
background: transparent;
-
        margin: 0;  
+
float: right;
-
        padding: 0 15px 0 0;
+
margin: 0 0 0 20px;
-
        position: relative; /*--Declare X and Y axis base for sub navigation--*/ 
+
padding-left: 20px;
 +
padding-right: 20px;
 +
position: relative;
 +
z-index: 1000;
     }   
     }   
 +
    ul.topnav li:hover { 
 +
background:#84c300;
 +
float: right;
 +
margin: 0 0 0 20px;
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
position: relative;
 +
z-index: 1000;
 +
    } 
     ul.topnav li a{   
     ul.topnav li a{   
-
        padding: 10px 5px; 
+
color: #FFFFFF;
-
        color: #fff;
+
display: block;
-
        display: block;
+
float: left;
-
        text-decoration: none;
+
padding-bottom: 10px;
-
        float: left;
+
padding-top: 10px;
 +
text-decoration: none;
     }   
     }   
     ul.topnav li a:hover{   
     ul.topnav li a:hover{   
-
         background: url('https://static.igem.org/mediawiki/2012/f/f5/Topnav_hover.gif') no-repeat center top;   
+
         /*background: url('https://static.igem.org/mediawiki/2012/0/01/Topnav_hover.png') no-repeat center top;  */
 +
        color:#ffffff;
     }   
     }   
     ul.topnav li span { /*--Drop down trigger styles--*/   
     ul.topnav li span { /*--Drop down trigger styles--*/   
-
         width: 17px;   
+
         /*width: 17px;  */
         height: 35px;   
         height: 35px;   
         float: left;   
         float: left;   
-
        background: url('https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif') no-repeat center top;   
+
      /* background: url('https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif') no-repeat center top;  */
     }   
     }   
     ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/   
     ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/   
Line 36: Line 57:
         position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/   
         position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/   
         left: 0; top: 35px;   
         left: 0; top: 35px;   
-
         background: #333;   
+
         /*background: #333;  */
 +
        background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');
         margin: 0; padding: 0;   
         margin: 0; padding: 0;   
         display: none;   
         display: none;   
         float: left;   
         float: left;   
-
         width: 170px;
+
         width: 170px;  
-
         border: 1px solid #111;
+
        line-height:0.75em;
 +
border-radius: 0px 0px 5px 5px;
 +
-moz-border-radius: 0px 0px 5px 5px;
 +
-webkit-border-radius: 0px 0px 5px 5px;
 +
         border: 1px solid #111;
     }   
     }   
     ul.topnav li ul.subnav li{   
     ul.topnav li ul.subnav li{   
Line 52: Line 78:
     html ul.topnav li ul.subnav li a {   
     html ul.topnav li ul.subnav li a {   
         float: left;   
         float: left;   
-
         width: 145px;   
+
         width: 150px;   
-
         background: #333 url('https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif') no-repeat 10px center;   
+
         background: url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');   
         padding-left: 20px;   
         padding-left: 20px;   
     }   
     }   
     html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/   
     html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/   
-
         background: #222 url('https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif') no-repeat 10px center;   
+
         background: url('https://static.igem.org/mediawiki/2012/3/33/Topnav_a_hover.png') no-repeat left center;   
     }
     }
 +
#footer a
 +
{
 +
color:#ffffff;
 +
}
 +
 +
 +
 +
body {
 +
        margin: 0; padding: 0;
 +
font-family: 'Scada', sans-serif;
 +
background: url('https://static.igem.org/mediawiki/2012/3/38/Bacteria_3.png');
 +
        background-size: cover;
 +
        background-attachment:fixed;
 +
}
 +
#top-section
 +
{
 +
display: none;
 +
}
 +
#top_box{
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border: 1px solid #444444;
 +
background:#36424a;
 +
height:178px;
 +
 +
}
 +
#content {
 +
padding: 0px 0px 0px 0px;
 +
width:1024px;
 +
margin: 15px auto 15px;
 +
background: none repeat scroll 0 0 transparent;
 +
border:0px;
 +
}
 +
h1.firstHeading {
 +
    display: none;
 +
}
 +
#catlinks {display: none;}
 +
#contentSub {display: none;}
 +
#footer-box {
 +
background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');
 +
width:1013px;
 +
margin: 0px auto 15px;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
}
 +
#middle_box {
 +
    background: #ffffff;
 +
    border: 8px solid #7c858b;
 +
    border-radius: 5px 5px 5px 5px;
 +
    margin-top: 10px;
 +
    padding: 10px;
 +
    color:#36424a;
 +
  font-size: 15px;
 +
  text-align: justify;
 +
  min-height:500px;
 +
}
 +
#fb_link
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2012/d/dd/Facebook-icon.png") no-repeat transparent;
 +
    padding-bottom: 25px;
 +
    padding-right: 45px;
 +
}
 +
 +
#fb_link:hover
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2012/9/9f/Facebook-icon_hover.png") no-repeat transparent;
 +
    padding-bottom: 25px;
 +
    padding-right: 45px;
 +
}
 +
#st_left
 +
{
 +
    width: 200px;
 +
    margin-right: 10px;
 +
}
 +
#st_right
 +
{
 +
  width: 785px;
 +
  background: none repeat scroll 0 0 #BCB3B5;
 +
  padding: 10px;
 +
border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
}
 +
h2.title{
 +
    border: 0 none;
 +
    color: #36424a;
 +
    line-height: 1em;
 +
    padding-bottom: 0;
 +
    padding-top: 0;
 +
    font-size: 130%;
 +
}
 +
table.t1
 +
{
 +
background:transparent;
 +
color:#36424A;
 +
}
 +
#st_1{
 +
margin-bottom: 13px;
 +
}
 +
 +
li.st_list_alt
 +
{
 +
background: none repeat scroll 0 0 #888888;
 +
    color: #333333;
 +
    height: 32px;
 +
    line-height: 34px;
 +
    list-style-type: none;
 +
    margin-bottom: 5px;
 +
    text-align: center;
 +
    width: 155px;
 +
    cursor:pointer;
 +
}
 +
 +
li.st_list_alt:hover
 +
{
 +
background: none repeat scroll 0 0 #96c82a;
 +
    color: #333333;
 +
    height: 32px;
 +
    line-height: 34px;
 +
    list-style-type: none;
 +
    margin-bottom: 5px;
 +
    text-align: center;
 +
    width: 155px;
 +
    cursor:pointer;
 +
}
 +
 +
li.st_list
 +
{
 +
    background: none repeat scroll 0 0 #BCB3B5;
 +
    /*border: 1px solid;*/
 +
    color: #333333;
 +
    height: 32px;
 +
    line-height: 34px;
 +
    list-style-type: none;
 +
    margin-bottom: 5px;
 +
    text-align: center;
 +
    width: 155px;
 +
    cursor:pointer;
 +
}
 +
 +
li.st_list:hover
 +
{
 +
    background: none repeat scroll 0 0 #96c82a;
 +
    //border: 1px solid;
 +
    color: #ffffff;
 +
    height: 32px;
 +
    line-height: 34px;
 +
    list-style-type: none;
 +
    margin-bottom: 5px;
 +
    text-align: center;
 +
    width: 155px;
 +
}
 +
a
 +
{
 +
color:#3769ff;
 +
}
 +
 +
.button {
 +
    background: #666666;
 +
    border-radius: 8px 8px 8px 8px;
 +
    border-top: 1px solid #535252;
 +
    box-shadow: 0 1px 0 #000000;
 +
    color: white;
 +
    font-size: 14px;
 +
    height: 26px;
 +
    margin-top: 3px;
 +
    padding: 0px 10px;
 +
    text-decoration: none;
 +
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 +
    vertical-align: middle;
 +
    width: 120px;
 +
  }
 +
.button:hover {
 +
  border-top-color: #3d3d3d;
 +
  background: #8b8b8b;
 +
  color: #ccc;
 +
  }
 +
.button:active {
 +
  border-top-color: #1b435e;
 +
  background: #616161;
 +
  }
 +
#world_heat_map
 +
{
 +
background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent;
 +
border-radius: 5px;
 +
margin-bottom: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
    padding-bottom: 10px;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
}
 +
 +
#tracks_maps
 +
{
 +
background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent;
 +
border-radius: 5px;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
    padding-bottom: 10px;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
}
 +
 +
#awards_graph
 +
{
 +
background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent;
 +
border-radius: 5px;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
    padding: 10px;
 +
}
 +
 +
#year_no
 +
{
 +
    float: right;
 +
    font-weight: bold;
 +
}
 +
#year_no_tracks
 +
{
 +
    float: right;
 +
    font-weight: bold;
 +
}
 +
 +
#year_no_awards
 +
{
 +
    float: right;
 +
    font-weight: bold;
 +
}
 +
div.july_weeks
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2012/2/2a/July_weeks.png") no-repeat scroll left center transparent;
 +
    height: 120px;
 +
    line-height: 28px;
 +
    padding-left: 29px;
 +
    padding-top: 11px;
 +
    width: 75px;
 +
}
 +
div.august_weeks
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2012/7/71/Aug_weeks.png") no-repeat scroll left center transparent;
 +
    height: 120px;
 +
    line-height: 28px;
 +
    padding-left: 29px;
 +
    padding-top: 11px;
 +
    width: 75px;
 +
}
 +
div.sept_weeks
 +
{
 +
background: url("https://static.igem.org/mediawiki/2012/b/bd/Sept_weeks.png") no-repeat left center transparent;
 +
height: 120px;
 +
    width: 75px;
 +
padding-left: 29px;
 +
line-height: 28px;
 +
padding-top: 11px;
 +
}
 +
a.week_link
 +
{
 +
    background: none repeat scroll 0 0 #ebebeb;
 +
    color: #595959;
 +
    float: left;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
    height: 25px;
 +
    list-style: none outside none;
 +
    padding: 0 0 0 5px;
 +
    text-align: left;
 +
    text-decoration: none;
 +
    width: 66px;
 +
}
 +
a.week_link:hover
 +
{
 +
    background: none repeat scroll 0 0 #efefef;
 +
    color: #000000;
 +
    float: left;
 +
    font-size: 16px;
 +
    font-weight: bold;
 +
    height: 25px;
 +
    list-style: none outside none;
 +
    padding: 0 0 0 5px;
 +
    text-align: left;
 +
    text-decoration: none;
 +
    width: 66px;
 +
}
 +
#sponsors{
 +
    background: none repeat scroll 0 0 #FFFFFF;
 +
    /*border: 8px solid #7C858B;*/
 +
    border-radius: 5px 5px 5px 5px;
 +
    color: #36424A;
 +
    font-size: 15px;
 +
    margin-top: 10px;
 +
    padding: 10px;
 +
    text-align: justify;
 +
}
 +
#reporters
 +
{
 +
background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent;
 +
border-radius: 5px;
 +
margin-bottom: 5px;
 +
margin-top: 5px;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
    padding: 10px;
 +
}

Latest revision as of 00:21, 4 October 2012

 #header
 {
   background: url("Top_logo_UTD.png") no-repeat scroll 6px 12px transparent;
   height: 115px;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 19px;
 }   
ul.topnav {  

float: left; font-size: 1.2em; line-height: 1em; list-style: none outside none; margin: 5px 0 0; padding: 0 0; width: 890px;

   }  
   ul.topnav li {  

background: transparent; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;

   }  
   ul.topnav li:hover {  

background:#84c300; float: right; margin: 0 0 0 20px; padding-left: 20px; padding-right: 20px; position: relative; z-index: 1000;

   }  	
   ul.topnav li a{  

color: #FFFFFF; display: block; float: left; padding-bottom: 10px; padding-top: 10px; text-decoration: none;

   }  
   ul.topnav li a:hover{  
       /*background: url('https://static.igem.org/mediawiki/2012/0/01/Topnav_hover.png') no-repeat center top;  */
       color:#ffffff;
   }  
   ul.topnav li span { /*--Drop down trigger styles--*/  
       /*width: 17px;  */
       height: 35px;  
       float: left;  
      /* background: url('https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif') no-repeat center top;  */
   }  
   ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
   ul.topnav li ul.subnav {  
       list-style: none;  
       position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
       left: 0; top: 35px;  
       /*background: #333;  */
       background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');
       margin: 0; padding: 0;  
       display: none;  
       float: left;  
       width: 170px;   
       line-height:0.75em;

border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;

       border: 1px solid #111;
   }  
   ul.topnav li ul.subnav li{  
       margin: 0; padding: 0;  
       border-top: 1px solid #252525; /*--Create bevel effect--*/  
       border-bottom: 1px solid #444; /*--Create bevel effect--*/  
       clear: both;  
       width: 170px;  
   }  
   html ul.topnav li ul.subnav li a {  
       float: left;  
       width: 150px;  
       background: url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png');  
       padding-left: 20px;  
   }  
   html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
       background: url('https://static.igem.org/mediawiki/2012/3/33/Topnav_a_hover.png') no-repeat left center;   
   }
  1. footer a

{

color:#ffffff;

}


body {

       margin: 0; padding: 0;

font-family: 'Scada', sans-serif; background: url('https://static.igem.org/mediawiki/2012/3/38/Bacteria_3.png');

       background-size: cover;
       background-attachment:fixed;

}

  1. top-section

{ display: none; }

  1. top_box{

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #444444; background:#36424a; height:178px;

}

  1. content {

padding: 0px 0px 0px 0px; width:1024px; margin: 15px auto 15px; background: none repeat scroll 0 0 transparent; border:0px; } h1.firstHeading {

   display: none;

}

  1. catlinks {display: none;}
  2. contentSub {display: none;}
  3. footer-box {

background:url('https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png'); width:1013px; margin: 0px auto 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

  1. middle_box {
   background: #ffffff;
   border: 8px solid #7c858b;
   border-radius: 5px 5px 5px 5px;
   margin-top: 10px;
   padding: 10px;
   color:#36424a;
  font-size: 15px;
  text-align: justify;
  min-height:500px;

}

  1. fb_link

{

   background: url("Facebook-icon.png") no-repeat transparent;
   padding-bottom: 25px;
   padding-right: 45px;

}

  1. fb_link:hover

{

   background: url("Facebook-icon_hover.png") no-repeat transparent;
   padding-bottom: 25px;
   padding-right: 45px;

}

  1. st_left

{

   width: 200px;
   margin-right: 10px;

}

  1. st_right

{

  width: 785px;
  background: none repeat scroll 0 0 #BCB3B5;
  padding: 10px;

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } h2.title{

   border: 0 none;
   color: #36424a;
   line-height: 1em;
   padding-bottom: 0;
   padding-top: 0;
   font-size: 130%;

} table.t1 { background:transparent; color:#36424A; }

  1. st_1{

margin-bottom: 13px; }

li.st_list_alt { background: none repeat scroll 0 0 #888888;

   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;	

}

li.st_list_alt:hover { background: none repeat scroll 0 0 #96c82a;

   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;	

}

li.st_list {

   background: none repeat scroll 0 0 #BCB3B5;
   /*border: 1px solid;*/
   color: #333333;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;
   cursor:pointer;

}

li.st_list:hover {

   background: none repeat scroll 0 0 #96c82a;
   //border: 1px solid;
   color: #ffffff;
   height: 32px;
   line-height: 34px;
   list-style-type: none;
   margin-bottom: 5px;
   text-align: center;
   width: 155px;

} a { color:#3769ff; }

.button {

   background: #666666;
   border-radius: 8px 8px 8px 8px;
   border-top: 1px solid #535252;
   box-shadow: 0 1px 0 #000000;
   color: white;
   font-size: 14px;
   height: 26px;
   margin-top: 3px;
   padding: 0px 10px;
   text-decoration: none;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
   vertical-align: middle;
   width: 120px;
  }

.button:hover {

  border-top-color: #3d3d3d;
  background: #8b8b8b;
  color: #ccc;
  }

.button:active {

  border-top-color: #1b435e;
  background: #616161;
  }
  1. world_heat_map

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;

}

  1. tracks_maps

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;

}

  1. awards_graph

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding: 10px;

}

  1. year_no

{

   float: right;
   font-weight: bold;

}

  1. year_no_tracks

{

   float: right;
   font-weight: bold;

}

  1. year_no_awards

{

   float: right;
   font-weight: bold;

} div.july_weeks {

   background: url("July_weeks.png") no-repeat scroll left center transparent;
   height: 120px;
   line-height: 28px;
   padding-left: 29px;
   padding-top: 11px;
   width: 75px;

} div.august_weeks {

   background: url("Aug_weeks.png") no-repeat scroll left center transparent;
   height: 120px;
   line-height: 28px;
   padding-left: 29px;
   padding-top: 11px;
   width: 75px;

} div.sept_weeks { background: url("Sept_weeks.png") no-repeat left center transparent; height: 120px;

   width: 75px;	

padding-left: 29px; line-height: 28px; padding-top: 11px; } a.week_link {

   background: none repeat scroll 0 0 #ebebeb;
   color: #595959;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 66px;

} a.week_link:hover {

   background: none repeat scroll 0 0 #efefef;
   color: #000000;
   float: left;
   font-size: 16px;
   font-weight: bold;
   height: 25px;
   list-style: none outside none;
   padding: 0 0 0 5px;
   text-align: left;
   text-decoration: none;
   width: 66px;

}

  1. sponsors{
   background: none repeat scroll 0 0 #FFFFFF;
   /*border: 8px solid #7C858B;*/
   border-radius: 5px 5px 5px 5px;
   color: #36424A;
   font-size: 15px;
   margin-top: 10px;
   padding: 10px;
   text-align: justify;

}

  1. reporters

{ background: url("Content_bg.png") repeat scroll 0 0 transparent; border-radius: 5px; margin-bottom: 5px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

   padding: 10px;

}