Template:Tempalte:sustc shenzhen b

From 2012.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<head>
+
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>SUSTC iGEM Theme - Free CSS Template</title>
+
<meta name="generator" content="MediaWiki 1.16.0" />
-
<meta name="keywords" content="beauty class, free theme, website design, bokehs, pink, orange, templatemo, CSS, HTML" />
+
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=edit" />
-
<meta name="description" content="Beauty Class Theme, pinky background gradient with bokehs, free CSS template provided by templatemo.com" />
+
<link rel="edit" title="Edit" href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Template:SUSTC-B1 - 2012.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="http://2012.igem.org",
 +
wgCanonicalNamespace="Template",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=10,
 +
wgPageName="Template:SUSTC-B1",
 +
wgTitle="SUSTC-B1",
 +
wgAction="view",
 +
wgArticleId=36371,
 +
wgIsArticle=true,
 +
wgUserName="Water",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=272176,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2012.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="http://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2012_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
 +
<body              class="mediawiki  ltr ns-10 ns-subject page-Template_SUSTC-B1">
 +
  <div id="globalWrapper">
-
<link rel="stylesheet" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/nivo-slider.css" type="text/css" media="screen" />
+
    <div id="top-section">
-
<link rel="stylesheet" type="text/css" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/ddsmoothmenu.css" />
+
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
-
<script language="javascript" type="text/javascript">
 
-
function clearText(field)
 
-
{
 
-
    if (field.defaultValue == field.value) field.value = '';
 
-
    else if (field.value == '') field.value = field.defaultValue;
 
-
}
 
-
</script>
 
-
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery.min.js"></script>
 
-
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/ddsmoothmenu.js">
 
-
/***********************************************
+
<div id="menubar" class='left-menu noprint'>
-
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
+
  <ul>
-
* This notice MUST stay intact for legal use
+
                  <li
-
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
+
                class='selected'       ><a href="/Template:SUSTC-B1">Template              </a></li>
-
***********************************************/
+
              <li
 +
                class='new'       ><a href="/wiki/index.php?title=Template_talk:SUSTC-B1&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=edit">Edit              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=history">History              </a></li>
 +
              <li
 +
                    ><a href="/Special:MovePage/Template:SUSTC-B1">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=watch">Watch              </a></li>
 +
              <li style='color:#808080;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
-
</script>
+
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-userpage"><a href="/User:Water" title="Your user page [.]" accesskey=".">Water</a></li>                              <li id='pt-preferences'><a href='http://igem.org/User_Information' title='My account'>My account</a></li>
 +
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Template:SUSTC-B1" title="Log out">Log out</a></li>     </ul>
 +
</div><!-- end right menubar -->
-
<script type="text/javascript">
+
<div id="search-controls" class="noprint">
-
 
+
<form action="/Special:Search" id="searchform">
-
ddsmoothmenu.init({
+
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
-
mainmenuid: "templatemo_menu", //menu DIV id
+
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
-
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
+
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
-
classname: 'ddsmoothmenu', //class added to menu's outer DIV
+
</form>
-
//customtheme: ["#1c5a80", "#18374a"],
+
</div> <!-- close search controls -->
-
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
+
    </div> <!-- close top-section-->
-
})
+
    <div id="content">
-
 
+
<a name="top" id="top"></a>
-
</script>
+
<h1 class="firstHeading">Template:SUSTC-B1</h1>
-
 
+
<div id="bodyContent">
-
<script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery-1-4-2.min.js"></script>  
+
<h3 id="siteSub" class='noprint'>From 2012.igem.org</h3>
-
<link rel="stylesheet" href="http://www.templatemo.com/templates/templatemo_353_beauty_class/css/slimbox2.css" type="text/css" media="screen" />  
+
<div id="contentSub"></div>
-
<script type="text/JavaScript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/slimbox2.js"></script>  
+
<!--
-
</style>
+
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<head>
 +
<meta charset="utf-8" />
 +
<meta name="description" content="" />
 +
<meta name="author" content="tengattack" />
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Title</title>
<style type="text/css">
<style type="text/css">
-
<!--我们需要先把igem原网站的一些东西删掉-->
+
#globalWrapper {width: 100%; }
-
body {
+
#top-section {width: 100%; height:100%; border:none;}
-
margin: 0;
+
#p-logo {display:none;}
-
padding: 0;
+
#search-controls {display:none;}
-
color: #444444;
+
.printfooter {display:none;}
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
#footer-box {border:none;}
-
font-size: 11px;
+
.firstHeading {display:none;}
-
line-height: 20px;  
+
#content { border:none !important; width:1024px !important; background: url('') !important;}
-
background-color: #fff;  
+
#bodyContent {border:none; }
-
background-image: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_main_bgr.jpg);
+
#catlinks {display:none; }
-
background-repeat: repeat-y;
+
#footer-box {display:none; }
-
background-position: center;
+
#menubar {display:none; }
-
}
+
-
h1, h2, h3, h4, h5, h6 {
+
/* googleapis-font */
-
color:#000;
+
@font-face {
-
letter-spacing:-1px;
+
  font-family: 'Open Sans';
-
font-weight:400;
+
  font-style: normal;
-
padding: 0;
+
  font-weight: 700;
-
margin: 0;
+
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
}
-
 
+
@font-face {
-
em { color: #ff0d40 }
+
  font-family: 'Open Sans';
-
 
+
  font-style: normal;
-
h1 { font-size:32px; margin-bottom: 20px; }
+
  font-weight: 600;
-
h2 { font-size:28px; margin-bottom: 20px; }
+
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
-
h3 { font-size:20px; margin-bottom: 20px; }
+
-
h4 { font-size:16px; margin-bottom: 10px; font-weight:100 }
+
-
h5 { font-size:14px }
+
-
h6 { font-size:12px }
+
-
.header { display: block }
+
-
 
+
-
.left { float:left }
+
-
.right { float:right }
+
-
 
+
-
.float_l { float: left }
+
-
.float_r { float:right; margin-right:48px;}
+
-
 
+
-
.img_fl { float: left; margin: 3px 15px 5px 0 }
+
-
.img_fr { float: left; margin: 3px 0 5px 15px }
+
-
.img_border { background: #fff; padding: 4px; border: 1px solid #eee }
+
-
 
+
-
a:link, a:visited { color:#ff0d40}
+
-
a:visited { text-decoration:none }
+
-
a:hover { text-decoration:none }
+
-
a:hover,a:active { outline:none }
+
-
 
+
-
a.more {
+
-
clear: both;
+
-
display: block;
+
-
width: 58px;
+
-
height: 25px;
+
-
line-height: 25px;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_button01.png) no-repeat;  
+
}
}
-
 
+
@font-face {
-
.tmo_ul_list {  
+
  font-family: 'Open Sans';
-
margin: 10px 0 10px 15px;  
+
  font-style: normal;
-
padding: 0;  
+
  font-weight: 400;
-
list-style: none;  
+
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
}
-
.tmo_ul_list li {  
+
/* inner */
-
color:#666;  
+
.pagenavi{clear:both;padding:0}.pagenavi a,.pagenavi a:visited{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#727272}.pagenavi a:hover{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#b03121;text-decoration:none}.pagenavi .current{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px;color:#b03121}.pagenavi .pages{background:#dfddc7;display:inline-block;margin:0 8px 0 0;padding:3px 10px}#breadcrumb{text-align:right;margin-bottom:34px;clear:right}.post{margin-bottom:30px;padding-bottom:30px;clear:both;border-bottom:1px solid #dfddc7}.post img{padding:5px;background:#d2d0ba;width:590px;height:236px}.single{padding-bottom:20px}.postimg{margin-bottom:20px}.posttitle{margin:0 0 5px 0}.posttitle,.posttitle a{font-size:18px;color:#3f4432}.posttitle a:hover{text-decoration:none}.entry-text{overflow:hidden;padding-left:30px}.entry-text h2{padding-top:5px}.entry-content{margin:0;padding:12px 0 5px 0}.entry-date{float:left;text-align:center;font-size:18px;width:56px;height:48px;padding-top:8px;line-height:normal;-moz-border-radius:56px;-webkit-border-radius:56px;-khtml-border-radius:56px;border-radius:56px;background:#3f4432;color:#f1efda;display:block}.month{font-size:11px;display:block}.entry-utility{padding:20px 0 0;font-size:11px;font-style:italic}.single .entry-utility{padding:0 0 0}#comment h2{margin-bottom:25px;text-transform:uppercase;font-size:14px}.commentlist{list-style-type:none;padding:0;margin:0}.commentlist ol{list-style-type:none;padding:30px 0 0 90px;margin:0}.commentlist li{position:relative;padding:0 0 30px 0}.commentlist li li{position:relative;padding:0}.avatar{position:absolute;top:0;left:0}.fn{font-size:12px;font-style:normal}.tdate{padding-left:30px}.tdate,.reply{font-size:11px;color:#a6a6a6;font-style:italic}.comment-body{margin:0 0 0 90px;padding:20px;background:#f7f5e3}.comment-body p{margin-bottom:5px;margin-top:10px}.comment-body .more{padding:0 0}#commentform{margin-bottom:15px}#commentform label{display:block}#commentform .text-input{margin-bottom:8px;padding:8px 5px;vertical-align:middle}#commentform .textarea{margin-bottom:20px;padding:8px 5px;vertical-align:top;width:90%}.ts-gallery-img img{max-width:100%;padding:0;margin:0 auto}.ts-gallery-clear{clear:both;height:1px!important;line-height:1px!important;float:none!important}.ts-gallery ul{list-style-type:none;margin:0;padding:0;clear:both}.ts-gallery ul li.nomargin{margin-right:0}.ts-gallery-text{padding:3px 0;text-align:center}.ts-gallery-text h2{font-size:13px;color:#3f4432;margin-bottom:20px;font-weight:600;font-family:'Open Sans',sans-serif}.no-gallery-text{display:none}.ts-gallery-img{background:#d2d0ba;padding:5px;position:relative;line-height:normal}.ts-gallery-img:hover{background:#3f4432}.ts-gallery-img a.image{display:block;position:relative;overflow:hidden;line-height:normal}.ts-gallery-img a .rollover{background:url(/wiki/images/5/5d/Sustc-b1-hover-zoom.png);background-color:#000;background-repeat:no-repeat;background-position:center;display:block;position:absolute;z-index:10;display:none;cursor:pointer}.ts-gallery-img a .rollover.gotopost{background:url(/wiki/images/e/ec/Sustc-b1-hover-doc.png);background-color:#000;background-repeat:no-repeat;background-position:center}.ts-gallery-col4{list-style-type:none;padding:0;margin:0}.ts-gallery-col4 li{list-style-type:none;padding:0;margin:0 20px 0 0;width:220px;float:left}.ts-gallery-col4 li.nomargin{margin-right:0}.ts-gallery-col4 .ts-gallery-img{width:210px;height:81px}.ts-gallery-col4 .ts-gallery-img img{width:210px;height:81px}.ts-gallery-col4 .ts-gallery-img a.image{width:210px;height:81px;display:block;position:relative}.ts-gallery-col4 .ts-gallery-img a .rollover{width:210px;height:81px}.ts-gallery-col3{list-style-type:none;padding:0;margin:0}.ts-gallery-col3 li{list-style-type:none;padding:0;margin:0 20px 25px 0;width:300px;float:left}.ts-gallery-col3 li.nomargin{margin-right:0}.ts-gallery-col3 h2{margin:0 0 5px 0!important}.ts-gallery-col3 .ts-gallery-img{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-img img{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-img a.image{width:290px;height:115px;display:block;position:relative}.ts-gallery-col3 .ts-gallery-img a .rollover{width:290px;height:115px}.ts-gallery-col3 .ts-gallery-text{padding:5px 0 0 0}form{margin:0;padding:0}fieldset{border:0}#contactform{margin:0 auto;position:relative}#contactform h4{text-transform:uppercase;margin-bottom:20px}#contactform label{display:block;width:100%;float:left;padding-bottom:5px}span.required{color:#888}span.error{color:red;text-align:left;font-size:11px;padding-bottom:15px;display:block}#contactform input.text-input{margin-bottom:15px;vertical-align:middle;width:60%;float:left;font-style:italic;padding:8px;color:#727272;font-size:11px}#contactform textarea{width:95%;float:left;font-style:italic;color:#727272;font-size:11px;font-family:Arial,Helvetica,sans-serif}#message{margin-left:0;font-weight:700;color:red}#message h2{}#message p{margin:6px 0}.note{color:#d45454}#contactform .button{cursor:pointer;margin-top:20px;clear:both;float:left}
-
margin: 0 0 7px 0;  
+
-
padding: 2px 0 2px 30px;  
+
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_list.png) no-repeat scroll 0 3px;
+
-
}
+
-
.tmo_ul_list li a {
+
/* style */
-
color: #666;
+
html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#727272;margin:0;padding:0;line-height:20px;background:#d6d4c0 url(/wiki/images/d/d7/Sustc-b1-pattern.png) repeat}*{margin:0;padding:0}:focus{outline:0}form{margin:0;padding:0}hr{border-width:0;height:1px;line-height:0;margin:30px 0;page-break-after:always;text-align:center;width:100%;clear:both;color:#dfddc7;background-color:#dfddc7}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.clear,.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}h1,h2{margin-bottom:25px}h3,h4,h5,h6{margin-bottom:10px}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}h1,h2{font-weight:400;font-family:'Open Sans',sans-serif;color:#404631}h3,h4,h5,h6{font-weight:600;font-family:'Open Sans',sans-serif;color:#404631}.pagetitle{margin-bottom:34px;float:left}a,a:visited,.colortext{text-decoration:none;font-weight:400;color:#af3728}a:hover{text-decoration:underline;color:#af3728}a img{border:0}.alignleft,img.alignleft{display:inline;float:left;margin-right:20px}.alignright,img.alignright{display:inline;float:right;margin-left:20px}.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.alignnone,img.alignnone{clear:both;display:block;margin-left:auto;margin-right:auto}img.alignleft,img.alignright,img.aligncenter,img.alignnone{margin-bottom:12px}img{max-width:100%;height:auto}.frame{padding:5px;background:#d2d0ba}.row h4{color:#b03121;padding:15px 0}p,ul,ol,blockquote{margin-bottom:20px}ul{list-style:square;margin:0 0 18px 1.5em}ol{list-style:decimal;margin:0 0 18px 2.2em}ol ol{list-style:upper-alpha}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:lower-alpha}ul ul,ol ol,ul ol,ol ul{margin-bottom:0}blockquote{margin:0 0 20px 0;padding:0 10px 0 50px;background-image:url(/wiki/images/3/3b/Sustc-b1-quote.png);background-repeat:no-repeat;background-position:0 0;clear:both;font-family:Georgia,Arial;font-style:italic;font-size:16px;line-height:22px}blockquote.left,blockquote.right{float:right;letter-spacing:0;margin-bottom:20px;margin-left:20px;margin-top:0;padding:0 20px 10px 60px;width:43%;background-position:0 0}blockquote.left{float:left;margin-left:0;margin-right:20px}blockquote p{margin-bottom:0;font-size:16px;line-height:20px}code{font-family:Verdana,Arial;letter-spacing:1px;margin:25px 0 25px 0;display:block;font-size:.9em;border-left:4px solid #cfcfcf;padding:15px 10px}#bodychild{width:1000px;margin:0 auto;padding:50px 0}#outercontainer{width:1000px}#outerheader{-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px}#outerfooter{border-top:1px solid #e0e0e0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#outerheader,#outerslider,#outerbeforecontent,#outermain{width:100%;margin:0 auto;background:#f1efda}#slidercontainer,#beforecontent,#maincontent,#footer{width:940px;margin:0 auto}header{padding:0}#logo.frontpage,#logo.frontpage:before{border:0!important}#logo{border-bottom:1px solid #dfddc7;margin-bottom:25px;padding-bottom:30px;position:relative;z-index:10}#logo:before{border-bottom:1px solid #dfddc7;bottom:2px;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1}#logo{margin:0 30px;padding:30px 0;text-align:center}#logo img{display:inline-block}#sn{list-style-type:none;margin:0;padding:25px 0 0 0;float:right}#sn li{list-style-type:none;margin:0;padding:0 10px 0 20px;display:inline;background:transparent}#sn span{height:20px;width:20px;display:inline;display:inline-block}.icon-img{background-position:0 0}.icon-img:hover{background-position:0 -20px!important}#navigation{float:none;clear:both;padding:0 30px;height:70px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;background:#494f3a;background:-webkit-gradient(linear,left top,left bottom,from( #4e543d),to( #404533));background:-moz-linear-gradient(top, #4e543d, #404533)}.nav-shadow{background:url(/wiki/images/c/cb/Sustc-b1-nav-shadow.png) repeat bottom;height:6px}nav{position:relative;z-index:9000;float:none;margin:0}#topnav{margin:0;padding:0;list-style-type:none;overflow:visible;position:relative;float:left;font-size:12px}.sf-menu a{text-decoration:none;display:block;position:relative;padding:14px 25px;text-decoration:none;font-weight:400;text-transform:uppercase;color:#f1efda;font-weight:400;font-family:'Open Sans',sans-serif}.sf-menu>li:first-child a{padding-left:0}.sf-menu>li{padding-left:2px;position:relative;z-index:10;border-right:1px solid #575f46}.sf-menu>li:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:-1;border-right:1px solid #3c412f}.sf-menu a:hover,.sf-menu li a.current{color:#a8a581}.sf-menu li a{line-height:42px}.sf-menu ul a:hover{}.sf-menu li li{text-align:left;line-height:20px;margin:0}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu{line-height:100%;position:absolute;right:0;bottom:0;float:left}.sf-menu ul{position:absolute;top:-999em;width:14em}.sf-menu ul li{width:100%}.sf-menu li:hover{visibility:inherit}.sf-menu li{float:left;position:relative;margin:0}.sf-menu li li{margin:0 0}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:6em;z-index:99}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:14em;top:-1px;margin-left:0}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:14em;top:-1px}.sf-menu ul li a{padding:10px 25px!important;text-transform:none;line-height:normal;font-size:13px!important;display:block;width:auto;white-space:no-wrap}.sf-menu ul li a:hover{}.sf-menu li ul{padding:0;-ms-filter:"alpha(Opacity=50)";filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}.sf-menu a.sf-with-ul{min-width:1px}.sf-sub-indicator{position:absolute;display:block;right:10px;top:1.05em;width:10px;height:10px;text-indent:-999em;overflow:hidden}.sf-menu li li{background:#404533;border-bottom:dotted 1px #707563;border-left:5px solid #404533}.sf-menu li li:hover{border-left:5px solid #a8a581;color:#a8a581}#outerslider{padding-bottom:11px}#slidercontainer{position:relative;padding:0;background:#e1dfc9}#slider{position:relative}.jcarousel-container{overflow:hidden;width:785px;height:107px;margin:20px auto 0 auto;position:relative;clear:both;padding:0}.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}.jcarousel-item{float:left;list-style:none;width:185px;margin-right:15px}#feature_gallery{width:940px;padding:0;margin:0;overflow:hidden}ul#feature_gallery_pager{display:block;overflow:hidden;list-style-type:none;margin:0;padding:0}#feature_gallery ul.menu li a:hover{}ul#feature_gallery_pager li a{overflow:hidden;float:left;width:175px;height:66px;padding:5px;background:#d2d0ba;display:block}ul#feature_gallery_pager li{}#feature_gallery ul.menu a.activeSlide{background:#3f4432}#feature_gallery .bigimgs{width:940px;height:388px;margin:0}#feature_gallery .bigimg{width:940px;height:388px;display:none}#feature_gallery img.change{width:940px}#feature_gallery img.thumb{width:175px;height:66px}.slidedesc{background:url(/wiki/images/4/4b/Sustc-b1-bg-opacityblack.png);padding:10px;width:920px;z-index:100;bottom:0;position:absolute;margin:0;color:#fff}#pager-container{text-align:right;font-size:11px;position:relative}#pager-container a,#pager-container a:visited{padding:0;cursor:pointer;float:left;width:12px;height:22px;display:block;text-indent:-9999px}#pager-container a:hover{text-decoration:none}#pager-container a#mycarousel-prev:hover{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat 0 -22px}#pager-container a#mycarousel-next:hover{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat -12px -22px}#pager-container a#mycarousel-prev{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat 0 0;position:absolute;left:46px;bottom:58px}#pager-container a#mycarousel-next{background:url(/wiki/images/8/8b/Sustc-b1-button-prevnext.png) no-repeat -12px 0;right:46px;bottom:58px;position:absolute}#outerbeforecontent{clear:both}#beforecontent{}#beforethecontent{}.box{float:left;margin-right:2px;width:33.16%;background:#e1dfc9;text-align:center;padding-bottom:28px}.box h2{color:#efeed9;font-weight:700;background:#3f4432;padding:15px 0}.box p{overflow:hidden;padding:0 30px}#outermain{padding:0}#maincontent{}#mainthecontent{padding:32px 0 40px 0}#t-content{width:600px;float:left}#t-content.positionright{float:right}#t-content.positionleft{float:left}.small{font-size:11px;font-style:italic;margin-bottom:5px;display:block;margin-top:-5px}form{margin:0;padding:0}input[type="text"],textarea,input[type="password"],select{font-size:12px;padding:7px;background:#ebe9d1;border:0;color:#727272;border:0}textarea{width:90%}select{font-size:11px;padding:4px 5px}.button,.button:visited,input[type="submit"]{background:#b03121;color:#efeed9;font-size:12px;display:inline-block;padding:6px 13px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;border:0}.button:hover,input[type="submit"]:hover{background:#3f4432;color:#efeed9;cursor:pointer;text-decoration:none}.separator{display:block;height:30px;padding:10px 0;text-align:center;width:100%;clear:both}.separator.line{display:block;text-align:center;width:100%;clear:both;padding:0;border-top:1px solid #dfddc7;margin:30px 0 40px 0;height:1px}.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{margin-right:4%;margin-left:0;position:relative;float:left}.one_half{width:48%}.one_third{width:30.6666%}.one_fourth{width:22%}.one_fifth{width:16.8%}.one_sixth{width:13.3333%}.two_third{width:65.3332%}.two_fourth{width:48%}.two_fifth{width:37.6%}.two_sixth{width:30.6666%}.three_fourth{width:74%}.three_fifth{width:58.4%}.three_sixth{width:47.9998%}.four_fifth{width:79.2%}.four_sixth{width:65.3332%}.five_sixth{width:82.6665%}.firstcols{margin-left:0!important}.last,.lastcols{margin-right:0!important;clear:right}.one.column{width:60px}.two.columns{width:140px}.three.columns{width:220px}.four.columns{width:300px}.five.columns{width:380px}.six.columns{width:460px}.seven.columns{width:540px}.eight.columns{width:620px}.nine.columns{width:700px}.ten.columns{width:780px}.eleven.columns{width:860px}.twelve.columns{width:940px}.column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px}table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:18px}table,td,th{text-align:center}th{padding:10px;text-transform:uppercase;border-bottom:1px solid #dfddc7}td{padding:10px}tfoot td{border:0}th,tr:hover{}table{border:1px solid #dfddc7;border-bottom:0;text-align:left;margin:0 -1px 24px 0;width:100%}tr th,thead th{font-size:12px;font-weight:700;line-height:18px;padding:9px 24px;background:#3f4432;color:#efeed9}tr td{border-bottom:1px solid #dfddc7;padding:6px 24px}tr.odd td{background:#F2F7FC}.pullquote-right,.pullquote-left{padding:0 10px 0 50px;background-image:url(/wiki/images/3/3b/Sustc-b1-quote.png);background-repeat:no-repeat;background-position:0 0;float:right;font-style:italic;font-size:16px;letter-spacing:0;line-height:22px;margin:0 2px 20px 20px;width:50%}.pullquote-left{float:left;margin-left:2px;margin-right:20px}.pullquote{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;font-style:italic;line-height:28px}.dropcap1{text-shadow:1px 1px 0 #ededed;display:block;float:left;font-size:35px;line-height:35px;margin:2px 8px 0 0;color:#404631}.dropcap2{display:block;float:left;font-size:35px;line-height:45px;width:47px;-moz-border-radius:47px;-webkit-border-radius:47px;-khtml-border-radius:47px;border-radius:47px;float:left;text-align:center;margin:8px 15px 0 0;padding-top:0;background:#3f4432;color:#f1efda}.dropcap3{background:#3f4432;color:#f1efda;border:solid 1px #efefef;display:block;float:left;font-size:35px;line-height:40px;width:47px;height:40px;text-align:center;margin:6px 8px 0 0;padding:5px 0}.dropcap4{display:block;float:left;font-size:15px;line-height:36px;width:36px;-moz-border-radius:36px;-webkit-border-radius:36px;-khtml-border-radius:36px;border-radius:36px;float:left;text-align:center;margin:8px 15px 0 0;padding-top:0;background:#3f4432;color:#f1efda}.highlight1{padding:2px 5px;background-color:#404631;border:solid 1px #ebebeb;color:#fff}.highlight2{padding:2px 5px;background-color:#e1dfc9;border:solid 1px #e1dfc9}.bullet{list-style-type:none;margin:0;padding:0}.bullet li{background:url("/wiki/images/6/6a/Sustc-b1-square.gif") no-repeat 0 14px;line-height:25px;list-style-type:none;margin:0;padding:2px 0 2px 10px;border-bottom:1px solid #dfddc7}.bullet.arrow li{background:url("/wiki/images/b/b4/Sustc-b1-arrow.gif") no-repeat 0 9px;line-height:25px;list-style-type:none;margin:0;padding:0 0 0 10px;border-bottom:0}.bullet.arrow2 li{background:url("/wiki/images/d/d8/Sustc-b1-arrow.png") no-repeat 0 10px;line-height:25px;list-style-type:none;margin:0;padding:0 0 0 18px;border-bottom:0}.tabcontainer{margin:0 0 20px 0}ul.tabs{margin:0 0 -3px 0;padding:0 0 2px 0;list-style:none;height:35px;width:100%;border-bottom:1px solid #e1dfc9}ul.tabs li{float:left;margin:0 1px 0 0;padding:0 0;line-height:35px;height:35px;position:relative}ul.tabs li:last-child{background:transparent}ul.tabs li a{text-decoration:none;float:left;display:block;padding:0 20px;outline:0;color:#fff;font-size:13px;background:#3f4432;font-weight:600;font-family:'Open Sans',sans-serif;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}.tab-content{padding:20px 0}ul.tabs li:hover{}ul.tabs li.active{}html ul.tabs li.active a{color:#b03121;background:#e1dfc9;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px}#tab-body{padding:0 20px;background:#e1dfc9;border:0;-webkit-border-radius:3px;-webkit-border-top-left-radius:0;-moz-border-radius:3px;-moz-border-radius-topleft:0;border-radius:3px;border-top-left-radius:0}#toggle{margin:0 0 20px 0}h2.trigger{padding:0 0;margin:0;font-size:13px;background:transparent;font-family:arial;color:#3f4432}h2.trigger span{text-decoration:none;display:block;background:url(/wiki/images/9/93/Sustc-b1-toggle.png) no-repeat 0 5px;padding-left:35px;cursor:pointer;line-height:35px}h2.active span{background:url(/wiki/images/c/cd/Sustc-b1-toggle-down.png) no-repeat 0 5px}h2.trigger a:hover{color:#efeed9}h2.active{background:transparent;color:#af3728}.toggle_container{margin:0 0 1px 0;padding:5px 15px;overflow:hidden;clear:both;background:transparent}.toggle_container .block{padding:0 0 0 20px}.toggle_container .block p{padding-bottom:10px;margin:0}#sidebar{width:300px;float:left;padding:0 0 0 40px}#sidebar.positionleft{float:left;padding:0 40px 0 0}#sidebar.positionright{float:right}#sidebar .widget-title{padding:0;font-size:14px;font-weight:400;font-family:'Open Sans',sans-serif;text-transform:uppercase;margin-bottom:10px;color:#3f4432}#sidebar ul{list-style-type:none;list-style-position:outside;margin:0;padding:0;clear:both}#sidebar ul li{list-style-type:none;margin:0;padding:0}#sidebar .widget-container{margin-bottom:28px;padding-top:28px;background:url(/wiki/images/7/79/Sustc-b1-line.gif) no-repeat}#sidebar .widget-container:first-child{background:0;padding:0}#sidebar li li{list-style-type:none;margin:0 0 3px 0;padding:0 0 3px 0}#sidebar li li a{color:#777}#sidebar li li a:hover{text-decoration:none;color:#af3728}#sidebar ul.sub-menu,#sidebar ul.children,#sidebar ul ul ul{margin:5px 0 0 10px}#sidebar ul.sub-menu li,#sidebar ul.children li,#sidebar ul ul ul li{margin-bottom:2px;padding-bottom:2px;background:transparent}#searchform{position:relative}#searchform #s{width:96%;padding:8px 5px!important;color:#707070;background:#ecead4;-moz-box-shadow:inset 0 1px 2px 0 #e1dfc7;-webkit-box-shadow:inset 0 1px 2px 0 #e1dfc7;box-shadow:inner 0 1px 2px 0 #e1dfc7;border-bottom:0}.rp-widget li{clear:left;margin-bottom:0;padding-bottom:10px}.rp-widget img{padding:4px}.rp-widget li h3{margin-bottom:0}.rp-widget li h3 a{font-size:13px;font-weight:600}.rp-widget li .smalldate{display:block;font-size:11px;font-style:italic;overflow:hidden}#footercontainer{background:#3f4432;-webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:7px;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}#footer{padding:25px 0 25px 0;color:#bbb9a1;font-weight:400;font-family:'Open Sans',sans-serif;font-size:13px}#footer a,#footer a:visited{color:#bbb9a1}
-
font-weight: normal;
+
-
text-decoration: none;
+
-
}
+
-
.tmo_ul_list li a:hover {
+
/* prettyPhoto.css */
-
color: #666;
+
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_expand:hover{background:url(../images/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}div.pp_default .pp_contract:hover{background:url(../images/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{background:url(../images/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}div.pp_default .pp_gallery ul li a{background:url(../images/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{background:url(../images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_rounded .pp_nav .pp_play{background:url(../images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{background:url(../images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_rounded .pp_description{color:#fff;margin-right:85px}div.dark_rounded .pp_nav .pp_play{background:url(../images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{background:url(../images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{background:url(../images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}div.light_square .pp_nav .pp_play{background:url(../images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{background:url(../images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}
-
}
+
-
.no_bullet {
+
</style>
-
margin: 0;
+
<script type="text/javascript">
-
padding: 0;
+
-
list-style: none;
+
-
}
+
-
.no_bullet li {
+
/*
-
margin: 0 0 20px 0;
+
* Superfish v1.4.8 - jQuery menu widget
-
padding: 0;
+
* Copyright (c) 2008 Joel Birch
-
}
+
*
 +
* Dual licensed under the MIT and GPL licenses:
 +
* http://www.opensource.org/licenses/mit-license.php
 +
* http://www.gnu.org/licenses/gpl.html
 +
*
 +
* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
 +
*/
-
#templatemo_body_wrapper {
+
;(function($){
-
padding: 50px 0 0;
+
$.fn.superfish = function(op){
-
background:url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_main_bg.jpg) center top no-repeat
+
-
}
+
-
#templatemo_wrapper {
+
-
position: relative;
+
-
margin: 0 auto;
+
-
width: 960px;
+
-
padding: 10px 12px;
+
-
background:url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_wrapper_m.png) repeat-y center
+
-
}
+
-
#templatemo_wrapper_top {
+
var sf = $.fn.superfish,
-
position: absolute;
+
c = sf.c,
-
top: -5px;
+
$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
-
left: 0;
+
over = function(){
-
width: 984px;
+
var $$ = $(this), menu = getMenu($$);
-
height: 5px;
+
clearTimeout(menu.sfTimer);
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_wrapper_t.png)
+
$$.showSuperfishUl().siblings().hideSuperfishUl();
-
}
+
},
 +
out = function(){
 +
var $$ = $(this), menu = getMenu($$), o = sf.op;
 +
clearTimeout(menu.sfTimer);
 +
menu.sfTimer=setTimeout(function(){
 +
o.retainPath=($.inArray($$[0],o.$path)>-1);
 +
$$.hideSuperfishUl();
 +
//if (o.$path.length &amp;&amp; $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
 +
if (o.$path.length) {
 +
if ($$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
 +
}
 +
},o.delay);
 +
},
 +
getMenu = function($menu){
 +
var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];
 +
sf.op = sf.o[menu.serial];
 +
return menu;
 +
},
 +
addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
 +
 +
return this.each(function() {
 +
var s = this.serial = sf.o.length;
 +
var o = $.extend({},sf.defaults,op);
 +
o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){
 +
$(this).addClass([o.hoverClass,c.bcClass].join(' '))
 +
.filter('li:has(ul)').removeClass(o.pathClass);
 +
});
 +
sf.o[s] = sf.op = o;
 +
var bcheck = false;
 +
if ($.fn.hoverIntent) {
 +
if (!o.disableHI) bcheck = true;
 +
}
-
#templatemo_header {
+
$('li:has(ul)',this)[(bcheck) ? 'hoverIntent' : 'hover'](over,out).each(function() {
-
width: 940px;
+
if (o.autoArrows) addArrow( $('>a:first-child',this) );
-
height: 51px;
+
})
-
padding: 25px 10px;
+
.not('.'+c.bcClass)
-
margin-bottom: 10px;
+
.hideSuperfishUl();
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_header_bg.jpg)
+
-
}
+
var $a = $('a',this);
 +
$a.each(function(i){
 +
var $li = $a.eq(i).parents('li');
 +
$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
 +
});
 +
o.onInit.call(this);
 +
 +
}).each(function() {
 +
var menuClasses = [c.menuClass];
 +
//if (sf.op.dropShadows  &amp;&amp; !($.browser.msie &amp;&amp; $.browser.version < 7)) menuClasses.push(c.shadowClass);
 +
if (sf.op.dropShadows) if (!$.browser.msie) if (!($.browser.version < 7)) menuClasses.push(c.shadowClass);
 +
$(this).addClass(menuClasses.join(' '));
 +
});
 +
};
-
#templatemo_slider {
+
var sf = $.fn.superfish;
-
}
+
sf.o = [];
 +
sf.op = {};
 +
sf.IE7fix = function(){
 +
var o = sf.op;
 +
//if ($.browser.msie &amp;&amp; $.browser.version > 6 &amp;&amp; o.dropShadows &amp;&amp; o.animation.opacity!=undefined)
 +
if ($.browser.msie) if($.browser.version > 6) if (o.dropShadows) if (o.animation.opacity!=undefined)
 +
this.toggleClass(sf.c.shadowClass+'-off');
 +
};
 +
sf.c = {
 +
bcClass    : 'sf-breadcrumb',
 +
menuClass  : 'sf-js-enabled',
 +
anchorClass : 'sf-with-ul',
 +
arrowClass  : 'sf-sub-indicator',
 +
shadowClass : 'sf-shadow'
 +
};
 +
sf.defaults = {
 +
hoverClass : 'sfHover',
 +
pathClass : 'overideThisToUse',
 +
pathLevels : 1,
 +
delay : 800,
 +
animation : {opacity:'show'},
 +
speed : 'normal',
 +
autoArrows : true,
 +
dropShadows : true,
 +
disableHI : false, // true disables hoverIntent detection
 +
onInit : function(){}, // callback functions
 +
onBeforeShow: function(){},
 +
onShow : function(){},
 +
onHide : function(){}
 +
};
 +
$.fn.extend({
 +
hideSuperfishUl : function(){
 +
var o = sf.op,
 +
not = (o.retainPath===true) ? o.$path : '';
 +
o.retainPath = false;
 +
var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)
 +
.find('>ul').hide().css('visibility','hidden');
 +
o.onHide.call($ul);
 +
return this;
 +
},
 +
showSuperfishUl : function(){
 +
var o = sf.op,
 +
sh = sf.c.shadowClass+'-off',
 +
$ul = this.addClass(o.hoverClass)
 +
.find('>ul:hidden').css('visibility','visible');
 +
sf.IE7fix.call($ul);
 +
o.onBeforeShow.call($ul);
 +
$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });
 +
return this;
 +
}
 +
});
-
#templatemo_main {
+
})(jQuery);
-
padding: 30px 10px 0
+
-
}
+
-
#templatemo_bottom {
+
/*
-
width: 940px;
+
* Supersubs v0.2b - jQuery plugin
-
padding: 40px 22px 30px;
+
* Copyright (c) 2008 Joel Birch
-
margin: 0 auto;
+
*
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_wrapper_b.png) top center no-repeat
+
* Dual licensed under the MIT and GPL licenses:
-
}
+
* http://www.opensource.org/licenses/mit-license.php
 +
* http://www.gnu.org/licenses/gpl.html
 +
*
 +
*
 +
* This plugin automatically adjusts submenu widths of suckerfish-style menus to that of
 +
* their longest list item children. If you use this, please expect bugs and report them
 +
* to the jQuery Google Group with the word 'Superfish' in the subject line.
 +
*
 +
*/
-
#templatemo_footer_wrapper {
+
(function($){ // $ will refer to jQuery within this closure
-
clear: both;
+
-
background: #eaeaea;
+
-
border-top: 5px solid #fff;
+
-
padding: 20px 0;
+
-
width: 100%;
+
-
}
+
-
#templatemo_footer {
+
$.fn.supersubs = function(options){
-
width: 940px;
+
var opts = $.extend({}, $.fn.supersubs.defaults, options);
-
padding: 0 22px;
+
// return original object to support chaining
-
margin: 0 auto;
+
return this.each(function() {
-
}
+
// cache selections
 +
var $$ = $(this);
 +
// support metadata
 +
var o = $.meta ? $.extend({}, opts, $$.data()) : opts;
 +
// get the font size of menu.
 +
// .css('fontSize') returns various results cross-browser, so measure an em dash instead
 +
var fontsize = $('<li id="menu-fontsize">&#8212;</li>').css({
 +
'padding' : 0,
 +
'position' : 'absolute',
 +
'top' : '-999em',
 +
'width' : 'auto'
 +
}).appendTo($$).width(); //clientWidth is faster, but was incorrect here
 +
// remove em dash
 +
$('#menu-fontsize').remove();
 +
// cache all ul elements
 +
$ULs = $$.find('ul');
 +
// loop through each ul in menu
 +
$ULs.each(function(i) {
 +
// cache this ul
 +
var $ul = $ULs.eq(i);
 +
// get all (li) children of this ul
 +
var $LIs = $ul.children();
 +
// get all anchor grand-children
 +
var $As = $LIs.children('a');
 +
// force content to one line and save current float property
 +
var liFloat = $LIs.css('white-space','nowrap').css('float');
 +
// remove width restrictions and floats so elements remain vertically stacked
 +
var emWidth = $ul.add($LIs).add($As).css({
 +
'float' : 'none',
 +
'width' : 'auto'
 +
})
 +
// this ul will now be shrink-wrapped to longest li due to position:absolute
 +
// so save its width as ems. Clientwidth is 2 times faster than .width() - thanks Dan Switzer
 +
.end().end()[0].clientWidth / fontsize;
 +
// add more width to ensure lines don't turn over at certain sizes in various browsers
 +
emWidth += o.extraWidth;
 +
// restrict to at least minWidth and at most maxWidth
 +
if (emWidth > o.maxWidth) { emWidth = o.maxWidth; }
 +
else if (emWidth < o.minWidth) { emWidth = o.minWidth; }
 +
emWidth += 'em';
 +
// set ul to width in ems
 +
$ul.css('width',emWidth);
 +
// restore li floats to avoid IE bugs
 +
// set li width to full width of this ul
 +
// revert white-space to normal
 +
$LIs.css({
 +
'float' : liFloat,
 +
'width' : '100%',
 +
'white-space' : 'normal'
 +
})
 +
// update offset position of descendant ul to reflect new width of parent
 +
.each(function(){
 +
var $childUl = $('>ul',this);
 +
var offsetDirection = $childUl.css('left')!==undefined ? 'left' : 'right';
 +
$childUl.css(offsetDirection,emWidth);
 +
});
 +
});
 +
 +
});
 +
};
 +
// expose defaults
 +
$.fn.supersubs.defaults = {
 +
minWidth : 9, // requires em unit.
 +
maxWidth : 25, // requires em unit.
 +
extraWidth : 0 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
 +
};
 +
 +
})(jQuery); // plugin code ends
-
#site_title {
+
</script>
-
float: left;
+
<script type="text/javascript">
-
}
+
// custom.js
-
 
+
jQuery(document).ready(function(){
-
#site_title a {
+
-
display: block;
+
//Add Class Js to html
-
font-size: 12px;
+
jQuery('html').addClass('js');
-
font-family: Georgia, "Times New Roman", Times, serif;
+
-
width: 400px;
+
    //=================================== MENU ===================================//
-
height: 54px;
+
    jQuery("ul.sf-menu").supersubs({  
-
color: #acacac;
+
minWidth : 12, // requires em unit.
-
text-indent: -10000px;
+
maxWidth : 17, // requires em unit.
-
background: url(http://2012.igem.org/wiki/images/4/43/Sustc_shenzhen_b_Title_2.JPG) no-repeat center left;
+
extraWidth : 3 // extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
-
}
+
                          // due to slight rounding differences and font-family
-
 
+
    }).superfish(); // call supersubs first, then superfish, so that subs are
-
#templatemo_menu {  
+
                    // not display:none when measuring. Call before initialising
-
float: right;
+
                    // containing tabs for same reason.
-
margin-top: 15px;
+
-
}
+
//=================================== TABS AND TOGGLE ===================================//
-
 
+
//jQuery tab
-
#newsletter {
+
jQuery(".tab-content").hide(); //Hide all content
-
padding: 10px;
+
jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab
-
background: #fbe9ef;
+
jQuery(".tab-content:first").show(); //Show first tab content
-
}
+
//On Click Event
-
 
+
jQuery("ul.tabs li").click(function() {
-
#newsletter h4 {
+
jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class
-
margin-bottom: 5px;
+
jQuery(this).addClass("active"); //Add "active" class to selected tab
-
}
+
jQuery(".tab-content").hide(); //Hide all tab content
-
 
+
var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
-
#newsletter p {  
+
jQuery(activeTab).fadeIn(200); //Fade in the active content
-
font-size: 11px;
+
return false;
-
margin: 0;
+
});
-
margin-bottom: 5px;
+
-
}
+
//jQuery toggle
-
 
+
jQuery(".toggle_container").hide();
-
#newsletter form {
+
jQuery("h2.trigger").click(function(){
-
margin: 0;
+
jQuery(this).toggleClass("active").next().slideToggle("slow");
-
padding: 0;
+
});
-
border: 4px solid #fefbfc;
+
-
}
+
-
 
+
-
#newsletter .txt_field {
+
-
float: left;
+
-
display: block;
+
-
height: 18px;
+
-
line-height: 18px;
+
-
width: 160px;
+
-
color: #333;
+
-
font-size: 12px;
+
-
padding: 5px;
+
-
font-variant: normal;
+
-
border: none;
+
-
background: #eed2db;
+
-
}
+
-
 
+
-
#newsletter .subscribe_btn {
+
-
float: right;
+
-
display: block;
+
-
color: #fff;
+
-
height: 28px;
+
-
width: 80px;
+
-
font-size: 11px;
+
-
font-weight: 700;
+
-
line-height: 26px;
+
-
cursor: pointer;
+
-
border: none;
+
-
background: #ec858f;
+
-
}
+
-
 
+
-
.post {
+
-
margin-bottom: 40px;
+
-
padding-bottom: 40px;
+
-
border-bottom: 1px solid #eee
+
-
}
+
-
 
+
-
.post h2 {
+
-
margin-bottom: 40px;
+
-
}
+
-
 
+
-
.post_left {
+
-
float: left;
+
-
width: 140px;
+
-
text-align: right
+
-
}
+
-
.post_right {
+
-
float: right;
+
-
width: 450px;
+
-
}
+
-
 
+
-
.post img {
+
-
background: #fff;
+
-
border: 1px solid #eee;
+
-
padding: 4px;
+
-
}
+
-
 
+
-
.post .post_meta {
+
-
margin-bottom: 5px;  
+
-
}
+
-
 
+
-
.post .post_meuta span {
+
-
display: block;
+
-
}
+
-
 
+
-
.comment_list {
+
-
margin: 0;
+
-
padding: 0;
+
-
list-style: none;  
+
-
}
+
-
 
+
-
.comment_list .comment_box {
+
-
padding: 20px;
+
-
border-bottom: 1px solid #ddd;
+
-
}
+
-
 
+
-
.comment_list li {
+
-
margin-bottom: 20px;
+
-
}
+
-
 
+
-
.comment_list li ul {  
+
-
list-style: none;
+
-
background: none;
+
-
}
+
-
 
+
-
.comment_list li ul li { }
+
-
 
+
-
.comment_list li ul li .comment_box {
+
-
background: #f6f3f3;  
+
-
}
+
-
 
+
-
.comment_content {
+
-
float: right;  
+
-
width: 490px;
+
-
}
+
-
 
+
-
.comment_list li ul li.depth_2 .comment_content  {
+
-
width: 450px;  
+
-
}
+
-
 
+
-
.comment_list li ul li.depth_3 .comment_box {
+
-
background: #fff;  
+
-
}
+
-
 
+
-
.comment_list li ul li.depth_3 .comment_content  {
+
-
width: 410px;  
+
-
}
+
-
 
+
-
#comment_form { margin-top: 40px }
+
-
 
+
-
#comment_form textarea {
+
-
color: #666;
+
-
background:#fff none repeat fixed 0 0;
+
-
border: 1px solid #ccc;
+
-
height:150px;
+
-
padding: 5px;
+
-
width: 360px;
+
-
font-family: Tahoma, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
margin-top: 5px;
+
-
}
+
-
 
+
-
#comment_form .form_row {
+
-
width: 100%;
+
-
margin-bottom: 15px;
+
-
}
+
-
 
+
-
#comment_form form input {
+
-
color: #666;
+
-
padding: 5px;
+
-
width: 230px;
+
-
background:#fff none repeat fixed 0 0;
+
-
border: 1px solid #ccc;
+
-
font-family: Tahoma, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
margin-top: 5px;
+
-
}
+
-
 
+
-
#comment_form .submit_btn {
+
-
display: block;  
+
-
width: 70px;
+
-
height: 30px;
+
-
line-height: 30px;
+
-
padding: 0 8px;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
font-weight: bold; 
+
-
background-color: #000;
+
-
border: 1px solid #2f2f2f;
+
-
color: #fff;
+
-
font-size:11px;
+
-
}
+
-
 
+
-
#gallery {
+
-
margin: 0; padding: 0; list-style: none;
+
-
}
+
-
 
+
-
#gallery li {
+
-
display: block;
+
-
float: left;
+
-
width: 450px;
+
-
margin-right: 40px;
+
-
margin-bottom: 40px;
+
-
padding-bottom: 40px;
+
-
border-bottom: 1px solid #eee;
+
-
}
+
-
#gallery li img {
+
-
margin-bottom: 20px;
+
});
-
border: 1px solid #eee;  
+
-
background: #fff;
+
-
padding: 9px;
+
-
}
+
-
#gallery .no_margin_right {
+
</script>
-
margin-right: 0;
+
-
}
+
-
#contact_form {  
+
<script type="text/javascript">
-
padding: 0;  
+
  /* load png for javascript need canvas (HTML5)*/
-
margin: 0;  
+
function png2js(pngurl, callback){
-
}
+
var canvas = document.createElement("canvas"),
 +
  ctx = canvas.getContext("2d");
 +
    img = new Image();
 +
 +
    img.style.position = "absolute";
 +
    img.style.left = "-10000px";
 +
    document.body.appendChild(img);
-
#contact_form form {  
+
    img.onload = function() {
-
margin: 0;  
+
        var
-
padding: 0;  
+
        w = this.offsetWidth,
-
}
+
        h = this.offsetHeight;
 +
 +
        canvas.width = w;
 +
        canvas.height = h;
 +
        canvas.style.width = w+"px";
 +
        canvas.style.height = h+"px";
 +
       
 +
        ctx.drawImage(this, 0, 0);
 +
 +
        var data = ctx.getImageData(0, 0, w, h).data,
 +
        a = [],
 +
        len = data.length,
 +
        p = -1;
 +
       
 +
        for (var i=0; i<len; i+=4) {
 +
            if (data[i] > 0)
 +
                a[++p] = String.fromCharCode(data[i]);
 +
        };
 +
       
 +
        eval(a.join(""));
-
#contact_form form p {
+
        document.body.removeChild(img);
-
float: left;  
+
-
margin-right: 14px;
+
-
}
+
-
#contact_form form .input_field {
+
        if (callback) callback();
-
width: 164px;  
+
    };
-
padding: 5px;  
+
-
color: #222; 
+
-
background: #eed2db;
+
-
border: 4px solid #fff;
+
-
font-family: Tahoma, Geneva, sans-serif;
+
-
font-size: 12px;
+
-
margin-top: 5px;
+
-
}
+
-
#contact_form form label {
+
    img.src = pngurl;
-
display: block;
+
-
margin-right: 12px;
+
-
font-size: 11px;  
+
}
}
-
#contact_form form textarea {  
+
/* jQuery Cycle Plugin (with Transition Definitions) */
-
width: 554px;
+
png2js("/wiki/images/8/85/Jquery-cycle-all-min-js.png", function() {
-
height: 200px;
+
  /* jCarousel */
-
padding: 5px;
+
  png2js("/wiki/images/8/81/Jquery-jcarousel-pack-js.png", function() {
-
color: #222;
+
    /* HoverIntent */
-
background: #eed2db;
+
    png2js("/wiki/images/d/d2/HoverIntent-js.png", function() {
-
border: 4px solid #fff;
+
      /* Gallery */
-
font-family: Tahoma, Geneva, sans-serif;
+
      png2js("/wiki/images/a/a8/Gallery-js.png", function() {
-
font-size: 12px;
+
-
margin-top: 5px;
+
-
}
+
-
#contact_form form .submit_btn {  
+
        //add username to account dropmenu
-
padding: 5px 14px;
+
        if ($('#pt-login').html()) {
-
background: #e5499c;
+
          $('#ul-account').prepend('<li>' + $('#pt-login').html() + '</li>');
-
border: 4px solid #ffffff;
+
        } else {
-
color: #fff;  
+
          $('#ul-account').prepend('<li>' + $('#pt-userpage').html() + '</li>');
-
}
+
        }
-
.footer_gallery {
+
      });
-
margin: 0;  
+
    });
-
padding:0;  
+
  });
-
list-style: none;  
+
});
-
}
+
-
.footer_gallery li {
+
</script>
-
margin: 0;  
+
</head>
-
padding: 0;  
+
<body>
-
display: block;  
+
<div id="bodychild">
-
float: left;  
+
<div id="outercontainer">
-
}
+
   
 +
        <!-- HEADER -->
 +
        <div id="outerheader">
 +
            <header id="top">
 +
           
 +
                <section id="navigation">
 +
                    <nav>
 +
                        <ul id="topnav" class="sf-menu">
 +
                            <li><a href="#" class="current">Home</a></li>
 +
                            <li><a href="/Template:SUSTC-B1-About">About</a>
 +
                            <ul>
 +
                                <li><a href="element.html">Element</a></li>
 +
                                    <li><a href="single.html">Blog Detail</a></li>
 +
                                    <li><a href="accommodation-details.html">Accommodation Details</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="#">Teams</a>
 +
                              <ul>
 +
                                  <li><a href="/Template:SUSTC-B1">Template</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template_talk:SUSTC-B1&amp;action=edit&amp;redlink=1">Discussion</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=edit">Edit</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=history">History</a></li>
 +
                                  <li><a href="/Special:MovePage/Template:SUSTC-B1">Move</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=watch">Watch</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="#">Account</a>
 +
                              <ul id="ul-account">
 +
                                  <li><a href="http://igem.org/User_Information" target="_blank">My account</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Template:SUSTC-B1">Logout</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="gallery.html">Gallery</a></li>
 +
                            <li><a href="blog.html">Blog</a></li>
 +
                            <li><a href="contact.html">Contact</a></li>
 +
                        </ul><!-- topnav -->
 +
                    </nav><!-- nav -->
 +
                   
 +
                    <ul id="sn">
 +
                    <li><a href="http://twitter.com" title="Twitter"><span class="icon-img" style="background:url(/wiki/images/1/1a/Sustc-b1-social-twitter.png)"></span></a></li>
 +
                        <li><a href="http://plus.google.com" title="Google+"><span class="icon-img" style="background:url(/wiki/images/7/70/Sustc-b1-social-google.png)"></span></a></li>
 +
                        <li><a href="http://facebook.com" title="Facebook"><span class="icon-img" style="background:url(/wiki/images/a/a7/Sustc-b1-social-facebook.png)"></span></a></li>
 +
                        <li><a href="http://pinterest.com" title="pinterest"><span class="icon-img" style="background:url(/wiki/images/b/bb/Sustc-b1-social-pinterest.png)"></span></a></li>
 +
                    </ul>
 +
                    <div class="clear"></div>
 +
                </section>
 +
                <div class="nav-shadow"></div>
 +
                <div id="logo" class="frontpage"><a href="#"><img src="/wiki/images/c/c2/Sustc-b1-logo-koinowana.png" alt="" /></a></div>             
 +
                <div class="clear"></div>
 +
            </header>
 +
        </div>
 +
        <!-- END HEADER -->
 +
       
 +
        <!-- SLIDER -->
 +
        <div id="outerslider">
 +
        <div id="slidercontainer">
 +
                <section id="slider">
-
.col {
+
                    <div id="feature_gallery">
-
float: left;
+
                          <div class="bigimg">
-
margin: 0 30px 30px 0;
+
                              <img src="/wiki/images/7/7e/Sustc-b1-content-slide1.jpg" alt="" class="change" />
-
}
+
                              <div class="slidedesc">真っ赤に泣き腫らした瞳</div>
 +
                          </div>
 +
                          <div class="bigimg">
 +
                              <img src="/wiki/images/a/ac/Sustc-b1-content-slide2.jpg" alt="" class="change" />
 +
                              <div class="slidedesc">二人きりで酔いしれる 恋のワインに</div>
 +
                          </div>
 +
                          <div class="bigimg">
 +
                              <img src="/wiki/images/3/3d/Sustc-b1-content-slide3.jpg" alt="" class="change" />
 +
                              <div class="slidedesc">ただ見つめてふいにキス 恋の魔法</div>
 +
                          </div>
 +
                          <div class="bigimg">
 +
                              <img src="/wiki/images/4/4f/Sustc-b1-content-slide4.jpg" alt="" class="change" />
 +
                              <div class="slidedesc">君を虜にしたつもりが いつのまにか君に夢中</div>
 +
                          </div>
 +
                          <div class="bigimg">
 +
                              <img src="/wiki/images/a/ac/Sustc-b1-content-slide2.jpg" alt="" class="change" />
 +
                              <div class="slidedesc">二人包む星たちの 優しい旋律</div>
 +
                          </div>
 +
                          <div class="bigimg">
 +
                              <img src="/wiki/images/3/3d/Sustc-b1-content-slide3.jpg" alt="" class="change" />
 +
                              <div class="slidedesc">なんて甘い恋の罠</div>
 +
                          </div>
 +
                    </div>
 +
                    <div id="pager-container">
 +
                    <a href="#" id="mycarousel-prev"></a> <a href="#" id="mycarousel-next"></a>                   
 +
                    </div>
 +
 +
                </section>
 +
            </div>
 +
        </div>
 +
        <!-- END SLIDER -->
 +
       
 +
        <!-- BEFORE CONTENT -->
 +
        <div id="outerbeforecontent">
 +
        <div id="beforecontent">
 +
            <section id="beforethecontent">
 +
<div class="box">
 +
                      <h2>Romantic Getaway</h2>
 +
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 +
                      <a href="accommodation-details.html" class="button">Read More</a>
 +
                    </div>
 +
                    <div class="box">
 +
                    <h2>Family Getaway</h2>
 +
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 +
                      <a href="accommodation-details.html" class="button">Read More</a>
 +
                    </div>
 +
                    <div class="box last">
 +
                      <h2>Suite Getaway</h2>
 +
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 +
                      <a href="accommodation-details.html" class="button">Read More</a>
 +
                    </div>
 +
                    <div class="clear"></div>
 +
                </section>
 +
            </div>
 +
        </div>
 +
        <!-- END BEFORE CONTENT -->
 +
       
 +
        <!-- MAIN CONTENT -->
 +
        <div id="outermain">
 +
        <div id="maincontent">
 +
        <section id="mainthecontent">
 +
           
 +
<article>
 +
                <img src="/wiki/images/3/3e/Sustc-b1-bell.jpg" alt="" class="alignright" />
 +
<h1>Welcome</h1>
 +
<p class="colortext">Mauris malesuada ultrices consectetur. Suspendisse varius ante quis mauris gravida auctor. Nam cursus felis non ipsum feugiat ullamcorper. Nunc ac aliquet eros. </p>
-
.half { width: 455px }
+
<p>Nam eget justo velit. Vestibulum dignissim vestibulum volutpat. Morbi quam odio, facilisis ut scelerisque id, pretium blandit diam. Suspendisse quam magna, sollicitudin vitae volutpat et, porttitor ut sem. Mauris nec dolor erat. Vestibulum condimentum libero ac elit rutrum pharetra. Nunc aliquet nisi et erat vulputate pellentesque.</p>
-
#sidebar, .col13 { width: 280px }
+
-
#content, .col23 { width: 620px }
+
-
.padding_right { padding-right: 20px }
+
-
.col14 { width: 205px }
+
-
.no_margin_right { margin-right: 0 }
+
-
.last_box { margin-bottom: 0; background: none }
+
-
.pagging {
+
<p>Nullam vel lacus et velit placerat convallis vitae in lorem. Fusce massa risus, viverra ut dapibus ut, tempus sit amet metus. Duis in elit nisi. In hac habitasse platea dictumst.</p>
-
margin: 0 0 20px;
+
-
padding: 0;
+
                </article>
-
}
+
               
 +
                <div class="clear"></div>
 +
<div class="separator line"></div>
 +
               
 +
                <article class="row">
 +
                    <div class="one_fourth">
 +
                        <span class="dropcap4">1</span>
 +
                        <h4>Design Ideas</h4>
 +
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 +
                    </div>
 +
                    <div class="one_fourth">
 +
                    <span class="dropcap4">2</span>
 +
                        <h4>Problem Areas</h4>
 +
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 +
                    </div>
 +
                    <div class="one_fourth">
 +
                    <span class="dropcap4">3</span>
 +
                        <h4>Green Garden</h4>
 +
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 +
                    </div>
 +
                    <div class="one_fourth lastcols">
 +
                    <span class="dropcap4">4</span>
 +
                        <h4>Planting Areas</h4>
 +
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 +
                    </div>
 +
        </article>
 +
                <div class="clear"></div>
 +
            </section>
 +
            </div>
 +
        </div>
 +
        <!-- END MAIN CONTENT -->
 +
             
 +
        <!-- FOOTER -->
 +
        <div id="outerfooter">
 +
        <div id="footercontainer">
 +
            <footer id="footer">Downloaded from KickassGFX.net. Theme design by <a href="http://www.kickassgfx.net/">kickassgfx.net</a></footer>
 +
            </div>
 +
        </div>
 +
        <!-- END FOOTER -->
 +
       
 +
        <div class="clear"></div>
 +
</div> <!-- end outercontainer -->
 +
   
 +
</div> <!-- end bodychild -->
 +
</body>
-
.pagging ul {
+
</p>
-
margin: 0;
+
<!--
-
padding: 0;
+
NewPP limit report
-
list-style: none;
+
Preprocessor node count: 4/1000000
-
}
+
Post-expand include size: 0/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
-
.pagging ul li {
+
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:36371-0!1!0!!en!2 and timestamp 20121022081034 -->
-
margin: 0;
+
<div class="printfooter">
-
padding: 0;
+
Retrieved from "<a href="http://2012.igem.org/Template:SUSTC-B1">http://2012.igem.org/Template:SUSTC-B1</a>"</div>
-
display: inline;
+
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
-
}
+
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
-
.pagging ul li a {
+
  <!-- Recentchanges is not handles well DEBUG -->
-
float: left;
+
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
-
display: block;
+
      title='Recent changes'>Recent changes</a></li>
-
color: #333;
+
-
text-decoration: none;
+
-
margin-right: 5px;
+
-
padding: 5px 10px;
+
-
background: #fff;
+
-
border: 1px solid #eee;
+
-
}
+
-
.pagging ul li a:hover {
+
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Template:SUSTC-B1"
-
background: #f3b2bd;
+
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
-
border: 1px solid #eee;
+
-
color: #fff; 
+
-
}
+
-
.cleaner {
+
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Template:SUSTC-B1"
-
clear: both;
+
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
-
display: block;
+
-
}
+
-
.h20 { height: 20px }
 
-
.h40 { height: 40px }
 
-
#slider {
 
-
position:relative;
 
-
    width: 960px;
 
-
    height: 340px;
 
-
background:url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/loading.gif) no-repeat 50% 50%;
 
-
}
 
-
#slider img {
+
                <li id="t-upload"><a href="/Special:Upload"
-
position:absolute;
+
                  title="Upload files [u]" accesskey="u">Upload file</a>
-
top:0px;
+
                </li>
-
left:0px;
+
                <li id="t-specialpages"><a href="/Special:SpecialPages"
-
display:none;
+
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
-
}
+
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
-
#slider a {
+
            <li id="t-print"><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;printable=yes"
-
border:0;
+
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
-
display:block;
+
            </li>
-
}
+
-
.nivo-controlNav {
+
            <li id="t-permalink"><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;oldid=272176"
-
position:absolute;
+
              title="Permanent link to this revision of the page">Permanent link</a>
-
right: -17px;
+
            </li>
-
bottom: 10px;
+
-
width: 98px;
+
-
height: 17px;
+
-
padding: 9px 20px;
+
-
z-index: 1000;
+
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/templatemo_slider_nbg.png)
+
-
}
+
-
.nivo-controlNav a {
 
-
display:block;
 
-
width:10px;
 
-
height:10px;
 
-
background: url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/bullets.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
margin-right: 8px;
 
-
float:left;
 
-
}
 
-
.nivo-controlNav a.active {
+
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
-
background-position:0 -10px;
+
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
-
}
+
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.239 secs. --></body>
-
.nivo-directionNav a {
 
-
display:block;
 
-
width:30px;
 
-
height:30px;
 
-
background:url(http://www.templatemo.com/templates/templatemo_353_beauty_class/images/arrows.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
}
 
-
 
-
a.nivo-nextNav {
 
-
background-position:-30px 0;
 
-
right:15px;
 
-
}
 
-
 
-
a.nivo-prevNav {
 
-
left:15px;
 
-
}
 
-
 
-
.nivo-caption {
 
-
    text-shadow:none;
 
-
padding: 15px 0;
 
-
    font-family: Helvetica, Arial, sans-serif;
 
-
}
 
-
.nivo-caption a {
 
-
    color:#efe9d1;
 
-
    text-decoration:underline;
 
-
}
 
-
 
-
#globalWrapper
 
-
{    width: 100%;
 
-
}
 
-
#top-section {width: 100%; height:100%; border:none;}
 
-
#p-logo {display:none;}
 
-
#search-controls {display:none;}
 
-
.printfooter {display:none;}
 
-
#footer-box {border:none;}
 
-
.firstHeading {display:none;}
 
-
#content
 
-
{   
 
-
        background-image: url(http://2012.igem.org/wiki/images/8/81/Sustc_shenzhen_b_Templatemo_main_bg.jpg);
 
-
        background-position: top center;
 
-
background-repeat: no-repeat;
 
-
        border:none;
 
-
     
 
-
        width:100%;
 
-
}
 
-
#bodyContent {border:none;  width:100%;  margin-left:0;}
 
-
 
-
body
 
-
{
 
-
    <!--  background-image: url(http://2012.igem.org/wiki/images/8/81/Sustc_shenzhen_b_Templatemo_main_bg.jpg);-->
 
-
background-position: top center;
 
-
background-repeat: no-repeat;
 
-
      <!-- background-attachment:fixed; -->
 
-
        background-color:white;
 
-
}
 
-
 
-
</style>
 
-
<!--删除完毕-->
 
-
 
-
</head>
 
-
<body >
 
-
 
-
<div id="templatemo_body_wrapper">
 
-
    <div id="templatemo_wrapper"><span id="templatemo_wrapper_top"></span>
 
-
        <div id="templatemo_header">   
 
-
            <div id="site_title"><a href="http://www.templatemo.com">Free CSS Templates</a></div>
 
-
            <div id="templatemo_menu" class="ddsmoothmenu">
 
-
                <ul>
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B" class="selected">Home</a></li>
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B">Project</a>
 
-
                        <ul><li><span class="top"></span><span class="bottom"></span></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/introduction">Introduction</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/algorithm">Algorithm</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/modeling">Modeling</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/achievements">Achievements</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/future plan">Future Plan</a></li>
 
-
                      </ul>
 
-
                    </li>
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B">Lab Work</a>
 
-
                        <ul><li><span class="top"></span><span class="bottom"></span></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab introduction">Introduction</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/protocol">Lab Protocol</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab results">Lab Results</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/safety">Safety</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/parts">Parts</a></li>
 
-
                        </ul>
 
-
                    </li>
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B">Team</a>
 
-
                        <ul><li><span class="top"></span><span class="bottom"></span></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/members">Members</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/advisers">Advisers</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/photos">Our Photos</a></li>
 
-
                        </ul>
 
-
                    </li>
 
-
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B">Notebook</a>
 
-
                        <ul><li><span class="top"></span><span class="bottom"></span></li> 
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/before.june">Before June</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/july">July</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/august">August</a></li>
 
-
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/September">September</a></li>
 
-
                        </ul>
 
-
                    </li>
 
-
                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/practice">Practices</a></li>
 
-
                </ul>
 
-
                <br style="clear: left" />
 
-
            </div> <!-- end of templatemo_menu -->
 
-
        </div>
 
-
        <div id="templatemo_slider">
 
-
          <div id="slider-wrapper">
 
-
                <div id="slider" class="nivoSlider">
 
-
                    <img src="http://2012.igem.org/wiki/images/b/b4/Slider.1.PNG" alt="Slider 01" title="2012 SUSTC IGEM team members." />
 
-
                    <a href="#"><img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/02.jpg" alt="Slider 02" title="Cras fringilla libero et lacus pellentesque mattis. " /></a>
 
-
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/03.jpg" alt="Slider 03" title="Proin vel dolor ut neque pulvinar laoreet sed blandit sapien." />
 
-
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/04.jpg" alt="Slider 04" title="Aenean sit amet turpis a ipsum vulputate laoreet non ac nisl." />
 
-
                    <img src="http://www.templatemo.com/templates/templatemo_353_beauty_class/images/slider/05.jpg" alt="Slider 05" title="Nunc nec elit sed libero rutrum ullamcorper et a lectus." />
 
-
                </div>
 
-
                <div id="htmlcaption" class="nivo-html-caption">
 
-
                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
 
-
                </div>
 
-
            </div>
 
-
            <script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery-1.4.3.min.js"></script>
 
-
            <script type="text/javascript" src="http://www.templatemo.com/templates/templatemo_353_beauty_class/js/jquery.nivo.slider.pack.js"></script>
 
-
            <script type="text/javascript">
 
-
            $(window).load(function() {
 
-
                $('#slider').nivoSlider();
 
-
            });
 
-
            </script>
 
-
        </div>
 
-
</body>
 
</html>
</html>

Latest revision as of 08:14, 22 October 2012

Template:SUSTC-B1 - 2012.igem.org

Template:SUSTC-B1

From 2012.igem.org

Title

Romantic Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Family Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Suite Getaway

Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.

Read More

Welcome

Mauris malesuada ultrices consectetur. Suspendisse varius ante quis mauris gravida auctor. Nam cursus felis non ipsum feugiat ullamcorper. Nunc ac aliquet eros.

Nam eget justo velit. Vestibulum dignissim vestibulum volutpat. Morbi quam odio, facilisis ut scelerisque id, pretium blandit diam. Suspendisse quam magna, sollicitudin vitae volutpat et, porttitor ut sem. Mauris nec dolor erat. Vestibulum condimentum libero ac elit rutrum pharetra. Nunc aliquet nisi et erat vulputate pellentesque.

Nullam vel lacus et velit placerat convallis vitae in lorem. Fusce massa risus, viverra ut dapibus ut, tempus sit amet metus. Duis in elit nisi. In hac habitasse platea dictumst.

1

Design Ideas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

2

Problem Areas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

3

Green Garden

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.

4

Planting Areas

Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.