Difference between revisions of "Team:UCLA/Template/CSS"

 
(48 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;top
+
     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>
−
 
−
 
−
 
−
<!--SPIDER TOP BUTTON-->
 
−
<style type="text/css">
 
−
.spider{
 
−
position: fixed;
 
−
top: 50px;
 
−
right: 0px;
 
−
width: 200px;
 
−
height: 95%;
 
−
z-index: 10;
 
−
 
−
overflow: hidden;
 
−
}
 
−
.spiderline{
 
−
position: relative;
 
−
left: 75%;
 
−
top: 0%;
 
−
background-color: #A8A8A8;
 
−
width: 2px;
 
−
height: 80%;
 
−
z-index: 100;
 
−
}
 
−
.spiderbutton{
 
−
position: relative;
 
−
left: 50%;
 
−
width: 110px;
 
−
height: 56px;
 
−
z-index: 10;
 
−
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');
 
−
background-repeat: no-repeat;
 
−
}
 
−
.backtotop{
 
−
position: relative;
 
−
left: 65%;
 
−
width: 45px;
 
−
z-index: 10;
 
−
}
 
−
.spiderweb{
 
−
position: fixed;
 
−
right: 0px;
 
−
top: 70px;
 
−
pointer-events:none;
 
−
z-index:19;
 
−
}
 
−
</style>
 
−
 
  
  
Line 460: Line 463:
 
     top:0;
 
     top:0;
 
     /*background:#550D00;*/
 
     /*background:#550D00;*/
−
     /*background: #006699;*/
+
     background: #113372;
−
    background: #000000;
+
 
     z-index:20;
 
     z-index:20;
 
}
 
}
Line 491: Line 493:
 
}
 
}
 
#menu li ul{
 
#menu li ul{
−
         background:#000000;  /*#006699;*/
+
         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/2014/d/d1/Silkworms.JPG');
+
     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/2014/8/81/Classroom.JPG');
+
     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% 50%;
+
     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/2014/f/fd/Uclateam.JPG');
+
     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/2014/d/d1/Silkworms.JPG');
+
     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/2014/2/28/Fahrion_UCLA_iGEM_statement.JPG');
+
     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/2014/4/4c/Fahrion_process_Anuved_Dewal.JPG');
+
     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: 100px;
+
     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 862: Line 861:
 
     margin: auto;
 
     margin: auto;
 
}
 
}
−
 
−
.project_container{
 
−
    width: 50%;
 
−
    margin:auto;
 
−
 
−
}
 
−
 
−
.intro_section{
 
−
    float: left;
 
−
    background-color: #FFEE80;
 
−
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 
−
    font-family: 'Roboto', sans-serif;
 
−
   
 
−
   
 
−
    height: 250px;
 
−
    width: 45%;
 
−
    padding: 10px 10px 10px 10px;
 
−
    margin-top: 5px;
 
−
    margin-left: 10px;
 
−
    border-radius: 0px;
 
−
    z-index: -1;
 
−
}
 
−
 
−
.accomplishment_overview{
 
−
    float:left;
 
−
    background-color: #FFEE80;
 
−
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 
−
    font-family: 'Roboto', sans-serif;
 
−
   
 
−
    width: 45%;
 
−
    height: 125px;
 
−
    padding: 10px 10px 10px 10px;
 
−
    margin-left:10px;
 
−
    margin-top: 5px;
 
−
    margin-right: 5px;
 
−
    border-radius: 0px;
 
−
    z-index: -1;
 
−
 
−
}
 
−
 
−
.biobricks_overview{
 
−
    float:left;
 
−
    background-color: #FFEE80;
 
−
    font-family: 'Roboto', sans-serif;
 
−
   
 
−
    width: 45%;
 
−
    height: 125px;
 
−
    padding: 10px 10px 10px 10px;
 
−
    margin-left:10px;
 
−
    margin-top: 5px;
 
−
    margin-right: 5px;
 
−
    border-radius: 0px;
 
−
    z-index: -1;
 
−
 
−
}
 
−
 
 
</style>
 
</style>
  
Line 937: Line 880:
 
     margin:10;
 
     margin:10;
 
}
 
}
 +
 +
.sponsors {
 +
          margin: 2.5px;
 +
          width: 125px;
 +
      }
  
 
</style>
 
</style>

Latest revision as of 00:25, 19 September 2015