Team:Baskent-Meds/test

From 2012.igem.org

(Difference between revisions)
Line 52: Line 52:
body{   
body{   
-
     font-family:"Lucida Grande", arial, sans-serif;   
+
     font-family:"Gill Sans MT", Helvetica;
 +
font-size: 18px;   
     background:#F3F3F3;   
     background:#F3F3F3;   
}   
}   
Line 79: Line 80:
}   
}   
    
    
-
    .subtext{ 
+
   
-
        padding-top:15px; 
+
-
    }  
+
    
    
/*Menu Color Classes*/   
/*Menu Color Classes*/   
Line 88: Line 87:
.red{background:#D52100;}   
.red{background:#D52100;}   
.purple{background:#5122B4;}   
.purple{background:#5122B4;}   
-
.blue{background:#0292C0;}
+
.blue{background:#0292C0;}  
-
</style>
+
.pink{background: #000000}
 +
.style2 {font-size: 16px}
 +
    </style>
</head>   
</head>   
<body>   
<body>   
Line 96: Line 97:
     <p>&nbsp;    </p>   
     <p>&nbsp;    </p>   
     <ul><li class="green"><p><a href="#">Home</a></p>   
     <ul><li class="green"><p><a href="#">Home</a></p>   
-
         <p class="subtext"></br>The front page</p>   
+
         <p class="subtext"></br>
 +
        <span class="style2">The front page</span></p>   
         </li>   
         </li>   
         <li class="yellow">   
         <li class="yellow">   
             <p><a href="#">About</a></p>   
             <p><a href="#">About</a></p>   
-
             <p class="subtext">More info</p>   
+
             <p class="style2">More info</p>   
         </li>   
         </li>   
         <li class="red">   
         <li class="red">   
             <p><a href="#">Contact</a></p>   
             <p><a href="#">Contact</a></p>   
-
             <p class="subtext">Get in touch</p>   
+
             <p class="style2">>Get in touch</p>   
         </li>   
         </li>   
         <li class="blue">   
         <li class="blue">   
             <p><a href="#">Submit</a></p>   
             <p><a href="#">Submit</a></p>   
-
             <p class="subtext">Send us your stuff!</p>   
+
             <p class="style2">Send us your stuff!</p>   
         </li>   
         </li>   
         <li class="purple">   
         <li class="purple">   
             <p><a href="#">Terms</a></p>   
             <p><a href="#">Terms</a></p>   
-
             <p class="subtext">Legal things</p>   
+
             <p class="style2">Legal things</p>   
-
         </li>   
+
         </li>
 +
<li class="pink">   
 +
            <p><a href="#">Terms</a></p> 
 +
            <p class="style2">Legal things</p> 
 +
        </li> 
     </ul>  
     </ul>  
</div>  
</div>  

Revision as of 03:02, 29 July 2012

Smooth Animated jQuery Menu