Team:UCL-London/static/globalstyles.css

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
1) div styles
1) div styles
-
2) font styles
 
/***************/
/***************/
Line 160: Line 159:
width:100%;
width:100%;
height:9px;
height:9px;
-
}
 
-
 
-
/****************/
 
-
/*1) font styles*/
 
-
/****************/
 
-
 
-
page_title1,
 
-
page_title2,
 
-
small_title1,
 
-
small_title2
 
-
{
 
-
font-weight: bold;
 
-
font-style : normal;
 
-
font-variant : normal;
 
-
line-height : 1;
 
-
text-align : justify;
 
-
text-indent : 0px;
 
-
margin : 0px;
 
-
letter-spacing:-2px;
 
-
}
 
-
 
-
page_title1
 
-
{
 
-
color : #404040;
 
-
font-size : 4.8em;
 
-
}
 
-
 
-
page_title2
 
-
{
 
-
color : white;
 
-
font-size : 4.8em;
 
-
}
 
-
 
-
small_title1
 
-
{
 
-
color : #404040;
 
-
font-size : 2.25em;
 
-
}
 
-
 
-
small_title2
 
-
{
 
-
color : white;
 
-
font-size : 2.25em;
 
-
}
 
-
 
-
p.major_title,
 
-
p.minor_title,
 
-
p.body_text,
 
-
p.citation_text
 
-
{
 
-
font-style : normal;
 
-
text-decoration : none;
 
-
font-variant : normal;
 
-
text-indent : 0px;
 
-
text-align : left;
 
-
}
 
-
 
-
p.major_title,
 
-
p.minor_title
 
-
{
 
-
font-family : Ubuntu, sans-serif;
 
-
font-weight : bold;
 
-
}
 
-
 
-
p.body_text,
 
-
p.citation_text
 
-
{
 
-
font-family : "Myriad Pro", sans-serif;
 
-
font-weight : normal;
 
-
}
 
-
 
-
 
-
p.major_title
 
-
{
 
-
font-size : 2.5em;
 
-
line-height : 1.25;
 
-
color : #c14645;
 
-
margin : 0px;
 
-
}
 
-
 
-
p.minor_title
 
-
{
 
-
font-size : 1.6em;
 
-
line-height : 1.5;
 
-
color : #404040;
 
-
margin : 0px;
 
-
}
 
-
 
-
p.body_text {
 
-
font-size : 1.4em;
 
-
line-height : 1.33;
 
-
color : #404040;
 
-
margin : 0px 0px 9px 14px;
 
-
}
 
-
 
-
p.citation_text {
 
-
font-size : 1.2em;
 
-
line-height : 1.71;
 
-
color : #c14645;
 
-
margin : 0px 0px 0px 14px;
 
}
}

Revision as of 17:32, 11 August 2013

/**********/ /*contents*/ /**********/

1) div styles

/***************/ /*1) div styles*/ /***************/

  1. container

{ width:975px; font-family:Ubuntu, sans-serif; position:absolute; top:175px; left:50%; margin-left:-487.5px; }

  1. banner

{ width:100%; height:160px; background:#C14645; /*border-bottom: 1px solid white;*/ font-family:Ubuntu, sans-serif; }

  1. header

{ width:975px; height:160px; margin-left: auto; margin-right: auto; background:#C14645; }

  1. headtext1

{ width:100%; height:45px; padding-top:10px; float:left; background:#C14645; text-align:right; }

  1. headtext2

{ width:100%; height:94px; padding-top:8px; float:left; background:#C14645; }

  1. logo

{ width:86px; height:86px; float:right; }

  1. social_links

{ width:86px; height:26px; background:#C14645; float:right; margin-top:6px; text-decoration : none; }

  1. social_links img1,
  2. social_links img2

{ width:26px; height:26px; float:right; }

  1. social_links img1

{ background-image:url('https://static.igem.org/mediawiki/2013/0/07/Facebook_logo.png'); }

  1. social_links img2

{ background-image:url('https://static.igem.org/mediawiki/2013/1/1a/Twitter_logo.png'); margin-left:5px; }


div.row_large { width:100%; height:600px; }

div.row_small { width:100%; height:250px; }

div.col_left, div.col_right, div.col_1, div.col_2 { background:#E6E6E6; }

div.col_left { width:606px; height:100%; float:left; overflow:hidden; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

div.col_right { width:360px; height:100%; margin-left:9px; float:left; overflow:hidden; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

div.col_1 { width:237px; height:100%; margin-right:9px; float:left; overflow:hidden; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

div.col_2 { width:237px; height:100%; float:left; overflow:hidden; opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

div.h_gap { width:100%; height:9px; }