Team:UT Dallas/page.css

From 2011.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
body {
body {
margin: 0; padding: 0;
margin: 0; padding: 0;
-
font: 10px normal Arial, Helvetica, sans-serif;
+
        font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif;
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif');
background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif');
background-repeat:repeat-x;
background-repeat:repeat-x;
Line 13: Line 13:
     height:650px;  
     height:650px;  
width: 960px;
width: 960px;
-
margin:15px auto 0;
+
margin: 15px auto 0px;
position: relative;
position: relative;
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat;
background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat;
 +
overflow: auto;
}
}
#header {
#header {
padding-top: 120px;
padding-top: 120px;
}
}
 +
 +
.contents {
.contents {
-
min-height:495px;
+
    background: none repeat scroll 0 0 #Ffffff;
-
    height:auto !important;
+
    border-left: 1px solid #000000;
-
    background:url('https://static.igem.org/mediawiki/2011/2/29/HDm3_transperent.png')  no-repeat center;
+
    border-right: 1px solid #000000;
-
    height:495px;  
+
    font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif;
-
width: 878px;
+
    height: auto !important;
-
margin: 0 auto;
+
    margin: -1px auto 0px;
-
padding-top:25px;
+
    min-height: 495px;
-
padding-left:40px;
+
    padding-left: 11px;
-
padding-right:40px;
+
    padding-right: 11px;
-
position: relative;
+
    padding-top: 10px;
-
margin:35px auto 0;
+
    position: relative;
-
background-color: #f5f5f5;
+
    text-align: justify;
-
font: 16px normal Arial, Helvetica, sans-serif;
+
    width: 936px;
-
border-left:1px solid #000000;
+
overflow: auto;
-
border-right:1px solid #000000;
+
}
-
text-align:justify;
+
#crumbs
 +
{
 +
    color: #FFFFFF;
 +
    font-size: 85%;
 +
    line-height: 1.5;
 +
    padding-left: 14px;
 +
padding-right: 14px;
 +
font-weight: bold;
 +
margin-bottom:1px
}
}
-
 
.rounded {
.rounded {
position:absolute;
position:absolute;
Line 47: Line 57:
margin: 0 auto;
margin: 0 auto;
position: relative;
position: relative;
-
background: url(https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif) no-repeat;
+
background: url('https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif') no-repeat;
height:11px;
height:11px;
z-index:-1;
z-index:-1;
}
}
-
#crystal{
+
 
-
    //background: url(UTD_logo.png) no-repeat;
+
-
    position: absolute;
+
-
    top: 0;
+
-
    left: 0;
+
-
    margin-left:40px;
+
-
    //height: 250px;
+
-
    //width: 450px;
+
-
    z-index:1000;
+
-
}
+
#footer{
#footer{
     color: #003300;
     color: #003300;
Line 105: Line 106:
}
}
-
.desc{
+
 
-
color:#0000FF;
+
 
-
font-size:16px;
+
#left ul{
-
font-weight:normal;
+
    list-style:none;  
-
margin-top:4px;
+
    overflow:hidden;
 +
    padding-left:0px;
 +
    margin-left:10px;
 +
    }
 +
#left ul li{
 +
    margin-top:8px;
 +
    position:relative; 
 +
    padding-top:4px;
 +
    padding-bottom:0px;
 +
    padding:0px;
 +
    }
 +
#left ul.llmenu li{
 +
    padding-left:10px;
 +
}
 +
#left ul li.backLava
 +
{
 +
    background-color:#ffffff; 
 +
    border-left:solid;
 +
    border-color:#96d446;
 +
    border-width:5px;
 +
height:23px;
}
}
-
.biography
+
#left ul.llmenugreen li{
 +
    border-color:#96d446;
 +
}
 +
 
 +
#left ul.llmenublue li{
 +
    border-color:#386abc;
 +
}
 +
 
 +
#left ul.llmenured li{
 +
    border-color:#fb5c2b;
 +
}
 +
 
 +
#left ul.llmenuyellow li{
 +
    border-color:#fad72a;
 +
}
 +
 
 +
#left a{
 +
    color:#555;
 +
    font-size:15px;
 +
    font-weight:normal;
 +
    text-decoration:none;
 +
    outline:none;
 +
    display:block;
 +
    width:182px;
 +
    }
 +
 
 +
#left a:hover {
 +
    color:#181818;
 +
}
 +
 
 +
 
 +
#left a.hello{
 +
    display:inline;
 +
}
 +
 
 +
#container2 {
 +
clear:left;
 +
float:left;
 +
width:936px;
 +
overflow:hidden;
 +
background:#ECECEC; /* column 2 background colour */
 +
}
 +
#container1 {
 +
    background: none repeat scroll 0 0 #ECECEC;
 +
border-right: 11px solid #FFFFFF;
 +
    float: left;
 +
    position: relative;
 +
    right: 751px;
 +
    width: 936px;
 +
}
 +
#left {
 +
background: none repeat scroll 0 0 #ECECEC;
 +
float:left;
 +
width:185px;
 +
position:relative;
 +
left:751px;
 +
overflow:hidden;
 +
}
 +
#right {
 +
    background: none repeat scroll 0 0 #ECECEC;
 +
    float: left;
 +
    left: 762px;
 +
    margin-left: 10px;
 +
    margin-top: 10px;
 +
    min-height: 495px;
 +
    overflow: hidden;
 +
    position: relative;
 +
    width: 720px;
 +
}
 +
 
 +
#right li
{
{
-
color:#000000;
+
font-size:15px;
-
font-size:16px;
+
-
font-weight:normal;
+
-
margin-top:4px;
+
-
//float:left;
+
}
}
-
.profile_img
+
#right h2
{
{
-
float:right;
+
font-size: 130%;
-
padding-right:15px;
+
-
padding-left:25px;
+
-
padding-top:5px;
+
}
}
-
.separator
+
a.app_download
{
{
-
background: url("separator.png");
+
    background: url("https://static.igem.org/mediawiki/2011/1/1d/Android_download.png") no-repeat scroll left center transparent;
-
width:878px;
+
    color: #336600;
-
height:1px;
+
    font-size: 14px;
-
margin-top:45px;
+
    font-weight: bold;
-
margin-bottom:10px;
+
    height: 25px;
 +
    line-height: 40px;
 +
    padding-bottom: 7px;
 +
    padding-left: 32px;
 +
    padding-top: 8px;
 +
    text-decoration: none;
}
}
-
ul#topnav {
+
a.app_download:hover
-
margin: 0; padding: 0;
+
{
-
float: left;
+
    background: url("https://static.igem.org/mediawiki/2011/3/3e/Android_download_glow.png") no-repeat scroll left center transparent;
-
width: 960px;
+
    color: #669900;
-
list-style: none;
+
    font-size: 14px;
-
position: relative;
+
    font-weight: bold;
-
font-size: 1.2em;
+
    height: 25px;
-
background: url('https://static.igem.org/mediawiki/2011/e/ee/Topnav_stretch.gif') repeat-x;
+
    line-height: 40px;
 +
    padding-bottom: 7px;
 +
    padding-left: 32px;
 +
    padding-top: 8px;
 +
    text-decoration: none;
}
}
-
ul#topnav li {
+
#right table
-
float: left;
+
{
-
margin: 0; padding: 0;
+
background:inherit;
-
border-right: 1px solid #555;
+
font-size:15px;
}
}
-
ul#topnav li a {
+
#july
-
padding: 10px 15px;
+
{
-
display: block;
+
float:left;
-
color: #f0f0f0;
+
background: url("https://static.igem.org/mediawiki/2011/e/e9/Calender_july.png") no-repeat left center transparent;
-
text-decoration: none;
+
height: 120px;
 +
    width: 165px;
 +
padding-left: 35px;
 +
line-height: 28px;
 +
padding-top: 11px;
}
}
-
ul#topnav li:hover { background: #1376c9 url('https://static.igem.org/mediawiki/2011/0/08/Topnav_active.gif') repeat-x; }
+
#august
-
ul#topnav li span {
+
{
-
float: left;
+
float:left;
-
padding: 15px 0;
+
background: url("https://static.igem.org/mediawiki/2011/7/7e/Calender_august.png") no-repeat left center transparent;
-
position: absolute;
+
height: 120px;
-
left: 0; top:35px;
+
    width: 165px;
-
display: none;
+
padding-left: 38px;
-
width: 960px;
+
    margin-left: 57px;
-
background: #1376c9;
+
    margin-right: 57px;
-
color: #fff;
+
line-height: 28px;
-
-moz-border-radius-bottomright: 5px;
+
padding-top: 11px;
-
-khtml-border-radius-bottomright: 5px;
+
}
-
-webkit-border-bottom-right-radius: 5px;
+
#sept
-
-moz-border-radius-bottomleft: 5px;
+
{
-
-khtml-border-radius-bottomleft: 5px;
+
float:left;
-
-webkit-border-bottom-left-radius: 5px;
+
background: url("https://static.igem.org/mediawiki/2011/3/3e/Calender_sept.png") no-repeat left center transparent;
-
z-index=1;
+
height: 120px;
 +
    width: 165px;
 +
padding-left: 36px;
 +
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: 153px;
 +
}
 +
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: 153px;
 +
}
 +
 
 +
#igem_link
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/f/fa/IGEM_official_logo_small.png") no-repeat transparent;
 +
    width:175px;
 +
    height:134px;
 +
    margin: 20px auto 10px 5px;
 +
}
 +
 
 +
#igem_link:hover
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/5/59/IGEM_official_logo_small_glow.png") no-repeat transparent;
 +
    width:175px;
 +
    height:134px;
 +
    margin: 20px auto 10px 5px;
 +
}
 +
#utd_link
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/8/83/UTDlogo.png") no-repeat transparent;
 +
    width:175px;
 +
    height:75px;
 +
    margin: 20px auto 10px 5px;
 +
}
 +
 
 +
#utd_link:hover
 +
{
 +
    background: url("https://static.igem.org/mediawiki/2011/c/cb/UTDlogo_glow.png") no-repeat transparent;
 +
    width:175px;
 +
    height:75px;
 +
    margin: 20px auto 10px 5px;
}
}
-
ul#topnav li:hover span { display: block; }
 
-
ul#topnav li span a { display: inline; }
 
-
ul#topnav li span a:hover {text-decoration: underline;}
 

Latest revision as of 22:34, 12 October 2011

body { margin: 0; padding: 0; 

       font: 10px normal "Lucida Grande", Arial, Helvetica, sans-serif;

background: url('https://static.igem.org/mediawiki/2011/d/d9/Body_background.gif'); background-repeat:repeat-x; background-position:top center; background-attachment:fixed;

} .container { min-height:650px; 

    	height:auto !important;
    	height:650px;

width: 960px; margin: 15px auto 0px; position: relative; background:url('https://static.igem.org/mediawiki/2011/e/eb/Body_bg.png') no-repeat; overflow: auto; }

  1. header {

padding-top: 120px; }


.contents { 

   background: none repeat scroll 0 0 #Ffffff;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   font: 16px normal "Lucida Grande", Arial, Helvetica, sans-serif;
   height: auto !important;
   margin: -1px auto 0px;
   min-height: 495px;
   padding-left: 11px;
   padding-right: 11px;
   padding-top: 10px;
   position: relative;
   text-align: justify;
   width: 936px;

overflow: auto; }

  1. crumbs

{ 

   color: #FFFFFF;
   font-size: 85%;
   line-height: 1.5;
   padding-left: 14px;

padding-right: 14px; font-weight: bold; margin-bottom:1px } .rounded { position:absolute; bottom:0; left:0; width: 960px; margin: 0 auto; position: relative; background: url('https://static.igem.org/mediawiki/2011/c/c5/Rounded.gif') no-repeat; height:11px; z-index:-1; }

  1. footer{ 
    color: #003300;
    font-size: 9px;
    margin-top:10px;
    font-family: Verdana, Geneva, Arial, sans-serif;
    text-align: center;
    width: 100%;
    height: 18px

}

  1. header img {

margin: 20px 0 10px; }

  1. ordered_list{

font: 16px normal Arial, Helvetica, sans-serif; margin-top:30px; }

  1. ordered_list li {

margin-left:5px; margin-top:15px; font-weight:bold; margin-left:-20px; } .authors{ color:#0000FF; font-size:15px; font-weight:normal; margin-top:4px; }

  1. title{ 
    text-align: center;
    width: 100%;
    height: 51px;
    background: url(title.png) no-repeat center;
    letter-spacing:2px;
   }
  1. title span{ 
    	color: #003300;
    	font-size: 20px;

position: relative; top: 25% }


  1. left ul{ 
   list-style:none; 
   overflow:hidden;
   padding-left:0px;
   margin-left:10px;
   }
  1. left ul li{ 
   margin-top:8px; 
   position:relative;  
   padding-top:4px;
   padding-bottom:0px;
   padding:0px;
   }
  1. left ul.llmenu li{ 
   padding-left:10px;

}

  1. left ul li.backLava

{ 

   background-color:#ffffff;   
   border-left:solid;
   border-color:#96d446;
   border-width:5px;

height:23px; }

  1. left ul.llmenugreen li{ 
   border-color:#96d446;

}

  1. left ul.llmenublue li{ 
   border-color:#386abc;

}

  1. left ul.llmenured li{ 
   border-color:#fb5c2b;

}

  1. left ul.llmenuyellow li{ 
   border-color:#fad72a;

}

  1. left a{ 
   color:#555;
   font-size:15px;
   font-weight:normal;
   text-decoration:none;
   outline:none;
   display:block;
   width:182px;
   }
  1. left a:hover { 
   color:#181818;

}


  1. left a.hello{ 
   display:inline;

}

  1. container2 {

clear:left; float:left; width:936px; overflow:hidden; background:#ECECEC; /* column 2 background colour */ }

  1. container1 { 
   background: none repeat scroll 0 0 #ECECEC;

border-right: 11px solid #FFFFFF; 

   float: left;
   position: relative;
   right: 751px;
   width: 936px;

}

  1. left {

background: none repeat scroll 0 0 #ECECEC; float:left; width:185px; position:relative; left:751px; overflow:hidden; }

  1. right { 
   background: none repeat scroll 0 0 #ECECEC;
   float: left;
   left: 762px;
   margin-left: 10px;
   margin-top: 10px;
   min-height: 495px;
   overflow: hidden;
   position: relative;
   width: 720px;

}

  1. right li

{ font-size:15px; }

  1. right h2

{ font-size: 130%; } a.app_download { 

   background: url("Android_download.png") no-repeat scroll left center transparent;
   color: #336600;
   font-size: 14px;
   font-weight: bold;
   height: 25px;
   line-height: 40px;
   padding-bottom: 7px;
   padding-left: 32px;
   padding-top: 8px;
   text-decoration: none;

}

a.app_download:hover { 

   background: url("Android_download_glow.png") no-repeat scroll left center transparent;
   color: #669900;
   font-size: 14px;
   font-weight: bold;
   height: 25px;
   line-height: 40px;
   padding-bottom: 7px;
   padding-left: 32px;
   padding-top: 8px;
   text-decoration: none;

}

  1. right table

{ background:inherit; font-size:15px; }

  1. july

{ float:left; background: url("Calender_july.png") no-repeat left center transparent; height: 120px; 

   width: 165px;

padding-left: 35px; line-height: 28px; padding-top: 11px; }

  1. august

{ float:left; background: url("Calender_august.png") no-repeat left center transparent; height: 120px; 

   width: 165px;

padding-left: 38px; 

   margin-left: 57px;
   margin-right: 57px;

line-height: 28px; padding-top: 11px; }

  1. sept

{ float:left; background: url("Calender_sept.png") no-repeat left center transparent; height: 120px; 

   width: 165px;

padding-left: 36px; 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: 153px;

} 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: 153px;

}

  1. igem_link

{ 

   background: url("IGEM_official_logo_small.png") no-repeat transparent;
   width:175px;
   height:134px;
   margin: 20px auto 10px 5px;

}

  1. igem_link:hover

{ 

   background: url("IGEM_official_logo_small_glow.png") no-repeat transparent;
   width:175px;
   height:134px;
   margin: 20px auto 10px 5px;

}

  1. utd_link

{ 

   background: url("UTDlogo.png") no-repeat transparent;
   width:175px;
   height:75px;
   margin: 20px auto 10px 5px;

}

  1. utd_link:hover

{ 

   background: url("UTDlogo_glow.png") no-repeat transparent;
   width:175px;
   height:75px;
   margin: 20px auto 10px 5px;

}

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