app/assets/stylesheets/styles.scss
#navbar ul.nav a.product-update {
color: #8cd3f8;
font-weight: 100;
&:hover {
color: #fff;
}
}
.main a {
border-bottom: 1px dotted #337ab7;
white-space: nowrap;
}
code.version {
color: #202020;
background-color: #D4F4DE;
}
label.row-label {
display: block;
padding: 1px 10px;
margin: 0 0 10px;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 13px;
font-weight: bold;
line-height: 30px;
text-align: right;
word-break: break-all;
word-wrap: break-word;
white-space: nowrap;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
@media screen and (max-width: 760px) {
& {
text-align: left;
}
}
}
div.input-sample {
position: relative;
overflow: hidden;
padding: 0;
line-height: 30px;
border: 1px solid #aaa;
i {
display: block;
float: left;
padding: 9px 10px 9px 12px;
margin-right: 8px;
background-color: #f5f5f5;
}
code {
display: block;
line-height: inherit;
white-space: pre !important;
overflow-y: auto !important;
background-color: transparent;
color: inherit;
}
input {
display: block;
width: 100%;
line-height: inherit;
font-size: 13px;
padding: 2px 6px;
border: none !important;
}
button.clipboard {
position: absolute;
right: -1px;
top: -1px;
padding: 0;
margin: 0;
background: #fff;
border: none;
overflow: hidden;
i {
border: 1px solid #aaa;
margin: 0 0 0 10px;
}
}
&.black {
border-color: #000;
background-color: #464646;
color: #fff !important;
i {
background-color: #000;
}
span.token {
background-color: #fff;
color: #000 !important;
border: 1px dotted #000;
padding: 0 2px;
margin: 0 2px;
}
}
&.blue {
border-color: #337eb7;
color: #000 !important;
i {
background-color: #ebf6fc;
}
code span.token {
background-color: #ebf6fc;
border: 1px dotted #337eb7;
padding: 0 2px;
margin: 0 2px;
}
}
}