Template:Team:BNU-China/CSS/main

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
<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;}  
</style>
</style>
-
 
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
 
-
 
-
 
-
<!-- beginning of your page -->
 
<style type="text/css">
<style type="text/css">
#contentSub, #footer-box, #catlinks, #search-controls, #p-
#contentSub, #footer-box, #catlinks, #search-controls, #p-
Line 16: Line 11:
none;} /*-- hides default wiki settings --*/
none;} /*-- hides default wiki settings --*/
-
#top-section { /*-- styling for default menu bar (edit, page,
+
#top-section {
-
 
+
-
history, etc.) --*/
+
-
+
border: 0 none;
border: 0 none;
height: 14px;
height: 14px;
Line 30: Line 22:
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings
+
#globalWrapper, #content {  
-
 
+
-
--*/
+
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 41: Line 31:
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --
+
html, body, .wrapper {  
-
 
+
-
*/
+
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
background-color: transparent;
background-color: transparent;
}
}
-
<!--The following is our css-->
 
-
/*
 
-
Theme Name: Zeences HTML
 
-
Theme URI: http://themes.iki-bir.com/zeences/light
 
-
Author: elemis
 
-
Author URI: http://iki-bir.com
 
-
Version: 1.0.3
 
-
*/
 
-
 
-
/*-----------------------------------------------------------------------------------*/
 
-
/* RESET
 
-
/*-----------------------------------------------------------------------------------*/
 
-
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin:0;
margin:0;
Line 143: Line 118:
outline : none;
outline : none;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* GENERAL
 
-
/*-----------------------------------------------------------------------------------*/
 
body {
body {
Line 392: Line 364:
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* LAYOUT
 
-
/*-----------------------------------------------------------------------------------*/
 
#wrapper {
#wrapper {
Line 524: Line 493:
padding: 0;
padding: 0;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* MENU
 
-
/*-----------------------------------------------------------------------------------*/
 
.menu {
.menu {
Line 642: Line 608:
margin-top: -30px;
margin-top: -30px;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* SHOWCASE
 
-
/*-----------------------------------------------------------------------------------*/
 
-
 
#awOnePageButton .view-slide {
#awOnePageButton .view-slide {
display: none;
display: none;
Line 850: Line 812:
display: none;
display: none;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* COLUMNS
 
-
/*-----------------------------------------------------------------------------------*/
 
.one-half {
.one-half {
Line 896: Line 855:
clear:right;
clear:right;
}
}
-
/*-----------------------------------------------------------------------------------*/
+
 
-
/* CAROUSEL
+
-
/*-----------------------------------------------------------------------------------*/
+
.carousel {
.carousel {
height: 130px;
height: 130px;
Line 967: Line 924:
background-position: bottom right;
background-position: bottom right;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* FORMS
 
-
/*-----------------------------------------------------------------------------------*/
 
-
 
.form-container {
.form-container {
position: relative;
position: relative;
Line 1,101: Line 1,054:
font-size: 13px;
font-size: 13px;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* FOOTER FORMS
 
-
/*-----------------------------------------------------------------------------------*/
 
#footer .form-container {
#footer .form-container {
Line 1,193: Line 1,143:
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* PORTFOLIO
 
-
/*-----------------------------------------------------------------------------------*/
 
.items {
.items {
Line 1,263: Line 1,210:
opacity: 0;
opacity: 0;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* PORTFOLIO HOVER
 
-
/*-----------------------------------------------------------------------------------*/
 
.box a, .carousel ul li {
.box a, .carousel ul li {
Line 1,297: Line 1,241:
background-color: rgba(15, 15, 15, 0.4);
background-color: rgba(15, 15, 15, 0.4);
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* GALLERY
 
-
/*-----------------------------------------------------------------------------------*/
 
#gallery {
#gallery {
margin-top: 40px;
margin-top: 40px;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* BLOG
 
-
/*-----------------------------------------------------------------------------------*/
 
.blog {
.blog {
Line 1,552: Line 1,490:
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* SERVICES
 
-
/*-----------------------------------------------------------------------------------*/
 
.service {
.service {
Line 1,565: Line 1,500:
vertical-align: middle;
vertical-align: middle;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* 18. TOGGLE
 
-
/*-----------------------------------------------------------------------------------*/
 
.toggle {
.toggle {
Line 1,629: Line 1,561:
border-radius: 5px;
border-radius: 5px;
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* TABS
 
-
/*-----------------------------------------------------------------------------------*/
 
ul.tabs {
ul.tabs {
Line 1,700: Line 1,629:
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
}
}
-
/*-----------------------------------------------------------------------------------*/
+
 
-
/* TABLE
+
-
/*-----------------------------------------------------------------------------------*/
+
table {
table {
Line 1,801: Line 1,728:
background: url('style/images/tile.png');
background: url('style/images/tile.png');
}
}
-
/*-----------------------------------------------------------------------------------*/
 
-
/* COMMENTS
 
-
/*-----------------------------------------------------------------------------------*/
 
-
 
-
#comments {
 
-
width: 590px;
 
-
}
 
-
.full-width #comments {
 
-
width: 900px;
 
-
}
 
-
ol.commentlist .message p {
 
-
font-style: normal;
 
-
clear: both;
 
-
padding: 0;
 
-
}
 
-
ol.commentlist {
 
-
list-style:none;
 
-
margin:0;
 
-
}
 
-
ol.commentlist li {
 
-
margin: 0;
 
-
list-style:none;
 
-
background: none;
 
-
padding: 25px 0 26px 0;
 
-
border-bottom: 1px solid #454545;
 
-
font-family: 'PTSansRegular';
 
-
}
 
-
#comments .user {
 
-
float:left;
 
-
width:60px;
 
-
}
 
-
.avatar {
 
-
width: 60px;
 
-
height: 60px;
 
-
float:left;
 
-
display:block;
 
-
}
 
-
#comments .message .info .date {
 
-
float:left;
 
-
font-size: 11px;
 
-
margin-left: 10px;
 
-
}
 
-
#comments .info a {
 
-
font-size:11px;
 
-
float:left;
 
-
text-decoration: none;
 
-
}
 
-
#comments a.reply-link {
 
-
display:block;
 
-
margin-left: 10px;
 
-
float:right;
 
-
text-decoration:none;
 
-
font-size:9px;
 
-
text-transform: uppercase;
 
-
font-style: normal;
 
-
}
 
-
#comments .message {
 
-
background:none;
 
-
width:510px;
 
-
float:right;
 
-
font-size:13px;
 
-
line-height:20px;
 
-
position:relative;
 
-
padding:0;
 
-
margin: 0;
 
-
}
 
-
.full-width #comments .message {
 
-
width:820px;
 
-
}
 
-
#comments .info {
 
-
margin: 0 0 3px 0;
 
-
}
 
-
#comments ul.children {
 
-
margin:0;
 
-
padding:0 0 0 40px;
 
-
}
 
-
#comments ol.commentlist ul.children li {
 
-
padding:25px 0 0 0;
 
-
margin: 0;
 
-
margin-top: 25px;
 
-
border: none;
 
-
border-top: 1px solid #454545;
 
-
}
 
-
#comments ol.commentlist ul.children li .message {
 
-
width:470px;
 
-
}
 
-
#comments ol.commentlist ul.children ul li .message {
 
-
width:430px;
 
-
}
 
-
#comments ol.commentlist ul.children ul ul li .message {
 
-
width:390px;
 
-
}
 
-
#comments ol.commentlist ul.children ul ul ul li .message {
 
-
width:350px;
 
-
}
 
-
#comments ol.commentlist ul.children ul ul ul ul li .message {
 
-
width:310px;
 
-
}
 
-
#comments ol.commentlist ul.children ul ul ul ul ul li .message {
 
-
width:270px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children li .message {
 
-
width:780px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children ul li .message {
 
-
width:740px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children ul ul li .message {
 
-
width:700px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children ul ul ul li .message {
 
-
width:660px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children ul ul ul ul li .message {
 
-
width:620px;
 
-
}
 
-
.full-width #comments ol.commentlist ul.children ul ul ul ul ul li .message {
 
-
width:580px;
 
-
}
 
-
#comments .info h3 {
 
-
margin: 0;
 
-
padding: 0;
 
-
line-height: 18px;
 
-
display: inline;
 
-
}
 
-
#comments .info h3 a {
 
-
font-size: 15px;
 
-
font-style: normal;
 
-
}
 
-
#comments .info h3 a:hover {
 
-
}
 
-
.comment-form {
 
-
margin-top: 40px;
 
-
}
 
-
 
</style>
</style>

Revision as of 10:22, 16 July 2014