Team:UCL-London/static/globalstyles.css

From 2013.igem.org

(Difference between revisions)
 
(301 intermediate revisions not shown)
Line 1: Line 1:
-
/****************************/
+
/**********/
-
/****************************/
+
/*contents*/
-
/*easy reference styles here*/
+
/**********/
-
/****************************/
+
-
/****************************/
+
-
/*content background colour*/
+
1) div styles
-
div.row_small,
+
2) font styles
-
div.row_large,
+
 
-
div.buffer,
+
/***************/
-
.mediawiki,
+
/*1) div styles*/
-
#content
+
/***************/
 +
 
 +
#container
{
{
-
        background: #DDDDDD;
+
position:absolute;
 +
width:975px;
 +
left:50%;
 +
display:none;
}
}
-
#content
+
#testing
 +
{
 +
width:100px;
 +
height:100px;
 +
background:green;
 +
}
 +
 
 +
#banner
{
{
width:100%;
width:100%;
-
margin:0px;
+
height:160px;
-
padding:0px;
+
background:#C14645;
 +
font-family:Ubuntu, sans-serif;
}
}
-
/*************************************************/
+
#header
-
/*************************************************/
+
{
-
/*first section just covers up the default styles*/
+
width:975px;
-
/*************************************************/
+
height:160px;
-
/*************************************************/
+
margin-left: auto;
 +
margin-right: auto;
 +
background:#C14645;
 +
}
-
.firstHeading
+
#headtext1
{
{
-
display:none;
+
width:100%;
 +
height:45px;
 +
padding-top:10px;
 +
float:left;
 +
background:#C14645;
 +
text-align:right;
}
}
-
/*hides the team tag at the top*/
+
#headtext2
-
#content h1.firstHeading{
+
{
-
visibility:hidden;
+
width:100%;
 +
height:94px;
 +
padding-top:11px;
 +
float:left;
 +
background:#C14645;
}
}
-
/*hides the top of the default top banner*/
+
#logo
-
#p-logo{
+
{
-
display: none;
+
width:86px;
 +
height:86px;
 +
float:right;
}
}
-
/*hides the outline for the top section*/
+
#social_links
-
#top-section{
+
{
-
height: 0px;
+
width:86px;
-
margin-bottom: 0px !important;
+
height:26px;
-
border: none;
+
background:#C14645;
 +
float:right;
 +
margin-top:6px;
 +
text-decoration : none;
}
}
-
/*colours the footer box*/
+
#social_links img1,
-
#footer-box{
+
#social_links img2
-
        background: #DDDDDD;
+
{
-
        border:0px;
+
width:26px;
 +
height:26px;
 +
float:right;
}
}
-
/*hides the search bar & controls*/
+
#social_links img1
-
#search-controls{
+
{
-
overflow:hidden;
+
background-image:url('https://static.igem.org/mediawiki/2013/0/07/Facebook_logo.png');
-
        display:none;
+
}
-
background: none;
+
-
position: absolute;
+
-
top: 170px;
+
-
right: 40px;
+
-
}  
+
-
/*stops the menubar mouseover effect*/
+
#social_links img2
-
#menubar, #menubar:hover{
+
{
-
        background:none;
+
background-image:url('https://static.igem.org/mediawiki/2013/1/1a/Twitter_logo.png');
-
        position:absolute;
+
margin-left:5px;
-
        padding-bottom:5px;
+
-
        top:-20px;
+
}
}
-
/*prevents mouseover effects on top left/right menu bars*/
+
div.row_large
-
/*START*/
+
{
-
.left-menu, .right-menu{
+
width:975px;
-
position: absolute;
+
height:600px;
-
background: none;
+
-
color: black;
+
}
}
-
.left-menu li a,
+
div.row_small
-
.right-menu li a
+
{
{
-
color: #000 !important;
+
width:975px;
 +
height:250px;
}
}
-
.left-menu ul li,
+
div.col_left,
-
.right-menu ul li a
+
div.col_right,
 +
div.col_1,
 +
div.col_2
 +
{
 +
/*background:#E6E6E6;*/
 +
background:red;
 +
}
 +
 
 +
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;
 +
}
 +
 
 +
 
 +
/****************/
 +
/*2) 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
{
{
-
background: none;
+
font-size : 2.5em;
-
color: #000 !important;
+
line-height : 1.25;
 +
color : #c14645;
 +
margin : 0px;
}
}
-
.left-menu li a:hover,
+
p.minor_title
-
.right-menu li a:hover,
+
-
.right-menu li a:visited,
+
-
.right-menu li a:active
+
{
{
-
        background: none;
+
font-size : 1.6em;
-
        color: #000 !important;
+
line-height : 1.5;
 +
color : #404040;
 +
margin : 0px;
}
}
-
/*END*/
 
-
/*removes the bottom box for links*/
+
p.body_text {
-
#catlinks{
+
font-size : 1.4em;
-
        display:none;
+
line-height : 1.33;
 +
color : #404040;
 +
margin : 0px 0px 9px 14px;
}
}
-
/*removes the page border and top margin*/
+
p.citation_text {
-
#content{
+
font-size : 1.2em;
-
        border: none;
+
line-height : 1.71;
-
        margin-top: 0px;
+
color : #c14645;
 +
margin : 0px 0px 0px 14px;
}
}

Latest revision as of 19:08, 11 August 2013

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

1) div styles 2) font styles

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

  1. container

{ position:absolute; width:975px; left:50%; display:none; }

  1. testing

{ width:100px; height:100px; background:green; }

  1. banner

{ width:100%; height:160px; background:#C14645; 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:11px; 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:975px; height:600px; }

div.row_small { width:975px; height:250px; }

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

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; }


/****************/ /*2) 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; }

Retrieved from "http://2013.igem.org/Team:UCL-London/static/globalstyles.css"