| @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%; |
| } |