Template:Team:Bielefeld-Germany/css/ribbon.css

From 2013.igem.org

(Difference between revisions)
m
 
(215 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
.ribbon {
.ribbon {
   margin-left: -18px;
   margin-left: -18px;
   margin-top: 0px;
   margin-top: 0px;
-
  height: 70px;
 
   width: 1035px;
   width: 1035px;
   position: absolute;
   position: absolute;
Line 11: Line 11:
   text-align: bottom;
   text-align: bottom;
   font-size: 17px!important;
   font-size: 17px!important;
-
   background: #e35c03;
+
    
-
   background: -webkit-gradient(linear, left top, left bottom, from(#e35c03), to(#ff6600));
+
   background: -webkit-gradient(linear, left top, left bottom, from(#e67b09), to(#ff6600));
-
   background: -webkit-linear-gradient(top, #e35c03, #ff6600);
+
 
-
   background: -moz-linear-gradient(top, #e35c03, #ff6600);
+
   background: -webkit-linear-gradient(top, #ff6600, #e67b09,);
-
   background: -ms-linear-gradient(top, #e35c03, #ff6600);
+
 
-
   background: -o-linear-gradient(top, #e35c03, #ff6600);
+
   background: -moz-linear-gradient(top, #e67b09, #ff6600);
-
   background-image: -ms-linear-gradient(top, #e35c03 0%, #ff6600 100%);
+
   background: -ms-linear-gradient(top, #e67b09, #ff6600);
 +
   background: -o-linear-gradient(top, #e67b09, #ff6600);
 +
   background-image: -ms-linear-gradient(top, #e67b09 0%, #ff6600 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
Line 50: Line 52:
   display: block;
   display: block;
   bottom: -1em;
   bottom: -1em;
-
   border: 1.5em solid #FF6600;
+
   border: 1.5em solid #ff6600;
   z-index: -1;
   z-index: -1;
-
 
   }
   }
.ribbon:before {
.ribbon:before {
Line 87: Line 88:
   }
   }
.ribbon-stitches-top {
.ribbon-stitches-top {
 +
  color:lightgrey;
   margin-top:2px;
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
 +
  border-top: solid;
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
Line 94: Line 97:
   }
   }
.ribbon-stitches-bottom {
.ribbon-stitches-bottom {
-
   margin-bottom:2px;
+
  color:lightgrey;
 +
   margin-top:40px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
 +
  border-top: solid;
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
Line 118: Line 123:
position:relative;
position:relative;
}
}
 +
/*menuunterpunkte gesamt oben*/
/*menuunterpunkte gesamt oben*/
ul#navigation li a{
ul#navigation li a{
/*background: #FF7519;*/
/*background: #FF7519;*/
-
padding: 5px 15px;
+
padding: 5px 10px;
         margin-top: 10px;
         margin-top: 10px;
text-decoration:none;
text-decoration:none;
Line 128: Line 134:
font-family:Roboto;
font-family:Roboto;
font-variant:small-caps;
font-variant:small-caps;
-
font-size:20px;
+
font-size:15px;
-
color:#003366;
+
font-size:0.7em;
 +
  color:#003366;  
 +
        padding-left:20px;
 +
}
 +
ul ul li c{
 +
        clear:both;
 +
/*background: #FF7519;*/
 +
padding: 5px 10px;
 +
        margin-top: 5px;
 +
text-decoration:none;
 +
display:inline-block;
 +
font-family:Roboto;
 +
font-variant:small-caps;
 +
font-size:12px;
 +
  color:#003366;
}
}
-
ul#navigation li a:hover {
+
 
 +
 
 +
ul#navigation li a:hover{
   /* background:#ff6600;*/
   /* background:#ff6600;*/
     color:grey;
     color:grey;
Line 142: Line 164:
/*background:#ff6600;*/
/*background:#ff6600;*/
     color:white;
     color:white;
-
 
}
}
 +
ul#navigation li:hover > c {
 +
/*background:#ff6600;*/
 +
    color:white;
 +
}
 +
 +
 +
ul#navigation li:hover > ul {
ul#navigation li:hover > ul {
Line 185: Line 213:
/*runtergeklappte Menupunkte, einzeln*/
/*runtergeklappte Menupunkte, einzeln*/
ul#navigation ul li a {
ul#navigation ul li a {
-
font-size:16px;
+
font-size:14px;
     background:#FF6600;
     background:#FF6600;
     padding:7px 10px;
     padding:7px 10px;
     color:#003366;
     color:#003366;
-
    text-shadow:0px 0px 0px #fff;
+
  /* text-shadow:0px 0px 0px #fff;*/
     text-decoration:none;
     text-decoration:none;
     display:inline;
     display:inline;
     float:left;
     float:left;
     clear:both;
     clear:both;
-
     width:100px;
+
     width:150px;
 +
    text-align:left;
 +
    border-style:none none none groove;
 +
    border-radius:0px;
 +
    margin-top:0px;
 +
    font-size:0.6em;
 +
}
 +
 
 +
/*unter runter liste*/
 +
ul#navigation ul ul{
 +
font-size:14px;
 +
    background:#ff6600;
 +
 
 +
    color:#003366;
 +
  /* text-shadow:0px 0px 0px #fff;*/
 +
    text-decoration:none;
 +
    display:inline-block;
 +
    float:left;
 +
    clear:both;
 +
    width:150px;
     text-align:left;
     text-align:left;
     border-style:none none none groove;
     border-style:none none none groove;
     border-radius:1px;
     border-radius:1px;
     margin-top:0px;
     margin-top:0px;
 +
    font-size:0.6em;
 +
}
 +
 +
 +
ul#navigation ul ul li {
}
}
 +
ul#navigation ul ul a:hover {
 +
    color:#000000;
 +
}
 +
 +
 +
 +
/#######################*css reset#########################################*/
 +
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
 +
 +
/* ==========================================================================
 +
  HTML5 display definitions
 +
  ========================================================================== */
 +
 +
/*
 +
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 +
*/
 +
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
nav,
 +
section,
 +
summary {
 +
    display: block;
 +
}
 +
 +
/*
 +
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 +
*/
 +
 +
audio,
 +
canvas,
 +
video {
 +
    display: inline-block;
 +
    *display: inline;
 +
    *zoom: 1;
 +
}
 +
 +
/*
 +
* 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 7/8/9, Firefox 3,
 +
* and Safari 4.
 +
* Known issue: no IE 6 support.
 +
*/
 +
 +
[hidden] {
 +
    display: none;
 +
}
 +
 +
/* ==========================================================================
 +
  Base
 +
  ========================================================================== */
 +
 +
/*
 +
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 +
*    `em` units.
 +
* 2. Prevents iOS text size adjust after orientation change, 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: sans-serif;
 +
}
 +
 +
/*
 +
* Addresses margins handled incorrectly in IE 6/7.
 +
*/
 +
 +
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 font sizes and margins set differently in IE 6/7.
 +
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 +
* and Chrome.
 +
*/
 +
 +
h1 {
 +
    font-size: 2em;
 +
    margin: 0.67em 0;
 +
}
 +
 +
h2 {
 +
    font-size: 1.5em;
 +
    margin: 0.83em 0;
 +
}
 +
 +
h3 {
 +
    font-size: 1.17em;
 +
    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 IE 7/8/9, Safari 5, and Chrome.
 +
*/
 +
 +
abbr[title] {
 +
    border-bottom: 1px dotted;
 +
}
 +
 +
/*
 +
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 +
*/
 +
 +
b,
 +
strong {
 +
    font-weight: bold;
 +
}
 +
 +
blockquote {
 +
    margin: 1em 40px;
 +
}
 +
 +
/*
 +
* Addresses styling not present in Safari 5 and Chrome.
 +
*/
 +
 +
dfn {
 +
    font-style: italic;
 +
}
 +
 +
/*
 +
* Addresses styling not present in IE 6/7/8/9.
 +
*/
 +
 +
mark {
 +
    background: #ff0;
 +
    color: #000;
 +
}
 +
 +
/*
 +
* Addresses margins set differently in IE 6/7.
 +
*/
 +
 +
p,
 +
pre {
 +
    margin: 1em 0;
 +
}
 +
 +
/*
 +
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 +
*/
 +
 +
code,
 +
kbd,
 +
pre,
 +
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;
 +
}
 +
 +
/*
 +
* Addresses CSS quotes not supported in IE 6/7.
 +
*/
 +
 +
q {
 +
    quotes: none;
 +
}
 +
 +
/*
 +
* Addresses `quotes` property not supported in Safari 4.
 +
*/
 +
 +
q:before,
 +
q:after {
 +
    content: '';
 +
    content: none;
 +
}
 +
 +
small {
 +
    font-size: 75%;
 +
}
 +
 +
/*
 +
* 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;
 +
}
 +
 +
/* ==========================================================================
 +
  Lists
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses margins set differently in IE 6/7.
 +
*/
 +
 +
dl,
 +
menu,
 +
ol,
 +
ul {
 +
    margin: 1em 0;
 +
}
 +
 +
dd {
 +
    margin: 0 0 0 40px;
 +
}
 +
 +
/*
 +
* Addresses paddings set differently in IE 6/7.
 +
*/
 +
 +
menu,
 +
ol,
 +
ul {
 +
    padding: 0 0 0 40px;
 +
}
 +
 +
/*
 +
* Corrects list images handled incorrectly in IE 7.
 +
*/
 +
 +
nav ul,
 +
nav ol {
 +
    list-style: none;
 +
    list-style-image: none;
 +
}
 +
 +
/* ==========================================================================
 +
  Embedded content
 +
  ========================================================================== */
 +
 +
/*
 +
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 +
* 2. Improves image quality when scaled in IE 7.
 +
*/
 +
 +
img {
 +
    border: 0; /* 1 */
 +
    -ms-interpolation-mode: bicubic; /* 2 */
 +
}
 +
 +
/*
 +
* Corrects overflow displayed oddly in IE 9.
 +
*/
 +
 +
svg:not(:root) {
 +
    overflow: hidden;
 +
}
 +
 +
/* ==========================================================================
 +
  Figures
 +
  ========================================================================== */
 +
 +
/*
 +
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 +
*/
 +
 +
figure {
 +
    margin: 0;
 +
}
 +
 +
/* ==========================================================================
 +
  Forms
 +
  ========================================================================== */
 +
 +
/*
 +
* Corrects margin displayed oddly in IE 6/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 IE 6/7/8/9.
 +
* 2. Corrects text not wrapping in Firefox 3.
 +
* 3. Corrects alignment displayed oddly in IE 6/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 IE 6/7, Firefox 3+, Safari 5,
 +
*    and 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 Firefox 3+ 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.
 +
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 +
*    Known issue: inner spacing remains in IE 6.
 +
*/
 +
 +
button,
 +
html input[type="button"], /* 1 */
 +
input[type="reset"],
 +
input[type="submit"] {
 +
    -webkit-appearance: button; /* 2 */
 +
    cursor: pointer; /* 3 */
 +
    *overflow: visible;  /* 4 */
 +
}
 +
 +
/*
 +
* 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.
 +
* 3. Removes excess padding in IE 7.
 +
*    Known issue: excess padding remains in IE 6.
 +
*/
 +
 +
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 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 3+.
 +
*/
 +
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
    border: 0;
 +
    padding: 0;
 +
}
 +
 +
/*
 +
* 1. Removes default vertical scrollbar in IE 6/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;
 +
}

Latest revision as of 19:27, 27 October 2013

Retrieved from "http://2013.igem.org/Template:Team:Bielefeld-Germany/css/ribbon.css"