body {
font-size:15px;
}
.bs-callout {
padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;
} .bs-callout h4 {
margin-top: 0; margin-bottom: 5px;
} .bs-callout p:last-child {
margin-bottom: 0;
} .bs-callout code {
border-radius: 3px;
} .bs-callout+.bs-callout {
margin-top: -5px;
} .bs-callout-default {
border-left-color: #777;
} .bs-callout-default h4 {
color: #777;
} .bs-callout-primary {
border-left-color: #428bca;
} .bs-callout-primary h4 {
color: #428bca;
} .bs-callout-success {
border-left-color: #5cb85c;
} .bs-callout-success h4 {
color: #5cb85c;
} .bs-callout-danger {
border-left-color: #d9534f;
} .bs-callout-danger h4 {
color: #d9534f;
} .bs-callout-warning {
border-left-color: #f0ad4e;
} .bs-callout-warning h4 {
color: #f0ad4e;
} .bs-callout-info {
border-left-color: #5bc0de;
} .bs-callout-info h4 {
color: #5bc0de;
}
.gi-2x{font-size: 2em;} .gi-3x{font-size: 3em;} .gi-4x{font-size: 4em;} .gi-5x{font-size: 5em;}
.breadcrumb > .active {color: #777 !important;}
/* make room for the nav bar */ h1, h2, h3, h4, h5, h6, dt{ padding-top: 60px; margin-top: -40px }
body h1 {margin-top:40px;}
.post-content img {
margin: 12px 0px 3px 0px; width: auto; height: auto; max-width: 100%; max-height: 100%;
}
.post-content ol li, .post-content ul li {
margin: 10px 0px;
}
.pageSummary {
font-size:13px; display:block; margin-bottom:15px; padding-left:20px;
}
.post-summary {
margin-bottom:12px;
}
.bs-example{
margin: 20px;
}
.breadcrumb li {
color: gray;
}
table {
background-color: transparent;
} caption {
padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left;
} th {
text-align: left;
} table {
max-width: 90%; margin-bottom: 20px; border: 1px solid #dedede;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;
} table > thead > tr > th {
vertical-align: bottom; border-bottom: 2px solid #ddd; text-transform: none; background-color: #777; color: white; text-align: left;
} table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-top: 0;
} table > tbody + tbody {
b
} table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
table col {
position: static; display: table-column; float: none;
position: static; display: table-cell; float: none;
}
table td:first-child {
width: 150px; /*font-weight:bold;*/
}
table.boldFirstColumn td:first-child {
font-weight: bold;
}
table tr td {
hyphens: auto;
}
p.external a {
text-align:right; font-size:12px; font-color: #0088cc; display:inline;
}
definition-box-container div a.active {
font-weight: bold;
} p.post-meta {font-size: 80%; color: #777;}
.entry-date{font-size:14px;font-size:0.875rem;line-height:1.71429;margin-bottom:0;text-transform:uppercase;}
/* search area */ search-demo-container ul#results-container {
list-style: none; font-size: 12px; background-color: white; position: absolute; top: 40px; /* if you change anything about the nav, you'll prob. need to reset the top and left values here.*/ left: 20px; z-index: -1; width:223px; border-left: 1px solid #dedede; box-shadow: 2px 3px 2px #dedede;
}
ul#results-container a {
background-color: transparent;
}
ul#results-container a: hover {
color: black;
}
search-demo-container a:hover {
color: black;
} search-input {
padding: .5em; margin-left:20px; width:20em; font-size: 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; margin-top:10px;
} /* end search */
.filter-options {
margin-bottom: 20px;
} .filter-options button {
margin: 3px;
}
div#toc ul li {
margin: 8px 0px 8px 22px; font-size: 90%; list-style: square;
} div#toc ul {
background-color: whitesmoke; padding: 5px; border-radius: 5px; max-width: 300px; color: gray;
}
div#toc ul li ul {
padding-left:8px;
}
div#toc ul li ul li::before {
content: "– ";
}
div#toc >ul::before {
content: "Table of Contents"; font-weight: 500; color: #555; text-align:center; margin-left:auto; margin-right:auto; width:70px; padding-top:20px; padding-bottom:20px; padding-left:10px;
}
li.dropdownActive a {
font-weight: bold;
}
.post-content a.fa-rss {
color: orange;
}
.navbar-inverse .navbar-nav > li > a {
background-color: transparent; margin-top:10px;
}
.post-content .rssfeedLink {
color: #248EC2;
}
footer {
font-size: smaller;
}
/* FAQ page */ accordion .panel-heading {
font-size: 12px;
}
a.accordion-toggle, a.accordion-collapsed {
font-size: 14px; text-decoration: none;
}
/* navgoco sidebar styles (customized) */ .nav, .nav ul, .nav li {
list-style: none;
}
.nav ul {
padding: 0; /*margin: 0 0 0 18px;*/ margin:0px;
}
.nav {
/* padding: 4px;*/ padding:0px; margin: 0px;
}
.nav > li {
margin: 1px 0;
}
.nav > li li {
margin: 2px 0;
}
.nav a {
color: #333; display: block; outline: none; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ text-decoration: none;
}
.nav li > a > span {
float: right; font-size: 19px; font-weight: bolder;
}
.nav li > a > span:after {
content: '\25be';
} .nav li.open > a > span:after {
content: '\25b4';
}
.nav a:hover, .nav li.active > a {
background-color: #8D8D8D; color: #f5f5f5;
}
.nav > li.active > a { background-color: #347DBE; }
.nav li a {
font-size: 12px; line-height: 18px; padding: 2px 10px; background-color: #f1f1f1;
}
.nav > li > a {
font-size: 14px; line-height: 20px; padding: 4px 10px;
}
ul#mysidebar {
border-radius:0px;
}
.nav ul li ul li a {
padding-left:40px;
}
.nav li.thirdlevel > a {
color: #248EC2; font-weight:bold; padding-left:20px; background-color: whitesmoke !important;
}
.nav ul li a {
background-color: #FAFAFA;
}
.nav li a {
padding-right:10px;
}
.nav li a:hover {
background-color: #8D8D8D;
}
.nav ul li a {
border-top:1px solid whitesmoke; padding-left:10px;
} /* end sidebar */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
border-radius:5px;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
border-radius: 5px;
}
span.projectTitle {
font-family: Helvetica; font-weight: bold;
}
.footer {
text-align: right;
}
.footerMeta {
background-color: whitesmoke; padding: 10px; max-width: 250px; border-radius: 5px; margin-top: 50px; font-style:italic; font-size:12px;
}
img.screenshotSmall {
max-width: 300px;
}
dl dt p {
margin-left:20px;
}
dl dd {
margin-top:10px; margin-bottom:10px;
}
dl.dl-horizontal dd {
padding-top: 20px;
}
figcaption {
padding-bottom:12px; padding-top:6px; max-width: 90%; margin-bottom:20px; font-style: italic; color: gray;
}
.testing {
color: orange;
}
.preference {
color: red;
}
table.dataTable thead {
background-color: #444;
} table td {
hyphens: auto;
}
section table tr.success {
background-color: #dff0d8 !important;
}
table tr.info {
background-color: #d9edf7 !important;
}
section table tr.warning, table tr.testing, table tr.testing > td.sorting_1 {
background-color: #fcf8e3 !important;
} section table tr.danger, table tr.preference, table tr.preference > td.sorting_1 {
background-color: #f2dede !important;
}
.orange {
color: orange;
}
table.profile thead tr th {
background-color: #248ec2;
}
table.request thead tr th {
background-color: #ED1951;
}
.audienceLabel {
margin: 10px; float: right; border:1px solid #dedede; padding:7px;
}
.prefaceAudienceLabel {
color: gray; text-align: center; margin:5px;
} span.myLabel {
padding-left:10px; padding-right:10px;
}
button.cursorNorm {
cursor: default;
}
a.dropdown-toggle, .navbar-inverse .navbar-nav > li > a {
margin-left: 10px;
}
hr.faded {
border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.shaded {
height: 12px; border: 0; box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.5); margin-top: 70px; background: white; width: 100%; margin-bottom: 10px;
}
.fa-6x{font-size:900%;} .fa-7x{font-size:1100%;} .fa-8x{font-size:1300%;} .fa-9x{font-size:1500%;} .fa-10x{font-size:1700%;}
i.border {
padding: 10px 20px; background-color: whitesmoke;
}
a {
color: #248EC2;
}
.summary {
font-size:120%; color: #808080; margin:20px 0px 20px 0px; border-left: 5px solid #ED1951; padding-left: 10px;
}
.summary:before {
content: "Summary: "; font-weight: bold;
}
a.fa.fa-envelope-o.mailto {
font-weight: 600;
}
h3 {color: #ED1951; font-weight:normal; font-size:130%;} h4 {color: #808080; font-weight:normal; font-size:120%; font-style:italic;}
.alert, .callout {
overflow: hidden;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background-color: #248ec2; color: white;
}
ol li ol li {list-style-type: lower-alpha;} ol li ul li {list-style-type: disc;}
li img {clear:both; }
div#toc ul li ul li {
list-style-type: none; margin: 5px 0px 0px 0px;
}
.tab-content {
padding: 15px; background-color: #FAFAFA;
}
span.tagTitle {font-weight: 500;}
li.activeSeries {
font-weight: bold;
}
.seriesContext .dropdown-menu li.active {
font-weight: bold; margin-left: 43px; font-size:18px;
}
.alert-warning {
color: #444;
}
div.alert code, h2 code {
background-color: transparent !important;
} /* without this, the links in these notes aren't visible.*/ .alert a {
text-decoration: underline;
}
div.tags {padding: 10px 5px;}
.tabLabel {
font-weight: normal;
}
hr {
background: #999; margin: 30px 0px; width: 90%; margin-left: auto; margin-right: auto;
}
button.cursorNorm {
cursor: pointer;
}
h2 {
font-size:24px; line-height:29px;
} span.otherProgrammingLanguages {
font-style: normal;
}
a {
color: #649345; font-style: italic; cursor: default;
}
.seriesNext, .seriesContext {
margin-top: 15px; margin-bottom: 15px;
}
.seriescontext ol li {
list-style-type: upper-roman;
}
ol.series li {
list-style-type: decimal; margin-left: 40px; padding-left: 0px;
}
.siteTagline {
font-size: 200%; font-weight: bold; color: silver; font-family: monospace; text-align: center; line-height: 10px; margin: 20px 0px; display: block;
}
.versionTagline {
text-align: center; margin-bottom: 20px; font-family: courier; font-color: silver; color: #444; display:block;
}
/* not sure if using this …*/ .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #248ec2 !important;
}
mysidebar .nav ul {
background-color: #FAFAFA;
} .nav ul.series li {
list-style: decimal; font-size:12px;
}
.nav ul.series li a:hover {
background-color: gray;
} .nav ul.series {
padding-left: 30px;
}
.nav ul.series {
background-color: #FAFAFA;
}
/* a.dropdown-toggle.otherProgLangs {
color: #f7e68f !important;
} */
span.muted {color: #666;}
table code {background-color: transparent;}
.highlight .err {
color: #a61717; background-color: transparent !important;
}
table p {
margin-top: 12px; margin-bottom: 12px;
}
pre, table code {
white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre {
margin: 25px 0px;
}
json-box-container pre {
margin: 0px;
}
.video-js {
margin: 30px 0px;
}
video {
display: block; margin: 30px 0px; border: 1px solid #c0c0c0;
}
p.required, p.dataType {display: block; color: c0c0c0; font-size: 80%; margin-left:4px;}
dd {margin-left:20px;}
.post-content img.inline {
margin:0px; margin-bottom:6px;
} .panel-heading {
font-weight: bold;
}
.note code, .alert code, .warning code, div#toc code, h2 code, h3 code, h4 code {
color: inherit; padding: 0px;
}
.alert {
margin-bottom:10px; margin-top:10px;
}
a.accordion-toggle {
font-style: normal;
}
span.red {
color: red; font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
h3.codeExplanation {
font-size:18px; font-style:normal; color: black; line-height: 24px;
}
span.soft {
color: #c0c0c0;
}
.githubEditButton {
margin-bottom:7px;
}
.endpoint {
padding: 15px; background-color: #f0f0f0; font-family: courier; font-size: 110%; margin: 20px 0px; color: #444;
}
.parameter {
font-family: courier; color: red !important;
}
.formBoundary {
border: 1px solid gray; padding: 15px; margin: 15px 0px; background-color: whitesmoke;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #444; }
}
@media (max-width: 990px) {
#mysidebar { position: relative; }
}
@media (min-width: 1000px) {
ul#mysidebar { width: 225px; }
}
@media (max-width: 900px) {
ul#mysidebar { max-width: 100%; }
}
.col-md-9 img {
max-width: 100%; max-height: 100%;
}
.post-content img {
margin: 12px 0px 3px 0px; width: auto; height: auto; max-width: 100%; max-height: 100%;
} .col-md-9 img {
max-width: 100%; max-height: 100%;
}
.post-content img {
margin: 12px 0px 3px 0px; width: auto; height: auto; max-width: 100%; max-height: 100%;
}
.videoThumbs img {
float: left; margin:15px 15px 15px 0px; box-shadow: 2px 2px 1px #f0f0f0; border: 1px solid #dedede;
}
@media only screen and (min-width: 900px), @media only screen and (min-device-width: 900px) {
.col-md-9 img { max-width: 700px; max-height: 700px; }
}
*:hover > .anchorjs-link {
transition: color .25s linear; text-decoration: none;
}
.kbCaption {
color: white; background-color: #444; padding:10px;
}
/* this part adds an icon after external links, using FontAwesome*/ a[href^=“http://”]:after, a[href^=“https://”]:after {
content: "\f08e"; font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: none; padding-left: 3px;
}
/* Strip the outbound icon when this class is present */ a.noCrossRef::after, a.no_icon:after
{ content:"" !important; padding-left: 0;
}
.btn-default {
margin-bottom: 10px;
}
/* algolia search */
.search {
text-align: left;
} .search input {
font-size: 20px; width: 300px;
} .results {
margin: auto; text-align: left;
} .results ul {
list-style-type: none; padding: 0;
}
/* algolia */
div.results {
position: absolute; background-color: white; width: 100%;
}
.post-meta {
font-size: 14px; color: #828282;
}
.post-link {
font-size: 22px;
}
.post-list p {
margin: 10px 0px;
}
time {
margin-right: 10px;
}
p.post-meta time {
margin-right: 0px;
}
span.label.label-default {
background-color: gray;
}
span.label.label-primary {
background-color: #f0ad4e;
} .col-lg-12 .nav li a {background-color: white}
.nav li.active > a.subfoldersTitle {
background-color: whitesmoke; font-weight: bold; color: black; }
a code {
color: #248EC2;
}
code + a > code {
margin-left: -7px;
}
table th code {
color: white;
}
ol li ul li ol li {
list-style: decimal;
}
ol li ul li ol li ul li{
list-style: disc;
}
.post-content table th {
vertical-align: top;
}
table thead th code.highlighter-rouge {
background-color: transparent;
}
.box {
padding: 10px; border: 1px solid #888; box-shadow: 2px 2px 4px #dedede; width: 100px; height: 80px; background-color: #f5f5f5; font-family: Arial; font-size: 12px; hyphens: auto; float: left; font-size: 12px;
}
.box:hover {
background-color: #f0f0f0;
}
userMap {
overflow-x: auto; overflow-y: auto; padding: 20px; min-width: 770px;
}
userMap .active {
background-color: #d6f5d6; border:1px solid #555; font-weight: bold;
}
h2.userMapTitle {
font-family: Arial;
}
userMap a:hover {
text-decoration: none; }
div.arrow {
max-width: 50px; margin-left: 15px; margin-right: 15px; font-size: 20px;
}
div.content {
max-width: 110px
}
userMap div.arrow, userMap div.content {
float: left;
}
.clearfix {
clear: both;
}
userMap div.arrow {
position: relative; top: 30px;
}
.box1 {
margin-left:0px;
}
button.btn.btn-default.btn-lg.modalButton1 {
margin-left: -20px;
}
div.box.box1 {
margin-left: -20px;
}
userMap .btn-lg {
width: 100px; height: 80px;
}
userMap .complexArrow {
font-size: 22px; margin: 0px 10px;
}
userMap .btn-lg .active {
background-color: #d6f5d6;
}
userMap .btn-lg {
white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-size: 14px; }
/*
* Let's target IE to respect aspect ratios and sizes for img tags containing SVG files * * [1] IE9 * [2] IE10+ */
/* 1 */ .ie9 img {
width: 100%;
} /* 2 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src$=".svg"] { width: 100%; }
}
h4.panel-title {
padding-top: 0px; margin-top: 0px;
}