Team:Evry/test.css

From 2014.igem.org

(Difference between revisions)
(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 */ /****************************/

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. menubar {
   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}
  1. menubar li a {
   background-color: transparent;}
  1. menubar:hover {
   color: white;}
  1. menubar li a {
   color: transparent;}
  1. menubar:hover li a {
   color: white;}
  1. menubar > ul > li:last-child {
   display:none;}

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}
  1. 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;}
  1. 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;*/}
  1. 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>

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;}


/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child {
   display: none;}

/* Resizes the menubar to fik the links (default is 400px) */

  1. menubar {
   width: auto;}


body {

   margin: 10px 0 0 0;
   padding: 0;}
  1. top-section {
   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}
  1. nav {
   background: cyan;

}

  1. nav {
   background: cyan;

}

  1. 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;

}

  1. 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; }