"

From 2014.igem.org

Revision as of 23:20, 13 August 2014 (view source) TafMac (Talk | contribs) ← Older edit		Latest revision as of 23:31, 14 August 2014 (view source) TafMac (Talk | contribs)
Line 20:		Line 20:
	#content section,		#content section,
	#content summary {		#content summary {
-	display: block;	+	display: inline-block;
	}		}

---

Latest revision as of 23:31, 14 August 2014

/*! 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
*/

1. content article,
2. content aside,
3. content details,
4. content figcaption,
5. content figure,
6. content footer,
7. content header,
8. content hgroup,
9. content nav,
10. content section,
11. content summary {

   display: inline-block;

}

/*

* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/

1. content audio,
2. content canvas,
3. content video {

   display: inline-block;
   *display: inline;
   *zoom: 1;

}

/*

* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/

1. content 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
*/

1. content [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.
*/

1. content html,
2. content button,
3. content input,
4. content select,
5. content textarea {

   font-family: 'Roboto', sans-serif;

}

/*

* Addresses margins handled incorrectly in IE6/7
*/

1. content body {

   margin: 0;

}

/* =============================================================================

  Links
  ========================================================================== */

/*

* Addresses outline displayed oddly in Chrome
*/

1. content a:focus {

   outline: thin dotted;

}

/*

* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/

1. content a:hover,
2. content 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
*/

1. content h1 {

   font-size: 3em;
   margin: 0.67em 0;

}

1. content h2 {

   font-size: 2em;
   margin: 0.83em 0;

}

1. content h3 {

   font-size: 1.2em;
   margin: 1em 0;

}

1. content h4 {

   font-size: 1em;
   margin: 1.33em 0;

}

1. content h5 {

   font-size: 0.83em;
   margin: 1.67em 0;

}

1. content h6 {

   font-size: 0.75em;
   margin: 2.33em 0;

}

/*

* Addresses styling not present in IE7/8/9, S5, Chrome
*/

1. content abbr[title] {

   border-bottom: 1px dotted;

}

/*

* Addresses style set to 'bolder' in FF3+, S4/5, Chrome

• /

1. content b,
2. content strong {

   font-weight: bold;

}

1. content blockquote {

   margin: 1em 40px;

}

/*

* Addresses styling not present in S5, Chrome
*/

1. content dfn {

   font-style: italic;

}

/*

* Addresses styling not present in IE6/7/8/9
*/

1. content mark {

   background: #ff0;
   color: #000;

}

/*

* Addresses margins set differently in IE6/7
*/

1. content p,
2. content pre {

   margin: 1em 0;

}

/*

* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/

1. content pre,
2. content code,
3. content kbd,
4. content samp {

   font-family: 'Roboto', serif;
   _font-family: 'Roboto', monospace;
   font-size: 1em;

}

/*

* Improves readability of pre-formatted text in all browsers
*/

1. content 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 */

1. content q {

   quotes: none;

}

/* 2 */

1. content q:before,
2. content q:after {

   content: ;
   content: none;

}

1. content small {

   font-size: 75%;

}

/*

* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/

1. content sub,
2. content sup {

   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;

}

1. content sup {

   top: -0.5em;

}

1. content sub {

   bottom: -0.25em;

}

/* =============================================================================

  Lists
  ========================================================================== */

/*

* Addresses margins set differently in IE6/7
*/

1. content dl,
2. content menu,
3. content ol,
4. content ul {

   margin: 1em 0;

}

1. content dd {

   margin: 0 0 0 40px;

}

/*

* Addresses paddings set differently in IE6/7
*/

1. content menu,
2. content ol,
3. content ul {

   padding: 0 0 0 40px;

}

/*

* Corrects list images handled incorrectly in IE7
*/

1. content nav ul,
2. content 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/
*/

1. content img {

   border: 0; /* 1 */
   -ms-interpolation-mode: bicubic; /* 2 */

}

/*

* Corrects overflow displayed oddly in IE9
*/

1. content svg:not(:root) {

   overflow: hidden;

}

/* =============================================================================

  Figures
  ========================================================================== */

/*

* Addresses margin not present in IE6/7/8/9, S5, O11
*/

1. content 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
*/

1. content form {

   margin: 0;

}

/*

* Define consistent border, margin, and padding
*/

1. content 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
*/

1. content 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
*/

1. content button,
2. content input,
3. content select,
4. content 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
*/

1. content button,
2. content 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
*/

1. content button,
2. content input[type="button"],
3. content input[type="reset"],
4. content input[type="submit"] {

   cursor: pointer; /* 1 */
   -webkit-appearance: button; /* 2 */
   *overflow: visible;  /* 3 */

}

/*

* Re-set default cursor for disabled elements
*/

1. content button[disabled],
2. content 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
*/

1. content input[type="checkbox"],
2. content 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)
*/

1. content 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
*/

1. content input[type="search"]::-webkit-search-decoration,
2. content 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/
*/

1. content button::-moz-focus-inner,
2. content 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
*/

1. content textarea {

   overflow: auto; /* 1 */
   vertical-align: top; /* 2 */

}

/* =============================================================================

  Tables
  ========================================================================== */

/*

* Remove most spacing between table cells
*/

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