Difference between revisions of "Team:CHINA CD UESTC/homeDemo"
| Line 3: | Line 3: | ||
<html lang="en" 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 wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <html lang="en" 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 wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| − | + | <!-- CSS | |
<link rel="stylesheet" type="text/css" href="./css/home.css"> | <link rel="stylesheet" type="text/css" href="./css/home.css"> | ||
--> | --> | ||
| Line 65: | Line 65: | ||
menu | menu | ||
-----------------------------*/ | -----------------------------*/ | ||
| − | + | ul { | |
| − | + | list-style-type: none !important; | |
| − | + | } | |
| − | + | li { | |
| − | + | list-style-type: none !important; | |
| − | + | } | |
| − | + | .accordion { | |
| − | + | width: 100%; | |
| − | + | max-width: 180px; | |
| − | + | background: #303030; | |
| + | -webkit-border-radius: 4px; | ||
| + | -moz-border-radius: 4px; | ||
| + | border-radius: 4px; | ||
| + | list-style-type: none !important; | ||
| + | margin-left:40px; | ||
| + | } | ||
.accordion li { | .accordion li { | ||
list-style-type: none !important; | list-style-type: none !important; | ||
| − | list-style:none; | + | list-style: none; |
| − | + | } | |
| − | + | ||
.accordion .link { | .accordion .link { | ||
cursor: pointer; | cursor: pointer; | ||
display: block; | display: block; | ||
| − | padding: | + | padding: 7px 7px 7px 30px; |
color: #FFF; | color: #FFF; | ||
font-size: 17px; | font-size: 17px; | ||
| Line 89: | Line 94: | ||
border-bottom: 1px solid #CCC; | border-bottom: 1px solid #CCC; | ||
position: relative; | position: relative; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
.accordion li:last-child .link { | .accordion li:last-child .link { | ||
border-bottom: 0; | border-bottom: 0; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
.accordion li.open .link { | .accordion li.open .link { | ||
color: #FFE153; | color: #FFE153; | ||
} | } | ||
| − | + | .submenu { | |
| − | + | display: none; | |
| − | + | background: #444359; | |
| − | + | font-size: 5px; | |
| − | + | list-style-type: none !important; | |
| − | + | } | |
| − | + | .submenu li { | |
| − | + | border-bottom: 1px solid #4b4a5e; | |
| − | + | list-style-type: none !important; | |
| − | + | list-style: none; | |
| − | + | } | |
| − | + | .submenu a { | |
| − | + | display: block; | |
| − | + | text-decoration: none; | |
| − | + | color: #d9d9d9; | |
| − | + | } | |
| − | + | .submenu a:hover { | |
| − | + | background: #b63b4d; | |
| − | + | color: #FFF; | |
| − | + | } | |
| − | + | ||
| − | + | ||
#menuHome { | #menuHome { | ||
| − | + | color: #FFF; | |
| − | + | font-size: 17px; | |
| − | + | margin-right: 60px; | |
} | } | ||
| − | #menuHome:hover{ | + | #menuHome:hover { |
| − | + | color: #FFE153; | |
} | } | ||
/*menu css over*/ | /*menu css over*/ | ||
| Line 210: | Line 206: | ||
/*float realcontent*/ | /*float realcontent*/ | ||
| − | #content{ | + | #content { |
| − | width: | + | width:auto; |
| − | + | height: 2000px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | height: | + | |
| − | + | ||
} | } | ||
| + | |||
.firstHeading { | .firstHeading { | ||
| − | display:none; | + | display: none; |
| − | + | } | |
| − | #top{ | + | #top { |
| − | display:none; | + | display: none; |
| − | } | + | } |
| + | h1 { | ||
| + | text-decoration:none; | ||
| + | font-size:100%;} | ||
</style> | </style> | ||
| Line 237: | Line 233: | ||
</div> | </div> | ||
<h1 id="logo"> | <h1 id="logo"> | ||
| − | <img alt="White Frontier Brewery" src="./ | + | <img alt="White Frontier Brewery" src="https://static.igem.org/mediawiki/2015/b/bb/CD_UESTC_whitefrontier.png"> |
</h1> | </h1> | ||
<div class="separator"></div> | <div class="separator"></div> | ||
| Line 299: | Line 295: | ||
</nav> | </nav> | ||
<div class="separator"></div> | <div class="separator"></div> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</aside> | </aside> | ||
| Line 365: | Line 353: | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <script type="text/javascript" src="https://2015.igem.org/Team:CHINA_CD_UESTC/homeJS.js?action=raw&ctype=text/js"></script> | |
| + | |||
| + | <script type="text/javascript"> | ||
//slide menu | //slide menu | ||
$(function() { | $(function() { | ||
| Line 449: | Line 433: | ||
speed: 400, | speed: 400, | ||
auto: false, | auto: false, | ||
| + | |||
continuous: true, | continuous: true, | ||
disableScroll: false, | disableScroll: false, | ||
Revision as of 15:11, 15 April 2015
<!DOCTYPE html>
