533 lines
9.4 KiB
CSS
533 lines
9.4 KiB
CSS
@font-face {
|
|
font-family: "OpenSans Extrabold";
|
|
src: url("../../fonts/OpenSans-ExtraBold.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 300;
|
|
src: url("../../fonts/Inter-VariableFont.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 400;
|
|
src: url("../../fonts/Inter-VariableFont.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 500;
|
|
src: url("../../fonts/Inter-VariableFont.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 600;
|
|
src: url("../../fonts/Inter-VariableFont.ttf") format("truetype");
|
|
}
|
|
@font-face {
|
|
font-family: "Inter";
|
|
font-weight: 700;
|
|
src: url("../../font/Inter-VariableFont.ttf") format("truetype");
|
|
}
|
|
.portal-header {
|
|
z-index: 1;
|
|
height: 450px;
|
|
}
|
|
.portal-header h1 {
|
|
font-size: 64px;
|
|
font-weight: 300;
|
|
line-height: 87px;
|
|
margin-top: 68px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.portal-header .portal-search {
|
|
max-width: 600px;
|
|
margin: auto;
|
|
position: relative;
|
|
}
|
|
.portal-header .portal-search .search-field {
|
|
width: 100%;
|
|
border: 1px solid #d3d5da;
|
|
border-radius: 8px;
|
|
background-color: #fff;
|
|
}
|
|
.portal-header .portal-search .search-field::placeholder {
|
|
opacity: 0.7;
|
|
}
|
|
.portal-header .portal-search .search-field,
|
|
.portal-header .portal-search .search-field::placeholder {
|
|
color: #283241;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
}
|
|
.portal-header .portal-search .search-field {
|
|
padding: 12px 17px;
|
|
}
|
|
.portal-header .portal-search .btn {
|
|
position: absolute;
|
|
right: 0;
|
|
padding: 11px 18px;
|
|
background-color: transparent;
|
|
color: #283241;
|
|
cursor: pointer;
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
.portal-header .portal-search .btn:hover {
|
|
background-color: #dd4d50;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.portal-header h1 {
|
|
font-size: 42px;
|
|
font-weight: 300;
|
|
line-height: 57px;
|
|
}
|
|
}
|
|
.portal-publications,
|
|
.featured-content-label {
|
|
display: none;
|
|
}
|
|
|
|
.portal-contents {
|
|
margin-top: 100px;
|
|
margin-bottom: 0;
|
|
}
|
|
.portal-contents .inner {
|
|
margin: 0;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-gap: 24px;
|
|
}
|
|
.portal-contents .inner::before {
|
|
content: none;
|
|
}
|
|
|
|
.publication-contents {
|
|
padding: 24px 40px;
|
|
border: 1px solid #e2e4e9;
|
|
width: 100%;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.publication-contents:first-child {
|
|
grid-column: 1/span 2;
|
|
}
|
|
.publication-contents h4.featured-title,
|
|
.publication-contents .section-toc-title {
|
|
font-size: 26px;
|
|
font-weight: 300;
|
|
line-height: 36px;
|
|
margin: 0;
|
|
}
|
|
.publication-contents h4.featured-title a,
|
|
.publication-contents .section-toc-title a {
|
|
color: #283241;
|
|
}
|
|
.publication-contents h4.featured-title a:hover,
|
|
.publication-contents .section-toc-title a:hover {
|
|
color: #283241;
|
|
text-decoration: underline;
|
|
}
|
|
.publication-contents ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.publication-contents li {
|
|
margin: 4px 0;
|
|
}
|
|
.publication-contents li:first-child {
|
|
margin-top: 20px;
|
|
}
|
|
.publication-contents li:last-child {
|
|
margin-bottom: 40px;
|
|
}
|
|
.publication-contents li a {
|
|
color: #dd4d50;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.publication-contents li a:hover {
|
|
color: #dd4d50;
|
|
text-decoration: underline;
|
|
}
|
|
.publication-contents h4 span,
|
|
.publication-contents li::before {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
.portal-contents .inner {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.publication-contents:first-child {
|
|
grid-column: auto;
|
|
}
|
|
}
|
|
.portal-search-result {
|
|
background-color: #f5f5f7;
|
|
}
|
|
|
|
.search-container {
|
|
padding-bottom: 100px;
|
|
}
|
|
.search-container h2 {
|
|
font-size: 42px;
|
|
font-weight: 300;
|
|
line-height: 57px;
|
|
}
|
|
|
|
.portal-search-result {
|
|
padding: 0;
|
|
margin-top: 80px;
|
|
}
|
|
|
|
ul.searchresults {
|
|
border: 1px solid #e2e4e9;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
margin-top: 32px;
|
|
}
|
|
ul.searchresults .search-highlight {
|
|
font-style: normal;
|
|
}
|
|
|
|
li.searchresultitem {
|
|
margin: 0 32px;
|
|
border-bottom: 1px solid #e2e4e9;
|
|
padding: 32px 8px;
|
|
}
|
|
|
|
.searchresultitem.selected-searchresultitem {
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.searchresulttitle {
|
|
font-size: 26px;
|
|
font-weight: 300;
|
|
line-height: 36px;
|
|
color: #283241;
|
|
}
|
|
|
|
.searchresultsnippet {
|
|
margin: 16px 0;
|
|
color: #283241;
|
|
}
|
|
|
|
.search-result-breadcrumbs {
|
|
color: #dd4d50;
|
|
}
|
|
|
|
.portal-footer,
|
|
.site-footer {
|
|
border-top: 1px solid #e2e4e9;
|
|
padding: 0;
|
|
}
|
|
.portal-footer.portal-footer,
|
|
.site-footer.portal-footer {
|
|
margin-top: 100px;
|
|
}
|
|
.portal-footer .inner,
|
|
.site-footer .inner {
|
|
margin: 0;
|
|
padding: 8px 0 64px 0;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.portal-footer .inner > *,
|
|
.site-footer .inner > * {
|
|
padding: 0;
|
|
}
|
|
|
|
.site-sidebar {
|
|
background-color: #283241;
|
|
scrollbar-color: #d3d5da #f4f5f7;
|
|
scrollbar-width: thin;
|
|
/* Track */
|
|
/* Handle */
|
|
}
|
|
.site-sidebar .logo {
|
|
padding: 24px 0 30px 0 !important;
|
|
}
|
|
.site-sidebar::-webkit-scrollbar {
|
|
width: 11px;
|
|
}
|
|
.site-sidebar::-webkit-scrollbar-track {
|
|
background: #f4f5f7;
|
|
}
|
|
.site-sidebar::-webkit-scrollbar-thumb {
|
|
background: #d3d5da;
|
|
}
|
|
|
|
.site-sidebar-search {
|
|
padding: 0 24px;
|
|
}
|
|
.site-sidebar-search .search-field {
|
|
width: 100%;
|
|
border: 1px solid #d3d5da;
|
|
border-radius: 8px;
|
|
background-color: #fff;
|
|
}
|
|
.site-sidebar-search .search-field::placeholder {
|
|
opacity: 0.7;
|
|
}
|
|
.site-sidebar-search .search-field,
|
|
.site-sidebar-search .search-field::placeholder {
|
|
color: #283241;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
}
|
|
.site-sidebar-search .search-field {
|
|
padding: 7px 13px;
|
|
}
|
|
|
|
.nav-site-sidebar {
|
|
margin-top: 16px;
|
|
}
|
|
.nav-site-sidebar .topic-link {
|
|
padding-top: 11px;
|
|
padding-bottom: 11px;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
color: #d3d5da;
|
|
}
|
|
.nav-site-sidebar .topic-link:hover {
|
|
background-color: #313d4e;
|
|
}
|
|
.nav-site-sidebar .active > .topic-link {
|
|
background-color: #313d4e;
|
|
}
|
|
.nav-site-sidebar .active > a {
|
|
color: #fff;
|
|
font-weight: 600;
|
|
}
|
|
.nav-site-sidebar > li > a {
|
|
padding-left: 24px;
|
|
}
|
|
.nav-site-sidebar > li > ul > li > a {
|
|
padding-left: 32px;
|
|
}
|
|
.nav-site-sidebar > li > ul > li > ul > li > a {
|
|
padding-left: 40px;
|
|
}
|
|
|
|
.toc .glyphicon {
|
|
top: 5px;
|
|
}
|
|
.toc > li > .topic-link > .glyphicon {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.toolbar {
|
|
box-shadow: none;
|
|
padding: 21px 24px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.breadcrumb {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
font-weight: 600;
|
|
}
|
|
.breadcrumb a {
|
|
color: #283241;
|
|
}
|
|
.breadcrumb a:hover {
|
|
color: #dd4d50;
|
|
text-decoration: underline;
|
|
}
|
|
.breadcrumb .breadcrumb-node {
|
|
color: #dd4d50;
|
|
}
|
|
|
|
main article {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#topic-content > section > .titlepage h2.title {
|
|
margin: 0 0 24px;
|
|
font-size: 32px;
|
|
font-weight: 300;
|
|
line-height: 43px;
|
|
}
|
|
|
|
.image-viewport {
|
|
margin: auto;
|
|
}
|
|
.image-viewport img {
|
|
margin: 16px auto;
|
|
box-shadow: 0 3px 12px 5px rgba(40, 50, 65, 0.14);
|
|
}
|
|
|
|
.pager {
|
|
margin-top: 30px;
|
|
margin-bottom: 30px;
|
|
padding: 0;
|
|
}
|
|
|
|
.pager li > a,
|
|
.pager li > span {
|
|
color: #dd4d50;
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 19px;
|
|
text-transform: uppercase;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
.pager li > a:hover,
|
|
.pager li > span:hover {
|
|
text-decoration: underline;
|
|
background-color: transparent;
|
|
color: #dd4d50;
|
|
}
|
|
|
|
.warning,
|
|
.note,
|
|
.important,
|
|
.caution,
|
|
.tip {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
padding: 16px 24px 16px 68px;
|
|
background-color: #fff;
|
|
border-left: 4px solid #dd4d50;
|
|
}
|
|
.warning:before,
|
|
.note:before,
|
|
.important:before,
|
|
.caution:before,
|
|
.tip:before {
|
|
color: #dd4d50;
|
|
width: 20px;
|
|
height: 20px;
|
|
text-align: center;
|
|
left: 24px;
|
|
top: calc(50% - 15px);
|
|
}
|
|
.warning h3,
|
|
.note h3,
|
|
.important h3,
|
|
.caution h3,
|
|
.tip h3 {
|
|
padding: 0;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 24px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.warning p,
|
|
.note p,
|
|
.important p,
|
|
.caution p,
|
|
.tip p {
|
|
line-height: 20px;
|
|
}
|
|
|
|
.topic-content > section > p {
|
|
margin: 24px 0;
|
|
}
|
|
|
|
.section-toc {
|
|
padding: 24px 40px;
|
|
border: 1px solid #e2e4e9;
|
|
width: 100%;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
}
|
|
.section-toc:first-child {
|
|
grid-column: 1/span 2;
|
|
}
|
|
.section-toc h4.featured-title,
|
|
.section-toc .section-toc-title {
|
|
font-size: 26px;
|
|
font-weight: 300;
|
|
line-height: 36px;
|
|
margin: 0;
|
|
}
|
|
.section-toc h4.featured-title a,
|
|
.section-toc .section-toc-title a {
|
|
color: #283241;
|
|
}
|
|
.section-toc h4.featured-title a:hover,
|
|
.section-toc .section-toc-title a:hover {
|
|
color: #283241;
|
|
text-decoration: underline;
|
|
}
|
|
.section-toc ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.section-toc li {
|
|
margin: 4px 0;
|
|
}
|
|
.section-toc li:first-child {
|
|
margin-top: 20px;
|
|
}
|
|
.section-toc li:last-child {
|
|
margin-bottom: 40px;
|
|
}
|
|
.section-toc li a {
|
|
color: #dd4d50;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
.section-toc li a:hover {
|
|
color: #dd4d50;
|
|
text-decoration: underline;
|
|
}
|
|
.section-toc h4 span,
|
|
.section-toc li::before {
|
|
display: none;
|
|
}
|
|
.section-toc li:first-child {
|
|
margin-top: 16px;
|
|
}
|
|
.section-toc li:last-child {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
body {
|
|
color: #283241;
|
|
background-color: #f5f5f7;
|
|
font-family: "Inter", sans-serif;
|
|
scrollbar-color: #d3d5da #f4f5f7;
|
|
scrollbar-width: thin;
|
|
/* Track */
|
|
/* Handle */
|
|
}
|
|
body h1,
|
|
body h2,
|
|
body h3,
|
|
body h4,
|
|
body h5,
|
|
body h6,
|
|
body p,
|
|
body pre {
|
|
margin: 0;
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
body::-webkit-scrollbar {
|
|
width: 11px;
|
|
}
|
|
body::-webkit-scrollbar-track {
|
|
background: #f4f5f7;
|
|
}
|
|
body::-webkit-scrollbar-thumb {
|
|
background: #d3d5da;
|
|
}
|
|
body h3 {
|
|
font-size: 32px;
|
|
font-weight: 300;
|
|
line-height: 43px;
|
|
}
|
|
body p {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|