Created page with "<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgro..."
New page
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"
lang="en-US"> <!--<![endif]--> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>UESTC_Life design | on free Responsive Demo </title>
<meta name="robots" content="noindex,nofollow">
<link rel='stylesheet' id='font-awesome-css' href='http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/themes/Pytheas/css/font-awesome.min.css' type='text/css' media='all' />
<meta name="generator" content="WordPress 3.5.2">
<!-- We need this for debugging -->
<!-- Responsive 1.9.3.3 -->
</head>
<body class="home page page-id-812 page-template-default front-page">
<div id="container" class="hfeed">
<div id="header">
<div id="logo">
<a href="http://www.uestc.edu.cn" title="UESTC_Life" class="title"><img src="./img/page.png" width="900" height="70" alt="Logo Display"></a>
</div>
<div>
<a class="responsive_nav" href="javascript:void(0);"><span></span></a>
<!-- _________________________ Start Navigation _________________________ -->
<nav role="navigation">
<ul id="navigation" class="navigation"><li id="menu-item-4061" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4061"><a href="iGEM.htm"><span>Home</span></a>
</li>
<li id="menu-item-4055" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-4055"><a href="iGEM-project page.htm"><span>Project</span></a>
<ul class="sub-menu">
<li id="menu-item-4056" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-4056"><a><span>Database4Biobricks</span></a>
<ul class="sub-menu">
<li id="menu-item-4908" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4908"><a href="http://www.uestc.edu.cn/"><span>sort a</span></a></li>
<li id="menu-item-4100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4100"><a href="http://www.uestc.edu.cn/"><span>sort b</span></a></li>
<li id="menu-item-4099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4099"><a href="http://www.uestc.edu.cn/"><span>sort c</span></a></li>
<li id="menu-item-4098" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4098"><a href="http://www.uestc.edu.cn/"><span>sort d</span></a></li>
<li id="menu-item-4097" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4097"><a href="http://www.uestc.edu.cn/"><span>sort e</span></a></li>
<li id="menu-item-4105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4105"><a href="http://www.uestc.edu.cn/"><span>sort f</span></a></li>
<li id="menu-item-4104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4104"><a href="http://www.uestc.edu.cn/"><span>sort g</span></a></li>
<li id="menu-item-4112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4112"><a href="http://www.uestc.edu.cn/"><span>sort h</span></a></li>
<li id="menu-item-4103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4103"><a href="http://www.uestc.edu.cn/"><span>sort i</span></a></li>
<li id="menu-item-4110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4110"><a href="http://www.uestc.edu.cn/"><span>sort j</span></a></li>
<li id="menu-item-4109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4109"><a href="http://www.uestc.edu.cn/"><span>sort l</span></a></li>
<li id="menu-item-4111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4111"><a href="http://www.uestc.edu.cn/"><span>sort m</span></a></li>
</ul>
</li>
<li id="menu-item-4125" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4125"><a href="http://www.uestc.edu.cn/"><span>Modeling</span></a></li>
<li id="menu-item-4057" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-4057"><a><span>Blueprinting</span></a>
</li>
<li id="menu-item-4059" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-4059"><a><span>Transpeed</span></a>
</li>
<li id="menu-item-4129" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4129"><a href="http://www.uestc.edu.cn/"><span>Game</span></a></li>
<li id="menu-item-4095" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4095"><a href="http://www.uestc.edu.cn/"><span>Maunal</span></a></li>
<li id="menu-item-4108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4108"><a href="http://www.uestc.edu.cn/"><span>Video</span></a></li>
</ul>
</li>
<li id="menu-item-4058" class="dropdown menu-item menu-item-type-custom menu-item-object-custom menu-item-4058"><a><span>Team</span></a>
<ul class="sub-menu">
<li id="menu-item-4114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4114"><a href="iGEM-Members.htm"><span>Instructors</span></a></li>
<li id="menu-item-4126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4126"><a href="iGEM-Members.htm"><span>Members</span></a></li>
</ul>
</li>
<li id="menu-item-4130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4130"><a href="iGEM-Notebook.htm"><span>Notebook</span></a></li>
<li id="menu-item-4131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4131"><a href="http://wwww.uestc.edu.cn/"><span>Safety</span></a></li>
<li id="menu-item-4909" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2358 current_page_item menu-item-4909"><a><span>Outreach</span></a>
<ul class="sub-menu">
<li id="menu-item-4087" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4087"><a href="http://wwww.uestc.edu.cn/"><span>University</span></a></li>
<li id="menu-item-4113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4113"><a href="http://wwww.uestc.edu.cn/"><span>High school</span></a></li>
<li id="menu-item-4093" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4093"><a href="http://wwww.uestc.edu.cn/"><span>Hospital</span></a></li>
<li id="menu-item-4092" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4092"><a href="http://wwww.uestc.edu.cn/"><span>Internet</span></a></li>
</ul>
</li>
</ul>
</nav>
<!-- _________________________ Finish Navigation _________________________ -->
</div>
</div><!-- end of #header -->
<div id="wrapper" class="clearfix">
<div id="home-slider" class="flexslider">
<div id="home-slider-loader" style="display: none;">
<i class="icon-spinner icon-spin"></i></div>
<!-- /slides -->
<div class="flex-viewport" style="overflow: hidden; position: relative; height: 100px;">
<ul class="slides" style="width: 1000%; -webkit-transition: 0.6s; -webkit-transform: translate3d(-3120px, 0, 0);">
<li class="clone" style="width: 1040px; float: left; display: block;">
<div class="slide-inner fitvids">
<img src="http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/uploads/sites/41/2012/09/retro-skyscraper.png" alt="WPExplorer">
</div><!--/ slide-inner -->
</li>
<li style="width: 1040px; float: left; display: block;" class="">
<div class="slide-inner fitvids">
<img src="http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/uploads/sites/41/2012/06/teams-slider.jpg" alt="Pytheas Theme">
</div><!--/ slide-inner -->
</li>
<li style="width: 1040px; float: left; display: block;" class="">
<div class="slide-inner fitvids">
<img src="http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/uploads/sites/41/2012/07/summer-officer.png" alt="Middle Slide">
</div><!--/ slide-inner -->
</li>
<li style="width: 1040px; float: left; display: block;" class="flex-active-slide">
<div class="slide-inner fitvids">
<img src="http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/uploads/sites/41/2012/09/retro-skyscraper.png" alt="WPExplorer">
</div><!--/ slide-inner -->
</li>
<li style="width: 1040px; float: left; display: block;" class="clone">
<div class="slide-inner fitvids">
<img src="http://demoswpex.wpengine.netdna-cdn.com/pytheas/wp-content/uploads/sites/41/2012/06/teams-slider.jpg" alt="Pytheas Theme">
</div><!--/ slide-inner -->
</li></ul></div><ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="">2</a></li><li><a class="flex-active">3</a></li></ol><ul class="flex-direction-nav"><li>
<a class="flex-prev" href="#"><span class=" icon-angle-left"></span></a></li><li><a class="flex-next" href="#"><span class="icon-angle-right"></span></a></li></ul></div>
</div><!-- end of #featured -->
<div id="widgets" class="home-widgets">
<div class="grid col-300">
<div class="widget-wrapper">
<div class="widget-title-home"><h2 style="text-align: center;"><span style="background-color: #33bee5;"><img class="size-full wp-image-4583 aligncenter" alt="home-2-4" src="./img/iBiobrick.png" height="55" width="55"></a></span></h2>
<h3 style="text-align: center;color:yellow">iBiobricks</h3></div>
<div class="textwidget">Brief introduction?</div>
</div><!-- end of .widget-wrapper -->
</div><!-- end of .col-300 -->
<div class="grid col-300">
<div class="widget-wrapper">
<div class="widget-title-home"><h2 style="text-align: center;"><span style="background-color: #33bee5;"><img class="size-full wp-image-4583 aligncenter" alt="home-2-4" src="./img/Blueprinting.png" height="55" width="55"></a></span></h2>
<h3 style="text-align:center;color:blue">Blueprinting</h3></div>
<div class="textwidget">Brief introduction?</div>
</div><!-- end of .widget-wrapper -->
</div><!-- end of .col-300 -->
<div class="grid col-300 fit">
<div class="widget-wrapper">
<div class="widget-title-home"><h2 style="text-align: center;"><span style="background-color: #33bee5;"><img class="size-full wp-image-4583 aligncenter" alt="home-2-4" src="./img/Transpeeder.png" height="55" width="55"></a></span></h2>
<h3 style="text-align: center;color:yellow">Transpeeder</h3></div>
<div class="textwidget">Brief introduction?</div>
</div><!-- end of .widget-wrapper -->
</div><!-- end of .col-300 fit -->
</div><!-- end of #widgets -->
</div><!-- end of #wrapper -->
</div><!-- end of #container -->
<div id="footer" class="clearfix">
<div id="footer-wrapper">
<div id="colophon-widget" class="grid col-940">
<div id="text-7" class="colophon-widget widget-wrapper widget_text"> <div class="textwidget">To all the iGEMer:)</div>
</div>
</div><!-- end of #colophon-widget -->
<div class="grid col-300 copyright">
© 2013<a href="www.uestc.edu.cn" title="UESTC iGEMer build on Responsive Demo">
UESTC_Life </a>
</div><!-- end of .copyright -->
<div class="grid col-300 scroll-top"><a href="http://themeid.com/demo/responsive/#scroll-top" title="scroll to top">↑</a></div>
<div class="grid col-300 fit powered">
<a href="http://themeid.com/responsive-theme/" title="Responsive Theme">
Free Responsive Theme</a>
powered by <a href="http://wordpress.org/" title="WordPress">
WordPress</a>
</div><!-- end .powered -->
</div><!-- end #footer-wrapper -->
</div><!-- end #footer -->
<script type='text/javascript' src='./iGEM_files/flexslider.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var flexLocalize = {"slideshow":"true","randomize":"false","animation":"slide","direction":"horizontal","slideshowSpeed":"7000","animationSpeed":"600"};
/* ]]> */
</script>
<script type='text/javascript' src='./iGEM_files/slider-home.js'></script>
</body>
<style>
/* RESET - ADAPTED FROM MEYER RESET
URL - http://meyerweb.com/eric/tools/css/reset/
LICENSE - PUBLIC DOMAIN
----------------------------------------------------------- */
a, abbr,body, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; height: auto; }
/* 24 COLUMN - RESPONSIVE GRID SYSTEM
DEVELOPED BY DENIS LEBLANC
URL - http://responsive.gs
VERSION - 2.0
LICENSED UNDER GPL & MIT
----------------------------------------------------------- */
.row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col { margin-bottom: 1.5em; display: block; float: left; width: 100%; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media (min-width:768px) {
.col { margin-left: 2% }
}
@media (min-width:768px) {
.span_1 { width: 2.25% }
.span_2 { width: 6.5% }
.span_3 { width: 10.75% }
.span_4 { width: 15.0% }
.span_5 { width: 19.25% }
.span_6 { width: 23.5% }
.span_7 { width: 27.75% }
.span_8 { width: 32.0% }
.span_9 { width: 36.25% }
.span_10 { width: 40.5% }
.span_11 { width: 44.75% }
.span_12 { width: 49.0% }
.span_13 { width: 53.25% }
.span_14 { width: 57.5% }
.span_15 { width: 61.75% }
.span_16 { width: 66.0% }
.span_17 { width: 70.25% }
.span_18 { width: 74.5% }
.span_19 { width: 78.75% }
.span_20 { width: 83.0% }
.span_21 { width: 87.25% }
.span_22 { width: 91.5% }
.span_23 { width: 95.75% }
.span_24 { width: 100% }
}
/*clear left margin*/
.clr-margin { margin-left: 0 }
/* WordPress Styles
----------------------------------------------------------- */
/*aligns*/
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 10px 20px; }
.alignleft { float: left; margin: 0 20px 10px 0; }
/*img attachment*/
#img-attch-page { text-align: center; overflow: hidden; }
#img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px; }
/*gallery shortcode*/
.gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Body, Main & Commons
----------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
body {
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
background: #efefef;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-smoothing: antialiased;
line-height: 1.5em;
text-rendering: optimizeLegibility;
}
#wrap { margin: 40px auto; background: #fff; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); }
#main { background: #fff; padding: 25px; }
img { max-width: 100% }
.entry-footer { clear: both; margin: 20px 0 0; }
.full-width { width: 100% !important }
/* Services
----------------------------------------------------------- */
.service-entry { padding-bottom: 10px }
.service-entry p:last-child { margin-bottom: 0px }
.service-entry p { text-align: left }
.service-entry h3 { font-size: 16px; margin: 0 0 10px; text-align: left; }
.service-icon { display: block; float: left; font-size: 18px; color: #fff; margin-right: 10px; font-weight: normal; height: 40px; line-height: 40px; width: 40px; background: #f15a23; border-radius: 99px; text-align: center; }
.service-entry-details { padding-left: 60px }
#service-media { margin-bottom: 15px; border: 1px solid #ddd; }
#service-media-inner { padding: 4px; border: 1px solid #fff; background: #eee; }
#service-media-inner img { display: block; width: 100%; }
#service-media-inner img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
#service-slides-wrap { position: relative; width: 100%; }
#service-slider-loader { text-align: center; height: 100px; line-height: 100px; font-size: 16px; color: #000; }
#service-slider .flex-direction-nav li a.flex-next, #service-slider .flex-direction-nav li a.flex-prev { height: 30px; line-height: 30px; width: 30px; font-size: 14px; }
#service-slider .flex-direction-nav li a.flex-next { left: 31px }
/*tags*/
.service-tags { margin-top: 40px }
.service-tags a { display: block; float: left; padding: 4px 7px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: bold; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; }
.service-tags a:hover { background: #f15a23; color: #fff; text-decoration: none; }
/* Portfolio
----------------------------------------------------------- */
#portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
#portfolio-description p:last-child, .portfolio-description p { margin: 0 }
#portfolio-wrap ul { margin: 0px; list-style: none; }
/*portfolio entry*/
.portfolio-entry a { display: block; text-decoration: none; }
.portfolio-entry-img-link { display: block; border: 1px solid #ddd; margin-bottom: 13px; -webkit-transition: all 0.2s ease-in-out; }
.portfolio-entry-img-link img { width: 100%; display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.portfolio-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.portfolio-entry-description p { margin: 0 }
.portfolio-entry-description h2 { line-height: 1.4em; font-size: 12px; font-weight: bold; margin: 0 0 7px 0; padding-bottom: 7px; border-bottom: 1px solid #eee; }
.portfolio-entry-description p:last-child { margin: 0 }
/*single portfolio*/
#portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold; }
#portfolio-media { margin-bottom: 15px; border: 1px solid #ddd; }
#portfolio-media-inner { padding: 4px; border: 1px solid #fff; background: #eee; }
#portfolio-slides-wrap { margin-bottom: 5px }
#portfolio-media img { display: block; width: 100%; }
/*single portfolio slider*/
#portfolio-slides-wrap { position: relative; width: 100%; }
#portfolio-slider-loader { text-align: center; height: 100px; line-height: 100px; font-size: 16px; color: #000; }
#portfolio-slider .flex-direction-nav li a.flex-next, #portfolio-slider .flex-direction-nav li a.flex-prev { height: 30px; line-height: 30px; width: 30px; font-size: 14px; }
#portfolio-slider .flex-direction-nav li a.flex-next { left: 31px }
/*tags*/
.portfolio-tags { margin-top: 40px }
.portfolio-tags a { display: block; float: left; padding: 4px 7px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; }
.portfolio-tags a:hover { background: #f15a23; color: #fff; text-decoration: none; }
/* Blog Posts & Blog Entries
----------------------------------------------------------- */
/*entry*/
.blog-entry { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.blog-entry p:last-child { margin: 0 }
.blog-entry-img-link { display: block; border: 1px solid #ddd; margin-bottom: 20px; }
.blog-entry-img-link img { display: block; width: 100%; padding: 3px; background: #eee; border: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.blog-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.blog-entry h2 { margin-bottom: 25px; margin: 7px 0 15px; font-size: 21px; line-height: 25px; }
/*post-thumbnail*/
#post-thumbnail { display: block; border: 1px solid #ddd; margin-bottom: 20px; }
#post-thumbnail img { width: 100%; display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#post-thumbnail img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
/*tags*/
.post-tags { margin-top: 40px }
.post-tags a { display: block; float: left; padding: 4px 7px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; }
.post-tags a:hover { background: #f15a23; color: #fff; text-decoration: none; }
/*author bio*/
.author-info { margin-top: 40px }
.author-avatar img { display: block; padding: 4px; border: 1px solid #fff; outline: 1px solid #ccc; background: #eee; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.author-description h4 { font-size: 12px; margin: -3px 0 5px; }
.author-link { display: inline-block; margin-top: 5px; }
.author .author-info .heading { display: none }
.author-info .col { margin-bottom: 0 }
.author-info p:last-child { margin-bottom: 0 }
.author .author-info { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
/*related posts*/
.related-posts { margin-top: 40px }
.related-posts .related-entry { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.related-posts .col { margin-bottom: 0 }
.related-posts p:last-child { margin-bottom: 0 }
.related-posts .related-entry:last-child { margin: 0; padding: 0; border: none; }
.related-posts .related-entry .read-more { font-weight: bold; font-size: 11px; }
.related-entry-img a { max-width: 100%; float: left; display: block; border: 1px solid #ddd; }
.related-entry-img img { display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.related-entry-img img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.related-entry-title { margin: 0 0 10px; font-size: 13px; }
.related-entry-content { padding-left: 10px }
.related-posts .span_6 { width: 23.5% }
.related-posts .span_18 { width: 74.5% }
/* Media Queries
----------------------------------------------------------- */
@media only screen and (max-width: 959px) {
#social { display: none }
.nav-menu { display: none }
.nav-toggle { position: relative; display: block; width: 100%; cursor: pointer; height: 50px; line-height: 50px; color: #fff; font-weight: bold; font-size: 13px; text-indent: 30px; border-bottom: 1px solid rgba(255,255,255, 0.1); }
.nav-toggle i { position: absolute; right: 30px; top: 50%; height: 14px; line-height: 14px; margin-top: -7px; }
.nav-menu.toggled-on { display: block; width: 100%; border: 0; }
.nav-menu.toggled-on li { float: none; width: 100%; border: 0; margin: 0; }
.nav-menu.toggled-on li a { border: 0; line-height: 1.2em; height: 40px; line-height: 40px; padding: 0 30px; border-bottom: 1px solid rgba(255,255,255, 0.1); border-top: 1px solid rgba(0,0,0,1); }
.nav-menu.toggled-on li ul { display: block; position: inherit; top: auto; margin: 0; left: auto; visibility: visible; opacity: 1; box-shadow: none; width: 100%; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.nav-menu.toggled-on li ul > li > a { color: #fff; font-weight: bold; padding-left: 50px; }
.nav-menu.toggled-on li[class^="icon-"]:before, .nav-menu.toggled-on li[class*=" icon-"]:before { left: 30px }
.nav-menu.toggled-on li.dropdown[class^="icon-"]:before, .nav-menu.toggled-on li.dropdown[class*=" icon-"]:before { top: 0; margin-top: 14px; left: 30px; }
.nav-menu.toggled-on li[class^="icon-"] > a, .nav-menu.toggled-on li[class*=" icon-"] > a { padding-left: 55px }
.nav-menu.toggled-on ul li[class^="icon-"]:before, .nav-menu.toggled-on ul li[class*=" icon-"]:before { left: 50px; color: #fff; }
.nav-menu.toggled-on ul li[class^="icon-"] > a, .nav-menu.toggled-on ul li[class*=" icon-"] > a { padding-left: 75px }
.nav-menu.toggled-on .icon-angle-down, .nav-menu.toggled-on .icon-angle-right { display: none }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flexslider-container .flex-caption { display: none }
.container { max-width: 93% }
}
@media only screen and (max-width: 767px) {
.container { max-width: 95% }
.sidebar-container { padding: 0; margin-top: 50px; }
.masthead-right { display: none }
.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
.comment-list .children { margin-left: 0 }
#copyright, #footer-menu { text-align: center }
#footer-menu ul { float: none; margin-top: 5px; }
#footer-menu li { float: none; display: inliene; display: inline-block; margin-left: 0; margin-right: 10px; }
.related-posts .span_6, .related-posts .span_18, .related-posts .span_8 { width: 100%; padding: 0; }
.related-posts .span_8, .related-posts .span_6 { margin-bottom: 1.5em }
.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; }
.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.related-posts .span_6 { width: 30%; margin: 0; }
.related-posts .span_18 { width: 70%; padding-left: 20px; }
.related-posts .span_8 { width: 32.0%; margin-left: 2%; }
.related-posts .clr-margin { margin-left: 0 }
}
</style>
<style>
/*-----------------------------------------------------------
UESTC iGEMer Build on the theme of Pytheas
Theme URI: http://www.wpexplorer.com/pytheas-free-wordpress-theme/
Tags: light, flexible-width, custom-header, custom-background, threaded-comments, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
License: GNU General Public License version 2.0
*/
.row:after, .col:after, .clr:after, .group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col { margin-bottom: 1.5em; display: block; float: left; width: 100%; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media (min-width:768px) {
.col { margin-left: 2% }
}
/*clear left margin*/
.clr-margin { margin-left: 0 }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, caption, canvas,big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub,details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure ,sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button, input, select, textarea {
font-size: 100%;
overflow: visible;
margin: 0;
vertical-align: baseline;
width: auto;
}
textarea {
overflow: auto;
vertical-align: text-top;
}
/* =Horizontal Rule
-------------------------------------------------------------- */
hr {
background: #dddddd;
border: none;
clear: both;
color: #dddddd;
float: none;
height: 1px;
width: 100%;
}
hr.space {
background: #ffffff;
color: #ffffff;
}
/* =Base
-------------------------------------------------------------- */
html {
height: 100%;
}
body {
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
background: #efefef;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-smoothing: antialiased;
line-height: 1.5em;
text-rendering: optimizeLegibility;
}
/* =Typography
-------------------------------------------------------------- */
p {
word-wrap: break-word;
}
i,
em,
dfn,
cite {
font-style: italic;
}
tt,
var,
pre,
kbd,
samp,
code {
font-family: monospace, serif;
font-style: normal;
}
b,
strong {
font-weight: 700;
}
pre {
-moz-box-sizing: border-box;
-moz-border-radius: 2px;
-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
background: #f4f4f4;
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
height: auto;
margin: 0;
outline: none;
padding: 6px 10px;
vertical-align: middle;
width: 100%;
word-wrap: break-word;
white-space: pre-wrap;
}
del {
color: #555555;
text-decoration: line-through;
}
ins,
dfn {
border-bottom: 1px solid #cccccc;
}
sup,
sub,
small {
font-size: 85%;
}
abbr,
acronym {
font-size: 85%;
letter-spacing: .1em;
text-transform: uppercase;
}
a abbr,
a acronym {
border: none;
}
dfn[title],
abbr[title],
acronym[title] {
border-bottom: 1px solid #cccccc;
cursor: help;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
/* = Column Grid
-------------------------------------------------------------- */
.grid {
float: left;
margin-bottom: 2.127659574468%;
padding-top: 5%;
}
.grid-right {
float: right;
margin-bottom: 2.127659574468%;
padding-top: 5%;
}
.col-60,
.col-140,
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-860 {
display: inline;
margin-right: 2.127659574468%;
}
.col-60 {
width: 6.382978723404%;
}
.col-140 {
width: 14.893617021277%;
}
.col-220 {
width: 23.404255319149%;
}
.col-300 {
width: 31.914893617021%;
}
.col-380 {
width: 40.425531914894%;
}
.col-460 {
width: 48.936170212766%;
}
.col-540 {
width: 57.446808510638%;
}
.col-620 {
width: 65.957446808511%;
}
.col-700 {
width: 74.468085106383%;
}
.col-780 {
width: 82.978723404255%;
}
.col-860 {
width: 91.489361702128%;
}
.col-940 {
width: 100%;
}
.fit {
margin-left: 0 !important;
margin-right: 0 !important;
}
/* =Visibility
-------------------------------------------------------------- */
.hidden {
visibility: hidden;
}
.visible {
visibility: visible;
}
.none {
display: none;
}
.hide-desktop {
display: none;
}
.show-desktop {
display: block;
}
/* =Responsive Images
-------------------------------------------------------------- */
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
.ie8 img {
height: auto;
width: auto\9;
}
.ie8 img.size-large {
max-width: 60%;
width: auto;
}
/* =Responsive Videos
-------------------------------------------------------------- */
video {
width: 100%;
max-width: 100%;
height: auto;
}
/* =Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
/* =Links
-------------------------------------------------------------- */
a {
color: #0066cc;
font-weight: 400;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #444444;
outline: 0;
text-decoration: none;
}
::selection {
background: #999999;
color: #ffffff;
text-shadow: none;
}
/* =Forms
-------------------------------------------------------------- */
label {
display: inline-block;
font-weight: 700;
padding: 2px 0;
}
legend {
padding: 2px 5px;
}
fieldset {
border: 1px solid #cccccc;
margin: 0 0 1.5em;
padding: 1em 2em;
}
select,
input[type="text"],
input[type="password"],
input[type="email"] {
-moz-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-box-sizing: border-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
box-sizing: border-box;
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
margin: 0;
outline: none;
padding: 6px 8px;
vertical-align: middle;
width: 100%;
}
select {
height: auto;
width: 100%;
}
area,
textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
border: 1px solid #aaaaaa;
border-bottom-color: #cccccc;
border-radius: 2px;
height: auto;
overflow: auto;
margin: 0;
outline: none;
padding: 8px 10px;
width: 100%;
}
input,
select {
cursor: pointer;
}
area:focus,
input:focus,
textarea:focus {
border: 1px solid #66ccff;
}
input[type='text'],
input[type='password'] {
cursor: text;
}
/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="email"] {
width: 96%;
}
/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
background-color: #f9edbe;
border: 1px solid #f0c36d;
color: #212121;
display: block;
margin: 0 auto;
max-width: 960px;
padding: 10px;
position: absolute;
top: 60px;
text-align: center;
width: 100%;
}
.msie-box a {
color: #212121;
}
/* =Tables
-------------------------------------------------------------- */
th,
td,
table {
border: 1px solid #dddddd;
}
table {
border-collapse: collapse;
width: 100%;
}
/* =Lists
-------------------------------------------------------------- */
ul {
list-style-type: disc;
margin: 0;
padding: 0;
}
ol {
line-height: 22px;
list-style-position: outside;
list-style-type: decimal;
margin: 0;
padding: 0;
}
dt {
font-weight: 400;
}
/* =Blockquote
-------------------------------------------------------------- */
blockquote {
background: #f9f9f9;
border: none;
border-left: 4px solid #d6d6d6;
margin: 20px;
overflow: auto;
padding: 0 0 10px 12px;
}
blockquote p {
font-family: 'Georgia', 'Times New Roman', Times, serif;
font-style: italic;
font-size: 18px;
line-height: 26px;
}
/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: 700;
line-height: 1.0em;
word-wrap: break-word;
}
h1 {
font-size: 2.625em; /* = 42px */
margin-bottom: .5em;
margin-top: .5em;
}
h2 {
font-size: 2.250em; /* = 36px */
margin-bottom: .75em;
margin-top: .75em;
}
h3 {
font-size: 1.875em; /* = 30px */
margin-bottom: .857em;
margin-top: .857em;
}
h4 {
font-size: 1.500em; /* = 24px */
margin-bottom: 1em;
margin-top: 1em;
}
h5 {
font-size: 1.125em; /* = 18px */
margin-bottom: 1.125em;
margin-top: 1.125em;
}
h6 {
font-size: 1.000em; /* = 16px */
margin-bottom: 1.285em;
margin-top: 1.285em;
}
/* =Margins & Paddings
-------------------------------------------------------------- */
p,
hr,
dl,
pre,
form,
table,
address,
blockquote {
margin: 1.6em 0;
}
th, td {
padding: .8em;
}
caption {
padding-bottom: .8em;
}
blockquote {
padding: 0 1em;
}
blockquote:first-child {
margin: .8em 0;
}
fieldset {
margin: 1.6em 0;
padding: 0 1em 1em;
}
legend {
padding-left: .8em;
padding-right: .8em;
}
legend+* {
margin-top: 1em;
}
input,
textarea {
padding: .3em .4em .15em;
}
select {
padding: .1em .2em 0;
}
option {
padding: 0 .4em;
}
dt {
margin-bottom: .4em;
margin-top: .8em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
ul,
ol {
margin: 0 1.5em 1.5em 0;
padding-left: 2.0em;
}
li ul,
li ol {
margin: 0;
}
form div {
margin-bottom: .8em;
}
/* =Globals
-------------------------------------------------------------- */
#container {
margin: 0 auto;
max-width: 960px;
padding: 0px 25px;
}
#wrapper {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
clear: both;
margin: 20px auto 20px auto;
padding: 0 20px 20px 20px;
position: relative;
}
.front-page #wrapper {
background-color: transparent;
border: none;
margin: 20px auto 20px auto;
padding: 0;
}
#header {
margin: 0;
}
#footer {
clear: both;
margin: 0 auto;
max-width: 960px;
padding: 0 25px 0 25px;
}
#footer-wrapper {
margin: 0;
padding: 0;
}
/* =Header
-------------------------------------------------------------- */
#logo {
float: left;
margin: 0;
}
.site-name {
display: block;
font-size: 2.063em; /* = 33px */
line-height: 1.0em;
padding-top: 20px;
}
.site-name a {
color: #333333;
font-weight: 700;
}
.site-description {
color: #afafaf;
display: block;
font-size: 0.875em; /* = 14px */
margin: 10px 0;
}
/* =Additional headings
-------------------------------------------------------------- */
/*page heading*/
.page-header { position: relative; margin-bottom: 25px; padding: 20px 0; border-bottom: 1px solid #eee; }
.page-header h1, .page-headers h2 { font-size: 24px; line-height: 1.2em; color: #000; margin: 0px; max-width: 85%; }
.archive-meta { margin-top: 20px }
.archive-meta p:last-child { margin: 0 }
/*heading class*/
.heading { font-family: Georgia, Times New Roman, Times, serif;color: #ea3; height: 35px; line-height: 35px; margin: 15px 0; font-size: 90px; background: url('./images/dot.png') center center repeat-x; }
.heading span { background: #fff; padding-right: 20px; }
#home-wrap .heading { text-align: center; text-transform: uppercase; color: #666; font-weight: normal; font-size: 11px; }
#home-wrap .heading span { padding-left: 20px }
/*tagline*/
#home-tagline { font-family: Georgia, Times New Roman, Times, serif; color: #333; font-size: 30px; line-height: 1.7em; text-align: center; font-style: italic; }
#home-tagline a { border-bottom: 100px dotted #eb6b1e }
#home-tagline a:hover { text-decoration: none }
/* =Content
-------------------------------------------------------------- */
#content {
margin-top: 40px;
margin-bottom: 20px;
}
#content-full {
margin-top: 40px;
margin-bottom: 20px;
}
#content-blog {
margin-top: 40px;
margin-bottom: 20px;
}
#content-images {
margin-bottom: 20px;
}
#content-search {
margin-bottom: 20px;
margin-top: 20px;
}
#content-archive {
margin-top: 40px;
margin-bottom: 20px;
}
#content-sitemap {
margin-top: 40px;
margin-bottom: 20px;
}
#content-sitemap a {
font-size: 12px;
}
#content .sticky {
clear: both;
}
#content .sticky p {
}
/* =Slider
----------------------------------------------------------- */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block }
* html .slides { height: 1% }
/* No JavaScript Fallback */
.no-js .slides > li:first-child { display: block }
/*main*/
.flexslider-container { position: relative }
.flexslider { zoom: 1; position: relative; }
.flexslider ul { margin: 0 }
.flex-viewport { max-height: 2000px }
/*home slider*/
#home-slider-wrap { position: relative; margin: -30px -25px 25px; border-bottom: 5px solid #eee; }
#home-slider-loader { text-align: center; height: 150px; line-height: 150px; font-size: 16px; }
/*control nav*/
.flex-control-nav { height: 8px; position: absolute; right: 20px; bottom: 20px; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0 }
.flex-control-nav li a { width: 8px; height: 8px; display: block; background: url("images/bullets.png") no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: -9px 0 }
.flex-control-nav li a.flex-active { background-position: -9px 0; cursor: default; }
/*next/prev arrows*/
.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 40px; height: 40px; line-height: 40px; position: absolute; bottom: 0; cursor: pointer; font-size: 18px; text-align: center; background: #000; background: rgba(0,0,0,0.85); color: #fff; }
.flex-direction-nav li a.flex-next { left: 41px }
.flex-direction-nav li a.flex-prev { left: 0 }
.flex-direction-nav li a:hover { background: #f15a23; color: #fff; text-decoration: none; }
/* slider caption */
.slide-inner { position: relative; }
.flex-caption { text-shadow: none; position: absolute; left: 20px; top: 20px; text-align: left; margin: 0; background: #000; background: rgba(0,0,0,0.8); padding: 10px 20px; font-size: 13px; color: #fff; font-weight: bold; border-radius: 3px; }
.flex-caption h2 { color: #fff; margin: 0; }
.flex-caption p { margin: 0 0; font-size: 12px; color: #ccc; }
.flex-caption p:last-child { margin: 0 }
.flex-caption a { color: #ef4135 !important }
.flex-caption a:hover { text-decoration: underline }
/* =Portfolio
----------------------------------------------------------- */
#portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
#portfolio-description p:last-child, .portfolio-description p { margin: 0 }
#portfolio-wrap ul { margin: 0px; list-style: none; }
/*portfolio entry*/
.portfolio-entry a { display: block; text-decoration: none; }
.portfolio-entry-img-link { display: block; border: 1px solid #ddd; margin-bottom: 13px; -webkit-transition: all 0.2s ease-in-out; }
.portfolio-entry-img-link img { width: 100%; display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.portfolio-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.portfolio-entry-description p { margin: 0 }
.portfolio-entry-description h2 { line-height: 1.4em; font-size: 12px; font-weight: bold; margin: 0 0 7px 0; padding-bottom: 7px; border-bottom: 1px solid #eee; }
.portfolio-entry-description p:last-child { margin: 0 }
/*single portfolio*/
#portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold; }
#portfolio-media { margin-bottom: 15px; border: 1px solid #ddd; }
#portfolio-media-inner { padding: 4px; border: 1px solid #fff; background: #eee; }
#portfolio-slides-wrap { margin-bottom: 5px }
#portfolio-media img { display: block; width: 100%; }
/*single portfolio slider*/
#portfolio-slides-wrap { position: relative; width: 100%; }
#portfolio-slider-loader { text-align: center; height: 100px; line-height: 100px; font-size: 16px; color: #000; }
#portfolio-slider .flex-direction-nav li a.flex-next, #portfolio-slider .flex-direction-nav li a.flex-prev { height: 30px; line-height: 30px; width: 30px; font-size: 14px; }
#portfolio-slider .flex-direction-nav li a.flex-next { left: 31px }
/*tags*/
.portfolio-tags { margin-top: 40px }
.portfolio-tags a { display: block; float: left; padding: 4px 7px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 400; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; }
.portfolio-tags a:hover { background: #f15a23; color: #fff; text-decoration: none; }
/* =Templates (Landing Page)
-------------------------------------------------------------- */
.page-template-landing-page-php .menu,
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .main-nav,
.page-template-landing-page-php .footer-menu,
.page-template-landing-page-php .sub-header-menu {
display: none;
}
/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #f9f9f9;
border: 1px solid #d6d6d6;
border-radius: 4px;
clear: both;
display: block;
margin: 30px 0 40px 0;
padding: 10px;
overflow: hidden;
}
#author-meta img {
float: left;
padding: 10px 15px 0 5px;
}
#author-meta p {
margin: 0;
padding: 5px;
}
#author-meta .about-author {
font-weight: 700;
margin: 10px 0 0 0;
}
/* =Featured Content
-------------------------------------------------------------- */
#featured {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding-bottom: 40px;
width: 99.893617021277%;
}
#featured p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
padding: 0 40px 0 40px;
text-align: center;
}
#featured-image {
margin: 40px 0 0 0;
}
#featured-image .fluid-width-video-wrapper {
margin-left: -20px;
}
.featured-image img {
margin-top: 44px;
}
/* =Post
-------------------------------------------------------------- */
.comments-link {
font-size: 12px;
}
#cancel-comment-reply-link {
color: #990000;
}
.post-data {
clear: both;
font-size: 12px;
font-weight: 700;
margin-top: 20px;
}
.post-data a {
color: #111111;
}
.post-entry {
clear: both;
}
.post-meta {
clear: both;
color: #9f9f9f;
font-size: 12px;
margin-bottom: 10px;
}
.post-edit {
clear: both;
display: block;
font-size: 12px;
margin: 1.5em 0;
}
.post-search-terms {
clear: both;
}
.read-more {
clear: both;
font-weight: 700;
}
.attachment-entry {
clear: both;
text-align: center;
}
/* =bbPress
bbPress has its own breadcrumb lists
-------------------------------------------------------------- */
.bbPress .breadcrumb-list {
display: none;
}
/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
color: #aaaaaa;
font-size: 18px;
margin-left: 5px;
}
.form-allowed-tags {
display: none;
font-size: 10px;
}
/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin: 0 0 20px;
padding: 20px;
}
.widget-wrapper select,
.widget-wrapper input[type="text"],
.widget-wrapper input[type="password"],
.widget-wrapper input[type="email"] {
width: 75%;
}
#widgets {
margin-top: 40px;
}
#widgets a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
}
#widgets form {
margin: 0;
}
#widgets ul,
#widgets ol {
padding: 0 0 0 20px;
}
#widgets ul li a {
display: inline;
text-decoration: none;
}
#widgets .widget-title img {
float: right;
height: 11px;
position: relative;
top: 4px;
width: 11px;
}
#widgets .rss-date {
line-height: 18px;
padding: 6px 12px;
}
#widgets .rssSummary {
padding: 10px;
}
#widgets cite {
font-style: normal;
line-height: 18px;
padding: 6px 12px;
}
#widgets .tagcloud,
#widgets .textwidget {
display: block;
line-height: 1.5em;
margin: 0;
word-wrap: break-word;
}
#widgets .textwidget a {
display: inline;
}
#widgets ul .children {
padding: 0 0 0 10px;
}
#widgets .author {
font-weight: 700;
padding-top: 4px;
}
.widget_archive select, #cat {
display: block;
margin: 0 15px 0 0;
}
#colophon-widget ul {
}
.colophon-widget {
background: none;
min-height: 0;
}
.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
width: 100%;
}
#top-widget {
}
.top-widget {
background: none;
border: none;
clear: right;
float: right;
min-height: 0;
padding: 0 3px 0 0;
text-align: right;
width: 45%;
}
.top-widget ul {
padding: 0;
}
.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"],
.top-widget input[type="email"] {
width: auto;
}
.top-widget #searchform {
margin: 0;
}
/* =Titles
-------------------------------------------------------------- */
.featured-title {
font-size: 60px;
letter-spacing: -1px;
margin: 0;
padding-top: 40px;
text-align: center;
}
.featured-subtitle {
padding: 0 10px;
text-align: center;
}
.widget-title,
.widget-title-home h3 {
display: block;
font-size: 24px;
font-weight: 700;
line-height: 23px;
margin: 0;
padding: 0 0 20px 0;
text-align: left;
}
.top-widget .widget-title {
font-size: 14px;
padding: 0;
text-align: right;
}
.widget-title a {
border-bottom: none;
padding: 0 !important;
}
.title-404 {
color: #993333;
}
/* =404 Page
-------------------------------------------------------------- */
.error404 select,
.error404 input[type="text"],
.error404 input[type="password"],
.error404 input[type="email"] {
width: auto;
}
/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
float: right;
margin: 10px 0;
padding: 0;
}
.top-menu li {
display: inline;
list-style-type: none;
}
.top-menu li a {
border-left: 1px solid #cccccc;
color: #333333;
font-size: 11px;
padding: 0 4px 0 8px;
}
.top-menu > li:first-child > a {
border-left: none;
}
.top-menu li a:hover {
color: #333333;
}
/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
background-color: #585858;
background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
background-image: -o-linear-gradient(top, #585858, #3d3d3d);
background-image: linear-gradient(top, #585858, #3d3d3d);
clear: both;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
margin: 0 auto;
}
.main-nav {
clear: both;
}
.menu,
.menu ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
.menu li {
border: 0;
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 5;
}
.menu li:hover {
white-space: normal;
z-index: 10000;
}
.menu li li {
float: none;
}
.menu ul {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 10;
}
.menu li:hover > ul {
top: 100%;
visibility: visible;
}
.menu li li:hover > ul {
left: 100%;
top: 0;
}
.menu:after,
.menu ul:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.menu,
.menu ul {
min-height: 0;
}
.menu ul,
.menu ul ul {
margin: 0;
padding: 0;
}
.menu ul li a:hover,
.menu li li a:hover {
color: #484848;
text-decoration: none;
}
.menu ul {
margin-top: 1px;
min-width: 15em;
width: auto;
}
.menu a {
border-left: 1px solid #585858;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 700;
height: 45px;
line-height: 45px;
margin: 0;
padding: 0 0.9em;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 0 #000000;
white-space: nowrap;
}
.menu a:hover {
background-color: #808080;
background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
background-image: -webkit-linear-gradient(top, #808080, #363636);
background-image: -moz-linear-gradient(top, #808080, #363636);
background-image: -ms-linear-gradient(top, #808080, #363636);
background-image: -o-linear-gradient(top, #808080, #363636);
background-image: linear-gradient(top, #808080, #363636);
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
}
ul.menu > li:hover {
background-color: #363636;
color: #ffffff;
}
.menu .current_page_item a,
.menu .current-menu-item a {
background-color: #343434;
}
.front-page .menu .current_page_item a {
background: none;
background-color: transparent;
background-image: none;
filter: none;
}
.menu li li {
background: #ffffff;
background-image: none;
border: 1px solid #e5e5e5;
color: #444444;
filter: none;
margin: -1px 0 1px 0;
width: auto;
}
.menu li li a {
background: transparent !important;
border: none;
color: #444444;
font-size: 12px;
font-weight: 400;
height: auto;
height: 20px;
line-height: 20px;
padding: 5px 10px;
text-shadow: none;
white-space: nowrap;
}
.menu li li a:hover {
background: