Team:CityU HK/Template/CSS

From 2014.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 14: Line 14:
     <link href='http://fonts.googleapis.com/css?family=Dosis:200,400,700' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Dosis:200,400,700' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
    
    
Line 75: Line 76:
background-color: transparent;
background-color: transparent;
}
}
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
Line 108: Line 110:
.navbar-brand {
.navbar-brand {
-
font-family:'Raleway', sans-serif;
+
font-family: 'Indie Flower', cursive;
-
font-size: 1.7em;
+
                font-weight: bold;
 +
font-size: 1.8em;
padding-top: 40px;
padding-top: 40px;
padding-left: 2px;
padding-left: 2px;
padding-bottom: 70px;
padding-bottom: 70px;
}
}
 +
 +
        #igem {
 +
                position: relative;
 +
                top: -22px;
 +
        }
          
          
         .nav .navbar-brand a:link {          /*overwrite igem default style*/
         .nav .navbar-brand a:link {          /*overwrite igem default style*/
Line 157: Line 165:
border: none;
border: none;
color: #3cc;
color: #3cc;
-
/*font-weight: bold;*/
+
/*font-weight:bold;*/
         background: none;
         background: none;
}
}
-
/*.carousel-inner {
 
-
-webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;*/
 
-
}
 
-
 
-
.carousel-inner .carousel-caption {
 
-
padding-top: 100px;
 
-
padding-bottom: 100px;
 
-
     
 
-
}
 
-
.carousel-inner .carousel-caption h1 {
 
-
font-family: 'Lobster', cursive;
 
-
font-size: 80px;
 
-
        text-align: center;
 
-
padding-bottom: 5px;
 
-
        position: relative;
 
-
        top: -100px;     
 
-
}
 
-
 
-
.carousel-inner .carousel-caption p {
 
-
font-family: 'Raleway', sans-serif;
 
-
        font-weight: 100px;
 
-
        font-size: 1.5em;
 
-
        padding-bottom: 5px;
 
-
        position: relative;
 
-
        top: -130px;
 
-
}
 
-
 
-
.btn-custom {
 
-
padding: 9px 30px 9px 30px;
 
-
        margin-bottom: 40px;
 
-
font-family: 'Quattrocento Sans', sans-serif;
 
-
font-size: 20px;
 
-
        border: 2px solid #fff;
 
-
        color: #fff;
 
-
        background: none;
 
-
        font-weight: bold;
 
-
}
 
-
 
-
.btn-custom:hover {
 
-
color: #4eecba;
 
-
        background-color: rgba(255,255,255,0.4);
 
-
        border: 2px solid #4eecba;
 
-
}
 
-
 
-
#feature-icon img {
 
-
        max-width: 100%;
 
-
        max-height: 100%;
 
-
}
 
-
 
-
#abstract {
 
-
background: #F0EEEA;
 
-
 
-
}
 
-
 
-
#abstract h2{
 
-
color: #676767;
 
-
text-align: center;
 
-
margin-bottom: 40px;
 
-
font-size: 4em;
 
-
font-family: "brandon-grotesque", sans-serif;
 
-
font-weight: 700;
 
-
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
 
-
padding-top: 100px;
 
-
margin-top: 0px;
 
-
letter-spacing: 8px;
 
-
}
 
-
 
-
#abstract p {
 
-
        color: #666;
 
-
        font-weight: 300;
 
-
        font-family: 'Raleway', sans-serif;
 
-
line-height: 2em;
 
-
text-align: center;
 
-
padding-left: 200px;
 
-
padding-right:200px;
 
-
padding-top: 10px;
 
-
padding-bottom: 100px;
 
-
        font-size: 18px;
 
-
}
 
#footer {
#footer {
background: rgba(0,0,0,0.8);
background: rgba(0,0,0,0.8);
background-size:cover;
background-size:cover;
-
height: 300px;
 
         width: 100%;
         width: 100%;
clear: both;
clear: both;
-
bottom: 0;
+
/*top: 0;*/
         margin: 0;
         margin: 0;
         padding: 10px 20px 0px 20px;  
         padding: 10px 20px 0px 20px;  
         border-top: solid 1px #e0e0e0;
         border-top: solid 1px #e0e0e0;
-
        position: relative;
+
      /* position: relative;*/
}
}
Line 269: Line 195:
text-align: center;
text-align: center;
         font-size: 14px;
         font-size: 14px;
 +
}
 +
 +
#footer #email {
 +
      font-size: 18px;
}
}
Line 287: Line 217:
#copyright {
#copyright {
-
         /*margin: 0;*/
+
         width:100%;
         padding-top:10px;
         padding-top:10px;
         padding-bottom: 10px;
         padding-bottom: 10px;

Latest revision as of 00:33, 18 October 2014

Bootstrap 101 Template