Team:METU-Ankara/deneme
From 2011.igem.org
(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <titl...") |
|||
Line 4: | Line 4: | ||
<title>fastpage</title> | <title>fastpage</title> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
- | < | + | <style type="text/css"> |
+ | @charset "utf-8"; | ||
+ | body { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:100%; | ||
+ | color:#9a9a9a; | ||
+ | font:normal 12px/1.8em Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | html, .main { | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | background:#fff; | ||
+ | } | ||
+ | .clr { | ||
+ | clear:both; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:100%; | ||
+ | font-size:0; | ||
+ | line-height:0; | ||
+ | } | ||
+ | .logo { | ||
+ | padding:20px 0; | ||
+ | float:left; | ||
+ | width:450px; | ||
+ | } | ||
+ | .logo img { | ||
+ | float:left; | ||
+ | margin:0 10px 0 0; | ||
+ | } | ||
+ | h1 { | ||
+ | margin:0; | ||
+ | padding:5px 0; | ||
+ | width:350px; | ||
+ | color:#40b5ff; | ||
+ | font:normal 46px/1.2em Arial, Helvetica, sans-serif; | ||
+ | letter-spacing:-2px; | ||
+ | } | ||
+ | h1 a, h1 a:hover { | ||
+ | color:#40b5ff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | h1 span { | ||
+ | color:#424242; | ||
+ | } | ||
+ | h1 small { | ||
+ | text-align:left; | ||
+ | float:right; | ||
+ | width:130px; | ||
+ | border-left:1px solid #e1e0e0; | ||
+ | color:#bab9b9; | ||
+ | display:block; | ||
+ | padding:15px 0 15px 10px; | ||
+ | font:normal 12px/1.2em Arial, Helvetica, sans-serif; | ||
+ | letter-spacing:normal; | ||
+ | } | ||
+ | h2 { | ||
+ | font:normal 24px Arial, Helvetica, sans-serif; | ||
+ | padding:8px 0; | ||
+ | margin:8px 0; | ||
+ | color:#595959; | ||
+ | } | ||
+ | h2.star { | ||
+ | background:#767676 url(images/sidebar_bg_h2.gif) 10px 10px no-repeat; | ||
+ | padding:7px 0 5px 30px; | ||
+ | color:#fff; | ||
+ | } | ||
+ | p { | ||
+ | margin:8px 0; | ||
+ | padding:0 0 8px 0; | ||
+ | font:normal 12px/1.8em Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | p.spec { | ||
+ | text-align:right; | ||
+ | } | ||
+ | a { | ||
+ | color:#2cadff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | a.rm, a.com { | ||
+ | margin-left:8px; | ||
+ | padding:9px 12px; | ||
+ | background:repeat-x top; | ||
+ | text-decoration:none; | ||
+ | color:#fff; | ||
+ | } | ||
+ | .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .header { | ||
+ | } | ||
+ | .header_resize { | ||
+ | margin:0 auto; | ||
+ | padding:0; | ||
+ | width:970px; | ||
+ | } | ||
+ | .header_img { | ||
+ | border:1px solid #e1e0e0; | ||
+ | padding:5px; | ||
+ | background:#fff; | ||
+ | } | ||
+ | .menu_nav { | ||
+ | margin:0; | ||
+ | padding:10px 0; | ||
+ | float:left; | ||
+ | border-top:1px solid #e1e0e0; | ||
+ | width:970px; | ||
+ | } | ||
+ | .menu_nav ul { | ||
+ | list-style:none; | ||
+ | width:500px; | ||
+ | float:left; | ||
+ | } | ||
+ | .menu_nav ul li { | ||
+ | margin:0; | ||
+ | padding:0 2px 0 0; | ||
+ | float:left; | ||
+ | background:no-repeat right center; | ||
+ | } | ||
+ | .menu_nav ul li a { | ||
+ | border-right:1px solid #e1e0e0; | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:2px 20px; | ||
+ | color:#848383; | ||
+ | text-decoration:none; | ||
+ | font:normal 13px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | .menu_nav ul li.active a, .menu_nav ul li a:hover { | ||
+ | color:#424242; | ||
+ | } | ||
+ | .menu_nav ul li.last a { | ||
+ | border:0; | ||
+ | } | ||
+ | .search form { | ||
+ | float:right; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | } | ||
+ | .search span { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background:#fff; | ||
+ | width:201px; | ||
+ | padding:0; | ||
+ | height:23px; | ||
+ | border:1px solid #e9e9e9; | ||
+ | } | ||
+ | .search form .keywords { | ||
+ | width:167px; | ||
+ | line-height:13px; | ||
+ | height:13px; | ||
+ | float:left; | ||
+ | background:none; | ||
+ | border:0; | ||
+ | padding:5px; | ||
+ | margin:0; | ||
+ | font:normal 11px Arial, Helvetica, sans-serif; | ||
+ | color:#bab9b9; | ||
+ | } | ||
+ | .search form .button { | ||
+ | float:left; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | .content { | ||
+ | padding:10px 0 0 0; | ||
+ | } | ||
+ | .content_resize { | ||
+ | margin:0 auto; | ||
+ | padding:0 20px; | ||
+ | width:930px; | ||
+ | background:#fff; | ||
+ | border:1px solid #e1e0e0; | ||
+ | } | ||
+ | .content .mainbar { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | width:620px; | ||
+ | background:repeat-x bottom; | ||
+ | } | ||
+ | .content .mainbar img { | ||
+ | float:left; | ||
+ | padding:4px; | ||
+ | margin:0 10px 0 0; | ||
+ | border:1px solid #eaecec; | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | .content .mainbar .article { | ||
+ | margin:0; | ||
+ | padding:20px 0 0 0; | ||
+ | } | ||
+ | .content .mainbar .article span.butons a { | ||
+ | margin:0 5px 0 0; | ||
+ | float:right; | ||
+ | color:#9a9a9a; | ||
+ | padding:1px 10px; | ||
+ | text-decoration:none; | ||
+ | border:1px solid #ebe8e8; | ||
+ | background:#fbfbfc; | ||
+ | } | ||
+ | .content .mainbar .article span.butons a:hover { | ||
+ | border:1px solid #d9f0ff; | ||
+ | background:#40b5ff; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .content .mainbar .article span.butons a.active { | ||
+ | border:1px solid #ebe8e8; | ||
+ | background:#40b5ff; | ||
+ | color:#fff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .content .sidebar { | ||
+ | margin:20px 0 0 0; | ||
+ | padding:0; | ||
+ | float:right; | ||
+ | width:280px; | ||
+ | } | ||
+ | .content .sidebar .gadget { | ||
+ | margin:0 0 10px 0; | ||
+ | padding:10px; | ||
+ | border:1px solid #ebebeb; | ||
+ | } | ||
+ | ul.sb_menu, ul.ex_menu { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | color:#959595; | ||
+ | } | ||
+ | ul.sb_menu li, ul.ex_menu li { | ||
+ | margin:0; | ||
+ | } | ||
+ | ul.sb_menu li { | ||
+ | padding:4px 0 4px 12px; | ||
+ | width:220px; | ||
+ | } | ||
+ | ul.ex_menu li { | ||
+ | padding:4px 0 8px 12px; | ||
+ | } | ||
+ | ul.sb_menu li a, ul.ex_menu li a { | ||
+ | color:#959595; | ||
+ | text-decoration:none; | ||
+ | margin-left:-12px; | ||
+ | padding-left:12px; | ||
+ | } | ||
+ | ul.sb_menu li a:hover, ul.ex_menu li a:hover { | ||
+ | color:#2cadff; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | ul.sb_menu li a:hover { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | ul.ex_menu li a:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .content .mainbar .comment { | ||
+ | margin:0; | ||
+ | padding:16px 0 0 0; | ||
+ | } | ||
+ | .content .mainbar .comment img.userpic { | ||
+ | border:1px solid #dedede; | ||
+ | margin:10px 16px 0 0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | } | ||
+ | .fbg { | ||
+ | padding:10px 0 0 0; | ||
+ | } | ||
+ | .fbg_resize { | ||
+ | margin:0 auto; | ||
+ | padding:0 20px; | ||
+ | width:930px; | ||
+ | background:#fff; | ||
+ | border:1px solid #e1e0e0; | ||
+ | } | ||
+ | .fbg h2 { | ||
+ | color:#595959; | ||
+ | } | ||
+ | .fbg img { | ||
+ | padding:4px; | ||
+ | border:1px solid #cfd2d4; | ||
+ | background-color:#fff; | ||
+ | } | ||
+ | .fbg .col { | ||
+ | margin:0; | ||
+ | float:left; | ||
+ | } | ||
+ | .fbg .c1 { | ||
+ | padding:0 16px 0 0; | ||
+ | width:266px; | ||
+ | } | ||
+ | .fbg .c2 { | ||
+ | padding:0 16px; | ||
+ | width:300px; | ||
+ | } | ||
+ | .fbg .c3 { | ||
+ | padding:0 0 0 16px; | ||
+ | width:260px; | ||
+ | } | ||
+ | .fbg .c1 img { | ||
+ | margin:8px; | ||
+ | } | ||
+ | .fbg .c3 img { | ||
+ | margin:8px 16px 4px 0; | ||
+ | float:left; | ||
+ | } | ||
+ | .footer { | ||
+ | width:970px; | ||
+ | margin:0 auto; | ||
+ | padding:40px 0; | ||
+ | color:#888787; | ||
+ | } | ||
+ | .footer a { | ||
+ | color:#888787; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | .footer a:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .footer .lf { | ||
+ | margin:0; | ||
+ | padding:4px 0; | ||
+ | float:right; | ||
+ | } | ||
+ | .footer .lr { | ||
+ | margin:0; | ||
+ | padding:4px 0; | ||
+ | float:left; | ||
+ | } | ||
+ | ol { | ||
+ | list-style:none; | ||
+ | } | ||
+ | ol li { | ||
+ | display:block; | ||
+ | clear:both; | ||
+ | } | ||
+ | ol li label { | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:16px 0 0 0; | ||
+ | } | ||
+ | ol li input.text { | ||
+ | width:480px; | ||
+ | border:1px solid #c0c0c0; | ||
+ | margin:2px 0; | ||
+ | padding:5px 2px; | ||
+ | height:16px; | ||
+ | background:#fff; | ||
+ | } | ||
+ | ol li textarea { | ||
+ | width:480px; | ||
+ | border:1px solid #c0c0c0; | ||
+ | margin:2px 0; | ||
+ | padding:2px; | ||
+ | background:#fff; | ||
+ | } | ||
+ | ol li .send { | ||
+ | margin:16px 0 0 0; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
<script type="text/javascript" src="js/jquery.js"></script> | <script type="text/javascript" src="js/jquery.js"></script> | ||
<script type="text/javascript" src="js/cufon-yui.js"></script> | <script type="text/javascript" src="js/cufon-yui.js"></script> |
Revision as of 20:12, 5 August 2011
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
fastpageSimple web template
Lorem Ipsum
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.
Contact
Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui. Nulla pharetra, mauris vitae interdum dignissim, justo nunc suscipit ipsum. mail@example.com
+1 (123) 444-5677