Team:HKUST/Template:css

From 2010.igem.org

body { margin: auto; padding: 0; font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; width:900px; background-image: url(BG1.jpg); background-repeat:repeat; background-position:center; }


  1. header {
 width:950px;
 background-color:transparent;
 background-position:center;

}


  1. body_content

{

   width:950px;

height:1100px; background-image:url(bg.jpg) }

  1. body_content_abstract

{

   width:950px;

height:700px; background-image:url(bg.jpg) }

  1. body_content_Notebook

{

   width:950px;

height:2000px; background-image:url(bg.jpg) }

  1. body_content_team

{

   width:950px;

height:3500px; background-image:url(bg.jpg) }

  1. body_content_result

{

   width:950px;

height:4000px; background-image:url(bg.jpg) }


  1. body_content_human

{

   width:950px;

height:4700px; background-image:url(bg.jpg) }

  1. body_content_material

{

   width:950px;

height:1000px; background-image:url(bg.jpg) }


  1. body_content_project

{

   width:950px;

height:7700px; background-image:url(bg.jpg) }

  1. body_content_reference

{

   width:950px;

height:3000px; background-image:url(bg.jpg) }

/*sidebar*/

  1. body_content
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:1100px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_abstract
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:700px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_result
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:4000px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_Notebook
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:1800px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_team
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:3500px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_human
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:4700px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_material
  2. sidebar {
 width:180px;
 margin-left:0px;
 margin-right:5px;
 margin-top:6px;  
 float:left;
 height:1000px;
 background-image:url(sidebar-bg.jpg);
 background-repeat:no-repeat;

}

  1. body_content_project
  2. sidebar {
 width:180px;
 float:left;
 height:7700px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content_notebook
  2. sidebar {
 width:180px;
 float:left;
 height:8000px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}


  1. body_content_reference
  2. sidebar {
 width:180px;
 float:left;
 height:2900px;
 background-image:url(sidebar-bg.jpg); 
 background-repeat:no-repeat;

}

  1. body_content
  2. human

{ margin:5px; padding:5px; width:700px; height:800px; float:left; }

  1. body_content
  2. home

{ margin:10px; padding:10px; width:600px; float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

  1. body_content
  2. biosafe

{ margin:10px; padding:5px; float:left; font:Georgia, "Times New Roman", Times, serif; font-size:12px; width:600px; height:800; }


  1. body_content_project
  2. module_1

{ width:700px; height:6000px; float:left; margin:10px; padding:5px; }

  1. body_content_reference
  2. module_1

{ width:700px; height:3000px; float:left; margin:10px; padding:5px; }

  1. body_content_material
  2. module_1

{ width:700px; height:1000px; float:left; margin:10px; padding:5px; }

  1. body_content_result
  2. module_1

{ width:700px; height:3000px; float:left; margin:10px; padding:5px; }

  1. body_content_project
  2. module_1

{ width:700px; height:3000px; float:left; margin:10px; padding:5px; }

ol.reference { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;

}

  1. module_1

ol.reference { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;

}


/*--sidebar--*/



  1. sidebar ul .project a

{ margin-left:0px; background-image:url(tab_big_mo.png); width:135px; }


  1. sidebar

a { height:31px; display:block; background-image:url(tab_small_mo.png); font-size:12px; font-weight:bold; padding:4px; margin-bottom:5px; color:#FFF; text-decoration:none; text-align:center; float:inherit; -webkit-transition: all 0.2s ease-in-out; }

  1. sidebar

ul { list-style: none; margin:4px; width:160px; float:left; padding-left:5px;

}

  1. sidebar

ul li { margin-left:0px; }

  1. sidebar

a:hover { height:31px; display:block;; background-image:url(tab_small_mo.png); font-size:12px; font-weight:bold; padding:4px; text-shadow:4px #FFF; margin-bottom:5px; color:#000; text-decoration:none; text-align:center; float:inherit; -webkit-transform: translate(2px,0px);

}



/*side bar end*/

div.ex { margin:10px; padding: 0px; width:600px; text-decoration:none; float:left; height: 200px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }


div.banner { background-image:url(banner.jpg); width:560; position:absolute; }


p.human_pratice { font-family:Verdana, Geneva, sans-serif; font-size:12px; width:600px; float:left; }

p.comment { font-size:13px; font-weight:200; width:600px; float:left; }

  1. body_content_material

p.content { margin:10px; padding: 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px;

}


p.human_pratice_1 { font-family:Verdana, Geneva, sans-serif; font-size:18px; width:600px; float:left; }

  1. figure

{ text-align:center; margin-left:auto; margin-right:auto; padding:4px;


}


p.biosafe_t { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:200;

}

p.h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:400;

}

p.h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:350;


}


p.workshop { font-family:Verdana, Geneva, sans-serif; font-size:17px; width:600px; float:left; }



p.story { font-family:"Comic Sans MS", cursive; font-size:15px; text-shadow:4px 4px 4px #000;

}



  1. calendar

{ padding:0px 0px; margin:0px; width:700px; height:600px; float:left;

}

/*team*/

  1. body_content_team
  2. team

{ margin:0px; float:left; min-height:400px; width:700px;

}

  1. body_content_team
  2. team
  3. story{

width:300px; border:#060; }


  1. body_content_team
  2. box_small

{ width:200px; height:150px; margin:10px; border-color:#999; padding:5px; float:left; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#00C; }

  1. body_content_team
  2. box

{ width:200px; height:350px; margin:10px; padding:10px; border-color:#999; padding:5px; float:left; font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#00C; }


/*end_of_team*/

/*test*/

  1. boxes

{ width:160px; height:200px; float:left; background-color:#FFF; margin:3px; display:block; border:#000 thick;

}


  1. box_banner1

{ margin:5px; width:150px; height:70px; background-color:#C6D93B; display:block; text-align:center; float:left; font-size:12px;


font:"Times New Roman", Times, serif; }

  1. box_banner2

{ margin:5px; width:150px; height:70px; background-color:#21BFBF; display:block; text-align:center; float:left; font-size:12px;

font:"Times New Roman", Times, serif; }

  1. box_banner3

{ margin:5px; width:150px; height:70px; background-color:#F200EC; display:block; text-align:center; float:left; font-size:12px; font:"Times New Roman", Times, serif; }

  1. box_banner4

{ margin:5px; width:150px; height:70px; background-color:#F28322; display:block; text-align:center; float:left; font-size:12px; font:"Times New Roman", Times, serif; }


  1. boxes
  2. content

{ width:150px; margin:10px 5px; display:block; float:inherit; font-weight:800; font:Verdana, Geneva, sans-serif font-size:12px; word-break:break-all; border:#FFF; position:relative; }

  1. boxes
  2. banner_text

{ margin-top:5px;

}

  1. boxes
  2. content

a { width:150px; display:block;


font-weight:800; font:"Times New Roman", Times, serif; font-size:13px; word-break:normal; }

/*--notebook--*/

  1. body_content_Notebook
  2. leftpart

{ width:740px; height:40px; float:left; margin-top:10px; }


  1. body_content_Notebook
  2. leftpart
  3. date

{ width:60px; height:40px; float:left; margin:5px; display:block; color:#C09; font-size:13px; font:Verdana, Geneva, sans-serif; }

  1. body_content_Notebook
  2. leftpart
  3. logbook

{ width:630px; display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; float:left; margin:5px; height:40px }

  1. body_content_Notebook
  2. leftpart1

{ width:740px; height:65px; float:left; margin-top:10px; }

  1. body_content_Notebook
  2. leftpart1
  3. date

{ width:60px; height:65px; float:left; margin:5px; display:block; color:#C09; font-size:13px; font:Verdana, Geneva, sans-serif; }

  1. body_content_Notebook
  2. leftpart1
  3. logbook

{ width:630px; display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; float:left; margin:5px; height:40px }