src/public/stylesheets/application.css
@font-face {
font-family: 'Berkshire Swash';
font-style: normal;
font-weight: 400;
src: local('Berkshire Swash'), local('BerkshireSwash-Regular'), url(https://themes.googleusercontent.com/static/fonts/berkshireswash/v1/4RZJjVRPjYnC2939hKCAin6EbtqG7Ha48C3_z7erIWs.woff) format('woff');
}
@font-face {
font-family: 'FontAwesome';
src: url("https://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.eot");
src: url("https://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("http://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.woff") format("woff"), url("http://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.ttf") format("truetype"), url("http://netdna.bootstrapcdn.com/font-awesome/4.0.0/fonts/fontawesome-webfont.svgfontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
body {
margin: 1em 15%;
color: #1f0909;
font-family: Helvetica, sans-serif;
background-color: #f3f2ee;
}
header {
position: relative;
height: 125px;
}
header img {
float: left;
height: 125px;
}
header p {
position: absolute;
bottom: 60px;
left: 150px;
float: left;
font-family: 'Berkshire Swash', Helvetica, sans-serif;
color: #2b2b2b;
}
#q {
position: absolute;
bottom: 70px;
left: 700px;
width: 18em;
}
header nav {
position: absolute;
bottom: 0;
left: 8em;
float: left;
}
footer nav {
position: relative;
left: 10em;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.bullet-list {
list-style-type: disc;
padding: 1em;
}
.indent {
margin: 0 0 0 1em;
padding: 0 1em;
}
nav.vertical ul {
margin-left: 1em;
}
nav.horizontal li {
float: left;
}
nav.horizontal a:link, a:visited {
width: 120px;
font-weight: bold;
text-align: center;
padding: 4px;
}
nav a:link, a:visited {
display: block;
}
nav.vertical a {
padding-top: 1px;
margin-right: 1em;
}
nav.vertical p {
font-weight: bold;
color: #2b2b2b;
}
#main {
width: 60em;
}
#sidenav {
width: 10em;
float: left;
border-right: 1px solid #aaa;
margin-bottom: 2em;
}
#content {
width: 48.9em;
float: left;
padding-left: 1em;
margin-bottom: 2em;
}
a:link, a:visited {
color: #008;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
hr {
clear: both;
}
h1, h2, h3 {
font-family: 'Berkshire Swash', Helvetica, sans-serif;
color: #2b2b2b;
text-shadow: 1px 1px 0 #ededed, 2px 2px 0 rgba(0,0,0,0.15);
}
table {
border-collapse: collapse;
border: 1px solid black;
margin-bottom: 1em;
}
table.logs th, table.logs td {
font-size: small;
}
th {
text-align: left;
padding: 0.5em;
border: 1px solid black;
}
td {
vertical-align: top;
padding: 0.5em;
border: 1px solid black;
max-width: 30em;
}
td:first-child {
width: 10em;
}
blockquote {
background: url(/images/quote.png) no-repeat top left;
margin: 0;
padding: 0 0 0 30px;
}
blockquote p {
line-height: 1.5;
margin: 0 0 15px 0;
font-style: italic;
color: #666;
}
blockquote p em {
font-style: normal;
}
p.cite {
font-style: normal;
color: #222;
}
p.cite:before {
content: "-\00a0\00a0\00a0\00a0"
}
dl {
line-height: 1.5;
}
dt {
font-style: italic;
}
dd:after {
content: '\A\A';
white-space: pre;
}
pre {
background-color: #ddd;
border: 1px solid #888;
border-radius: 3px;
overflow: auto;
padding: 6px 10px;
}
code {
font-family: "Monaco", "DejaVu Sans Mono", "Courier New", "Courier";
font-size: 12px;
}
.hidden {
display: none;
}
strong {
font-weight: bold;
}
.highlight1 {
color: brown;
}
.highlight2 {
color: seagreen;
}
.highlight3 {
color: royalblue;
}
.highlight4 {
color: orangered;
}
a.section-toggler {
font-family: 'Berkshire Swash', Helvetica, sans-serif;
padding: 5px 20px;
position: relative;
z-index: 20;
display: block;
height: 30px;
cursor: pointer;
color: #2b2b2b;
text-shadow: 1px 1px 0 #ededed, 2px 2px 0 rgba(0,0,0,0.15);
line-height: 33px;
font-size: 19px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
box-shadow:
0 0 0 1px rgba(155,155,155,0.3),
1px 0 0 0 rgba(255,255,255,0.9) inset,
0 2px 2px rgba(0,0,0,0.1);
text-decoration: none;
outline: none;
}
a.section-toggler:hover{
background: #fff;
}
.accordion section {
display: none;
}
section.expanded {
height: auto;
display: block;
}
/* fontawesome icons used */
.feed-icon:before {
content: "\f09e";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
}
.thumbtack-icon:before {
content:"\f08d";
font-family: FontAwesome;
}
.info-icon:before {
content: "\f05a ";
font-family: FontAwesome;
color: green;
}
.warning-icon:before {
content: "\f071 ";
font-family: FontAwesome;
color: #f07600;
font-weight: bold;
}
.down-arrow-icon:before {
content: '\f063';
font-family: FontAwesome;
}
input[type=search] {
width: 10em;
}
#searchButton {
display: none;
}
#notice {
float: right;
padding: 0.4em;
background-color: rgb(255,255,200);
}
#notice a {
color: blue;
}
/* For contract pages */
.contract {
float: left;
width: 45%;
margin-left: 1em;
}
#specification a {
cursor: pointer;
}
#specification span {
width: 100%;
display: inline-block;
cursor: default;
}
.response {
color: #660055;
}
#specification a {
visibility: hidden;
}
#specification-description {
background-color: #ddd;
border: 1px solid #888;
border-radius: 3px;
overflow: auto;
padding: 6px 10px;
margin-top: 14px;
}
#specification-description div {
display: none;
position: relative;
}
/* logs page */
.button {
display: inline;
cursor: pointer;
padding: 2px 10px;
background-color: #696867;
color: #f2f2f2;
font-size: 13px;
border: none;
border-radius: 2px;
}
.button:hover {
text-decoration: underline;
}
#tail {
position: relative;
left: 52.8em;
z-index: 10;
}
#logs {
position: relative;
top: -2.5em;
}
.debug {
color: darkblue;
font-weight: bold;
}
.info {
color: darkgreen;
font-weight: bold;
}
.warn {
color: #ffaa00;
font-weight: bold;
}
.error {
color: red;
font-weight: bold;
}