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: | ||
- | |||
<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 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
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.
Tweets por @iGEM_CIDEB
|