851 lines
15 KiB
CSS
851 lines
15 KiB
CSS
/* ---( = begin global reset thanks to eric meyer elements )------------------------------- */
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, em, font, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td {
|
|
margin : 0;
|
|
padding : 0;
|
|
border : 0;
|
|
outline : 0;
|
|
font-weight : inherit;
|
|
font-style : inherit;
|
|
font-size : 100%;
|
|
font-family : inherit;
|
|
vertical-align : baseline;
|
|
}
|
|
|
|
/* remember to define focus styles! */
|
|
:focus {
|
|
outline : 0;
|
|
}
|
|
|
|
body {
|
|
line-height : 1;
|
|
color : black;
|
|
background : white;
|
|
}
|
|
|
|
ol, ul {
|
|
list-style : none;
|
|
}
|
|
|
|
/* tables still need 'cellspacing="0"' in the markup */
|
|
table {
|
|
border-collapse : separate;
|
|
border-spacing : 0;
|
|
}
|
|
|
|
caption, th, td {
|
|
text-align : left;
|
|
font-weight : normal;
|
|
}
|
|
|
|
blockquote:before, blockquote:after, q:before, q:after {
|
|
content : "";
|
|
}
|
|
|
|
blockquote, q {
|
|
quotes : "" "";
|
|
}
|
|
|
|
/* travis-ci styles */
|
|
|
|
body {
|
|
margin : 0 auto;
|
|
color : #595959;
|
|
background : #fff;
|
|
font-family : 'Source Sans Pro', sans-serif; font-weight: 400;
|
|
font-size : 15px;
|
|
line-height : 1.2em;
|
|
}
|
|
|
|
a {
|
|
color : #337389;
|
|
outline : none;
|
|
text-decoration : underline;
|
|
}
|
|
|
|
a:visited {
|
|
color : #337389;
|
|
|
|
}
|
|
|
|
a:hover {
|
|
color : #a53230;
|
|
text-decoration : none;
|
|
}
|
|
|
|
p, ul, blockquote, pre, td, th, label {
|
|
margin : 1.4286em 0;
|
|
font-size : 1em;
|
|
line-height : 1.4286;
|
|
}
|
|
|
|
blockquote {
|
|
font-style : italic;
|
|
margin-left : 1em;
|
|
}
|
|
|
|
blockquote small.author {
|
|
font-style : normal;
|
|
margin-top : 10px;
|
|
text-align : right;
|
|
}
|
|
|
|
blockquote small.author:after {
|
|
content : ":";
|
|
}
|
|
|
|
p small.author {
|
|
margin : 0;
|
|
}
|
|
|
|
ul, ol {
|
|
margin : 1.4286em 0;
|
|
text-align : left;
|
|
}
|
|
|
|
li {
|
|
line-height : 1.4286;
|
|
}
|
|
|
|
table {
|
|
border-collapse : collapse;
|
|
margin-bottom : 1.5em;
|
|
}
|
|
|
|
strong {
|
|
font-family : 'Source Sans Pro', sans-serif; font-weight: 600;
|
|
color : #337389;
|
|
font-weight : bold;
|
|
}
|
|
|
|
em {
|
|
font-style : italic;
|
|
}
|
|
span.help {
|
|
font-style : italic;
|
|
background-color : #c6c5ab;
|
|
font-family : 'Source Sans Pro', sans-serif; font-weight: 600;
|
|
}
|
|
|
|
pre {
|
|
margin-top : 1em;
|
|
padding : 1em 1.5em;
|
|
line-height : 1.5em;
|
|
border : 1px solid #ddd;
|
|
background : #fafafa;
|
|
border-bottom-left-radius : 8px 8px;
|
|
border-bottom-right-radius : 8px 8px;
|
|
border-top-left-radius : 8px 8px;
|
|
border-top-right-radius : 8px 8px;
|
|
font-family : monospace;
|
|
font-size : 13px;
|
|
overflow-x : scroll;
|
|
}
|
|
|
|
p > code, div > code, li > code {
|
|
background-color : #fafafa;
|
|
border : 1px solid #e0e0e0;
|
|
color : #333;
|
|
padding : 0px 0.2em;
|
|
font-family : monospace;
|
|
font-size : 13.3px;
|
|
}
|
|
|
|
.wrapper {
|
|
width : 909px;
|
|
padding : 0 14px 0 14px;
|
|
margin : 0 auto;
|
|
text-align : left;
|
|
overflow : hidden;
|
|
position : relative;
|
|
}
|
|
|
|
div#navigation {
|
|
clear : both;
|
|
margin : 0 0 0 0;
|
|
padding : .8em 0 .4em 0;
|
|
overflow : hidden;
|
|
background : #40454f;
|
|
color : #2f333a;
|
|
border-bottom : 0;
|
|
}
|
|
|
|
div#navigation .wrapper {
|
|
width : 909px;
|
|
}
|
|
|
|
div#navigation .wrapper a#logo {
|
|
color : #fff;
|
|
display : block;
|
|
float : left;
|
|
font-weight : 800;
|
|
font-size : 1.1em;
|
|
line-height : 1.2em;
|
|
margin : 0em 1em 0 0;
|
|
padding : 0 1em 0 0;
|
|
text-decoration : none;
|
|
}
|
|
|
|
div#navigation .wrapper a#logo span {
|
|
color : #bbbaba;
|
|
}
|
|
|
|
div#navigation ul {
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
|
|
div#navigation ul li {
|
|
margin : 0;
|
|
font-size : 14px;
|
|
color : #ffffff;
|
|
padding : 0;
|
|
float : left;
|
|
line-height : 2.6em;
|
|
}
|
|
|
|
div#navigation ul li.right {
|
|
float : right;
|
|
border-left : none;
|
|
}
|
|
|
|
div#navigation ul li a,
|
|
div#navigation ul li a:visited {
|
|
color : #efeaea;
|
|
display : block;
|
|
padding : 0em 1em 0 1em ;
|
|
text-decoration : none;
|
|
}
|
|
|
|
div#navigation ul li a:hover,
|
|
div#navigation ul li a:visited {
|
|
text-decoration : underline;
|
|
}
|
|
|
|
div#navigation ul li.selected a,
|
|
div#navigation ul li.selected a:visited {
|
|
text-decoration : none;
|
|
color : #efeaea;
|
|
}
|
|
|
|
div#navigation ul li.active a,
|
|
div#navigation ul li.selected a:visited {
|
|
text-decoration : none;
|
|
color : #efeaea;
|
|
}
|
|
|
|
.logo-home img {
|
|
max-width : 72px;
|
|
display : inline-block;
|
|
float : left;
|
|
padding-right : 14px;
|
|
vertical-align : middle;
|
|
}
|
|
|
|
div#content {
|
|
clear : both;
|
|
margin : 0 auto 3em auto;
|
|
padding : 0 0 0;
|
|
text-align : center;
|
|
overflow : hidden;
|
|
}
|
|
|
|
div#content div.pad {
|
|
margin-left : 20px;
|
|
margin-right : 20px;
|
|
}
|
|
|
|
div#main {
|
|
float : left;
|
|
width : 550px;
|
|
overflow : hidden;
|
|
padding-top : 2em;
|
|
}
|
|
|
|
#main ul,
|
|
#main ul li {
|
|
color : #a53f3f;
|
|
list-style-type : disc;
|
|
}
|
|
|
|
#main ol,
|
|
#main ol li {
|
|
list-style-type : decimal;
|
|
}
|
|
|
|
#main li {
|
|
margin-left : 1.4286em;
|
|
}
|
|
|
|
#main ol li ul {
|
|
font-size : 0.8571em;
|
|
margin : 1em 0;
|
|
}
|
|
#main ol li ul li {
|
|
list-style-type : circle;
|
|
}
|
|
|
|
.clear {
|
|
clear : both;
|
|
}
|
|
|
|
#main figure {
|
|
clear : both !important;
|
|
width : 578px;
|
|
border : 1px solid #efefef;
|
|
text-align : center;
|
|
margin : 0px;
|
|
border-radius : 4px;
|
|
}
|
|
|
|
#main figure figcaption {
|
|
background-color : #efefef;
|
|
text-align : left;
|
|
font-size : 80%;
|
|
padding : 5px 10px;
|
|
}
|
|
|
|
#main figure img {
|
|
max-width : 570px;
|
|
margin : 4px;
|
|
}
|
|
|
|
#main figure.left {
|
|
margin-bottom : 1.4286em;
|
|
margin-right : 1.4286em;
|
|
float : left;
|
|
}
|
|
|
|
#main figure.right {
|
|
margin-bottom : 1.4286em;
|
|
margin-left : 1.4286em;
|
|
float : right;
|
|
}
|
|
|
|
#main figure.smallest {
|
|
width : 138px;
|
|
}
|
|
|
|
#main figure.smallest img {
|
|
width : 130px;
|
|
}
|
|
|
|
|
|
#main figure.smaller {
|
|
width : 208px;
|
|
}
|
|
|
|
#main figure.smaller img {
|
|
width : 200px;
|
|
}
|
|
|
|
#main figure.small {
|
|
width : 258px;
|
|
}
|
|
|
|
#main figure.small img {
|
|
max-width : 250px;
|
|
}
|
|
|
|
div#sidebar {
|
|
float : right;
|
|
width : 325px;
|
|
overflow : hidden;
|
|
padding-top : 0;
|
|
}
|
|
|
|
#sidebar ul {
|
|
margin : 0 0 1.5em 0;
|
|
padding : 0;
|
|
}
|
|
|
|
#sidebar p {
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
|
|
#sidebar p,
|
|
#sidebar ul li p,
|
|
#sidebar ul li a,
|
|
#sidebar ul li a:visited {
|
|
display : block;
|
|
text-decoration : none;
|
|
padding : 6px 0 6px 20px;
|
|
border-top : 1px solid #efefef;
|
|
}
|
|
|
|
#sidebar ul li a:hover,
|
|
#sidebar ul li a:visited:hover {
|
|
text-decoration : underline;
|
|
}
|
|
|
|
#sidebar ul li.selected a,
|
|
#sidebar ul li.selected a:visited {
|
|
color : #6c3;
|
|
background : #efefef;
|
|
margin-left : 0;
|
|
padding-left : 20px;
|
|
}
|
|
|
|
#sidebar ul li ul {
|
|
border-bottom : 0;
|
|
list-style-type : disc;
|
|
margin-bottom : 0.5em;
|
|
}
|
|
|
|
#sidebar ul li ul li {
|
|
border-bottom : 0;
|
|
list-style-type : disc;
|
|
margin-left : 1.5em;
|
|
}
|
|
|
|
#sidebar ul li ul li a,
|
|
#sidebar ul li ul li a:visited,
|
|
#sidebar ul li.selected ul li a,
|
|
#sidebar ul li.selected ul li a:visited {
|
|
display : block;
|
|
text-decoration : none;
|
|
padding : 0;
|
|
border-top : 0;
|
|
font-weight : normal;
|
|
color : #2b4b6b;
|
|
}
|
|
|
|
#sidebar ul li ul li.selected a,
|
|
#sidebar ul li ul li.selected a:visited {
|
|
color : #444;
|
|
font-weight : normal;
|
|
}
|
|
|
|
footer {
|
|
background : #ebeae8;
|
|
padding : 28px 0 28px 0;
|
|
}
|
|
|
|
footer p {
|
|
color : #a53230;
|
|
}
|
|
|
|
#travis-logo {
|
|
float : left;
|
|
margin : 0 20px 0 0;
|
|
display : inline-block;
|
|
}
|
|
|
|
#travis-address {
|
|
clear : all;
|
|
display : inline-block;
|
|
}
|
|
|
|
.left {
|
|
float : left;
|
|
display : inline-block;
|
|
padding : 0;
|
|
}
|
|
|
|
.right {
|
|
float : right;
|
|
display : inline-block;
|
|
padding : 0;
|
|
}
|
|
|
|
footer ul li {
|
|
display : inline;
|
|
margin-left : 25px;
|
|
}
|
|
|
|
footer ul.left {
|
|
list-style-type : none;
|
|
display : inline-block;
|
|
padding : 10px 0 0 10px;
|
|
}
|
|
|
|
footer a {
|
|
color : #4d4d4d;
|
|
font-family : 'Source Sans Pro', sans-serif; font-weight: 400;
|
|
font-size : 15px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
footer a:visited {
|
|
color : #4d4d4d;
|
|
font-family : 'Source Sans Pro', sans-serif; font-weight: 400;
|
|
font-size : 15px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
#berlin-sticker {
|
|
margin : 0;
|
|
float : right;
|
|
display : block;
|
|
}
|
|
|
|
#footer-nav {
|
|
float : none;
|
|
clear : all;
|
|
display : block;
|
|
}
|
|
|
|
footer img#travis-mascot {
|
|
display : inline-block;
|
|
max-height : 80px;
|
|
}
|
|
|
|
footer img#made-in-berlin {
|
|
float : right;
|
|
display : inline-block;
|
|
max-height : 80px;
|
|
}
|
|
|
|
div footer .wrapper {
|
|
background : transparent;
|
|
width : 950px;
|
|
}
|
|
|
|
h1 {
|
|
margin : 0;
|
|
padding : 0;
|
|
font-weight : bold;
|
|
color : #337389;
|
|
}
|
|
|
|
h2, h3, h4, h5, h6 {
|
|
margin : 0;
|
|
padding : 0;
|
|
font-weight : bold;
|
|
color : #607a84;
|
|
}
|
|
|
|
h1 {
|
|
font-size : 3.2em;
|
|
line-height : 1em;
|
|
margin-bottom : 0.5em;
|
|
clear : both;
|
|
}
|
|
|
|
h2 {
|
|
color : #939386;
|
|
font-size : 1.75em;
|
|
margin-bottom : .6em;
|
|
line-height : 1em;
|
|
letter-spacing : -0.5px;
|
|
clear : both;
|
|
}
|
|
|
|
.meta {
|
|
margin-top : -1.7em;
|
|
font-size : 80%;
|
|
}
|
|
|
|
#blog .meta {
|
|
margin-top : -0.5em;
|
|
}
|
|
|
|
h3 {
|
|
font-size : 1.2em;
|
|
line-height : 1.1em;
|
|
margin-bottom : 0.5em;
|
|
}
|
|
|
|
h4 {
|
|
font-size : 0.95em;
|
|
margin-bottom : 1.25em;
|
|
height : 1.25em;
|
|
}
|
|
|
|
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
|
|
margin : 0;
|
|
}
|
|
|
|
h1 a,
|
|
h1 a:visited,
|
|
h2 a,
|
|
h2 a:visited,
|
|
h3 a,
|
|
h3 a:visited,
|
|
h4 a,
|
|
h4 a:visited,
|
|
h5 a,
|
|
h5 a:visited {
|
|
color : #464755;
|
|
text-decoration : none;
|
|
}
|
|
|
|
div#header h1 {
|
|
float : left;
|
|
width : 350px;
|
|
text-indent : -20000em;
|
|
background : transparent;
|
|
font-size : 1px;
|
|
margin : 20px 0 0 20px;
|
|
}
|
|
|
|
div#header h1 a,
|
|
div#header h1 a:visited,
|
|
div#header h1 a:hover,
|
|
div#header h1 a:visited:hover {
|
|
display : block;
|
|
width : 350px;
|
|
height : 75px;
|
|
}
|
|
|
|
div#header h1.riddle {
|
|
float : none;
|
|
width : 100%;
|
|
text-indent : 0;
|
|
background : #fff;
|
|
color : #40454f;
|
|
font-size : 4em;
|
|
margin : 20px 0 0 0;
|
|
padding : 0;
|
|
}
|
|
|
|
div#header h1.riddle a,
|
|
div#header h1.riddle a:visited,
|
|
div#header h1.riddle a:hover,
|
|
div#header h1.riddle a:visited:hover {
|
|
display : block;
|
|
width : 100%;
|
|
height : auto;
|
|
color : #40454f;
|
|
text-decoration : none;
|
|
}
|
|
|
|
div#header p {
|
|
color : #a53230;
|
|
display : block;
|
|
font-size : 1.25em;
|
|
line-height : 1.67em;
|
|
margin : 0.935em 0 1.87em 0;
|
|
padding : 0 0 1.25em 0;
|
|
border-bottom : 1px solid #ccc;
|
|
}
|
|
|
|
div#sidebar h2 {
|
|
color : #939386;
|
|
font-size : 1.2em;
|
|
letter-spacing : .5px;
|
|
text-transform : uppercase;
|
|
margin : 40px 20px 5px 20px;
|
|
}
|
|
|
|
.highlight pre {
|
|
font-family : 'Bitstream Vera Sans Mono', 'Courier', monospace;
|
|
padding : 0 1.5em;
|
|
}
|
|
|
|
.highlight br {
|
|
display : none;
|
|
}
|
|
|
|
.highlight {
|
|
background-color : #f8f8f8;
|
|
border : 1px solid silver;
|
|
font-family : 'Courier New', 'Terminal', monospace;
|
|
color : #100;
|
|
margin : 1.5em 0;
|
|
}
|
|
|
|
div#content div.pad {
|
|
margin-left : 0;
|
|
margin-right : 0;
|
|
}
|
|
|
|
div#navigation ul li.lang {
|
|
float : right;
|
|
border-left : none;
|
|
font-size : .83em;
|
|
line-height : 3em;
|
|
}
|
|
|
|
#dsq-global-toolbar ul li {
|
|
list-style-type : none;
|
|
}
|
|
|
|
.toc-anchor {
|
|
font-size : 75%;
|
|
color : #aaa;
|
|
}
|
|
|
|
hr {
|
|
border : 1px solid #ddd;
|
|
border-bottom-width : 0;
|
|
margin : 2em 0;
|
|
}
|
|
|
|
.button,
|
|
.button:active,
|
|
.button.active {
|
|
position : relative;
|
|
overflow : visible;
|
|
display : inline-block;
|
|
padding : 8px 10px;
|
|
border : 0;
|
|
margin : 0;
|
|
-webkit-border-radius : 4px;
|
|
-moz-border-radius : 4px;
|
|
-ms-border-radius : 4px;
|
|
-o-border-radius : 4px;
|
|
border-radius : 4px;
|
|
background-color : #bdc7c9;
|
|
cursor : pointer;
|
|
outline : none;
|
|
text-decoration : none;
|
|
text-transform : uppercase;
|
|
text-align : center;
|
|
font : 10px;
|
|
color : #FFFFFF;
|
|
white-space : nowrap;
|
|
height : 30px;
|
|
}
|
|
|
|
.button:hover,
|
|
.button:focus,
|
|
.button:active,
|
|
.button.active {
|
|
background-color : #959a9b;
|
|
text-decoration : none;
|
|
color : white;
|
|
}
|
|
|
|
body form input.st-search-input {
|
|
background-color : #f2f2f2;
|
|
display : inline-block;
|
|
width : 253px;
|
|
height : 24px;
|
|
padding : 3px 7px 3px 27px;
|
|
margin-right : 6px;
|
|
border : none 0px;
|
|
-moz-border-radius : 5px;
|
|
-webkit-border-radius : 5px;
|
|
border-radius : 5px;
|
|
-webkit-box-shadow : none;
|
|
box-shadow : none;
|
|
}
|
|
|
|
input[type=email] {
|
|
background-color : #f2f2f2;
|
|
display : inline-block;
|
|
width : 190px;
|
|
height : 24px;
|
|
padding : 3px 7px;
|
|
margin-right : 6px;
|
|
border : none 0px;
|
|
-moz-border-radius : 5px;
|
|
-webkit-border-radius : 5px;
|
|
border-radius : 5px;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
text-transform : uppercase;
|
|
color : #819699;
|
|
}
|
|
::-moz-placeholder { /* Firefox 18- */
|
|
text-transform : uppercase;
|
|
color : #819699;
|
|
}
|
|
::-moz-placeholder { /* Firefox 19+ */
|
|
text-transform : uppercase;
|
|
color : #819699;
|
|
}
|
|
::-ms-input-placeholder {
|
|
text-transform : uppercase;
|
|
color : #819699;
|
|
}
|
|
|
|
.blog-post h3 a {
|
|
text-decoration : underline;
|
|
}
|
|
|
|
#imprint ul,
|
|
#imprint ul li {
|
|
list-style-type : none;
|
|
margin-left : 0px;
|
|
}
|
|
|
|
.get-started-box {
|
|
width : 100%;
|
|
margin : 0 auto;
|
|
height : 200px;
|
|
text-align : center;
|
|
background-color : transparent;
|
|
padding : 1em;
|
|
margin-bottom : 2em;
|
|
}
|
|
|
|
.big-text {
|
|
color : #607a84;
|
|
font-size : 1.5em;
|
|
font-weight : 400;
|
|
padding-top : 4em;
|
|
margin-bottom : 1.2em;
|
|
text-align : center;
|
|
}
|
|
|
|
.get-started-button,
|
|
.get-started-button:visited,
|
|
.get-started-button:active {
|
|
background-color : #a53230;
|
|
-moz-border-radius : 5px;
|
|
-webkit-border-radius : 5px;
|
|
border-radius : 5px;
|
|
display : inline-block;
|
|
color : #ffffff;
|
|
border-width : 0px;
|
|
font-weight : 400;
|
|
letter-spacing : 1px;
|
|
font-size : 2em;
|
|
padding : 20px 50px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.get-started-button:hover {
|
|
background-color : #d93f3c;
|
|
color : #ffffff;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.language-docs {
|
|
font-size : 1.2em;
|
|
text-transform : uppercase;
|
|
text-align : center;
|
|
width : 500px;
|
|
margin : 0 auto;
|
|
line-height : 1.8em;
|
|
}
|
|
|
|
.language-docs a,
|
|
.language-docs a:visited,
|
|
.language-docs a:active {
|
|
color : #af6868;
|
|
font-weight : 800;
|
|
text-decoration : none;
|
|
padding-right : 1em;
|
|
}
|
|
|
|
.language-docs a:hover,
|
|
.language-docs a:visited:hover {
|
|
color : #337389;
|
|
}
|
|
|
|
.large-6 {
|
|
position : relative;
|
|
float : left;
|
|
padding : 0;
|
|
width : 50%;
|
|
display : inline-block;
|
|
clear : all;
|
|
}
|
|
|
|
.column,
|
|
.columns {
|
|
position : relative;
|
|
}
|