Team:UCLA/Template/CSS
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
(54 intermediate revisions not shown) | |||
Line 19: | Line 19: | ||
h1, h2, h3, h4, h5 { | h1, h2, h3, h4, h5 { | ||
- | font-family: Helvetica, Georgia, Times, "Times New Roman", serif; | + | /*font-family: Helvetica, Georgia, Times, "Times New Roman", serif;*/ |
+ | font-family: 'Roboto', sans-serif; | ||
border-bottom: 0px solid #aaa; | border-bottom: 0px solid #aaa; | ||
} | } | ||
Line 76: | Line 77: | ||
#contentcontainer { /*-- creates container for all content on page --*/ | #contentcontainer { /*-- creates container for all content on page --*/ | ||
- | font-family: Arial, Helvetica, sans-serif; | + | font-family: Arial, Helvetica, sans-serif; |
+ | font-family: 'Roboto', sans-serif; | ||
font-weight: normal; | font-weight: normal; | ||
font-size: 14px; | font-size: 14px; | ||
Line 147: | Line 149: | ||
color: #414141; | color: #414141; | ||
font-size: 25px; | font-size: 25px; | ||
- | font-family: Georgia, Times, "Times New Roman", serif; | + | /*font-family: Georgia, Times, "Times New Roman", serif;*/ |
+ | font-family: 'Roboto', sans-serif; | ||
padding: 10px 15px 5px 10px; | padding: 10px 15px 5px 10px; | ||
border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||
Line 234: | Line 237: | ||
.style { | .style { | ||
font-size: 30px; | font-size: 30px; | ||
- | font-family: 'Pacifico', cursive; | + | /*font-family: 'Pacifico', cursive;*/ |
+ | /*font-family: "Times New Roman", Times, serif;*/ | ||
+ | font-family: 'Roboto', sans-serif; | ||
} | } | ||
Line 250: | Line 255: | ||
} | } | ||
.content { | .content { | ||
- | font-family: Tahoma; | + | /*font-family: Tahoma;*/ |
+ | font-family: 'Roboto', sans-serif; | ||
font-size: 12px; | font-size: 12px; | ||
color: #3D3D3D; | color: #3D3D3D; | ||
Line 303: | Line 309: | ||
h2.onBlack { | h2.onBlack { | ||
font-family: Verdana; | font-family: Verdana; | ||
+ | font-family: 'Roboto', sans-serif; | ||
color:white; | color:white; | ||
margin-top: -5px; | margin-top: -5px; | ||
Line 444: | Line 451: | ||
- | |||
<!--TOP MENU BAR--> | <!--TOP MENU BAR--> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 466: | Line 472: | ||
color:white; | color:white; | ||
font-family: Helvetica; | font-family: Helvetica; | ||
+ | font-family: 'Roboto', sans-serif; | ||
padding:18px 5px 15px 5px; | padding:18px 5px 15px 5px; | ||
text-decoration:none; | text-decoration:none; | ||
Line 589: | Line 596: | ||
position: relative; | position: relative; | ||
width: 1150px; | width: 1150px; | ||
- | height: | + | height: 400px; |
margin: auto; | margin: auto; | ||
overflow: hidden; | overflow: hidden; | ||
Line 609: | Line 616: | ||
width: 100%; | width: 100%; | ||
height: 200px; | height: 200px; | ||
- | top: | + | top: 27%; |
left: 10px; | left: 10px; | ||
} | } | ||
Line 626: | Line 633: | ||
width: 100%; | width: 100%; | ||
height: 200px; | height: 200px; | ||
- | top: | + | top: 27%; |
left: -10px; | left: -10px; | ||
} | } | ||
Line 635: | Line 642: | ||
float: left; | float: left; | ||
width: 1150px; | width: 1150px; | ||
- | height: | + | height: 400px; |
} | } | ||
.hpslider .hpslider_imgs #slide1{ | .hpslider .hpslider_imgs #slide1{ | ||
Line 646: | Line 653: | ||
.hpslider .hpslider_imgs #slide2{ | .hpslider .hpslider_imgs #slide2{ | ||
float: left; | float: left; | ||
- | background-image:url('https://static.igem.org/mediawiki/2014/ | + | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | |||
} | } | ||
.hpslider .hpslider_imgs #slide3{ | .hpslider .hpslider_imgs #slide3{ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/2/28/Fahrion_UCLA_iGEM_statement.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/2/28/Fahrion_UCLA_iGEM_statement.JPG'); | ||
Line 671: | Line 664: | ||
background-position: 0% 65%; | background-position: 0% 65%; | ||
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide4{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/9/96/Fahrion_Non_Fluoresce.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/9/96/Fahrion_Non_Fluoresce.JPG'); | ||
Line 678: | Line 671: | ||
background-position: 0% 65%; | background-position: 0% 65%; | ||
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide5{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/b/b3/Fahrion_Blue_Fluoresce_side.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/b/b3/Fahrion_Blue_Fluoresce_side.JPG'); | ||
Line 685: | Line 678: | ||
background-position: 0% 65%; | background-position: 0% 65%; | ||
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide6{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/4/4c/Fahrion_process_Anuved_Dewal.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/4/4c/Fahrion_process_Anuved_Dewal.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 40%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide7{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/9/95/Fahrion_Process_full.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/9/95/Fahrion_Process_full.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: | + | background-position: 10% 50%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide8{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/f/f4/Fahrion_full_nonfluoresce.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/f/f4/Fahrion_full_nonfluoresce.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 30%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide9{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/5/58/Fahrion_Group.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/5/58/Fahrion_Group.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 45%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide10{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/b/be/Fahrion_David_Discussion.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/b/be/Fahrion_David_Discussion.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 40%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide11{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/5/59/Fahrion_Process_Aal.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/5/59/Fahrion_Process_Aal.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 40%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide12{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG'); | ||
Line 734: | Line 727: | ||
background-position: 0% 65%; | background-position: 0% 65%; | ||
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide13{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/e/ef/Fahrion_Blue_Straight.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/e/ef/Fahrion_Blue_Straight.JPG'); | ||
Line 741: | Line 734: | ||
background-position: 0% 65%; | background-position: 0% 65%; | ||
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide14{ |
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/6/62/Fahrion_Process_Observers.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/6/62/Fahrion_Process_Observers.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 50%; |
} | } | ||
- | .hpslider .hpslider_imgs # | + | .hpslider .hpslider_imgs #slide15{ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
float: left; | float: left; | ||
background-image:url('https://static.igem.org/mediawiki/2014/5/57/Fahrion_Historical_Wall.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/5/57/Fahrion_Historical_Wall.JPG'); | ||
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | background-position: 0% | + | background-position: 0% 45%; |
} | } | ||
</style> | </style> | ||
- | |||
Line 773: | Line 758: | ||
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png'); | background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png'); | ||
width: 100%; | width: 100%; | ||
- | height: | + | height: 450px; |
z-index: 0; | z-index: 0; | ||
margin-bottom: 200px; | margin-bottom: 200px; | ||
Line 785: | Line 770: | ||
background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG'); | background-image:url('https://static.igem.org/mediawiki/2014/f/fa/Cocoons.JPG'); | ||
background-size:1500px; | background-size:1500px; | ||
- | width: | + | width:21%; |
height:80%; | height:80%; | ||
top:10%; | top:10%; | ||
Line 794: | Line 779: | ||
background-image:url('http://www.visualphotos.com/photo/1x7581974/silk_fibres_coloured_sem_H1200410.jpg'); | background-image:url('http://www.visualphotos.com/photo/1x7581974/silk_fibres_coloured_sem_H1200410.jpg'); | ||
background-position:50% 50%; | background-position:50% 50%; | ||
- | width: | + | width:21%; |
height:80%; | height:80%; | ||
top:10%; | top:10%; | ||
Line 804: | Line 789: | ||
background-size:750px; | background-size:750px; | ||
background-position:70% 70%; | background-position:70% 70%; | ||
- | width: | + | width:21%; |
height:80%; | height:80%; | ||
top:10%; | top:10%; | ||
Line 813: | Line 798: | ||
background-image:url('https://static.igem.org/mediawiki/2014/a/a2/Spiderweb.jpg'); | background-image:url('https://static.igem.org/mediawiki/2014/a/a2/Spiderweb.jpg'); | ||
- | width: | + | width:21%; |
height:80%; | height:80%; | ||
top:10%; | top:10%; | ||
Line 822: | Line 807: | ||
+ | <!--HP PAGE HEADERS--> | ||
+ | <style type="text/css"> | ||
+ | .hppage_header{ | ||
+ | position: absolute; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png'); | ||
+ | width: 100%; | ||
+ | height: 475px; | ||
+ | z-index: 0; | ||
+ | margin-bottom: 200px; | ||
+ | } | ||
+ | .hppage_header .hppage_header_box{ | ||
+ | position: absolute; | ||
+ | overflow: hidden; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!--EDITING--> | ||
<!--CONTENT SECTIONS--> | <!--CONTENT SECTIONS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 827: | Line 831: | ||
position: absolute; | position: absolute; | ||
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png'); | background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png'); | ||
- | top: | + | font-family: 'Roboto', sans-serif; |
- | width: | + | top: 550px; |
+ | width: 100%; | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
margin: auto; | margin: auto; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
+ | margin-left: 0px; | ||
border-radius: 0px; | border-radius: 0px; | ||
z-index: -1; | z-index: -1; | ||
Line 838: | Line 844: | ||
.page_content{ | .page_content{ | ||
position: relative; | position: relative; | ||
- | background-color: # | + | background-color: #FFEE80; |
width: 99%; | width: 99%; | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
margin: auto; | margin: auto; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
- | border-radius: 25px; | + | /*border-radius: 25px;*/ |
z-index: -1; | z-index: -1; | ||
} | } | ||
Line 857: | Line 863: | ||
<style> | <style> | ||
table{ | table{ | ||
+ | font-family: 'Roboto', sans-serif; | ||
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png'); | background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png'); | ||
} | } | ||
+ | |||
+ | ulJ | ||
+ | { | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | ulN | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | margin:10; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 02:41, 18 October 2014