Difference between revisions of "Team:UCLA/Template/CSS"
Michaelc1618 (Talk | contribs) |
|||
(13 intermediate revisions by 4 users not shown) | |||
Line 4: | Line 4: | ||
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'> | ||
<link href ='https://2015.igem.org/Template:UCLA/css/nexalight.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'> | <link href ='https://2015.igem.org/Template:UCLA/css/nexalight.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'> | ||
− | + | <link red = 'https://2015.igem.org/Template:UCLA/css/hero.css?action=raw&ctype=text/css' rel='stylesheet' type='text/css'> | |
<!--WIKI TEMPLATE FORMATTING--> | <!--WIKI TEMPLATE FORMATTING--> | ||
Line 18: | Line 18: | ||
display:none; | display:none; | ||
} | } | ||
+ | |||
+ | .rotate180 { | ||
+ | -webkit-transform: rotate(180deg); | ||
+ | -moz-transform: rotate(180deg); | ||
+ | -o-transform: rotate(180deg); | ||
+ | -ms-transform: rotate(180deg); | ||
+ | transform: rotate(180deg); | ||
+ | } | ||
+ | .rotate90 { | ||
+ | -webkit-transform: rotate(90deg); | ||
+ | -moz-transform: rotate(90deg); | ||
+ | -o-transform: rotate(90deg); | ||
+ | -ms-transform: rotate(90deg); | ||
+ | transform: rotate(90deg); | ||
+ | } | ||
+ | .rotate270 { | ||
+ | -webkit-transform: rotate(270deg); | ||
+ | -moz-transform: rotate(270deg); | ||
+ | -o-transform: rotate(270deg); | ||
+ | -ms-transform: rotate(270deg); | ||
+ | transform: rotate(270deg); | ||
+ | } | ||
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; | + | font-family: "Hero", "Nexa Light", 'Roboto', sans-serif; |
border-bottom: 0px solid #aaa; | border-bottom: 0px solid #aaa; | ||
} | } | ||
Line 79: | Line 101: | ||
#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-family: "Hero", "Nexa Light", 'Roboto', sans-serif; |
font-weight: normal; | font-weight: normal; | ||
font-size: 14px; | font-size: 14px; | ||
Line 88: | Line 110: | ||
background-color: #transparent; | background-color: #transparent; | ||
margin-top: 0px; | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #ri-image-container { | ||
+ | height: 120px; | ||
+ | position: relative; | ||
+ | width: 200px; | ||
+ | } | ||
+ | |||
+ | #ri-image { | ||
+ | background-color: Gray; | ||
+ | height: 60px; | ||
+ | left: 10px; | ||
+ | padding: 10px; | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | width: 80px; | ||
+ | -moz-transform: rotate(15deg); | ||
+ | -webkit-transform: rotate(15deg); | ||
+ | filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', | ||
+ | M11=0.9659258262, M12=-0.2588190451, | ||
+ | M21=0.2588190451, M22=0.9659258262); | ||
} | } | ||
Line 264: | Line 307: | ||
.content { | .content { | ||
/*font-family: Tahoma;*/ | /*font-family: Tahoma;*/ | ||
− | font-family: 'Roboto', sans-serif; | + | font-family: "Nexa Light", 'Roboto', sans-serif; |
font-size: 12px; | font-size: 12px; | ||
color: #3D3D3D; | color: #3D3D3D; | ||
Line 420: | Line 463: | ||
top:0; | top:0; | ||
/*background:#550D00;*/ | /*background:#550D00;*/ | ||
− | background: # | + | background: #113372; |
z-index:20; | z-index:20; | ||
} | } | ||
Line 522: | Line 565: | ||
.slider .slider_imgs #slide1{ | .slider .slider_imgs #slide1{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/thumb/f/f9/UCLAiGEM2015_Tamura_CoSpin_14July2015_tweezer.jpg/750px-UCLAiGEM2015_Tamura_CoSpin_14July2015_tweezer.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 529: | Line 572: | ||
.slider .slider_imgs #slide2{ | .slider .slider_imgs #slide2{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/d/d4/UCLAiGEM2015_GroupPic.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
− | background-position: 0% | + | background-position: 0% 30%; |
} | } | ||
.slider .slider_imgs #slide3{ | .slider .slider_imgs #slide3{ | ||
Line 542: | Line 585: | ||
.slider .slider_imgs #slide4{ | .slider .slider_imgs #slide4{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/c/cd/UCLAiGEM2015_ThankYou2.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 606: | Line 649: | ||
.hpslider .hpslider_imgs #slide1{ | .hpslider .hpslider_imgs #slide1{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/f/f2/NaturalDiscourse_image.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 619: | Line 662: | ||
.hpslider .hpslider_imgs #slide3{ | .hpslider .hpslider_imgs #slide3{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/5/54/UCLAiGEMPosterSession.jpeg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 640: | Line 683: | ||
.hpslider .hpslider_imgs #slide6{ | .hpslider .hpslider_imgs #slide6{ | ||
float: left; | float: left; | ||
− | background-image:url('https://static.igem.org/mediawiki/ | + | background-image:url('https://static.igem.org/mediawiki/2015/7/73/UCLAiGEMBoltThreads.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; |
Latest revision as of 00:25, 19 September 2015