Team:Evry/test.css
From 2014.igem.org
(Created page with "- →Minimaxing 3.1 by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license): /**********************************...") |
|||
Line 1: | Line 1: | ||
+ | |||
/* | /* | ||
Minimaxing 3.1 by HTML5 UP | Minimaxing 3.1 by HTML5 UP | ||
Line 12: | Line 13: | ||
*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box} | *,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box} | ||
+ | /* Removing wiki-like stuff */ | ||
+ | /****************************/ | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | |||
+ | /* Redesigning the topmenu */ | ||
+ | /***************************/ | ||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | #menubar > ul > li:last-child { | ||
+ | display:none;} | ||
+ | |||
+ | /* Redesigning Table Of Content */ | ||
+ | /********************************/ | ||
+ | table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | ||
+ | text-align: left;} | ||
+ | #toctitle { | ||
+ | margin: 5px 0;} | ||
+ | .toc, #toc { | ||
+ | background-color: #F6F6F6; | ||
+ | border: 1px solid #CCCCCC; | ||
+ | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ | ||
+ | float: left; | ||
+ | width: 228px; | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | padding: 0;} | ||
+ | #toc ul, .toc ul { | ||
+ | margin: 0 5px 5px 5px;} | ||
+ | .toc ul li { | ||
+ | padding-left: 12px; | ||
+ | text-indent: -12px; | ||
+ | /*width: 200px;*/} | ||
+ | .toc ul li ul li { | ||
+ | padding-left: 30px; | ||
+ | text-indent: -24px; | ||
+ | /*width: 170px;*/} | ||
+ | #toc ul ul, .toc ul ul { | ||
+ | margin: 0;} | ||
+ | .toc { | ||
+ | margin-left: -250px; | ||
+ | margin-top: 20px;} | ||
+ | .stickBelowNavigation { | ||
+ | position: fixed; | ||
+ | top: 35px; | ||
+ | left: 50%; | ||
+ | margin-left: -462px;} | ||
+ | .tochidden { | ||
+ | position: static; | ||
+ | margin-left: -250px;} | ||
+ | </style> | ||
+ | <style> | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none;} | ||
+ | |||
+ | |||
+ | /* Removes "teams" from the menubar */ | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | |||
+ | |||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | |||
+ | #nav { | ||
+ | background: cyan; | ||
+ | } | ||
+ | #nav { | ||
+ | background: cyan; | ||
+ | } | ||
+ | #nav a { | ||
+ | text-font:50px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | div.week > div { | ||
+ | border-left-style: solid; | ||
+ | border-width: high; | ||
+ | border-color: black; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | figure, figure img{ | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | max-width:80%; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | font-size: smaller; | ||
+ | } | ||
+ | |||
+ | #checkboxProject { | ||
+ | display: block; | ||
+ | <!-- position: fixed;--> | ||
+ | background-color:blue; | ||
+ | } | ||
+ | |||
body { | body { |
Revision as of 14:19, 20 August 2014
/* Minimaxing 3.1 by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
- /
/*********************************************************************************/ /* Global */ /*********************************************************************************/
/* Basic */
*,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box} /* Removing wiki-like stuff */ /****************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
/* Redesigning the topmenu */ /***************************/ body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- menubar {
font-size: 65%; top: -14px;}
.left-menu:hover {
background-color: transparent;}
- menubar li a {
background-color: transparent;}
- menubar:hover {
color: white;}
- menubar li a {
color: transparent;}
- menubar:hover li a {
color: white;}
- menubar > ul > li:last-child {
display:none;}
/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
text-align: left;}
- toctitle {
margin: 5px 0;}
.toc, #toc {
background-color: #F6F6F6; border: 1px solid #CCCCCC; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ float: left; width: 228px; display: block; overflow: hidden; padding: 0;}
- toc ul, .toc ul {
margin: 0 5px 5px 5px;}
.toc ul li {
padding-left: 12px; text-indent: -12px; /*width: 200px;*/}
.toc ul li ul li {
padding-left: 30px; text-indent: -24px; /*width: 170px;*/}
- toc ul ul, .toc ul ul {
margin: 0;}
.toc {
margin-left: -250px; margin-top: 20px;}
.stickBelowNavigation {
position: fixed; top: 35px; left: 50%; margin-left: -462px;}
.tochidden {
position: static; margin-left: -250px;}
</style> <style>
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
display:none;}
- top-section {
border: none; height: 0px;}
- content {
border: none;}
/* Removes "teams" from the menubar */
- menubar > ul > li:last-child {
display: none;}
/* Resizes the menubar to fik the links (default is 400px) */
- menubar {
width: auto;}
body {
margin: 10px 0 0 0; padding: 0;}
- top-section {
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;}
- nav {
background: cyan;
}
- nav {
background: cyan;
}
- nav a {
text-font:50px;
} </style>
<style>
div.week > div {
border-left-style: solid; border-width: high; border-color: black; padding-left: 20px;
}
figure, figure img{
display: block; margin-left: auto; margin-right: auto; max-width:80%;
}
figcaption {
text-align: center; font-style: italic; font-size: smaller;
}
- checkboxProject {
display: block; background-color:blue;
}
body {
font-size: 13.5pt;
font-family: sans-serif;
background-color: #e3e9dc;
font-family: 'Ubuntu Condensed', sans-serif;
color: #878e83;
letter-spacing: -1px;
}
h1,h2,h3,h4 { color: #007897; font-weight: normal; }
h1,h2 { text-transform: lowercase; }
h2 { font-size: 1.6em; letter-spacing: -1px; margin-bottom: 1em; }
h3,h4 { color: #283121; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; margin-bottom: 0.8em; }
h4 { font-size: 1em; }
p, ul { margin-bottom: 1.25em; }
p { line-height: 1.8em; }
strong { color: #474e43; }
img.left { float: left; margin: 2px 1.25em 0 0; }
img.top { margin: 4px 0 2.25em 0; }
ul { padding: 0.25em 0 0 0; }
a { color: #5d93a2; text-decoration: underline; }
a:hover { text-decoration: none; }
* > p:last-child { margin-bottom: 0 !important; }
/* Reusable */
article.blog-post { position: relative; }
article.blog-post .comments { position: absolute; top: 0; right: 0; height: 32px; line-height: 24px; padding-left: 40px; background: url('images/icon-bubble.png') no-repeat; }
ul.small-image-list { }
ul.small-image-list li { overflow: hidden; margin-bottom: 1.5em; }
ul.big-image-list { }
ul.big-image-list li { overflow: hidden; margin-bottom: 2em; }
ul.link-list { }
ul.link-list li { border-top: solid 1px #ced0b7; padding: 0.75em 0 0 0; margin: 0.75em 0 0 0; }
ul.link-list li:first-child { padding-top: 0; margin-top: 0; border-top: 0; }
.button { display: inline-block; padding: 15px 25px 15px 25px; background-color: #007b9d; background-image: -moz-linear-gradient(top, #008dad, #007b9d); background-image: -webkit-linear-gradient(top, #008dad, #007b9d); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d)); background-image: -ms-linear-gradient(top, #008dad, #007b9d); background-image: -o-linear-gradient(top, #008dad, #007b9d); background-image: linear-gradient(top, #008dad, #007b9d); border-radius: 10px; text-transform: lowercase; text-decoration: none; color: #fff; font-size: 1.2em; letter-spacing: -1px; border: solid 1px #006e8b; box-shadow: inset 0px 0px 0px 1px #18a8c8; }
.button:hover { background-color: #118eb1; background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1); background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1)); background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1); background-image: -o-linear-gradient(top, #1b9fbe, #118eb1); background-image: linear-gradient(top, #1b9fbe, #118eb1); box-shadow: inset 0px 0px 0px 1px #3ecceb; }