Team:NJAU China

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
<title>Carousel Template for Bootstrap</title>
<title>Carousel Template for Bootstrap</title>
-
<!-- ?? Bootstrap ???? CSS ??? -->
+
 
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
-
<!-- jQuery??????????bootstrap.min.js ?????? -->
+
 
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
-
<!-- ???��? Bootstrap ???? JavaScript ??? -->
+
 
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
Line 27: Line 27:
<link href="carousel.css" rel="stylesheet">
<link href="carousel.css" rel="stylesheet">
<style type="text/css">
<style type="text/css">
-
 
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
display: none;
-
 
+
} /*-- hides default wiki settings --*/
.firstHeading {
.firstHeading {
-
width: 975px;  
+
width: 975px;
margin: 0px auto;
margin: 0px auto;
padding-top: 100px;
padding-top: 100px;
margin-bottom: 20px;
margin-bottom: 20px;
-
font-family: Georgia, Times, "Times New Roman", serif;  
+
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
h1, h2, h3, h4, h5 {
 +
font-family: Georgia, Times, "Times New Roman", serif;
}
}
-
 
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 
-
 
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
Line 47: Line 47:
top: 0;
top: 0;
position: fixed;
position: fixed;
-
width: 975px;  
+
width: 975px;
-
left: 50%;  
+
left: 50%;
margin-left: -487px;
margin-left: -487px;
}
}
-
 
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
background-color: #383838;
background-color: #383838;
Line 61: Line 60:
top: 0;
top: 0;
}
}
-
 
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
-
color: #727272;  
+
color: #727272;
-
text-decoration: none;  
+
text-decoration: none;
background-color: transparent;
background-color: transparent;
}
}
-
 
+
body {
-
body {  
+
background-color: #fff;
background-color: #fff;
}
}
-
 
#globalWrapper, #content { /*-- changes default wiki settings --*/
#globalWrapper, #content { /*-- changes default wiki settings --*/
-
width: 100%;  
+
width: 100%;
height: 100%;
height: 100%;
border: 0px;
border: 0px;
Line 80: Line 76:
padding: 0px;
padding: 0px;
}
}
-
 
html, body, .wrapper { /*-- changes default wiki settings --*/
html, body, .wrapper { /*-- changes default wiki settings --*/
-
width: 100%;  
+
width: 100%;
-
height: 100%;  
+
height: 100%;
-
background-color: transparent;
+
background-color: transparent;
}
}
-
 
+
#container { /*-- creates container for all content on page --*/
-
#contentcontainer { /*-- creates container for all content on page --*/
+
font-family: Arial, Helvetica, sans-serif;
-
font-family: Arial, Helvetica, sans-serif;  
+
font-weight: normal;
-
font-weight: normal;  
+
font-size: 14px;
-
font-size: 14px;  
+
color: #414141;
color: #414141;
-
width: 960px;  
+
width: 960px;
-
margin-left: auto;  
+
margin-left: auto;
-
margin-right: auto;  
+
margin-right: auto;
-
background-color: #transparent;  
+
background-color: #transparent;
-
margin-top: 0px;  
+
margin-top: 0px;
}
}
-
 
+
.sidemenu, .sidemenu li {
-
.sidemenu, .sidemenu li {  
+
list-style-type: none;
-
list-style-type: none;  
+
list-style-image: none;
-
list-style-image: none;  
+
font-family: verdana;
-
font-family: verdana;  
+
text-decoration: none;
-
text-decoration: none;  
+
color:#000;
-
color:#000;  
+
font-size: 14px;
font-size: 14px;
}
}
-
 
+
.sidemenu li {
-
.sidemenu li {display: block;}
+
display: block;
-
 
+
}
.sidemenu a {
.sidemenu a {
-
text-decoration:none;  
+
text-decoration:none;
color: #000;
color: #000;
-
display: block;  
+
display: block;
-
width: 180px;  
+
width: 180px;
-
height: 100%;  
+
height: 100%;
-
padding: 3px 5px;  
+
padding: 3px 5px;
-
transition: .25s ease-in-out;
+
transition: .25s ease-in-out;
-
-moz-transition: .25s ease-in-out;
+
-moz-transition: .25s ease-in-out;
-
-webkit-transition: .25s ease-in-out;
+
-webkit-transition: .25s ease-in-out;
-
}  
+
}
-
 
+
.sidemenu a.greyout {
-
.sidemenu a.greyout { color: #909090; }
+
color: #909090;
-
 
+
}
.sidemenu a:hover {
.sidemenu a:hover {
-
color:#666;  
+
color:#666;
background-color: #d9f5aa;
background-color: #d9f5aa;
}
}
-
 
+
.sub-sidemenu {
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
font-size: 10px;
-
.sub-sidemenu a {color: #666;}
+
margin-bottom: 20px;
-
 
+
color: #666;
-
div.underconst
+
display: none;
-
{
+
}
-
padding:10px;
+
.sub-sidemenu a {
-
border-radius:5px;
+
color: #666;
-
background-color:pink;
+
}
-
text-align:center;
+
div.underconst {
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
a.anchor {
 +
display: block;
 +
position: relative;
 +
top: -80px;
 +
visibility: hidden;
 +
}
 +
.contentpara {
 +
margin-bottom: 30px;
 +
}
 +
span.email {
 +
font-family: monospace;
 +
font-weight: normal;
 +
}
 +
fieldset {
 +
border: 1px solid #337f53;
 +
}
 +
.greyout {
 +
color: #A0A0A0;
 +
}
 +
.highlightme {
 +
background-color: #FFFF00;
 +
}
 +
#alertContainer {
 +
border: 2px solid red;
 +
margin-bottom: 10px;
 +
width: 936px;
 +
}
 +
#annContainer {
 +
margin-left: 8px;
 +
}
 +
#newsContainer {
 +
border: 1px solid #ccc;
}
}
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
.newsTitle {
.newsTitle {
-
display: block;  
+
display: block;
color: #414141;
color: #414141;
-
font-size: 25px;
+
font-size: 25px;
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
font-family: Georgia, Times, "Times New Roman", serif;
-
padding: 10px 15px 5px 10px;  
+
padding: 10px 15px 5px 10px;
-
border-bottom: 1px solid #ccc;  
+
border-bottom: 1px solid #ccc;
-
margin-bottom: 0px;  
+
margin-bottom: 0px;
}
}
-
 
.newsItem {
.newsItem {
-
border-bottom: 1px solid #ccc;  
+
border-bottom: 1px solid #ccc;
-
display: block;  
+
display: block;
-
padding: 5px 15px 0px 10px;  
+
padding: 5px 15px 0px 10px;
-
margin-bottom: 0px;  
+
margin-bottom: 0px;
}
}
-
 
.newsItem h3 {
.newsItem h3 {
-
width: auto;  
+
width: auto;
-
display: inline;  
+
display: inline;
-
font-size: 14px;  
+
font-size: 14px;
-
font-family: Arial, Helvetica, sans-serif;  
+
font-family: Arial, Helvetica, sans-serif;
-
padding: 0px;  
+
padding: 0px;
margin: 0px;
margin: 0px;
}
}
-
 
.newsItem img {
.newsItem img {
-
float: right;  
+
float: right;
-
clear: right;  
+
clear: right;
-
width: 80px;  
+
width: 80px;
padding-left: 15px;
padding-left: 15px;
-
display: inline-block;  
+
display: inline-block;
}
}
-
 
.newsItem .newsDate {
.newsItem .newsDate {
-
font-style: italic;  
+
font-style: italic;
-
font-size: 14px;  
+
font-size: 14px;
-
display: inline-block;  
+
display: inline-block;
-
color: #999;  
+
color: #999;
-
float: right;  
+
float: right;
padding: 0px 0px 10px 15px;
padding: 0px 0px 10px 15px;
}
}
-
 
.newsItem p, .newsItem ul, .newsItem li {
.newsItem p, .newsItem ul, .newsItem li {
-
padding: 0px;  
+
padding: 0px;
-
margin-left: 20px;  
+
margin-left: 20px;
-
font-size: 12px;  
+
font-size: 12px;
line-height: 1.2;
line-height: 1.2;
}
}
-
 
+
.newsItem p {
-
.newsItem p {margin-top: 10px;}
+
margin-top: 10px;
-
 
+
}
.annItem {
.annItem {
-
border: 2px solid #49b677;  
+
border: 2px solid #49b677;
-
display: block;  
+
display: block;
-
padding: 0px 15px 10px 10px;  
+
padding: 0px 15px 10px 10px;
-
margin-bottom: 18px;  
+
margin-bottom: 18px;
-
position: relative;  
+
position: relative;
-
height: 160px;  
+
height: 160px;
vertical-align: middle;
vertical-align: middle;
}
}
-
 
.annItem .annCentered {
.annItem .annCentered {
-
display: table-cell;  
+
display: table-cell;
-
vertical-align: middle;  
+
vertical-align: middle;
height: 160px;
height: 160px;
}
}
-
 
.annCentered h3 {
.annCentered h3 {
padding: 0px;
padding: 0px;
-
display: block;  
+
display: block;
-
margin-left: auto;  
+
margin-left: auto;
-
margin-right: auto;  
+
margin-right: auto;
text-align: center;
text-align: center;
 +
}
 +
.annItem ul, .annItem li {
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
.annItem li {
 +
list-style: none;
 +
margin: 5px
}
}
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
.container {
-
.annItem li {list-style: none; margin: 5px}
+
font-size:14px
-
 
+
}
-
 
+
-
 
+
</style>
</style>
-
</style>
 
-
 
-
 
-
 
-
 
-
 
<style>
<style>
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/

Revision as of 16:00, 21 July 2014

Carousel Template for Bootstrap


Generic placeholder image

Huiyu Li

I love cat

View details »

Generic placeholder image

Heng Xu

I love cat

View details »

Generic placeholder image

Zhenxiong Jiang

I love cat

View details »

First featurette heading. It'll blow your mind.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image
Generic placeholder image

Oh yeah, it's that good. See for yourself.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

And lastly, this one. Checkmate.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Retrieved from "http://2014.igem.org/Team:NJAU_China"