Template:Team:SCUT/Mainheader

From 2013.igem.org

(Difference between revisions)

Revision as of 12:15, 8 September 2013

<!DOCTYPE html> <style type="text/css">

/*

*SCUT-China igem2013 wiki
*Design by Yan Zewei <960071971@qq.com>
*/

body { top:0px; background-color:#ebf9db; margin:0; }

top-section

{ height:0px; border:none; width:980px; margin:0 auto; padding:0; background-color:transparent; overflow:hide; }

p-logo

{ display:none; }

search-controls

{ display:none; }

top

{ display:none; } .firstHeading { display:none; }

globalWrapper

{ position:absolute; top:0px; left:0px; width:100%; height:100%; padding:0; margin:0; height:100%; background-repeat:no-repeat; background-position:50% 0; background-attachment:fixed; background-image:url(""); }

content

{ background-color:transparent; border:none; marign:0 auto; padding:0; top:0; }

bodyContent

{ background-color:transparent; border:none; }

siteSub

{ display:none; border:none; }

contentSub

{ display:none; }

menubar

{ height:20px; padding:2px; }

menubar ul

{ list-style-type: none; font-size:15px; margin:0; }

menubar li

{ font-family:Arial; padding:1px 0; margin-right:7px; display:inline; } .right-menu a { padding:1px 0; text-align:left; text-decoration:none; } .right-menu a:hover { color:#33abf8; } .left-menu a { padding:1px 0; text-align:left; text-decoration:none; } .left-menu a:hover { color:#33abf8; }

footer-box

{ display:none; }

catlinks

{ display:none; }

li { display:inline; } .floatL { float:left; clear:left; } .floatR { float:right; clear:right; } span { float:right; letter-spacing:-2px; padding-right:8px; }

/* ******************************************* titlebar */

frame01

{ padding:0; width:965px; margin:15px auto 0 auto; text-align:left; position:relative; }

/* **************************************** mainmenu */

mainmenu

{ height:30px; margin:0 0 0 10px; padding:3px 0; font-family:Georgia,serif; position:absolute; top:210px; left:0; }

mainmenu ul.menu1

{ margin:0; font-size:20px; list-style-type:none; }

mainmenu ul.menu1 li

{ float:left; padding:0; position:relative; }

mainmenu ul.menu1 li a.m1link:link,
mainmenu ul.menu1 li a.m1link:visited

{ display:block; text-decoration:none; text-align:center; font-weight:600; line-height:100%; color:#175c07; margin-right:3px; padding:5px 14px; }

mainmenu ul.menu1 li a.m1link:hover

{ background-image:url(""); background-position:50% 50%; background-repeat:no-repeat; color:#000000; }

mainmenu ul.menu1 li ul,
mainmenu ul.menu1 li:hover ul.menu3

{ margin:0; display:none; }

mainmenu ul.menu1 li ul li a.m2link

{ display:block; text-decoration:none; color:#ffffff; text-align:left; width:160px; background-color:#639c0e; margin:0; padding:5px 0 5px 10px; }

mainmenu ul.menu1 li ul li:hover ul li a.m3link

{ display:block; text-decoration:none; color:#ffffff; text-align:center; width:130px; background-color:#639c0e; margin:0; padding:5px 0; }

mainmenu ul.menu1 li ul li a.m2link:hover,
mainmenu ul.menu1 li ul li ul li a.m3link:hover

{ background-color:#d1ef2d; color:#158eeb; }

mainmenu ul.menu1 li:hover ul

{ position:absolute; left:-10px; margin:0; display:block; width:160px; font-size:18px; z-index:100; }

mainmenu ul.menu1 li ul li:hover ul.menu3

{ font-size:17px; width:100px; padding-left:1px; display:block; position:absolute; left:170px; top:0; z-index:100; }

/* ********************************************** abstract part */

textbody

{ width:965px; padding:0; margin:5px auto 0 auto; text-align:left; }

flame02

{ width:100%; height:200px; border:none; border-collapse:collapse; font-family:Arial; }

flame02 tr

{ border:2px solid black; padding:0; }

flame02 td.left

{ width:200px; text-align:center; opacity:0.8; border:3px solid #b9fe40; }

flame02 td.left p.f2

{ font-size:40px; font-weight:bold; color:#ff9a18; }

flame02 td.right

{ background-color:#e8e9e8; opacity:0.8; border:3px solid #b9fe40; }

flame02 td.right p.f3

{ padding:20px; margin:0; text-align:left; font-family:Arial; font-size:18px; color:#000000; line-height:25px; }

/* *********************************************** circle menu */

block

{ margin:5px 0 0 0; padding:0; width:100%; }

block div.centerpart1

{ margin:0; padding:5px 0 0 0; width:965px; text-align:center; z-index:10; position:relative; }

/* ********************************************* circle menu2 */

flame04

{ width:100%; height:430px; margin:0; border:none; border-collapse:collapse; }

flame04 tr

{ padding:0; }

flame04 td.sidepart

{ width:250px; border:none; padding:0; text-align:left; background-color:none; opacity:1; }

flame04 td.sidepart div.l1 div

{ width:250px; height:420px; margin:0; opacity:0.7; background-color:#33f6ff; }

flame04 td.sidepart div.l1 div p.l

{ height:410px; margin:0 5px; padding:10px 5px; font-size:17px; line-height:26px; font-family:Georgia,serif; overflow:hidden; }

flame04 td.sidepart div.r1 div

{ width:250px; height:420px; margin:0; opacity:0.7; background-color:#eff213; }

flame04 td.sidepart div p.r

{ width:250px; height:410px; margin:0; padding:10px 5px; font-size:17px; line-height:26px; font-family:Arial,serif; overflow:hidden; }

flame04 td.midpart1

{ height:200px; text-align:center; padding:0; border:none; }

flame04 td.midpart2

{ height:230px; text-align:left; padding:0; border:none; background-color:none; }

/* ************************************************* left navi */

navi

{ width:210px; margin:0; padding:0; float:left; clear:left; } .navimenu { background-color:transparent; padding:0; margin-top:5px; } .navimenu_head { font-size:20px; font-weight:bold; padding:10px 0; margin-top:5px; height:40px; text-align:center; font-family:Arial,sans-serif; } .navimenu_head a { color:#246820; line-height:40px; text-decoration:none; } .navimenu_body { margin:0px; padding:0px; display:none; border:1px solid #76ab27; border-top:none; } .navimenu_body a { color:#000000; background-color:transparent; display:block; padding:5px 5px 5px 15px; font-size:16px; margin:0; text-decoration:none; font-family:Arial,sans-serif; } .navimenu_body a:hover { color:#76ab27; background-color:#eaeae4; }

/* ************************************************** textpart */

tblock

{ width:720px; border:1px solid black; margin-left:223px; text-align:left; padding:10px; }

/* *************************************************** footer */

footer

{ width:965px; margin:2px auto; padding:0; border:1px solid black; } .footerblock { text-align:center; font-family:Arial,serif; font-size:20px; padding:10px; } </style>

<body>

<img style="width:100%;height:250px;margin:0;opacity:0.75;"src=""/>
<img style="width:290px;position:absolute;z-index:1;top:30px;left:690px;"src=""/>
<img style="width:450px;position:absolute;z-index:1;top:75px;left:40px;"src=""/>
<a href="https://igem.org/Main_Page"><img style="width:80px;position:absolute;z-index:1;top:10px;left:80px;opacity:0.6;border:0"src="" alt="Main Page"/>

<a href="#" class="m1link" style="padding:5px 15px">Home</a>
<a href="#" class="m1link" style="padding:5px 15px;letter-spacing:1px">Team</a>
- <a href="#" class="m2link">Members</a>
- <a href="#" class="m2link">Our University</a>
- <a href="#" class="m2link">title1</a>
<a href="#" class="m1link" style="padding:5px 14px">Project</a>
- <a href="#" class="m2link">Overview</a>
- <a href="#" class="m2link">title1>></a>
  - <a href="#" class="m3link">subtitle1</a>
  - <a href="#" class="m3link">subtitle2</a>
  - <a href="#" class="m3link">subtitle3</a>
- <a href="#" class="m2link">title2>></a>
  - <a href="#" class="m3link">subtitle4</a>
  - <a href="#" class="m3link">subtitle5</a>
  - <a href="#" class="m3link">subtitle6</a>
- <a href="#" class="m2link">title3>></a>
  - <a href="#" class="m3link">subtitle7</a>
  - <a href="#" class="m3link">subtitle8</a>
- <a href="#" class="m2link">Safety >></a>
  - <a href="#" class="m3link">subtitle9</a>
  - <a href="#" class="m3link">subtitle10</a>
<a href="#" class="m1link" style="padding:5px 15px;letter-spacing:2px">Parts</a>
<a href="#" class="m1link" style="letter-spacing:-1px">Modeling</a>
- <a href="#" class="m2link">Overview</a>
- <a href="#" class="m2link">title1</a>
- <a href="#" class="m2link">title2</a>
<a href="#" class="m1link" style="padding:5px 14px">Human Practice</a>
- <a href="#" class="m2link">title11</a>

</body>

</html>

Revision as of 06:49, 8 September 2013 (view source) Yanzw scut (Talk \| contribs) ← Older edit		Revision as of 12:15, 8 September 2013 (view source) Yanzw scut (Talk \| contribs) Newer edit →
Line 1:		Line 1:
-	<html>	+	<!DOCTYPE html>
	<style type="text/css">		<style type="text/css">