blob: ad81c0bd44d1e8b80e34ebe14f918e1ab38f4f98 [file] [log] [blame]
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?gva1b7');
src: url('fonts/icomoon.eot?#iefixgva1b7') format('embedded-opentype'), url('fonts/icomoon.woff?gva1b7') format('woff'), url('fonts/icomoon.ttf?gva1b7') format('truetype'), url('fonts/icomoon.svg?gva1b7#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
* {
box-sizing: border-box;
}
html {
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
color: #333333;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-weight: normal;
background-color: #fff;
}
body {
margin: 0;
font-size: 14px;
}
a {
color: #0050b2;
text-decoration: none;
}
a:hover {
color: #0973f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
line-height: 1.5;
font-weight: 500;
color: #0050b2;
word-break: break-word;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 15px;
}
@media (min-width: 768px) {
h2 {
font-size: 21px;
}
}
code,
pre {
font-size: 13px;
font-family: Courier, Monaco, Consolas, "Courier New", monospace;
-webkit-font-smoothing: antialiased;
}
code {
padding: 0 2px;
color: #C5351F;
word-break: break-word;
}
pre {
display: block;
border: 1px solid #eeeeee;
padding: 6px 12px;
background-color: #f9f9f9;
word-break: normal;
white-space: pre;
margin: 0 0 9px;
overflow-x: auto;
}
img {
border: 0;
vertical-align: middle;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
input[type=search],
::-webkit-search-cancel-button,
::-webkit-search-results-button {
-webkit-appearance: none;
}
table {
border: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
.header-top-bg {
background-color: #0050b2;
background-image: -webkit-radial-gradient(50% 15px, circle, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, #000c3d 1050px, #000c3b 100%), url(img/patterned-bg.png);
background-image: radial-gradient(circle at 50% 15px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, #000c3d 1050px, #000c3b 100%), url(img/patterned-bg.png);
box-shadow: 0 3px 9px #c1c1c1;
border-bottom: 3px solid #003270;
position: relative;
z-index: 2;
}
.header-top {
text-align: center;
padding: 12px 0;
}
@media (min-width: 768px) {
.header-top {
padding-bottom: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.header-bottom-bg {
background-color: #efefef;
border-bottom: 1px solid #dedede;
box-shadow: 0 0 7px #eee;
position: relative;
z-index: 1;
}
.header-bottom {
padding: 12px 0;
}
@media (min-width: 768px) {
.header-bottom {
padding: 12px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.header-bottom .category {
display: block;
font-size: 18px;
line-height: 1;
}
@media (min-width: 768px) {
.header-bottom .category {
font-size: 24px;
}
}
.header-bottom .header-left {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-bottom .header-left,
.header-bottom .header-right {
padding: 6px 0;
}
.header-bottom .header-right {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: right;
}
.site-content {
padding-top: 1px;
padding-bottom: 1px;
}
.content-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 17px;
padding-bottom: 42px;
min-height: 600px;
position: relative;
}
@media (min-width: 768px) {
.content-wrapper {
padding-top: 29px;
}
}
.content-wrapper.no-toc {
display: block;
}
.content-wrapper .col-left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 130px;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
margin-right: 18px;
display: none;
}
@media (min-width: 400px) {
.content-wrapper .col-left {
display: block;
}
}
@media (min-width: 768px) {
.content-wrapper .col-left {
-webkit-flex-basis: 210px;
-ms-flex-preferred-size: 210px;
flex-basis: 210px;
margin-right: 48px;
}
.content-wrapper .col-left.expanded {
max-width: 100%;
}
}
.content-wrapper .col-right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.page-content {
padding-bottom: 42px;
}
.page-content a {
word-break: break-word;
}
.page-content .page-title {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #eeeeee;
}
@media (min-width: 768px) {
.page-content .page-title {
padding-bottom: 24px;
margin-bottom: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.page-content .page-title h1 {
margin: 0;
font-size: 18px;
}
@media (min-width: 768px) {
.page-content .page-title h1 {
font-size: 21px;
}
}
@media (min-width: 992px) {
.page-content .page-title h1 {
font-size: 30px;
}
}
.page-content .page-title .subtitle {
display: block;
font-size: 14px;
}
@media (min-width: 768px) {
.page-content .page-title .subtitle {
font-size: 18px;
}
}
@media (min-width: 992px) {
.page-content .page-title .subtitle {
font-size: 24px;
}
}
.page-content .active {
font-weight: bold;
}
.page-content .active::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e605";
margin-left: -20px;
font-weight: normal;
opacity: 0;
position: absolute;
line-height: 31px;
font-size: 18px;
color: #C82222;
width: 18px;
-webkit-animation: header-pulse 2s;
animation: header-pulse 2s;
}
@-webkit-keyframes header-pulse {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes header-pulse {
0% {
opacity: 1;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.site-footer {
border-top: 3px solid #003270;
background-color: #0050b2;
background-image: -webkit-radial-gradient(50% -50px, ellipse, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24%, #000c3b 86%, #000c3b 100%), url(img/patterned-bg.png);
background-image: radial-gradient(ellipse at 50% -50px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 24%, #000c3b 86%, #000c3b 100%), url(img/patterned-bg.png);
color: #fff;
}
.site-footer a {
color: #fff;
}
.site-footer a:hover {
color: rgba(255, 255, 255, 0.8);
}
.footer-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 992px) {
.footer-top {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer-top .col-left {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.footer-top .col-right {
padding-top: 12px;
padding-bottom: 12px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (min-width: 992px) {
.footer-top .col-right {
padding-top: 24px;
}
}
.footer-top .col-left {
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
@media (min-width: 992px) {
.footer-top .col-right {
text-align: right;
}
}
.sitemap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sitemap .column {
padding-top: 12px;
padding-bottom: 12px;
margin-right: 12px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (min-width: 992px) {
.sitemap .column {
padding-top: 24px;
}
}
.sitemap .column:last-child {
margin-right: 0;
}
@media (min-width: 768px) {
.sitemap .column {
margin-right: 54px;
}
}
.sitemap .column .column-header {
color: #fff;
border-bottom: 2px solid #4c76ab;
margin: 0 0 6px;
padding-bottom: 6px;
}
.sitemap .column ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.sitemap .column a {
padding-right: 9px;
display: block;
}
.xxe {
display: inline-block;
width: 110px;
height: 34px;
margin-top: 15px;
background: #ffffff url(img/xxe.png) 50% no-repeat;
border: 1px solid #002254;
}
.xxe span {
display: none;
}
.footer-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 45px 0 30px;
}
.footer-bottom p {
margin: 0 0 6px;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.footer-bottom .last-updated {
font-size: 12px;
display: block;
}
.logo {
color: #fff;
font-size: 30px;
line-height: 1;
padding: 6px 0 0;
display: block;
}
.logo:hover {
color: #fff;
}
.tabs {
list-style-type: none;
margin: 0;
padding: 6px 0 0;
text-align: center;
}
@media (min-width: 768px) {
.tabs {
margin-left: 24px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-top: 0;
}
}
.tabs li {
display: inline-block;
}
.tabs li.current a {
color: #fff;
font-weight: 500;
}
.tabs li:after {
width: 1px;
background-color: #96a5b8;
height: 9px;
display: inline-block;
content: '';
margin: 0 15px;
}
.tabs li:last-child:after {
display: none;
}
.tabs li a {
color: #c9dbf1;
}
.tabs li a:hover {
color: #fff;
}
.notices {
margin: 0;
display: none;
}
@media (min-width: 768px) {
.notices {
display: block;
text-align: right;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.notices a {
color: #fff;
}
.notices a::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f08a";
width: 10px;
height: 10px;
display: inline-block;
padding-right: 5px;
font-size: 10px;
}
.notices a:hover strong {
border-bottom-color: transparent;
}
.notices a strong {
font-weight: normal;
border-bottom: 1px solid #8fafd7;
}
.breadcrumb {
list-style-type: none;
margin: 0;
padding: 6px 0 0 0;
font-size: 12px;
display: block;
}
@media (min-width: 768px) {
.breadcrumb {
font-size: 13px;
padding-top: 9px;
height: 28px;
}
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li::after {
content: '/';
color: #979797;
margin: 0 3px;
}
@media (min-width: 768px) {
.breadcrumb li::after {
margin: 0 6px;
}
}
.breadcrumb li:last-child::after {
display: none;
}
.breadcrumb li.step-0 {
display: none;
}
.table-of-contents {
list-style-type: none;
padding: 0;
margin: 11px 0 0;
font-size: 12px;
}
@media (min-width: 768px) {
.table-of-contents {
font-size: 13px;
}
}
.section {
border-bottom: 1px solid #eeeeee;
margin-bottom: 12px;
padding-bottom: 12px;
}
@media (min-width: 768px) {
.section {
margin-bottom: 24px;
padding-bottom: 24px;
}
}
.section.last {
border-bottom: 0;
margin-bottom: 0;
}
.section.last .depth-0-link {
margin-bottom: 0;
}
.depth-0-link {
color: #0050b2;
text-transform: uppercase;
font-weight: 500;
display: block;
line-height: 1;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.depth-0-link {
margin-bottom: 24px;
}
}
.depth-0-link:hover {
color: #0973f5;
}
.depth-1 {
margin: 0;
padding: 0;
list-style-type: none;
}
.depth-1 li {
padding-left: 16px;
position: relative;
}
.depth-1 li::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 14px;
display: block;
position: absolute;
left: -3px;
top: 2px;
font-size: 14px;
}
.depth-1 li.has-children::before {
content: "\e601";
cursor: pointer;
}
.depth-1 li.has-children.open::before {
content: "\e600";
}
.depth-1 li.has-children .last::before {
content: "\e602";
top: 3px;
}
.depth-1 a {
display: block;
color: #444;
}
.depth-1 a:hover {
color: #888;
}
.depth-2 {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 13px;
}
.current::before {
color: #0973f5;
}
.current > a:first-child {
color: #0973f5;
}
.closed ul {
display: none;
}
.open ul {
display: block;
}
.page-menu {
margin: 0 0 12px;
padding: 0 0 12px 18px;
border-bottom: 1px solid #eeeeee;
}
@media (min-width: 768px) {
.page-menu {
margin-bottom: 24px;
padding-bottom: 24px;
}
}
.page-menu ul {
margin: 0 0 0 18px;
padding: 0;
}
.page-menu a:visited {
color: #800080;
}
.search-form {
height: 30px;
width: 100%;
display: inline-block;
}
@media (min-width: 992px) {
.search-form {
margin-left: 0;
max-width: 300px;
}
}
.search-form fieldset {
height: 30px;
}
.search-form .search-btn {
color: #0050b2;
line-height: 1;
background-color: #fff;
background-image: none;
border: 0;
border-radius: 0;
padding: 0 3px;
width: 26px;
height: 28px;
position: relative;
top: -29px;
float: right;
right: 1px;
}
.search-form .search-btn:hover {
color: #4c9cff;
cursor: pointer;
}
.search-form .search-btn::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
font-size: 16px;
width: 18px;
height: 18px;
display: block;
}
.search-form .search-input {
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
background-image: none;
background: #fff;
font-size: 16px;
line-height: 21px;
border: 1px solid #aec0d6;
border-radius: 0;
padding: 3px 24px 3px 12px;
height: 30px;
width: 100%;
}
.search-form .search-input::-moz-placeholder {
color: #0050b2;
opacity: 0.6;
font-size: 14px;
line-height: 21px;
}
.search-form .search-input:-ms-input-placeholder {
color: #0050b2;
font-size: 14px;
line-height: 21px;
}
.search-form .search-input::-webkit-input-placeholder {
color: #0050b2;
opacity: 0.6;
font-size: 14px;
}
.pagers {
float: right;
}
.pagers.bottom {
position: absolute;
bottom: 42px;
right: 0;
}
.pagers.top {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-left: 12px;
}
.paging-arrow {
display: inline-block;
height: 22px;
}
@media (min-width: 992px) {
.paging-arrow.previous {
margin-right: 12px;
}
}
.paging-arrow.previous::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 22px;
display: inline-block;
line-height: 22px;
vertical-align: middle;
position: relative;
top: -1px;
content: "\f190";
padding-right: 6px;
}
.paging-arrow.next::after {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 22px;
display: inline-block;
line-height: 22px;
vertical-align: middle;
position: relative;
top: -1px;
content: "\f18e";
padding-left: 6px;
}
.paging-arrow span {
display: none;
}
@media (min-width: 992px) {
.paging-arrow span {
display: inline;
}
}
.bookmarks {
text-align: right;
display: none;
}
@media (min-width: 992px) {
.bookmarks {
display: block;
padding-bottom: 9px;
}
}
.bookmarks::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e604";
width: 14px;
height: 14px;
display: inline-block;
position: relative;
top: 2px;
margin-right: 1px;
}
.bookmarks ul {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
font-size: 13px;
}
.bookmarks ul li {
display: inline-block;
}
.bookmarks ul li::after {
content: ",";
display: inline-block;
margin: 0 3px 0 0;
}
.bookmarks ul li:last-child::after {
display: none;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
border: 1px solid #ddd;
width: 100%;
max-width: 100%;
}
.table th {
font-weight: 500;
text-align: left;
background-color: #f9f9f9;
white-space: nowrap;
border-bottom: 1px solid #ddd;
}
.table th,
.table td {
padding: 3px 6px;
border: 1px solid #ddd;
}
.social-icons {
margin: 0;
padding: 0;
list-style-type: none;
}
.social-icons li {
display: inline-block;
margin-right: 18px;
}
.social-icons li:last-child {
margin-right: 0;
}
.social-icons li a::before {
font-family: 'icomoon';
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 14px;
height: 22px;
display: inline-block;
padding-right: 3px;
}
.social-icons li a.github::before {
content: "\f09b";
}
.social-icons li a.twitter::before {
content: "\f099";
}
.social-icons li a.stack-overflow::before {
content: "\f16c";
}
.site-width {
margin-left: auto;
margin-right: auto;
padding-left: 18px;
padding-right: 18px;
}
@media (min-width: 768px) {
.site-width {
padding-left: 24px;
padding-right: 24px;
}
}
@media (min-width: 1200px) {
.site-width {
width: 1152px;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.center-img {
text-align: center;
max-width: 100%;
}