Difference between revisions of "Team:ASIJ Tokyo"

Line 1: Line 1:
 +
  
 
<html>
 
<html>
Line 24: Line 25:
 
           <a class="dropdown-toggle" data-toggle="dropdown" href="">Our Project<span class="caret"></span></a>
 
           <a class="dropdown-toggle" data-toggle="dropdown" href="">Our Project<span class="caret"></span></a>
 
           <ul class="dropdown-menu">
 
           <ul class="dropdown-menu">
             <li><a href="#">Page 1-1</a></li>
+
             <li><a href="https://2016.igem.org/ASIJJournal">hello</a></li>
 
             <li><a href="#">Page 1-2</a></li>
 
             <li><a href="#">Page 1-2</a></li>
 
             <li><a href="#">Page 1-3</a></li>
 
             <li><a href="#">Page 1-3</a></li>
Line 39: Line 40:
 
</nav>
 
</nav>
 
</body>
 
</body>
 
 
<style type="text/css">
 
<style type="text/css">
  
Line 69: Line 69:
 
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 
html {
 
html {
   font-family:sans-serif;
+
   font-family: sans-serif;
 
   -webkit-text-size-adjust: 100%;
 
   -webkit-text-size-adjust: 100%;
 
       -ms-text-size-adjust: 100%;
 
       -ms-text-size-adjust: 100%;
Line 978: Line 978:
 
a:hover,
 
a:hover,
 
a:focus {
 
a:focus {
 
 
   color: #2a6496;
 
   color: #2a6496;
 
   text-decoration: underline;
 
   text-decoration: underline;
Line 1,417: Line 1,416:
 
   padding: 2px 4px;
 
   padding: 2px 4px;
 
   font-size: 90%;
 
   font-size: 90%;
   color: #gdf;
+
   color: #fff;
 
   background-color: #333;
 
   background-color: #333;
 
   border-radius: 3px;
 
   border-radius: 3px;
Line 2,433: Line 2,432:
 
}
 
}
 
.form-control:focus {
 
.form-control:focus {
   border-color: #7ee975;
+
   border-color: #66afe9;
 
   outline: 0;
 
   outline: 0;
 
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
 
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
Line 6,449: Line 6,448:
 
}
 
}
 
.fa-inverse {
 
.fa-inverse {
   color: #74ff74;
+
   color: #ffffff;
 
}
 
}
 
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
Line 7,857: Line 7,856:
 
}
 
}
 
/*======================================
 
/*======================================
    HOME SECTION STYLES
+
   Project Description SECTION STYLES
   =======================================*/
+
#home-sec {
+
    background-color:#134f90;
+
    line-height:30px;
+
}
+
home-sec .carousel-caption {
+
    top: 50px;
+
}
+
.slide-h1 {
+
    font-size:50px;
+
    font-weight:900;
+
    padding-bottom:10px;
+
}
+
.slide-h2 {
+
    font-size:25px;
+
    font-weight:900;
+
    padding-bottom:10px;
+
}
+
/*======================================
+
    NAV STYLES
+
  =======================================*/
+
 
+
#nav{
+
position: fixed;
+
top: 60%;
+
right:10px;
+
}
+
 
+
#nav li{
+
display: block;
+
margin: 10px;
+
width: 20px;
+
height: 20px;
+
overflow: hidden;
+
background-color: rgb(0, 0, 0);
+
border-radius: 50%;
+
border-radius: 50%;
+
-webkit-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255);
+
-moz-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255);
+
-ms-box-shadow: 0px 0px 3px 2px rgb(255, 255, 255);
+
box-shadow: 0px 0px 3px 2px rgb(255, 255, 255);
+
}
+
 
+
#nav li:hover{
+
background-color:#fff;
+
}
+
 
+
#nav a{
+
text-indent: -999em;
+
color: transparent;
+
}
+
 
+
/*======================================
+
  ABOUT SECTION STYLES
+
 
   =======================================*/
 
   =======================================*/
  
Line 7,919: Line 7,864:
 
}
 
}
 
/*======================================
 
/*======================================
   FEATURES SECTION STYLES
+
   JOURNAL SECTION STYLES
 
   =======================================*/
 
   =======================================*/
 
#features-sec {
 
#features-sec {
Line 7,936: Line 7,881:
 
}
 
}
 
/*======================================
 
/*======================================
   CONTACT SECTION STYLES
+
   LAB SECTION STYLES
 
   =======================================*/
 
   =======================================*/
 
#contact-sec {
 
#contact-sec {
Line 8,047: Line 7,992:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
    <!--INDICATORS-->
 
  
 
        </div>
 
    </div>
 
 
     <!-- HOME SECTION END-->
 
     <!-- HOME SECTION END-->
 
     <div id="nav">
 
     <div id="nav">

Revision as of 02:29, 14 October 2016


The BIG TEMPLATE : RESPONSIVE and FREE

Lab