Difference between revisions of "Team:CityU HK/Template"

Line 9: Line 9:
 
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
 
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
<link rel="stylesheet" type="text/css" href="files/main_style.css?1436694200" title="wsite-theme-css" />
+
<link rel="stylesheet" type="text/css" href="files/main_style.css?1436794862" title="wsite-theme-css" />
 
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
 
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
  
Line 36: Line 36:
 
.wsite-product .wsite-product-price a {}
 
.wsite-product .wsite-product-price a {}
 
</style>
 
</style>
<style>
+
 
.wsite-background {background-image: url('//cdn1.editmysite.com/uploads/5/5/0/1/55018825/background-images/754325555.jpg') !important;background-repeat: no-repeat !important;background-position: 0% 23.4300003051758% !important;background-size: 100% !important;background-color: transparent !important;}
+
body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
+
</style>
+
 
<style type='text/css'>
 
<style type='text/css'>
 
.wsite-header {
 
.wsite-header {
background-image: url(uploads/5/5/0/1/55018825/header_images/1436693632.jpg) !important;
+
background-image: url("https://static.igem.org/mediawiki/2014/f/f6/CityU_HK_hp_group.JPG");
 
background-position: 0 0 !important;
 
background-position: 0 0 !important;
 
}
 
}
Line 61: Line 58:
 
function initFlyouts(){
 
function initFlyouts(){
 
initPublishedFlyoutMenus(
 
initPublishedFlyoutMenus(
[{"id":"405207076881051096","title":"Home","url":"index.html","target":""},{"id":"579605018939103781","title":"About","url":"about.html","target":""},{"id":"915979469738984051","title":"Contact","url":"contact.html","target":""},{"id":"444997708628807445","title":"Untitled","url":"untitled4.html","target":""},{"id":"624186960293168361","title":"Untitled","url":"untitled5.html","target":""},{"id":"766729801302810591","title":"Untitled","url":"untitled6.html","target":""}],
+
[{"id":"405207076881051096","title":"Home","url":"index.html","target":""},{"id":"396157525309677987","title":"Team","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Team","target":""},{"id":"375321454609514875","title":"Project","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Description","target":""},{"id":"927831948212116307","title":"Attributions","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Attributions","target":""},{"id":"253696043122224864","title":"Collaborations","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Collaborations","target":""},{"id":"939581576302822962","title":"Practices","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Practices","target":""},{"id":"961979816150813109","title":"Safety","url":"http:\/\/2015.igem.org\/Team:CityU_HK\/Safety","target":""},{"id":"461883214875301516","title":"hide","url":"hide.html","target":""}],
 
"405207076881051096",
 
"405207076881051096",
 
"<li class=\"wsite-menu-item-wrap\"><a href=\"#\" data-membership-required=\"\" class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
 
"<li class=\"wsite-menu-item-wrap\"><a href=\"#\" data-membership-required=\"\" class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
Line 80: Line 77:
 
 
 
</head>
 
</head>
<body class="tall-header-page wsite-background  wsite-theme-light  wsite-page-index wsite-custom-background"><div id="header-wrap">
+
<body class="tall-header-page wsite-background  wsite-theme-light  wsite-page-index"><div id="header-wrap">
 
<div class="container">
 
<div class="container">
 
<table id="header">
 
<table id="header">
Line 98: Line 95:
 
<td class="phone-number"></td>
 
<td class="phone-number"></td>
 
<td class="social"><div style="text-align:left;"><div style="height:0px;overflow:hidden"></div>
 
<td class="social"><div style="text-align:left;"><div style="height:0px;overflow:hidden"></div>
<span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='http://facebook.com/1111' target='_blank'><span class='wsite-social-item-inner'></span></a></span>
+
<span class="wsite-social wsite-social-default"><a class='first-child wsite-social-item wsite-social-facebook' href='https://www.facebook.com/pages/CityU-HK-IGEM-2015/430624623784629?fref=ts' target='_blank'><span class='wsite-social-item-inner'></span></a></span>
 
<div style="height:0px;overflow:hidden"></div></div></td>
 
<div style="height:0px;overflow:hidden"></div></div></td>
 
<td class="search"></td>
 
<td class="search"></td>
Line 120: Line 117:
 
 
 
</li>
 
</li>
<li id="pg579605018939103781" class="wsite-menu-item-wrap">
+
<li id="pg396157525309677987" class="wsite-menu-item-wrap">
<a href="about.html" data-membership-required="0" class="wsite-menu-item">
+
<a href="https://2015.igem.org/Team:CityU_HK/Team" data-membership-required="0" class="wsite-menu-item">
About
+
Team
 +
</a>
 +
 +
</li>
 +
<li id="pg375321454609514875" class="wsite-menu-item-wrap">
 +
<a href="https://2015.igem.org/Team:CityU_HK/Description" data-membership-required="0" class="wsite-menu-item">
 +
Project
 
</a>
 
</a>
 
<div class="wsite-menu-wrap" style="display:none">
 
<div class="wsite-menu-wrap" style="display:none">
 
<ul class="wsite-menu">
 
<ul class="wsite-menu">
<li id="wsite-nav-194603648672021033" class="wsite-menu-subitem-wrap">
+
<li id="wsite-nav-247411444452964531" class="wsite-menu-subitem-wrap">
<a href="untitled.html" class="wsite-menu-subitem">
+
<a href="https://2015.igem.org/Team:CityU_HK/Description" class="wsite-menu-subitem">
 
<span class="wsite-menu-title">
 
<span class="wsite-menu-title">
Untitled
+
Description
 +
</span><span class="wsite-menu-arrow">&gt;</span>
 +
</a>
 +
<div class="wsite-menu-wrap" style="display:none">
 +
<ul class="wsite-menu">
 +
<li id="wsite-nav-832954844447943061" class="wsite-menu-subitem-wrap">
 +
<a href="https://2015.igem.org/Team:CityU_HK/Parts" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Parts
 
</span>
 
</span>
 
</a>
 
</a>
Line 139: Line 150:
  
 
</li>
 
</li>
<li id="pg915979469738984051" class="wsite-menu-item-wrap">
+
<li id="wsite-nav-390930554829520753" class="wsite-menu-subitem-wrap">
<a href="contact.html" data-membership-required="0" class="wsite-menu-item">
+
<a href="https://2015.igem.org/Team:CityU_HK/Experiments" class="wsite-menu-subitem">
Contact
+
<span class="wsite-menu-title">
 +
Experiments
 +
</span><span class="wsite-menu-arrow">&gt;</span>
 
</a>
 
</a>
 
<div class="wsite-menu-wrap" style="display:none">
 
<div class="wsite-menu-wrap" style="display:none">
 
<ul class="wsite-menu">
 
<ul class="wsite-menu">
<li id="wsite-nav-513017485639987710" class="wsite-menu-subitem-wrap">
+
<li id="wsite-nav-547588938130068005" class="wsite-menu-subitem-wrap">
<a href="untitled1.html" class="wsite-menu-subitem">
+
<a href="https://2015.igem.org/Team:CityU_HK/Notebook" class="wsite-menu-subitem">
 
<span class="wsite-menu-title">
 
<span class="wsite-menu-title">
Untitled
+
Notebook
 
</span>
 
</span>
 
</a>
 
</a>
 
 
 
</li>
 
</li>
<li id="wsite-nav-876843318437734394" class="wsite-menu-subitem-wrap">
+
 
<a href="untitled2.html" class="wsite-menu-subitem">
+
</ul>
 +
</div>
 +
 
 +
</li>
 +
<li id="wsite-nav-106562558952375131" class="wsite-menu-subitem-wrap">
 +
<a href="https://2015.igem.org/Team:CityU_HK/Results" class="wsite-menu-subitem">
 
<span class="wsite-menu-title">
 
<span class="wsite-menu-title">
Untitled
+
Results
 
</span>
 
</span>
 
</a>
 
</a>
 
 
 
</li>
 
</li>
<li id="wsite-nav-697603495208250391" class="wsite-menu-subitem-wrap">
+
<li id="wsite-nav-245019235359880140" class="wsite-menu-subitem-wrap">
<a href="untitled3.html" class="wsite-menu-subitem">
+
<a href="https://2015.igem.org/Team:CityU_HK/Modeling" class="wsite-menu-subitem">
 
<span class="wsite-menu-title">
 
<span class="wsite-menu-title">
Untitled
+
Modeling
 
</span>
 
</span>
 
</a>
 
</a>
Line 174: Line 192:
  
 
</li>
 
</li>
<li id="pg444997708628807445" class="wsite-menu-item-wrap">
+
<li id="pg927831948212116307" class="wsite-menu-item-wrap">
<a href="untitled4.html" data-membership-required="0" class="wsite-menu-item">
+
<a href="https://2015.igem.org/Team:CityU_HK/Attributions" data-membership-required="0" class="wsite-menu-item">
Untitled
+
Attributions
 
</a>
 
</a>
 
 
 
</li>
 
</li>
<li id="pg624186960293168361" class="wsite-menu-item-wrap">
+
<li id="pg253696043122224864" class="wsite-menu-item-wrap">
<a href="untitled5.html" data-membership-required="0" class="wsite-menu-item">
+
<a href="https://2015.igem.org/Team:CityU_HK/Collaborations" data-membership-required="0" class="wsite-menu-item">
Untitled
+
Collaborations
 
</a>
 
</a>
 
 
 
</li>
 
</li>
<li id="pg766729801302810591" class="wsite-menu-item-wrap">
+
<li id="pg939581576302822962" class="wsite-menu-item-wrap">
<a href="untitled6.html" data-membership-required="0" class="wsite-menu-item">
+
<a href="https://2015.igem.org/Team:CityU_HK/Practices" data-membership-required="0" class="wsite-menu-item">
Untitled
+
Practices
 
</a>
 
</a>
 
 
 +
</li>
 +
<li id="pg961979816150813109" class="wsite-menu-item-wrap">
 +
<a href="https://2015.igem.org/Team:CityU_HK/Safety" data-membership-required="0" class="wsite-menu-item">
 +
Safety
 +
</a>
 +
 +
</li>
 +
<li id="pg461883214875301516" class="wsite-menu-item-wrap">
 +
<a href="hide.html" data-membership-required="0" class="wsite-menu-item">
 +
hide
 +
</a>
 +
<div class="wsite-menu-wrap" style="display:none">
 +
<ul class="wsite-menu">
 +
<li id="wsite-nav-544038991823233468" class="wsite-menu-subitem-wrap">
 +
<a href="team.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Team
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-431694361644627281" class="wsite-menu-subitem-wrap">
 +
<a href="description.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Description
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-789889917452265183" class="wsite-menu-subitem-wrap">
 +
<a href="experiments.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Experiments
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-703406296954456939" class="wsite-menu-subitem-wrap">
 +
<a href="results.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Results
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-602960390815926364" class="wsite-menu-subitem-wrap">
 +
<a href="parts.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Parts
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-250827738651847224" class="wsite-menu-subitem-wrap">
 +
<a href="notebook.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Notebook
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-764512809605315621" class="wsite-menu-subitem-wrap">
 +
<a href="attributions.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Attributions
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-630191950164382986" class="wsite-menu-subitem-wrap">
 +
<a href="collaborations.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Collaborations
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-119180235390594970" class="wsite-menu-subitem-wrap">
 +
<a href="practices.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Practices
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-498747992116978558" class="wsite-menu-subitem-wrap">
 +
<a href="safety.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Safety
 +
</span>
 +
</a>
 +
 +
</li>
 +
<li id="wsite-nav-358136624632419302" class="wsite-menu-subitem-wrap">
 +
<a href="modeling.html" class="wsite-menu-subitem">
 +
<span class="wsite-menu-title">
 +
Modeling
 +
</span>
 +
</a>
 +
 +
</li>
 +
 +
</ul>
 +
</div>
 +
 
</li>
 
</li>
  
Line 212: Line 335:
 
<div class="container">
 
<div class="container">
 
<div id='wsite-content' class='wsite-elements wsite-not-footer'>
 
<div id='wsite-content' class='wsite-elements wsite-not-footer'>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -20px;">
+
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
 
<table class="wsite-multicol-table">
 
<table class="wsite-multicol-table">
 
<tbody class="wsite-multicol-tbody">
 
<tbody class="wsite-multicol-tbody">
 
<tr class="wsite-multicol-tr">
 
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 20px;">
+
<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
 
 
 
 
  
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
+
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:10px;text-align:left">
 
<a>
 
<a>
<img src="uploads/5/5/0/1/55018825/1436693195.png" alt="Picture" style="width:auto;max-width:100%" />
+
<img src="https://static.igem.org/mediawiki/2014/d/d7/CityU_HK_slide1.png" alt="Picture" style="width:auto;max-width:100%" />
 
</a>
 
</a>
 
<div style="display:block;font-size:90%"></div>
 
<div style="display:block;font-size:90%"></div>
Line 229: Line 352:
  
 
 
</td> <td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 20px;">
+
</td> <td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
 
 
 
 
Line 235: Line 358:
 
<h2 class="wsite-content-title" style="text-align:left;">Abstract</h2>
 
<h2 class="wsite-content-title" style="text-align:left;">Abstract</h2>
  
<div class="paragraph" style="text-align:left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<br /><br />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&nbsp;<span style="text-align: justify;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</span></div>
+
<div class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.<br /><br />Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&nbsp;<span style="text-align: justify;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.</span></div>
  
  
Line 256: Line 379:
 
 
  
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:15px;margin-left:0;margin-right:0;text-align:center">
+
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right">
 
<a>
 
<a>
<img src="uploads/5/5/0/1/55018825/8959057.jpg?282" alt="Picture" style="width:282;max-width:100%" />
+
<img src="https://static.igem.org/mediawiki/2014/2/29/CityU_HK_overview.jpg" alt="Picture" style="width:auto;max-width:100%" />
 
</a>
 
</a>
 
<div style="display:block;font-size:90%"></div>
 
<div style="display:block;font-size:90%"></div>
Line 279: Line 402:
 
 
  
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:center">
+
<div><div class="wsite-image wsite-image-border-none " style="padding-top:15px;padding-bottom:15px;margin-left:0;margin-right:0;text-align:center">
 
<a>
 
<a>
<img src="uploads/5/5/0/1/55018825/1436692725.png" alt="Picture" style="width:auto;max-width:100%" />
+
<img src="https://static.igem.org/mediawiki/2014/1/16/CityU_HK_thumbnail-desaturase.png" alt="Picture" style="width:auto;max-width:100%" />
 
</a>
 
</a>
 
<div style="display:block;font-size:90%"></div>
 
<div style="display:block;font-size:90%"></div>
Line 302: Line 425:
 
 
  
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:left">
+
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:15px;margin-left:0;margin-right:0;text-align:left">
 
<a>
 
<a>
<img src="uploads/5/5/0/1/55018825/1436693101.png" alt="Picture" style="width:auto;max-width:100%" />
+
<img src="https://static.igem.org/mediawiki/2014/c/c8/CityU_HK_project_result_fad2.png" alt="Picture" style="width:auto;max-width:100%" />
 
</a>
 
</a>
 
<div style="display:block;font-size:90%"></div>
 
<div style="display:block;font-size:90%"></div>
Line 329: Line 452:
 
</div><!-- end main-wrap -->
 
</div><!-- end main-wrap -->
  
+
    <div id="footer-wrap">
 +
        <div class="container">
 +
      Create a <a target="_top" href="http://www.weebly.com/">free web site</a> with <a target="_top" href="http://www.weebly.com/" title="free web site">Weebly</a>
 +
        </div><!-- end container -->
 +
    </div><!-- end footer-wrap -->
 
 
  
 
 
 
</body>
 
</body>
</html>
 
 
<html>
 
<style>
 
 
 
 
 
 
/* Resets
 
--------------------------------------------------------------------------------*/
 
 
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote,
 
fieldset, input {
 
margin: 0;
 
padding: 0;
 
}
 
 
a img {
 
border: 0;
 
}
 
 
a {
 
text-decoration: none;
 
}
 
 
/* General Styling and Structure
 
--------------------------------------------------------------------------------*/
 
 
body {
 
font-family: Georgia, serif;
 
font-size: 14px;
 
background: #F2F2F2;
 
color: #555;
 
line-height:24px;
 
}
 
 
.container {
 
margin: 0 auto;
 
width: 946px;
 
padding:0 7px;
 
background:#fff;
 
}
 
 
#header-wrap,
 
#banner-wrap,
 
#nav-wrap,
 
#main-wrap,
 
#footer-wrap
 
{
 
        width:100%;
 
}
 
 
#main-wrap .container {min-height:450px;}
 
 
h3 {
 
font-size: 22px;
 
padding: .2em 0 .2em 0;
 
line-height: 1.2;
 
font-weight: normal;
 
letter-spacing: -1px;
 
color: #333;
 
margin-bottom:20px;
 
}
 
 
a {
 
color: #C13832;
 
}
 
 
a:hover {
 
color: $HoverColor;
 
}
 
 
h2 {
 
font-size: 19px;
 
padding: .8em 0 .2em 0;
 
line-height: 1.2;
 
font-weight: normal;
 
color: #333;
 
margin-bottom:20px;
 
}
 
 
.weebly-text h1, h2, h3, h4, h5, h6 {font-family: Georgia, serif;}
 
 
p, blockquote {
 
color:#777;
 
font: 12px/22px Arial,sans-serif;
 
}
 
 
blockquote {
 
color:#aaa;
 
}
 
 
 
 
/* Header
 
--------------------------------------------------------------------------------*/
 
 
#nav-wrap .container,
 
#nav-wrap .container table {
 
border-collapse: collapse;
 
border-spacing: 0;
 
width:946px;
 
}
 
 
#wsite-title {
 
    font-size:20px;
 
color:#555;
 
line-height:38px;
 
float:left;
 
font-style:italic;
 
font-weight:bold;
 
}
 
 
#wsite-title:hover {
 
color:$HoverColor;
 
}
 
 
#header {
 
border-collapse: collapse;
 
border-spacing: 0;
 
text-align:right;
 
height:100px;
 
    width:100%;
 
}
 
 
#header,
 
#header table {
 
border-collapse: collapse;
 
border-spacing: 0;
 
}
 
 
#header td {
 
vertical-align: middle;
 
text-align: left;
 
}
 
 
#header-right {
 
border-spacing:0;
 
padding:0;
 
}
 
 
#header-right table {
 
float:right;
 
width:1px;
 
}
 
 
#header-right td {
 
padding: 0 0 0 0;
 
}
 
 
/* Header: Phone Number
 
--------------------------------------------------------------------------------*/
 
 
#header-right .phone-number .wsite-text {
 
font-weight: 300;
 
font-size:13px;
 
display: block;
 
white-space: nowrap;
 
line-height: 31px;
 
margin: 0 0 0 10px;
 
text-align: right;
 
}
 
 
#header-right .phone-number .wsite-text a {}
 
#header-right .phone-number .wsite-text a:hover {}
 
 
/* Header: Social Links
 
--------------------------------------------------------------------------------*/
 
 
#header-right .wsite-social {
 
vertical-align: middle;
 
margin-left:15px;
 
}
 
 
 
.wsite-social-item {
 
width: 28px;
 
height: 30px;
 
margin: 1px 0 0 4px;
 
}
 
 
.wsite-social-rss {
 
background: url(social-icons.png) no-repeat -130px 0px;
 
}
 
 
.wsite-social-rss:hover {
 
background-position: -130px -30px;
 
}
 
 
.wsite-social-rss:active {
 
background-position: -130px -60px;
 
}
 
 
.wsite-social-linkedin {
 
background: url(social-icons.png) no-repeat -65px 0px;
 
}
 
 
.wsite-social-linkedin:hover {
 
background-position: -65px -30px;
 
}
 
 
.wsite-social-linkedin:active {
 
background-position: -65px -60px;
 
}
 
 
.wsite-social-facebook {
 
background: url(social-icons.png) no-repeat 0px 0px;
 
}
 
 
.wsite-social-facebook:hover {
 
background-position: 0px -30px;
 
}
 
 
.wsite-social-facebook:active {
 
background-position: 0px -60px;
 
}
 
 
.wsite-social-twitter {
 
background: url(social-icons.png) no-repeat -32px 0px;
 
}
 
 
.wsite-social-twitter:hover {
 
background-position: -32px -30px;
 
}
 
 
.wsite-social-twitter:active {
 
background-position: -32px -60px;
 
}
 
 
.wsite-social-mail {
 
background: url(social-icons.png) no-repeat -97px 0px;
 
}
 
 
.wsite-social-mail:hover {
 
background-position: -97px -30px;
 
}
 
 
.wsite-social-mail:active {
 
background-position: -97px -60px;
 
}
 
 
.wsite-social-pinterest {
 
background: url(social-icons.png) no-repeat -227px 0px;
 
}
 
 
.wsite-social-pinterest:hover {
 
background-position: -227px -30px;
 
}
 
 
.wsite-social-pinterest:active {
 
background-position: -227px -60px;
 
}
 
 
.wsite-social-youtube {
 
background: url(social-icons.png) no-repeat -325px 0px;
 
}
 
 
.wsite-social-youtube:hover {
 
background-position: -325px -30px;
 
}
 
 
.wsite-social-youtube:active {
 
background-position: -325px -60px;
 
}
 
 
.wsite-social-plus {
 
background: url(social-icons.png) no-repeat -195px 0px;
 
}
 
 
.wsite-social-plus:hover {
 
background-position: -195px -30px;
 
}
 
 
.wsite-social-plus:active {
 
background-position: -195px -60px;
 
}
 
 
.wsite-social-flickr {
 
background: url(social-icons.png) no-repeat -162px 0px;
 
}
 
 
.wsite-social-flickr:hover {
 
background-position: -162px -30px;
 
}
 
 
.wsite-social-flickr:active {
 
background-position: -162px -60px;
 
}
 
 
.wsite-social-vimeo {
 
background: url(social-icons.png) no-repeat -260px 0px;
 
}
 
 
.wsite-social-vimeo:hover {
 
background-position: -260px -30px;
 
}
 
 
.wsite-social-vimeo:active {
 
background-position: -260px -60px;
 
}
 
 
.wsite-social-yahoo {
 
background: url(social-icons.png) no-repeat -292px 0px;
 
}
 
 
.wsite-social-yahoo:hover {
 
background-position: -292px -30px;
 
}
 
 
.wsite-social-yahoo:active {
 
background-position: -292px -60px;
 
}
 
 
/* Header: Search Box
 
--------------------------------------------------------------------------------*/
 
 
#header-right .search {
 
width:182px;
 
vertical-align: middle;
 
}
 
 
#header-right .wsite-search {
 
vertical-align: middle;
 
margin-left:15px;
 
width:182px;
 
height:28px;
 
background:url(search-bg.gif) no-repeat top left;
 
}
 
 
#header-right .wsite-search-input {
 
width: 145px;
 
border: none;
 
padding: 6px !important;
 
color: #999999;
 
font-size: 12px ;
 
background: none;
 
height:auto !important;
 
}
 
 
#header-right .wsite-search-button {
 
position: relative;
 
width: 14px;
 
height: 14px;
 
border: 0px;
 
margin: 7px 0px 0px 5px;
 
padding: ;
 
background: url(search-button.gif) no-repeat right center;
 
}
 
 
/* Navigation
 
--------------------------------------------------------------------------------*/
 
 
#nav-wrap .container {
 
clear: both;
 
overflow: hidden;
 
position: relative;
 
}
 
 
#nav-wrap .container table, #nav-wrap .container table tr, #nav-wrap .container table tr td, #nav-wrap .container table tbody {
 
vertical-align:bottom;
 
}
 
 
td#nav {
 
float:right;
 
border-spacing:0;
 
}
 
#navigation {
 
line-height: 1;
 
float: right;
 
}
 
 
#navigation ul {
 
list-style: none;
 
float: left;
 
width:946px;
 
height:44px;
 
margin-bottom:-1px;
 
}
 
 
#navigation li {
 
display: inline;
 
position: relative;
 
list-style: none;
 
float: left;
 
margin:0 0 0 5px;
 
}
 
 
#navigation li.wsite-nav-0 {margin-left:0;}
 
 
#navigation ul li a {
 
display: block;
 
color: #333;
 
text-decoration: none;
 
padding:4px 0 4px 0;
 
margin:0;
 
width:130px;
 
border: 0;
 
outline: 0;
 
list-style-type: none;
 
box-sizing:border-box;
 
float: left;
 
font:13px Georgia, serif;
 
border-top:4px solid #939598;
 
}
 
 
#navigation ul li#active a{
 
border-top:4px solid #C13832;
 
color:#000;
 
}
 
 
#navigation ul li a:hover {
 
border-top:4px solid #404041;
 
color: #666;
 
}
 
 
/* Navigation Submenu's
 
--------------------------------------------------------------------------------*/
 
 
#wsite-menus .wsite-menu {
 
background:#fff;
 
box-shadow:0 1px 7px rgba(0,0,0,0.1);
 
position:relative;
 
}
 
 
 
#wsite-menus .wsite-menu li a {
 
background: #F4F4F4;
 
border:none;
 
border-bottom: 1px solid #E8E8E8;
 
border-top: 1px solid white;
 
display: block;
 
}
 
 
#wsite-menus .wsite-menu li a:hover {
 
color: #C13832;
 
background: #eee;
 
}
 
 
 
 
/* Universal banner
 
--------------------------------------------------------------------------------*/
 
 
#banner {
 
position:relative;
 
}
 
 
#banner-image-wrap {
 
position:relative
 
}
 
 
/* Page type: Tall header
 
--------------------------------------------------------------------------------*/
 
 
 
.tall-header-page #banner-image-wrap {
 
width: 100%;
 
height: 250px;
 
}
 
 
.tall-header-page .wsite-header {
 
width: 100%;
 
height: 250px;
 
background: url(banner-tall.jpg) no-repeat;
 
}
 
 
/* Page type: Short header
 
--------------------------------------------------------------------------------*/
 
 
 
.short-header-page #banner-image-wrap {
 
width: 100%;
 
height: 100px;
 
}
 
 
.short-header-page .wsite-header {
 
width: 100%;
 
height: 100px;
 
background: url(banner-short.jpg) no-repeat;
 
}
 
 
/* Page type: No header
 
--------------------------------------------------------------------------------*/
 
 
.no-header-page #banner, .no-header-page .wsite-header  {
 
        display:none;
 
}
 
 
/* Page type: Landing page
 
--------------------------------------------------------------------------------*/
 
 
.landing-page #banner {}
 
 
#bannerleft {
 
width: 946px;
 
height: 400px;
 
float:right;
 
position:relative;
 
}
 
 
.landing-page .wsite-header {
 
width: 100%;
 
height: 400px;
 
background: url(banner-tall.jpg) no-repeat;
 
}
 
 
#bannerright {
 
width: 420px;
 
text-align:left;
 
position:absolute;
 
z-index:4;
 
bottom:30px;
 
right:30px;
 
padding:23px 20px 20px;
 
background:#C13832;
 
}
 
 
#bannerright h2 {
 
color: #fff;
 
font:bold italic 24px Georgia, serif;
 
padding: 0px;
 
line-height: 24px;
 
margin:0px;
 
}
 
 
#bannerright .anchor {
 
position:absolute;
 
background:#C13832;
 
width:30px;
 
height:7px;
 
bottom:-7px;
 
left:-30px;
 
}
 
#bannerright p {
 
padding: 20px 0px;
 
line-height: 140%;
 
color:#fff;
 
font: 14px/19px Georgia, serif;
 
}
 
#bannerright p a, #bannerright h2 a {
 
color:#fff;
 
text-decoration:underline;
 
}
 
 
.landing-banner-outer {
 
display: table;
 
#position: relative;
 
overflow: hidden;
 
}
 
 
.landing-banner-mid {
 
#position: absolute;
 
#top: 50%;
 
display: table-cell;
 
vertical-align: middle;
 
}
 
 
.landing-banner-inner {
 
#position: relative;
 
#top: -50%;
 
}
 
 
/* Main Content
 
--------------------------------------------------------------------------------*/
 
 
#main-wrap .container {
 
min-height:400px;
 
padding-top:10px;
 
padding-bottom:20px;
 
}
 
 
#main-wrap .container h2 {
 
margin-bottom:10px;
 
}
 
 
#main-wrap .container blockquote {
 
font-family: 'Droid Serif', serif;
 
font-style: italic;
 
color:# 777777;
 
padding-left:15px;
 
border-left:3px solid #eeeeee;
 
margin: 15px 0px;
 
}
 
 
#main-wrap .container form .wsite-button {
 
margin-top:50px;
 
}
 
 
/* Footer
 
--------------------------------------------------------------------------------*/
 
 
#footer-wrap {
 
margin-top:25px;
 
}
 
#footer-wrap .container {
 
text-align:left;
 
padding:0 0px 20px;
 
text-align:right;
 
background:none;
 
}
 
 
#footer-wrap ul {
 
text-align:left;
 
}
 
 
 
#footer-wrap h2 {
 
font-size: 19px;
 
padding-bottom:10px;
 
margin:0;
 
font-weight: normal;
 
color:#333;
 
}
 
 
#footer-wrap span {
 
vertical-align: middle;
 
}
 
 
/* Form Customization
 
--------------------------------------------------------------------------------*/
 
 
.wsite-form-label {
 
display: inline-block;
 
color: #797979;
 
font-family: Arial, Helvetica, sans-serif;
 
font-size: 1em;
 
padding: 6px 0 0px 0;
 
}
 
 
.form-radio-container {
 
color: #797979;
 
font-size: 1em;
 
font-family: Arial, Helvetica, sans-serif;
 
}
 
 
.wsite-form-input, .wsite-search-element-input {
 
font-family: Arial, Helvetica, sans-serif;
 
font-size: 1em;
 
color: #797979;
 
background: #fff url(field.png) repeat-x;
 
border: 1px solid #d4d4d4;
 
padding: 8px 4px 5px !important;
 
line-height: 1;
 
-webkit-border-radius: 3px;
 
-moz-border-radius: 3px;
 
border-radius: 3px;
 
}
 
 
.form-select {
 
color: #797979;
 
background: url#fff (field.png);
 
border: 1px solid #d4d4d4;
 
font-size: 1em;
 
font-family: Arial, Helvetica, sans-serif;
 
padding: 3px 4px;
 
width: 320px;
 
height: 27px;
 
line-height: 27px;
 
-webkit-border-radius: 3px;
 
-moz-border-radius: 3px;
 
border-radius: 3px;
 
}
 
 
.form-radio-container {
 
font-size:.9em;
 
min-height:20px;
 
padding:0;
 
margin:0 0 5px 0 !important;
 
}
 
 
/* Footer Form Customization
 
--------------------------------------------------------------------------------*/
 
 
.wsite-form-container {
 
margin-top:0px !important;
 
text-align:left;
 
}
 
 
.wsite-footer .wsite-form-label {
 
font-size: 1em;
 
padding: 5px 0 2px 0;
 
}
 
 
.wsite-footer .wsite-form-field {
 
width:350px !important;
 
}
 
 
 
.wsite-footer .wsite-form-input {
 
font-size: 1em;
 
width: 100% !important;
 
}
 
 
.wsite-footer .form-select {
 
width: 100%;
 
}
 
/* Buttons
 
--------------------------------------------------------------------------------*/
 
 
/* Small structure & regular style */
 
 
.wsite-button {
 
background: #333;
 
color: white !important;
 
font-size: 13px;
 
font-weight: 700;
 
padding: 0 10px 0 0;
 
text-align: center;
 
text-decoration: none !important;
 
}
 
 
.wsite-button:hover {
 
background-position:0 0;
 
background:#000;
 
}
 
 
.wsite-button:active {
 
background-position:0 0;
 
}
 
 
.wsite-button-inner {
 
color: #fff !important;
 
padding:3px 15px 3px 15px;
 
background: #222;
 
}
 
 
.wsite-button:hover .wsite-button-inner {
 
}
 
 
.wsite-button:active {}
 
 
/* Large structure & regular style  */
 
 
.wsite-button-large {
 
font-size:14px;
 
background: #333;
 
}
 
.wsite-button-large:hover {
 
font-size:14px;
 
background:#000;
 
}
 
 
.wsite-button-large .wsite-button-inner {
 
font-size:14px;
 
padding:8px 15px 8px 15px;
 
background: #222;
 
}
 
 
/* Highlighted styles */
 
 
.wsite-button-highlight, .wsite-button-large.wsite-button-highlight {
 
background: #931C18;
 
}
 
 
.wsite-button-highlight:hover , .wsite-button-large.wsite-button-highlight:hover {
 
background: #61120F;
 
}
 
 
.wsite-button-highlight .wsite-button-inner {
 
background-image: none;
 
background: #7F1714;
 
}
 
 
.wsite-button-large.wsite-button-highlight .wsite-button-inner {
 
background-image: none;
 
background: #7F1714;
 
}
 
 
</style>
 
 
</html>
 
</html>
 
{{:Team:CityU_HK/Template/CSS}}
 
{{:Team:CityU_HK/Template/CSS}}

Revision as of 14:05, 13 July 2015

City University of Hong Kong 2015 - Home