Difference between revisions of "Team:UCLA/Template/CSS"
Michaelc1618 (Talk | contribs) |
Michaelc1618 (Talk | contribs) |
||
(22 intermediate revisions by 4 users not shown) | |||
Line 3: | Line 3: | ||
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'> | ||
<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 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 17: | 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 78: | 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 87: | 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 97: | Line 141: | ||
font-size: 14px; | font-size: 14px; | ||
} | } | ||
+ | |||
+ | #sponsors { | ||
+ | height: 100px; | ||
+ | background-color: #ffffff; | ||
+ | margin: 20px 0px 20px 0px; | ||
+ | } | ||
+ | |||
.sidemenu li {display: block;} | .sidemenu li {display: block;} | ||
Line 256: | 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 331: | Line 382: | ||
} | } | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 460: | Line 463: | ||
top:0; | top:0; | ||
/*background:#550D00;*/ | /*background:#550D00;*/ | ||
− | + | background: #113372; | |
− | + | ||
z-index:20; | z-index:20; | ||
} | } | ||
Line 491: | Line 493: | ||
} | } | ||
#menu li ul{ | #menu li ul{ | ||
− | background: | + | background:#006699; |
/* display:none; */ | /* display:none; */ | ||
position:absolute; | position:absolute; | ||
Line 563: | 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 570: | 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 583: | 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 647: | 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 660: | 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 681: | 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; | ||
Line 833: | Line 835: | ||
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'); | ||
font-family: 'Roboto', sans-serif; | font-family: 'Roboto', sans-serif; | ||
− | top: | + | top: 550px; |
width: 100%; | width: 100%; | ||
padding: 0 0 0 0; | padding: 0 0 0 0; | ||
Line 842: | Line 844: | ||
z-index: -1; | z-index: -1; | ||
} | } | ||
− | |||
− | |||
.page_content{ | .page_content{ | ||
Line 855: | Line 855: | ||
z-index: -1; | z-index: -1; | ||
} | } | ||
− | |||
.content_subsection{ | .content_subsection{ | ||
position: relative; | position: relative; | ||
Line 861: | Line 860: | ||
padding: 10px 10px 10px 10px; | padding: 10px 10px 10px 10px; | ||
margin: auto; | margin: auto; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
</style> | </style> | ||
Line 945: | Line 880: | ||
margin:10; | margin:10; | ||
} | } | ||
+ | |||
+ | .sponsors { | ||
+ | margin: 2.5px; | ||
+ | width: 125px; | ||
+ | } | ||
</style> | </style> |
Latest revision as of 00:25, 19 September 2015