Template:Team:Concordia/CSS

From 2014.igem.org

(Difference between revisions)
(Created page with "- Fix Wiki Default CSS: #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}; #top-section { border: 0 no...")
(Blanked the page)
Line 1: Line 1:
-
/*Fix Wiki Default CSS*/
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;};
 
-
 
-
#top-section {
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
 
-
#globalWrapper, #content {
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
background-color: transparent;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
 
-
html, body {
 
-
width: 100%;
 
-
height: 100%;
 
-
}
 
-
 
-
/*Main Page and Generic Header + Body *****************************************/
 
-
 
-
body {
 
-
background: #3b8b5a;
 
-
font-family: 'Ubuntu', sans-serif;
 
-
font-size: 12pt;
 
-
color: rgba(0,0,0,0.55);
 
-
text-align: center;
 
-
}
 
-
 
-
h1, h2, h3 {
 
-
color: #414141;
 
-
}
 
-
 
-
p {
 
-
line-height: 180%;
 
-
}
 
-
 
-
ul {
 
-
list-style: none;
 
-
}
 
-
 
-
a {
 
-
color: #3b8b5a;
 
-
}
 
-
 
-
a:hover {
 
-
text-decoration: none;
 
-
}
 
-
 
-
#header {
 
-
overflow: hidden;
 
-
background: #3b8b5a;
 
-
background: -moz-radial-gradient(#3b8b5a,#002212);
 
-
background: -webkit-gradient(#3b8b5a,#002212);
 
-
background: radial-gradient(#3b8b5a,#002212);
 
-
text-align: center;
 
-
margin: 0px auto;
 
-
width: 100%;
 
-
display: block;
 
-
min-width: 60em;
 
-
}
 
-
 
-
#logo {
 
-
padding-top: 1em;
 
-
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 
-
}
 
-
 
-
#logo h1 {
 
-
padding-top: 0.50em;
 
-
font-size: 5em;
 
-
}
 
-
 
-
#logo a {
 
-
text-decoration: none;
 
-
color: #FFF;
 
-
}
 
-
 
-
#logo p {
 
-
color: #FFF;
 
-
font-size: 3em;
 
-
position: relative;
 
-
top: -0.5em;
 
-
}
 
-
 
-
#menu {
 
-
height: 70px;
 
-
min-width: 60em;
 
-
}
 
-
 
-
#menu ul {
 
-
display: inline-block;
 
-
text-align: center;
 
-
position: relative;
 
-
right: 1.3em;
 
-
}
 
-
 
-
#menu li {
 
-
display: inline-block;
 
-
padding: 0em 0.5em;
 
-
}
 
-
 
-
#menu li a {
 
-
display: inline-block;
 
-
text-transform: uppercase;
 
-
line-height: 60px;
 
-
color: #FFF;
 
-
padding: 0em 4.5em;
 
-
text-decoration: none;
 
-
font-size: 1em;
 
-
font-weight: 700;
 
-
}
 
-
 
-
#menu li:hover a, #menu li#maintab a {
 
-
background: #FFF;
 
-
border-radius: 7px 7px 0px 0px;
 
-
color: #3b8b5a;
 
-
}
 
-
 
-
#wrapper
 
-
{
 
-
overflow: hidden;
 
-
background: #FFF;
 
-
padding: 3em 150px 2em 150px;
 
-
min-width: 42em;
 
-
}
 
-
 
-
#mainbody {
 
-
margin-bottom: 3.5em;
 
-
}
 
-
 
-
#mainbody h2 {
 
-
font-size: 2.5em;
 
-
margin-bottom: 1em;
 
-
}
 
-
 
-
#mainbody p {
 
-
font-size: 1.3em;
 
-
}
 
-
 
-
#mainbody img {
 
-
max-height: 350px;
 
-
}
 
-
 
-
#social {
 
-
position: relative;
 
-
top: -2em;
 
-
}
 
-
 
-
#social span {
 
-
padding: 0em 1.8em;
 
-
}
 
-
 
-
/*Team Page *******************************************************************/
 
-
 
-
.biorow1 {
 
-
height: 300px;
 
-
}
 
-
 
-
.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: 0em 0em;
 
-
line-height: 120%;
 
-
position: relative;
 
-
bottom: 0.8em;
 
-
text-align: center;
 
-
}
 
-
 
-
.biorow2 {
 
-
height: 300px;
 
-
}
 
-
 
-
.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: 0em 0em;
 
-
line-height: 120%;
 
-
position: relative;
 
-
bottom: 0.8em;
 
-
text-align: center;
 
-
}
 
-
 
-
/*Project Page *******************************************************************/
 
-
.projectdescription {
 
-
text-align: justify;
 
-
}
 
-
 
-
.projectdescription img {
 
-
border: 2px solid rgba(0,0,0,0.55);
 
-
border-radius: 10px;
 
-
display: block;
 
-
margin:0 auto !important;
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
/*! 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;
 
-
}
 

Revision as of 18:05, 12 August 2014