|
|
Line 28: |
Line 28: |
| margin: 0.67em ; | | margin: 0.67em ; |
| } | | } |
- | img {
| + | |
- | padding: 0px;
| + | /*#content .igem-logo { |
| + | width: 60px; |
| + | height: 70px; |
| margin-right: 120px; | | margin-right: 120px; |
| margin-top: 20px; | | margin-top: 20px; |
- | float: right;} | + | float: right; |
- | | + | }*/ |
- | #content .igem-logo {
| + | |
- | width: 100px;
| + | |
- | height: 110px;
| + | |
- | } | + | |
- | | + | |
| #content { background: #d0d0d0;} | | #content { background: #d0d0d0;} |
| | | |
- | a:hover {
| + | </style> |
- | text-decoration: none;}
| + | |
- | | + | |
- | .right-menu li a {
| + | |
- | padding: inherit;
| + | |
- | color: white;
| + | |
- | background-color: #606060;
| + | |
- | }
| + | |
- | | + | |
- | @import url('normalize.css');
| + | |
- | | + | |
- | /* General Layout Style of the wiki */
| + | |
- | body{
| + | |
- | /*font-family: Cambria, Georgia, serif;*/
| + | |
- | /*font-family: 'PT Sans Narrow', Arial, sans-serif;*/
| + | |
- | font-family: 'Roboto', serif;
| + | |
- | font-size:12px;
| + | |
- | /*background: #f9f9f9 url(../images/bg.jpg);*/
| + | |
- | /*background: #f0e6fa;*/
| + | |
- | background: #d0d0d0;
| + | |
- | /*font-weight: 300;*/
| + | |
- | /*font-size: 15px;*/
| + | |
- | color: #333;
| + | |
- | -webkit-font-smoothing: antialiased;
| + | |
- | overflow-y: scroll;
| + | |
- | overflow-x: hidden;
| + | |
- | width:100%;
| + | |
- | }
| + | |
- | | + | |
- | a{
| + | |
- | color: #ff9900;
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* Container for the web page */
| + | |
- | .container{
| + | |
- | width: 100%;
| + | |
- | /*position: relative;*/
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .clr{
| + | |
- | clear: both;
| + | |
- | padding: 0;
| + | |
- | height: 0;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | .main{
| + | |
- | width: 90%;
| + | |
- | margin: 0 auto;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | .container > header{
| + | |
- | margin: 0px;
| + | |
- | /*position: relative;*/
| + | |
- | display: block;
| + | |
- | /*text-shadow: 1px 1px 1px rgba(0,0,0,0.2);*/
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | .container > header h1{
| + | |
- | font-size: 32px;
| + | |
- | line-height: 32px;
| + | |
- | margin: 0;
| + | |
- | position: relative;
| + | |
- | font-weight: 300;
| + | |
- | color: #777;
| + | |
- | /*text-shadow: 1px 1px 1px rgba(255,255,255,0.7);*/
| + | |
- | }
| + | |
- | .container > header h2{
| + | |
- | font-size: 100px;
| + | |
- | font-weight: 300;
| + | |
- | font-style: italic;
| + | |
- | margin: 0;
| + | |
- | padding: 15px 0 5px 0;
| + | |
- | color: #888;
| + | |
- | /*text-shadow: 1px 1px 1px rgba(0,0,0,0.9);*/
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | /* Login bar Style */
| + | |
- | .login-bar{
| + | |
- | position: fixed;
| + | |
- | top:0%;
| + | |
- | width: 100%;
| + | |
- | line-height: 20px;
| + | |
- | font-size: 11px;
| + | |
- | /*background: #fff;*/
| + | |
- | background: rgba(224, 204, 245, 1);
| + | |
- | text-transform: uppercase;
| + | |
- | z-index: 9999;
| + | |
- | box-shadow: 0px 4px 7px rgba(0,0,0,0.25);
| + | |
- | padding: 0px 15px;
| + | |
- | }
| + | |
- | .login-bar a{
| + | |
- | padding: 0px 10px;
| + | |
- | letter-spacing: 0px;
| + | |
- | color: #333;
| + | |
- | display: inline-block;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | .login-bar a:hover{
| + | |
- | background: rgba(150, 150, 150,0.15);
| + | |
- | }
| + | |
- | .login-bar span.right{
| + | |
- | float: right;
| + | |
- | }
| + | |
- | .login-bar span.right a{
| + | |
- | float: left;
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* Le logos */
| + | |
- | .logos {
| + | |
- | overflow: hidden;
| + | |
- | padding: 0px 10px;
| + | |
- | }
| + | |
- | | + | |
- | .uni-logo {
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | | + | |
- | .mib-logo {
| + | |
- | margin-left: -10px;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- | .igem-logo {
| + | |
- | height: 100px;
| + | |
- | width: 110px;
| + | |
- | position: relative;
| + | |
- | -webkit-transition: all 0.5s ease;
| + | |
- | -moz-transition: all 0.5s ease;
| + | |
- | -o-transition: all 0.5s ease;
| + | |
- | }
| + | |
- | | + | |
- | .igem-logo:hover {
| + | |
- | height: 120px;
| + | |
- | width: 130px;
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | | + | |
- | .support-note span{
| + | |
- | color: #ac375d;
| + | |
- | font-size: 16px;
| + | |
- | display: none;
| + | |
- | font-weight: bold;
| + | |
- | text-align: center;
| + | |
- | padding: 5px 0;
| + | |
- | }
| + | |
- | .no-cssanimations .support-note span.no-cssanimations,
| + | |
- | .no-csstransforms .support-note span.no-csstransforms,
| + | |
- | .no-csstransforms3d .support-note span.no-csstransforms3d,
| + | |
- | .no-csstransitions .support-note span.no-csstransitions{
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
| + | |
- | | + | |
- | /* =============================================================================
| + | |
- | HTML5 display definitions
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects block display not defined in IE6/7/8/9 & FF3
| + | |
- | */
| + | |
- | | + | |
- | article,
| + | |
- | aside,
| + | |
- | details,
| + | |
- | figcaption,
| + | |
- | figure,
| + | |
- | footer,
| + | |
- | header,
| + | |
- | hgroup,
| + | |
- | nav,
| + | |
- | section,
| + | |
- | summary {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects inline-block display not defined in IE6/7/8/9 & FF3
| + | |
- | */
| + | |
- | | + | |
- | audio,
| + | |
- | canvas,
| + | |
- | video {
| + | |
- | display: inline-block;
| + | |
- | *display: inline;
| + | |
- | *zoom: 1;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Prevents modern browsers from displaying 'audio' without controls
| + | |
- | * Remove excess height in iOS5 devices
| + | |
- | */
| + | |
- | | + | |
- | audio:not([controls]) {
| + | |
- | display: none;
| + | |
- | height: 0;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
| + | |
- | * Known issue: no IE6 support
| + | |
- | */
| + | |
- | | + | |
- | [hidden] {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Base
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
| + | |
- | * http://clagnut.com/blog/348/#c790
| + | |
- | * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
| + | |
- | * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
| + | |
- | */
| + | |
- | | + | |
- | html {
| + | |
- | font-size: 100%; /* 1 */
| + | |
- | -webkit-text-size-adjust: 100%; /* 2 */
| + | |
- | -ms-text-size-adjust: 100%; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses font-family inconsistency between 'textarea' and other form elements.
| + | |
- | */
| + | |
- | | + | |
- | html,
| + | |
- | button,
| + | |
- | input,
| + | |
- | select,
| + | |
- | textarea {
| + | |
- | font-family: 'Roboto', sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses margins handled incorrectly in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | body {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Links
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses outline displayed oddly in Chrome
| + | |
- | */
| + | |
- | | + | |
- | a:focus {
| + | |
- | outline: thin dotted;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Improves readability when focused and also mouse hovered in all browsers
| + | |
- | * people.opera.com/patrickl/experiments/keyboard/test
| + | |
- | */
| + | |
- | | + | |
- | a:hover,
| + | |
- | a:active {
| + | |
- | outline: 0;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Typography
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses font sizes and margins set differently in IE6/7
| + | |
- | * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
| + | |
- | */
| + | |
- | | + | |
- | h1 {
| + | |
- | font-size: 3em;
| + | |
- | margin: 0.67em 0;
| + | |
- | }
| + | |
- | | + | |
- | h2 {
| + | |
- | font-size: 2em;
| + | |
- | margin: 0.83em 0;
| + | |
- | }
| + | |
- | | + | |
- | h3 {
| + | |
- | font-size: 1.2em;
| + | |
- | margin: 1em 0;
| + | |
- | }
| + | |
- | | + | |
- | h4 {
| + | |
- | font-size: 1em;
| + | |
- | margin: 1.33em 0;
| + | |
- | }
| + | |
- | | + | |
- | h5 {
| + | |
- | font-size: 0.83em;
| + | |
- | margin: 1.67em 0;
| + | |
- | }
| + | |
- | | + | |
- | h6 {
| + | |
- | font-size: 0.75em;
| + | |
- | margin: 2.33em 0;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses styling not present in IE7/8/9, S5, Chrome
| + | |
- | */
| + | |
- | | + | |
- | abbr[title] {
| + | |
- | border-bottom: 1px dotted;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
| + | |
- | */
| + | |
- | | + | |
- | b,
| + | |
- | strong {
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | | + | |
- | blockquote {
| + | |
- | margin: 1em 40px;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses styling not present in S5, Chrome
| + | |
- | */
| + | |
- | | + | |
- | dfn {
| + | |
- | font-style: italic;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses styling not present in IE6/7/8/9
| + | |
- | */
| + | |
- | | + | |
- | mark {
| + | |
- | background: #ff0;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses margins set differently in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | p,
| + | |
- | pre {
| + | |
- | margin: 1em 0;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects font family set oddly in IE6, S4/5, Chrome
| + | |
- | * en.wikipedia.org/wiki/User:Davidgothberg/Test59
| + | |
- | */
| + | |
- | | + | |
- | pre,
| + | |
- | code,
| + | |
- | kbd,
| + | |
- | samp {
| + | |
- | font-family: monospace, serif;
| + | |
- | _font-family: 'courier new', monospace;
| + | |
- | font-size: 1em;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Improves readability of pre-formatted text in all browsers
| + | |
- | */
| + | |
- | | + | |
- | pre {
| + | |
- | white-space: pre;
| + | |
- | white-space: pre-wrap;
| + | |
- | word-wrap: break-word;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Addresses CSS quotes not supported in IE6/7
| + | |
- | * 2. Addresses quote property not supported in S4
| + | |
- | */
| + | |
- | | + | |
- | /* 1 */
| + | |
- | | + | |
- | q {
| + | |
- | quotes: none;
| + | |
- | }
| + | |
- | | + | |
- | /* 2 */
| + | |
- | | + | |
- | q:before,
| + | |
- | q:after {
| + | |
- | content: '';
| + | |
- | content: none;
| + | |
- | }
| + | |
- | | + | |
- | small {
| + | |
- | font-size: 75%;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Prevents sub and sup affecting line-height in all browsers
| + | |
- | * gist.github.com/413930
| + | |
- | */
| + | |
- | | + | |
- | sub,
| + | |
- | sup {
| + | |
- | font-size: 75%;
| + | |
- | line-height: 0;
| + | |
- | position: relative;
| + | |
- | vertical-align: baseline;
| + | |
- | }
| + | |
- | | + | |
- | sup {
| + | |
- | top: -0.5em;
| + | |
- | }
| + | |
- | | + | |
- | sub {
| + | |
- | bottom: -0.25em;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Lists
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses margins set differently in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | dl,
| + | |
- | menu,
| + | |
- | ol,
| + | |
- | ul {
| + | |
- | margin: 1em 0;
| + | |
- | }
| + | |
- | | + | |
- | dd {
| + | |
- | margin: 0 0 0 40px;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses paddings set differently in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | menu,
| + | |
- | ol,
| + | |
- | ul {
| + | |
- | padding: 0 0 0 40px;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects list images handled incorrectly in IE7
| + | |
- | */
| + | |
- | | + | |
- | nav ul,
| + | |
- | nav ol {
| + | |
- | list-style: none;
| + | |
- | list-style-image: none;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Embedded content
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
| + | |
- | * 2. Improves image quality when scaled in IE7
| + | |
- | * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
| + | |
- | */
| + | |
- | | + | |
- | img {
| + | |
- | border: 0; /* 1 */
| + | |
- | -ms-interpolation-mode: bicubic; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects overflow displayed oddly in IE9
| + | |
- | */
| + | |
- | | + | |
- | svg:not(:root) {
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Figures
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses margin not present in IE6/7/8/9, S5, O11
| + | |
- | */
| + | |
- | | + | |
- | figure {
| + | |
- | margin: 0;
| + | |
- | -webkit-margin-before: 0;
| + | |
- | -webkit-margin-after: 0;
| + | |
- | -webkit-margin-start: 0;
| + | |
- | -webkit-margin-end: 0;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* =============================================================================
| + | |
- | Forms
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /*
| + | |
- | * Corrects margin displayed oddly in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | form {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 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 IE6/7/8/9
| + | |
- | * 2. Corrects text not wrapping in FF3
| + | |
- | * 3. Corrects alignment displayed oddly in IE6/7
| + | |
- | */
| + | |
- | | + | |
- | legend {
| + | |
- | border: 0; /* 1 */
| + | |
- | padding: 0;
| + | |
- | white-space: normal; /* 2 */
| + | |
- | *margin-left: -7px; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Corrects font size not being inherited in all browsers
| + | |
- | * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
| + | |
- | * 3. Improves appearance and consistency in all browsers
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | input,
| + | |
- | select,
| + | |
- | textarea {
| + | |
- | font-size: 100%; /* 1 */
| + | |
- | margin: 0; /* 2 */
| + | |
- | vertical-align: baseline; /* 3 */
| + | |
- | *vertical-align: middle; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | input {
| + | |
- | line-height: normal; /* 1 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Improves usability and consistency of cursor style between image-type 'input' and others
| + | |
- | * 2. Corrects inability to style clickable 'input' types in iOS
| + | |
- | * 3. Removes inner spacing in IE7 without affecting normal text inputs
| + | |
- | * Known issue: inner spacing remains in IE6
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | input[type="button"],
| + | |
- | input[type="reset"],
| + | |
- | input[type="submit"] {
| + | |
- | cursor: pointer; /* 1 */
| + | |
- | -webkit-appearance: button; /* 2 */
| + | |
- | *overflow: visible; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Re-set default cursor for disabled elements
| + | |
- | */
| + | |
- | | + | |
- | button[disabled],
| + | |
- | input[disabled] {
| + | |
- | cursor: default;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Addresses box sizing set to content-box in IE8/9
| + | |
- | * 2. Removes excess padding in IE8/9
| + | |
- | * 3. Removes excess padding in IE7
| + | |
- | Known issue: excess padding remains in IE6
| + | |
- | */
| + | |
- | | + | |
- | input[type="checkbox"],
| + | |
- | input[type="radio"] {
| + | |
- | box-sizing: border-box; /* 1 */
| + | |
- | padding: 0; /* 2 */
| + | |
- | *height: 13px; /* 3 */
| + | |
- | *width: 13px; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Addresses appearance set to searchfield in S5, Chrome
| + | |
- | * 2. Addresses box-sizing set to border-box in S5, 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 S5, Chrome on OS X
| + | |
- | */
| + | |
- | | + | |
- | input[type="search"]::-webkit-search-decoration,
| + | |
- | input[type="search"]::-webkit-search-cancel-button {
| + | |
- | -webkit-appearance: none;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * Removes inner padding and border in FF3+
| + | |
- | * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
| + | |
- | */
| + | |
- | | + | |
- | button::-moz-focus-inner,
| + | |
- | input::-moz-focus-inner {
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | /*
| + | |
- | * 1. Removes default vertical scrollbar in IE6/7/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;
| + | |
- | }
| + | |
- | /* Addition */
| + | |
- | /* Apply a natural box layout model to all elements */
| + | |
- | /* Read this post by Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
| + | |
- | * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
| + | |
- | </style>
| + | |
| | | |
| <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/coming-soon.css?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2014.igem.org/Team:Manchester/css/coming-soon.css?action=raw&ctype=text/css" type="text/css"> |