Team:UT Dallas/test/page.css

From 2012.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 1: Line 1:
   #header
   #header
   {
   {
-
     height: 52px;
+
    background: url("https://static.igem.org/mediawiki/2012/a/aa/Top_logo_UTD.png") no-repeat scroll 6px 12px transparent;
 +
     height: 115px;
     padding-left: 8px;
     padding-left: 8px;
     padding-right: 8px;
     padding-right: 8px;
Line 11: Line 12:
line-height: 1em;
line-height: 1em;
list-style: none outside none;
list-style: none outside none;
-
margin: 0;
+
margin: 5px 0 0;
padding: 0 0;
padding: 0 0;
-
width: 990px;
+
width: 890px;
     }   
     }   
     ul.topnav li {   
     ul.topnav li {   
-
background:transperent;
+
background: transparent;
float: right;
float: right;
margin: 0 0 0 20px;
margin: 0 0 0 20px;
Line 108: Line 109:
border: 1px solid #444444;
border: 1px solid #444444;
background:#36424a;
background:#36424a;
-
height:105px;
+
height:178px;
}
}
Line 163: Line 164:
{
{
   width: 785px;
   width: 785px;
-
   background: url("https://static.igem.org/mediawiki/2012/1/1e/Content_bg.png") repeat scroll 0 0 transparent;
+
   background: none repeat scroll 0 0 #BCB3B5;
   padding: 10px;
   padding: 10px;
border-radius: 5px;  
border-radius: 5px;  
Line 184: Line 185:
#st_1{
#st_1{
margin-bottom: 13px;
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;
}
}
Line 347: Line 374:
     text-decoration: none;
     text-decoration: none;
     width: 66px;
     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;

}

Retrieved from "http://2012.igem.org/Team:UT_Dallas/test/page.css"