Template:Team:Concordia/CSS

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
 
(444 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
/*Fix Wiki Default CSS*/
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;};
 +
 +
html, body {
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
#top-section {
 +
border: 0 none;
 +
height: 10px;
 +
z-index: 100;
 +
top: -6px;
 +
position: relative;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
        background-color: 000;
 +
}
 +
 +
#top-section-bar {
 +
        background-color:transparent;
 +
        height: 10px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width:100%;
 +
top: 0;
 +
}
 +
 +
#menubar {
 +
      background-color: rgba(0,0,0,0);
 +
}
 +
 +
#menubar a:link, #menubar a:visited  { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
        color:#FFF;
 +
text-decoration: none;
 +
background-color: transparent;
 +
        font-size:95%;
 +
 +
}
 +
 +
#menubar a:active, #menubar a:hover
 +
{
 +
        color:#FFF;
 +
text-decoration: underline;
 +
        background-color:transparent;
 +
}
 +
 +
#menubar li{
 +
        font-size:75%;
 +
}
 +
 +
/*Main Page and Generic Header + Body *****************************************/
 +
 +
body {
 +
background: #FFF;
 +
font-family: 'Ubuntu', sans-serif;
 +
font-size: 12pt;
 +
color: rgba(0,0,0,0.55);
 +
        z-index: 1;
 +
min-width: 1000px;
 +
text-align: center;
 +
}
 +
 +
body h2 {
 +
text-align: center;
 +
}
 +
 +
h1, h2, h3 {
 +
color: #414141 !important;
 +
}
 +
 +
p {
 +
line-height: 160%;
 +
        color: #414141 !important;
 +
 +
}
 +
 +
ul {
 +
list-style: none;
 +
}
 +
 +
a {
 +
color: #3b8b5a;
 +
}
 +
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
#igemnavbar {
 +
        display: block;
 +
        width: 100%;
 +
        height: 25px;
 +
        background-color: rgba(0,0,0,0.3);
 +
        position: relative;
 +
        bottom: 10px;
 +
        z-index: 1;
 +
        bottom: 25px;
 +
min-width: 1000px;
 +
}
 +
 +
#backtoigem {
 +
text-align: center;
 +
}
 +
 +
#backtoigem a {
 +
        color: white;
 +
        font-size: 0.65em;
 +
        position: relative;
 +
        bottom: 3px;
 +
        display: inline;
 +
       
 +
}
 +
 +
#backtoigem a:hover {
 +
        text-decoration: underline;
 +
        color: white;
 +
}
 +
 +
#backtoigem img {
 +
height:10px;
 +
position: relative;
 +
        display: inline-block;
 +
 +
}
 +
 +
#landingspacer {
 +
  padding: 20px;
 +
min-width: 1000px;
 +
 +
}
 +
 +
 +
 +
#sidemenu {
 +
padding:10px 100px;
 +
float:left;
 +
/*position:absolute;*/
 +
}
 +
 +
ul.simple-list {list-style-type:none;margin:0;padding:0;}
 +
ul.simple-list a:hover {background-color:#dff2df;color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;}
 +
.simple-menu.simple-menu-open {background:#ffffff;border:1px solid #3b8b5a;}
 +
.simple-menu.simple-menu-open {width:200px;font-family:sans-serif;}
 +
.simple-menu .simple-menu-heading {color:#225F3A;text-transform:uppercase;font-size:90%;font-weight:bold;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#3b8b5a;}
 +
.simple-menu a, .simple-menu .simple-menu-heading {display:block;line-height:1.5em;padding:5px 20px;text-decoration:none;}
 +
.simple-menu a, .simple-menu {color:#3b8b5a;}
 +
.simple-menu a {color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;}
 +
.menu-background {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
 +
.menu-background a {color:#cccccc;text-decoration:none;font-weight:normal;}
 +
.menu-background a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}
 +
 +
 +
/*
 +
.button {
 +
  z-index: 1;
 +
  display: inline-block;
 +
  position: relative;
 +
  border-top: 1px solid #97f7ad;
 +
  background: #193322;
 +
  background: -webkit-gradient(linear, left top, left bottom, from(#3e9c6f), to(#193322));
 +
  background: -webkit-linear-gradient(top, #3e9c6f, #193322);
 +
  background: -moz-linear-gradient(top, #3e9c6f, #193322);
 +
  background: -ms-linear-gradient(top, #3e9c6f, #193322);
 +
  background: -o-linear-gradient(top, #3e9c6f, #193322);
 +
  padding: 5px 5px;
 +
  -webkit-border-radius: 11px;
 +
  -moz-border-radius: 11px;
 +
  border-radius: 11px;
 +
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
 +
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
 +
  box-shadow: rgba(0,0,0,1) 0 1px 0;
 +
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
 +
  color: #e4e4f5;
 +
  font-size: 15px;
 +
  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
 +
  text-decoration: none;
 +
  vertical-align: middle;
 +
  }
 +
.button:hover {
 +
  border-top-color: #294f35;
 +
  background: #294f35;
 +
  color: #ffffff;
 +
  }
 +
 +
.button a{
 +
  color: white;
 +
}
 +
*/
 +
 +
 +
#header {
 +
text-align: center;
 +
margin: 0px auto;
 +
width: 100%;
 +
display: block;
 +
        margin-top: -50px;
 +
min-width: 1000px;
 +
z-index; 1000;
 +
}
 +
 +
#landinglogo {
 +
padding-top: 2em;
 +
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 +
min-width: 1000px;
 +
}
 +
 +
#landinglogo h1 {
 +
padding-top: 0em;
 +
font-size: 4.3em;
 +
        border-bottom: 0px;
 +
}
 +
 +
#landinglogo a {
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
 +
#landinglogo p {
 +
color: #FFF;
 +
font-size: 1.5em;
 +
}
 +
 +
 +
#logo {
 +
padding-top: 0.40em;
 +
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 +
min-width: 1000px;
 +
}
 +
 +
#logo h1 {
 +
padding-top: 0.90em;
 +
font-size: 4.3em;
 +
        border-bottom: 0px;
 +
}
 +
 +
#logo a {
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
 +
#logo p {
 +
color: #FFF;
 +
font-size: 1.5em;
 +
}
 +
 +
#menu {
 +
    height: 75px;
 +
min-width: 1000px;
 +
    position: relative;
 +
    bottom: 14px;
 +
}
 +
 +
#maintab {
 +
display: block;
 +
text-transform: uppercase;
 +
line-height: 70px;
 +
color: #FFF;
 +
padding: 0em 0.3em;
 +
text-decoration: none;
 +
font-size: 0.68em;
 +
font-weight: 700;
 +
        background: rgba(0,0,0,0.4);
 +
        border-radius: 7px;
 +
        border-style: solid;
 +
        border-width: 2px !important;
 +
        border-color: white !important;
 +
}
 +
 +
#menu .outerul {
 +
display: inline-table;
 +
        list-style: none;
 +
text-align: center;
 +
position: relative;
 +
}
 +
 +
#menu .outerli:hover > .innerul{
 +
        display: block;
 +
      } 
 +
 +
#menu .outerli {
 +
        padding: 0em 0.3em;
 +
        float: left;
 +
        -webkit-transition: all .2s ease-in-out;
 +
        -moz-transition: all .2s ease-in-out;
 +
        transition: all .2s ease-in-out;
 +
 +
}
 +
 +
#menu .outera {
 +
display: block;
 +
text-transform: uppercase;
 +
line-height: 70px;
 +
color: #FFF;
 +
padding: 0em 0.3em;
 +
text-decoration: none;
 +
font-size: 0.68em;
 +
font-weight: 700;
 +
        background: rgba(0,0,0,0.4);
 +
        border-radius: 7px;
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
 +
}
 +
 +
#menu .innerul{
 +
        display: none;
 +
        list-style: none;
 +
        position: relative;
 +
        padding: 0 0.3em;
 +
        margin: 0;
 +
      }
 +
 +
#menu .innerli{
 +
float: none;
 +
position: relative;
 +
padding: 0.15em 0;
 +
 +
}
 +
 +
#menu .innera {
 +
display: block;
 +
text-transform: uppercase;
 +
line-height: 70px;
 +
color: #FFF;
 +
text-decoration: none;
 +
font-size: 0.68em;
 +
font-weight: 700;
 +
  border-radius: 7px;
 +
  background: rgba(0,0,0,0.4);
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
 +
}
 +
 +
#menu .outera:hover {
 +
background: #FFF;
 +
border-radius: 7px;
 +
color: #3b8b5a;
 +
  border-style: solid;
 +
  border-color: #3b8b5a;
 +
  border-width: 1px;
 +
 
 +
}
 +
 +
#menu .innera:hover {
 +
background: #FFF;
 +
border-radius: 7px 7px 7px 7px;
 +
color: #3b8b5a;
 +
  border-style: solid;
 +
  border-color: #3b8b5a;
 +
  border-width: 1px;
 +
}
 +
 +
*, *:before, *:after{
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-family: 'Ubuntu', sans-serif;
 +
}
 +
 +
 +
 +
 +
#mywrapper
 +
{
 +
background: #FFF;
 +
padding: 3em 150px 2em 150px;
 +
min-width: 1000px;
 +
        font-size: 85% !important;
 +
}
 +
 +
#mywrapper a{
 +
color: #3b8b5a;
 +
}
 +
 +
#mainbody {
 +
margin-bottom: 3.5em;
 +
min-width: 1000px;
 +
}
 +
 +
#mainbody h2 {
 +
font-size: 2.5em;
 +
margin-bottom: 1em;
 +
        border-bottom: 0px solid #aaa !important;
 +
}
 +
 +
#mainbody p {
 +
font-size: 1.3em;
 +
}
 +
 +
#mainbody img {
 +
max-height: 350px;
 +
}
 +
 +
#mainbody ul {
 +
text-align: left !important;
 +
}
 +
 +
#social {
 +
position: relative;
 +
top: -2em;
 +
min-width: 1000px;
 +
}
 +
 +
#social span {
 +
padding: 0em 1.8em;
 +
}
 +
 +
#social a {
 +
        background: none !important;
 +
}
 +
 +
/*Team Page *******************************************************************/
 +
 +
.biorow1 {
 +
height: 300px;
 +
        font-size: 90% !important;
 +
        line-height: 110% !important;
 +
        padding: 10px 0 !important;
 +
min-width: 1000px;
 +
}
 +
 +
.biorow1 img {
 +
float: left;
 +
border: 2px solid rgba(0,0,0,0.55);
 +
border-radius: 999px;
 +
height: 300px;
 +
width: 300px;
 +
margin-right: 1em;
 +
}
 +
 +
.biorow1 p {
 +
padding: 0em 0em;
 +
margin-top: 20px;
 +
line-height: 120%;
 +
position: relative;
 +
bottom: 0.8em;
 +
text-align: center;
 +
        color: #414141;
 +
}
 +
 +
.biorow2 {
 +
height: 300px;
 +
        font-size: 90% !important;
 +
        line-height: 110% !important;
 +
        padding: 10px 0 !important;
 +
min-width: 1000px;
 +
}
 +
 +
.biorow2 img {
 +
float: right;
 +
border: 2px solid rgba(0,0,0,0.55);
 +
border-radius: 999px;
 +
height: 300px;
 +
width: 300px;
 +
margin-left: 1em;
 +
}
 +
 +
.biorow2 p {
 +
padding: 0em 0em;
 +
margin-top: 20px;
 +
line-height: 120%;
 +
position: relative;
 +
bottom: 0.8em;
 +
text-align: center;
 +
        color: #414141;
 +
}
 +
 +
/*Project Page *******************************************************************/
 +
.projectdescription p{
 +
text-align: justify !important;
 +
        font-weight: 100;
 +
        font-size: 0.9em;
 +
min-width: 1000px;
 +
}
 +
 +
.projectdescription img {
 +
border: 2px solid rgba(0,0,0,0.55);
 +
border-radius: 10px;
 +
display: block;
 +
margin:0 auto !important;
 +
 +
}
 +
 +
.projectdescription a:hover {
 +
text-decoration: underline;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
 +
 +
/* ==========================================================================
 +
  HTML5 display definitions
 +
  ========================================================================== */
 +
 +
/*
 +
* Corrects `block` display not defined in IE 8/9.
 +
*/
 +
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
nav,
 +
section,
 +
summary {
 +
    display: block;
 +
}
 +
 +
/*
 +
* Corrects `inline-block` display not defined in IE 8/9.
 +
*/
 +
 +
audio,
 +
canvas,
 +
video {
 +
    display: inline-block;
 +
}
 +
 +
/*
 +
* Prevents modern browsers from displaying `audio` without controls.
 +
* Remove excess height in iOS 5 devices.
 +
*/
 +
 +
audio:not([controls]) {
 +
    display: none;
 +
    height: 0;
 +
}
 +
 +
/*
 +
* Addresses styling for `hidden` attribute not present in IE 8/9.
 +
*/
 +
 +
[hidden] {
 +
    display: none;
 +
}
 +
 +
/* ==========================================================================
 +
  Base
 +
  ========================================================================== */
 +
 +
/*
 +
* 1. Sets default font family to sans-serif.
 +
* 2. Prevents iOS text size adjust after orientation change, without disabling
 +
*    user zoom.
 +
*/
 +
 +
html {
 +
    font-family: sans-serif; /* 1 */
 +
    -webkit-text-size-adjust: 100%; /* 2 */
 +
    -ms-text-size-adjust: 100%; /* 2 */
 +
}
 +
 +
/*
 +
* Removes default margin.
 +
*/
 +
 +
body {
 +
    margin: 0;
 +
}
 +
 +
/* ==========================================================================
 +
  Links
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses `outline` inconsistency between Chrome and other browsers.
 +
*/
 +
 +
a:focus {
 +
    outline: thin dotted;
 +
}
 +
 +
/*
 +
* Improves readability when focused and also mouse hovered in all browsers.
 +
*/
 +
 +
a:active,
 +
a:hover {
 +
    outline: 0;
 +
}
 +
 +
/* ==========================================================================
 +
  Typography
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 +
* Safari 5, and Chrome.
 +
*/
 +
 +
h1 {
 +
    font-size: 2em;
 +
}
 +
 +
/*
 +
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 +
*/
 +
 +
abbr[title] {
 +
    border-bottom: 1px dotted;
 +
}
 +
 +
/*
 +
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 +
*/
 +
 +
b,
 +
strong {
 +
    font-weight: bold;
 +
}
 +
 +
/*
 +
* Addresses styling not present in Safari 5 and Chrome.
 +
*/
 +
 +
dfn {
 +
    font-style: italic;
 +
}
 +
 +
/*
 +
* Addresses styling not present in IE 8/9.
 +
*/
 +
 +
mark {
 +
    background: #ff0;
 +
    color: #000;
 +
}
 +
 +
 +
/*
 +
* Corrects font family set oddly in Safari 5 and Chrome.
 +
*/
 +
 +
code,
 +
kbd,
 +
pre,
 +
samp {
 +
    font-family: monospace, serif;
 +
    font-size: 1em;
 +
}
 +
 +
/*
 +
* Improves readability of pre-formatted text in all browsers.
 +
*/
 +
 +
pre {
 +
    white-space: pre;
 +
    white-space: pre-wrap;
 +
    word-wrap: break-word;
 +
}
 +
 +
/*
 +
* Sets consistent quote types.
 +
*/
 +
 +
q {
 +
    quotes: "\201C" "\201D" "\2018" "\2019";
 +
}
 +
 +
/*
 +
* Addresses inconsistent and variable font size in all browsers.
 +
*/
 +
 +
small {
 +
    font-size: 80%;
 +
}
 +
 +
/*
 +
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
 +
*/
 +
 +
sub,
 +
sup {
 +
    font-size: 75%;
 +
    line-height: 0;
 +
    position: relative;
 +
    vertical-align: baseline;
 +
}
 +
 +
sup {
 +
    top: -0.5em;
 +
}
 +
 +
sub {
 +
    bottom: -0.25em;
 +
}
 +
 +
/* ==========================================================================
 +
  Embedded content
 +
  ========================================================================== */
 +
 +
/*
 +
* Removes border when inside `a` element in IE 8/9.
 +
*/
 +
 +
img {
 +
    border: 0;
 +
}
 +
 +
/*
 +
* Corrects overflow displayed oddly in IE 9.
 +
*/
 +
 +
svg:not(:root) {
 +
    overflow: hidden;
 +
}
 +
 +
/* ==========================================================================
 +
  Figures
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses margin not present in IE 8/9 and Safari 5.
 +
*/
 +
 +
figure {
 +
    margin: 0;
 +
}
 +
 +
/* ==========================================================================
 +
  Forms
 +
  ========================================================================== */
 +
 +
/*
 +
* Define consistent border, margin, and padding.
 +
*/
 +
 +
fieldset {
 +
    border: 1px solid #c0c0c0;
 +
    margin: 0 2px;
 +
    padding: 0.35em 0.625em 0.75em;
 +
}
 +
 +
/*
 +
* 1. Corrects color not being inherited in IE 8/9.
 +
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
 +
*/
 +
 +
legend {
 +
    border: 0; /* 1 */
 +
    padding: 0; /* 2 */
 +
}
 +
 +
/*
 +
* 1. Corrects font family not being inherited in all browsers.
 +
* 2. Corrects font size not being inherited in all browsers.
 +
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 +
*/
 +
 +
button,
 +
input,
 +
select,
 +
textarea {
 +
    font-family: inherit; /* 1 */
 +
    font-size: 100%; /* 2 */
 +
    margin: 0; /* 3 */
 +
}
 +
 +
/*
 +
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 +
* the UA stylesheet.
 +
*/
 +
 +
button,
 +
input {
 +
    line-height: normal;
 +
}
 +
 +
/*
 +
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 +
*    and `video` controls.
 +
* 2. Corrects inability to style clickable `input` types in iOS.
 +
* 3. Improves usability and consistency of cursor style between image-type
 +
*    `input` and others.
 +
*/
 +
 +
button,
 +
html input[type="button"], /* 1 */
 +
input[type="reset"],
 +
input[type="submit"] {
 +
    -webkit-appearance: button; /* 2 */
 +
    cursor: pointer; /* 3 */
 +
}
 +
 +
/*
 +
* Re-set default cursor for disabled elements.
 +
*/
 +
 +
button[disabled],
 +
input[disabled] {
 +
    cursor: default;
 +
}
 +
 +
/*
 +
* 1. Addresses box sizing set to `content-box` in IE 8/9.
 +
* 2. Removes excess padding in IE 8/9.
 +
*/
 +
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
    box-sizing: border-box; /* 1 */
 +
    padding: 0; /* 2 */
 +
}
 +
 +
/*
 +
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 +
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 +
*    (include `-moz` to future-proof).
 +
*/
 +
 +
input[type="search"] {
 +
    -webkit-appearance: textfield; /* 1 */
 +
    -moz-box-sizing: content-box;
 +
    -webkit-box-sizing: content-box; /* 2 */
 +
    box-sizing: content-box;
 +
}
 +
 +
/*
 +
* Removes inner padding and search cancel button in Safari 5 and Chrome
 +
* on OS X.
 +
*/
 +
 +
input[type="search"]::-webkit-search-cancel-button,
 +
input[type="search"]::-webkit-search-decoration {
 +
    -webkit-appearance: none;
 +
}
 +
 +
/*
 +
* Removes inner padding and border in Firefox 4+.
 +
*/
 +
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
    border: 0;
 +
    padding: 0;
 +
}
 +
 +
/*
 +
* 1. Removes default vertical scrollbar in IE 8/9.
 +
* 2. Improves readability and alignment in all browsers.
 +
*/
 +
 +
textarea {
 +
    overflow: auto; /* 1 */
 +
    vertical-align: top; /* 2 */
 +
}
 +
 +
/* ==========================================================================
 +
  Tables
 +
  ========================================================================== */
 +
 +
/*
 +
* Remove most spacing between table cells.
 +
*/
 +
 +
table {
 +
    border-collapse: collapse;
 +
    border-spacing: 0;
 +
}
 +
 +
/*
 +
iGEM CONCORDIA BACKGROUNDS
 +
*/
 +
 +
#landingbg {
 +
  position: fixed;
 +
  top: -50%;
 +
  left: -50%;
 +
  width: 200%;
 +
  height: 200%;
 +
  z-index: -10;
 +
min-width: 1000px;
 +
}
 +
#landingbg img {
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 65px;
 +
  margin: auto;
 +
min-width: 1000px;
 +
}
 +
 +
#bg {
 +
  position: fixed;
 +
  top: -50%;
 +
  left: -50%;
 +
  width: 200%;
 +
  height: 200%;
 +
  z-index: -10;
 +
min-width: 1000px;
 +
}
 +
#bg img {
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 650px;
 +
  margin: auto;
 +
min-width: 1000px;
 +
}
 +
 +
 +
/* PAGE CHANGERS FOR PROJECT*/
 +
 +
#previouspage a{
 +
position: relative;
 +
float: left;
 +
display: inline-block;
 +
}
 +
 +
#previouspage img{
 +
max-height: 20px !important;
 +
max-width: 20px !important;
 +
display: inline-block;
 +
}
 +
 +
#nextpage a{
 +
position: relative;
 +
float: right;
 +
display: inline-block;
 +
}
 +
 +
#nextpage img{
 +
max-height: 20px !important;
 +
max-width: 20px !important;
 +
display: inline-block;
 +
}
 +
 +
.notebook{
 +
display: block;
 +
margin-left:auto;
 +
margin-right:auto;
 +
padding: 0 100px;
 +
}
 +
.notebook p{
 +
text-align: justify;
 +
font-size: 1.1em !important;
 +
line-height: 125%;
 +
}
 +
 +
#note {
 +
font-size: 0.9em !important;
 +
line-height: 18px !important;
 +
}
 +
#crumb a{
 +
font-size: smaller;
 +
float: left;
 +
}
 +
 +
.notebook_image img{
 +
    max-height: 100% !important;
 +
}
 +
 +
.notebook figure{
 +
display: block;
 +
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.notebook figcaption{
 +
display: block;
 +
line-height: 110%;
 +
font-size: 0.9em;
 +
margin-bottom: 15px;
 +
}
 +
 +
.tg  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:600px;}
 +
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
 +
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
 +
.tg .tg-s6z2{text-align:center}
 +
.tg .tg-pmng{background-color:#d3eadd;text-align:center}
 +
.tg .tg-hgcj{font-weight:bold;text-align:center}
 +
.tg .tg-9hxf{font-style:italic;background-color:#d3eadd;text-align:center}
 +
.tg .tg-8y28{background-color:#d3eadd;color:#000000;text-align:center}
 +
 +
ol.nest1{
 +
    list-style-type: lower-alpha;
 +
    text-align: left;
 +
}
 +
 +
ol.nest2{
 +
    list-style-type: lower-roman;
 +
    text-align: left;
 +
}
 +
 +
ul.nest1{
 +
list-style-type: circle;
 +
}
 +
 +
h4.left{
 +
text-align: left;
 +
}
 +
 +
h5.left{
 +
text-align: left;
 +
}
 +
 +
.notebook h2{
 +
line-height: 110% !important;
 +
}
 +
 +
#species{
 +
font-style: italic;
 +
}
 +
 +
.figureimage {
 +
max-height: 600px !important;
 +
border: none !important;
 +
}
 +
 +
</style>
 +
</head>
 +
</html>

Latest revision as of 02:21, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Concordia/CSS"