Difference between revisions of "Template:TeamTemplateA"
Dmitry.laso (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | + | @charset "UTF-8"; | |
− | + | /* CSS Document */ | |
− | + | /*---------------HEAD start--------------*/ | |
− | + | /*---------------HEAD end----------------*/ | |
− | + | /*---------------To ignore iGEM template start----------*/ | |
− | + | html, body, .wrapper { /*-- changes default wiki settings --*/ | |
− | + | width: 100%; | |
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | /*---------------To ignore iGEM template end----------*/ | ||
− | + | /*---------------General start-----------*/ | |
− | + | /*----------------Colors---------------*/ | |
− | + | /*compound scheme: #A99059 #E5CC00 #4C4826 #428CBC #00C7E5*/ | |
− | + | /*compound scheme: #A99059 #DCCE5E #433D08 #8CA4B4 #5ECBDC*/ | |
− | + | /*triad scheme: #A99059 #5C4C27 #72B699 #643276 #D475F5*/ | |
− | + | /*complementary scheme: #A99059 #5C4C27 #F5D99A #1E345C #5974A9*/ | |
− | + | h1, h2, h3, h4, h5 { | |
− | + | font-family: Georgia, Times, "Times New Roman", serif; | |
− | + | } | |
− | + | h3 { | |
− | + | font-weight:bold; | |
− | + | padding-top: 30px; | |
− | + | } | |
− | + | ||
− | + | body { | |
− | + | background-color: #fff; | |
− | + | } | |
− | + | body{ | |
− | + | background-color: #FEF5E1; | |
− | + | margin-left:0px; | |
− | + | } | |
− | + | p { | |
− | + | font-size: 19px; | |
+ | text-align:justify; | ||
+ | } | ||
+ | p img { | ||
+ | float:left; | ||
+ | padding-right:20px; | ||
+ | } | ||
− | + | a:hover{ | |
− | + | background-color: #A99059; | |
− | + | } | |
− | + | a.active{ | |
− | + | background-color: #A99059; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ul, li { | |
− | + | margin:0px; | |
− | + | } | |
− | + | /*li { | |
− | + | margin:0px; | |
− | + | }*/ | |
− | + | ||
− | + | /*--------------General end-----------------*/ | |
− | + | /*--------------Global/content start----------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #global-wrapper { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | border: 0px; | |
− | + | background-color: transparent; | |
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | padding-top: 100px; | ||
+ | width: 960px; | ||
+ | text-align: left; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | |||
+ | min-width: 780px; | ||
+ | max-width: 1000px | ||
+ | } | ||
+ | #content { /*-- changes default wiki settings --*/ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
− | + | /*--------------Global end------------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | /*---------------Header start------------*/ | |
− | + | .firstHeading { | |
− | + | width: 975px; | |
− | + | margin: 0px auto; | |
− | + | padding-top: 100px; | |
− | + | margin-bottom: 20px; | |
− | + | font-family: Georgia, Times, "Times New Roman", serif; | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | #spacer{ | |
− | + | height: 200px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #headerWrapper { | |
− | + | position:fixed; | |
− | + | top:19px; | |
− | + | height: 85px; /*wass 105px*/ | |
− | + | width:100%; | |
− | + | background-color: black; | |
− | + | z-index:30; | |
− | + | } | |
+ | #stripe{ | ||
+ | width: 100%; | ||
+ | background-color: blue; | ||
+ | height: 26px; | ||
+ | } | ||
+ | #headerWrapper a, | ||
+ | #headerWrapper a:hover, | ||
+ | #headerWrapper a:visited, | ||
+ | #headerWrapper a:active { | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | #header { | ||
+ | width:950px; | ||
+ | margin: auto; | ||
+ | width: 80%; | ||
+ | min-width: 780px; | ||
+ | max-width: 1000px; | ||
+ | } | ||
+ | #header-content{ | ||
+ | |||
+ | |||
+ | } | ||
+ | #logo img { | ||
+ | width: 130px; | ||
+ | float: left; | ||
+ | padding-top: 7px; | ||
+ | } | ||
+ | /*------------------Navigation----------------*/ | ||
+ | /* | ||
+ | #wiki-navigation { | ||
+ | font-size: 8pt; | ||
+ | padding-bottom: 10px; | ||
+ | }*/ | ||
+ | #navigation { | ||
+ | float: right; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 0.85em; | ||
+ | margin: auto; | ||
+ | } | ||
+ | #navigation ul li { | ||
+ | display: inline; | ||
+ | float:left; | ||
+ | } | ||
+ | #sub-navigation-content { | ||
+ | clear:both; | ||
+ | position:relative; | ||
+ | background-color: #A99059; | ||
+ | height: 26px; | ||
+ | padding-top: 5px; | ||
+ | margin-left: -5px; | ||
+ | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | } | ||
+ | #sub-navigation { | ||
+ | text-align: right; | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 0.8em; | ||
+ | margin:auto; | ||
+ | clear:both; | ||
+ | position:relative; | ||
+ | width: 80%; | ||
+ | min-width: 780px; | ||
+ | max-width: 1000px; | ||
+ | } | ||
+ | #sub-navigation ul li { | ||
+ | display: inline; | ||
+ | float:left; | ||
+ | } | ||
− | + | #sub-navigation ul { | |
+ | display: inline; | ||
+ | float:right; | ||
+ | list-style-type: square; | ||
+ | } | ||
− | + | #sub-navigation > ul { | |
− | + | display:none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | #sub-navigation li { | |
− | + | display: inline; | |
− | + | float: left; | |
− | + | padding-left: 10px; | |
− | + | padding-right: 10px; | |
− | + | } | |
+ | #sub-navigation li:before{ | ||
+ | content:"•"; | ||
+ | /*content: " * ";*/ | ||
+ | padding-right:10px; | ||
+ | color:white; | ||
+ | } | ||
+ | #sub-navigation li:first-child:before{ | ||
+ | content:""; | ||
+ | } | ||
− | + | #sub-navigation a:hover{ | |
− | + | color: #5F7077; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | /*-----------------------Navigation items---------------*/ |
− | + | .nav-item { | |
− | + | display: block; | |
− | + | background-size: 32px; | |
− | + | float: left; | |
+ | background-position: center bottom 35px; | ||
+ | background-repeat: no-repeat; | ||
+ | line-height: 40px; | ||
+ | text-align:center; | ||
+ | padding-top: 45px; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | } | ||
+ | /*-------------------Images for nav bar--------------*/ | ||
+ | .project { /*image from openclipart.org*/ | ||
+ | background-image: url(images/flask3-white.gif); | ||
+ | background-size: 50px; | ||
+ | } | ||
+ | /*medals*/ | ||
+ | .medals { /*image from openclipart.org*/ | ||
+ | background-image: url(images/medal-white.gif); | ||
+ | background-size: 50px; | ||
+ | } | ||
+ | /*parts*/ | ||
+ | .parts { /*image from openclipart.org */ | ||
+ | background-image: url(images/gear-icon-white.gif); | ||
+ | background-size: 50px; | ||
+ | } | ||
+ | .team { /*image from openclipart.org*/ | ||
+ | background-image: url(images/people-white.gif); | ||
+ | background-size: 50px 35px; | ||
+ | padding-right:13px; | ||
+ | padding-left:13px; | ||
+ | } | ||
+ | .human-practice { /*image from openclipart.org*/ | ||
+ | background-image: url(images/rig1-white.gif); | ||
+ | background-size: 100px 55px; | ||
+ | background-position: center bottom 28px; | ||
+ | |||
+ | } | ||
+ | /*notebook*/ | ||
+ | .notebook { /*image from openclipart.org*/ | ||
+ | background-image: url(images/notebook_2-white.gif); | ||
+ | background-size: 75px; | ||
+ | background-position: center bottom 27px; | ||
+ | } | ||
− | + | /*-----------------Header end---------------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /*-----------------Article start------------------*/ | |
− | + | article{ | |
− | + | width: 80%; | |
− | + | min-width: 780px; | |
− | + | max-width: 1000px; /* Vertical margins, and auto to center */ | |
− | + | margin: auto; | |
− | + | margin-top: 180px; | |
− | + | margin-bottom: 100px; | |
− | + | /*Note: There appears to be space already allocated for above the article | |
+ | so top margin may not be necessary */ | ||
+ | } | ||
+ | /* to indent a line, use text-indent: xxx; */ | ||
+ | /*article h1 { | ||
+ | text-decoration: underline; | ||
+ | }*/ | ||
+ | abbr { | ||
+ | border-bottom: 1px dotted #111; | ||
+ | cursor: help; | ||
+ | } | ||
+ | abbr:hover{ | ||
+ | color: #5F7077; | ||
+ | } | ||
+ | .box-float-right { | ||
+ | background-color: white; | ||
+ | margin: 25px; | ||
+ | padding: 5px; | ||
+ | width: 200px; | ||
+ | border: medium inset gray; | ||
+ | float: right; | ||
+ | } | ||
+ | /*-----------------Article end--------------------*/ | ||
− | + | /*-----------------Footer start-------------------*/ | |
− | + | footer | |
− | + | { | |
− | + | background-color: #555; | |
− | + | text-align: center; | |
− | + | height: 200px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | #footer-content |
+ | { | ||
+ | padding: 20px; | ||
+ | color: snow; | ||
+ | } | ||
+ | #footer-content h2, #footer-content h3 { | ||
+ | border:0; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | font-style: italic; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | #footer-content p { | ||
+ | text-align: center; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #footer-logos a{ | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | #footer-logos a img{ | ||
+ | height: 80px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | /*-----------------Footer end---------------------*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | /*-----------------Citation start-----------------*/ | ||
+ | /*Some of the CSS code on this page was modified from the LMU-Munich 2014 iGEM team | ||
+ | (https://2014.igem.org/Team:LMU-Munich) | ||
− | + | /*-----------------Citation end-------------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + |
Revision as of 04:26, 8 July 2015
@charset "UTF-8"; /* CSS Document */
/*---------------HEAD start--------------*/
/*---------------HEAD end----------------*/ /*---------------To ignore iGEM template start----------*/ html, body, .wrapper { /*-- changes default wiki settings --*/ width: 100%; height: 100%; background-color: transparent; } /*---------------To ignore iGEM template end----------*/
/*---------------General start-----------*/ /*----------------Colors---------------*/ /*compound scheme: #A99059 #E5CC00 #4C4826 #428CBC #00C7E5*/ /*compound scheme: #A99059 #DCCE5E #433D08 #8CA4B4 #5ECBDC*/ /*triad scheme: #A99059 #5C4C27 #72B699 #643276 #D475F5*/ /*complementary scheme: #A99059 #5C4C27 #F5D99A #1E345C #5974A9*/ h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif; } h3 {
font-weight:bold; padding-top: 30px;
}
body { background-color: #fff; } body{ background-color: #FEF5E1;
margin-left:0px;
} p {
font-size: 19px;
text-align:justify; } p img {
float:left; padding-right:20px;
}
a:hover{ background-color: #A99059; } a.active{ background-color: #A99059; }
ul, li {
margin:0px;
} /*li {
margin:0px;
}*/
/*--------------General end-----------------*/
/*--------------Global/content start----------------*/
- global-wrapper {
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px;
padding-top: 100px; width: 960px; text-align: left; margin-left: auto; margin-right: auto;
min-width: 780px;
max-width: 1000px
}
- content { /*-- changes default wiki settings --*/
width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }
/*--------------Global end------------------*/
/*---------------Header start------------*/ .firstHeading { width: 975px; margin: 0px auto; padding-top: 100px; margin-bottom: 20px; font-family: Georgia, Times, "Times New Roman", serif; display: none; }
- spacer{
height: 200px; }
- headerWrapper {
position:fixed; top:19px; height: 85px; /*wass 105px*/ width:100%;
background-color: black;
z-index:30;
}
- stripe{
width: 100%; background-color: blue; height: 26px; }
- headerWrapper a,
- headerWrapper a:hover,
- headerWrapper a:visited,
- headerWrapper a:active {
text-decoration:none; color:white;
}
- header {
width:950px; margin: auto;
width: 80%;
min-width: 780px; max-width: 1000px;
}
- header-content{
}
- logo img {
width: 130px; float: left; padding-top: 7px;
}
/*------------------Navigation----------------*/ /*
- wiki-navigation {
font-size: 8pt; padding-bottom: 10px;
}*/
- navigation {
float: right; font-family: Verdana, Geneva, sans-serif; font-size: 0.85em;
margin: auto; }
- navigation ul li {
display: inline; float:left;
}
- sub-navigation-content {
clear:both;
position:relative;
background-color: #A99059;
height: 26px; padding-top: 5px;
margin-left: -5px;
-webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75);
}
- sub-navigation {
text-align: right; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; margin:auto;
clear:both;
position:relative;
width: 80%;
min-width: 780px; max-width: 1000px;
}
- sub-navigation ul li {
display: inline; float:left;
}
- sub-navigation ul {
display: inline; float:right;
list-style-type: square; }
- sub-navigation > ul {
display:none;
}
- sub-navigation li {
display: inline;
float: left; padding-left: 10px;
padding-right: 10px; }
- sub-navigation li:before{
content:"•";
/*content: " * ";*/
padding-right:10px; color:white;
}
- sub-navigation li:first-child:before{
content:"";
}
- sub-navigation a:hover{
color: #5F7077; }
/*-----------------------Navigation items---------------*/ .nav-item {
display: block; background-size: 32px; float: left; background-position: center bottom 35px; background-repeat: no-repeat; line-height: 40px; text-align:center; padding-top: 45px; padding-right:10px; padding-left:10px;
} /*-------------------Images for nav bar--------------*/ .project { /*image from openclipart.org*/
background-image: url(images/flask3-white.gif);
background-size: 50px; } /*medals*/ .medals { /*image from openclipart.org*/
background-image: url(images/medal-white.gif);
background-size: 50px; } /*parts*/ .parts { /*image from openclipart.org */
background-image: url(images/gear-icon-white.gif);
background-size: 50px; } .team { /*image from openclipart.org*/
background-image: url(images/people-white.gif);
background-size: 50px 35px; padding-right:13px;
padding-left:13px;
} .human-practice { /*image from openclipart.org*/ background-image: url(images/rig1-white.gif); background-size: 100px 55px; background-position: center bottom 28px;
} /*notebook*/ .notebook { /*image from openclipart.org*/ background-image: url(images/notebook_2-white.gif); background-size: 75px; background-position: center bottom 27px; }
/*-----------------Header end---------------------*/
/*-----------------Article start------------------*/ article{ width: 80%;
min-width: 780px; max-width: 1000px; /* Vertical margins, and auto to center */ margin: auto;
margin-top: 180px; margin-bottom: 100px; /*Note: There appears to be space already allocated for above the article so top margin may not be necessary */ } /* to indent a line, use text-indent: xxx; */ /*article h1 { text-decoration: underline; }*/ abbr {
border-bottom: 1px dotted #111; cursor: help;
} abbr:hover{ color: #5F7077; } .box-float-right {
background-color: white; margin: 25px; padding: 5px; width: 200px; border: medium inset gray;
float: right; } /*-----------------Article end--------------------*/
/*-----------------Footer start-------------------*/ footer { background-color: #555; text-align: center; height: 200px; }
- footer-content
{ padding: 20px; color: snow; }
- footer-content h2, #footer-content h3 {
border:0; padding:0; margin:0; font-style: italic; font-size: 30px; }
- footer-content p {
text-align: center; font-size: 20px; }
- footer-logos a{
background-color: inherit; }
- footer-logos a img{
height: 80px; margin: 10px; } /*-----------------Footer end---------------------*/
/*-----------------Citation start-----------------*/
/*Some of the CSS code on this page was modified from the LMU-Munich 2014 iGEM team
(https://2014.igem.org/Team:LMU-Munich)
/*-----------------Citation end-------------------*/