Team:CityU HK/Template/CSS

From 2014.igem.org

(Difference between revisions)
 
(36 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 31: Line 32:
/****************************/
/****************************/
-
/*#top-section {    /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
#top-section {    /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
border: 0 none;
border: 0 none;
Line 74: Line 75:
text-decoration: none;  
text-decoration: none;  
background-color: transparent;
background-color: transparent;
-
}*/
 
-
 
-
<!--Annoying Wiki Styling Destroyer 4000-->
 
-
<style>
 
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 
-
    display:none;}
 
-
#top-section {
 
-
    border: none;
 
-
    height: 0px;}
 
-
#content {
 
-
    border: none;
 
-
    width:100%;
 
-
    margin: 0;
 
-
    padding: 0;
 
-
}
 
-
/* Removes "teams" from the menubar */
 
-
#menubar.left-menu > ul > li:last-child {
 
-
    display: none;}
 
-
/* Resizes the menubar to fik the links (default is 400px) */
 
-
#menubar {
 
-
    width: auto;
 
-
    top:10px;
 
}
}
-
body {
 
-
    margin: 0 0 0 0;
 
-
    padding: 0;}
 
-
#top-section {
 
-
    width: 100%;
 
-
    height: 0;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
    border: none;}
 
-
#menubar {
 
-
    font-size: 65%;
 
-
    }
 
-
.left-menu:hover {
 
-
    background-color: transparent;}
 
-
#menubar li a {
 
-
    background-color: transparent;}
 
-
#menubar:hover {
 
-
    color: black;}
 
-
#menubar li a {
 
-
    color: transparent;}
 
-
#menubar:hover li a {
 
-
    color: black;
 
-
    z-index: 9999;}
 
Line 154: 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 203: 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 315: Line 195:
text-align: center;
text-align: center;
         font-size: 14px;
         font-size: 14px;
 +
}
 +
 +
#footer #email {
 +
      font-size: 18px;
}
}
Line 333: 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