Team:CIDEB-UANL Mexico/test

From 2013hs.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html lang="en"> <head> <title>Sliding Background Image Menu with jQuery</title> <meta charset="UTF-8" /> <meta name="description" content="Slid...")
 
(3 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
 
<html lang="en">
<html lang="en">
<head>
<head>
Line 7: Line 6:
         <meta name="keywords" content="jquery, background image, image, menu, navigation, panels" />
         <meta name="keywords" content="jquery, background image, image, menu, navigation, panels" />
<meta name="author" content="Codrops" />
<meta name="author" content="Codrops" />
-
        <link rel="stylesheet" type="text/css" href="css/style.css" />
+
   
-
<link rel="stylesheet" type="text/css" href="css/sbimenu.css" />
+
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
Line 32: Line 30:
}
}
         </style>
         </style>
 +
 +
<style>
 +
 +
body{
 +
background:#555 url(../images/random_grey_variations.png) repeat top left;
 +
color:#000;
 +
font-family: 'PT Sans Narrow', Arial, sans-serif;
 +
font-size:12px;
 +
overflow-y:scroll;
 +
}
 +
a{
 +
color:#f0f0f0;
 +
text-decoration:none;
 +
}
 +
.clr{
 +
clear:both;
 +
}
 +
.container {
 +
width:100%;
 +
margin:0 auto;
 +
}
 +
.header{
 +
padding-top:10px;
 +
}
 +
.more ul{
 +
text-transform:uppercase;
 +
font-size:13px;
 +
font-weight:bold;
 +
padding:20px 0px 30px 20px;
 +
height:30px;
 +
}
 +
.more ul li{
 +
float:left;
 +
margin:0px 1px;
 +
}
 +
.more ul li.selected a,
 +
.more ul li.selected a:hover{
 +
background:#000;
 +
color:#fff;
 +
text-shadow:none;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px 5px 5px 5px;
 +
}
 +
.more ul li a{
 +
text-shadow:1px 1px 1px #000;
 +
color:#e3cbfe;
 +
padding:3px 6px;
 +
}
 +
.more ul li a:hover{
 +
color:#bda2dc;
 +
}
 +
h1{
 +
margin:0 0 13px 0;
 +
float:left;
 +
clear:both;
 +
font-size:34px;
 +
padding:12px;
 +
text-shadow:0px 0px 1px #000;
 +
color:#f8f8f8;
 +
font-family:'News Cycle', Georgia, serif;
 +
}
 +
h1 span{
 +
color:#e3cbfe;
 +
text-align:right;
 +
font-size:25px;
 +
padding:0 10px;
 +
}
 +
h2{
 +
float:right;
 +
color:#bda2dc;
 +
padding:30px 20px 0 0;
 +
}
 +
.content{
 +
width:100%;
 +
position:relative;
 +
margin:20px 0 0 0;
 +
clear:both;
 +
}
 +
/* Footer Style */
 +
.topbar{
 +
position:relative;
 +
width:100%;
 +
height:25px;
 +
line-height:24px;
 +
bottom:0;
 +
font-size:13px;
 +
background:#000;
 +
opacity:0.7;
 +
text-transform:uppercase;
 +
font-family: 'PT Sans Narrow', Arial, sans-serif;
 +
z-index:4;
 +
}
 +
.topbar a{
 +
padding:5px 10px;
 +
letter-spacing:1px;
 +
text-shadow:1px 1px 1px #000;
 +
color:#ddd;
 +
text-align:right;
 +
}
 +
.topbar a:hover{
 +
color:#fff;
 +
}
 +
.topbar a span{
 +
font-weight:bold;
 +
}
 +
.topbar span.right_ab{
 +
position:absolute;
 +
right:4px;
 +
}
 +
 +
.sbi_content ul a{
 +
display:block;
 +
color:#f0f0f0;
 +
font-size:16px;
 +
padding:4px 6px 4px 14px;
 +
background:transparent url(../images/triangle.png) no-repeat 3px 50%;
 +
opacity:0.9;
 +
}
 +
.sbi_content ul a:hover{
 +
background-color:#000;
 +
color:#fff;
 +
-moz-box-shadow:1px 1px 5px #000;
 +
-webkit-box-shadow:1px 1px 5px #000;
 +
box-shadow:1px 1px 5px #000;
 +
}
 +
/* CSS reset */
 +
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 +
margin:0;
 +
padding:0;
 +
}
 +
html,body {
 +
margin:0;
 +
padding:0;
 +
}
 +
table {
 +
border-collapse:collapse;
 +
border-spacing:0;
 +
}
 +
fieldset,img {
 +
border:0;
 +
}
 +
input{
 +
border:1px solid #b0b0b0;
 +
padding:3px 5px 4px;
 +
color:#979797;
 +
width:190px;
 +
}
 +
address,caption,cite,code,dfn,th,var {
 +
font-style:normal;
 +
font-weight:normal;
 +
}
 +
ol,ul {
 +
list-style:none;
 +
}
 +
caption,th {
 +
text-align:left;
 +
}
 +
h1,h2,h3,h4,h5,h6 {
 +
font-size:100%;
 +
font-weight:normal;
 +
}
 +
q:before,q:after {
 +
content:'';
 +
}
 +
abbr,acronym { border:0;
 +
}
 +
</style>
 +
</head>
</head>
     <body>
     <body>

Latest revision as of 04:56, 8 June 2013

Sliding Background Image Menu with jQuery

THERMONATOR: THE CROP GUARDIAN
  • Welcome to the IGEM-CIDEB UANL's wiki TOUR

    This is Vip-Tor, our best agent. He will guide you through this wiki for you to know everything about his mission. You just have to click on Vip-Tor, that is at the bottom of each page, to go to the next section. If you want to skip one part you just have to go to the navigation menu that is above of the page. The first part of the TOUR is in the PROJECT section. We hope you enjoy this tour.


team

Follow us on twitter and facebook or send us a mail
facebook
twitter
envelope