aboutsummaryrefslogtreecommitdiff
path: root/plugins/base/src/main/resources/dokka/styles
diff options
context:
space:
mode:
Diffstat (limited to 'plugins/base/src/main/resources/dokka/styles')
-rw-r--r--plugins/base/src/main/resources/dokka/styles/jetbrains-mono.css13
-rw-r--r--plugins/base/src/main/resources/dokka/styles/style.css735
2 files changed, 748 insertions, 0 deletions
diff --git a/plugins/base/src/main/resources/dokka/styles/jetbrains-mono.css b/plugins/base/src/main/resources/dokka/styles/jetbrains-mono.css
new file mode 100644
index 00000000..2af32a92
--- /dev/null
+++ b/plugins/base/src/main/resources/dokka/styles/jetbrains-mono.css
@@ -0,0 +1,13 @@
+@font-face{
+ font-family: 'JetBrains Mono';
+ src: url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/web/woff2/JetBrainsMono-Regular.woff2') format('woff2');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face{
+ font-family: 'JetBrains Mono';
+ src: url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/web/woff2/JetBrainsMono-Bold.woff2') format('woff2');
+ font-weight: bold;
+ font-style: normal;
+} \ No newline at end of file
diff --git a/plugins/base/src/main/resources/dokka/styles/style.css b/plugins/base/src/main/resources/dokka/styles/style.css
new file mode 100644
index 00000000..6ba41db4
--- /dev/null
+++ b/plugins/base/src/main/resources/dokka/styles/style.css
@@ -0,0 +1,735 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700);
+@import url('https://rsms.me/inter/inter.css');
+@import url('jetbrains-mono.css');
+
+:root {
+ --breadcrumb-font-color: #A6AFBA;
+ --hover-link-color: #5B5DEF
+}
+
+#content {
+ padding: 0 41px;
+}
+
+.breadcrumbs {
+ padding: 24px 0;
+ color: var(--breadcrumb-font-color);
+}
+
+.breadcrumbs a {
+ color: var(--breadcrumb-font-color)
+}
+
+.breadcrumbs a:hover {
+ color: var(--hover-link-color)
+}
+
+.tabs-section-body > *:not([data-active]){
+ display: none;
+}
+
+.tabs-section > .section-tab:first-child {
+ margin-left: 0;
+}
+
+.section-tab {
+ border: 0;
+ cursor: pointer;
+ background-color: transparent;
+ border-bottom: 1px solid #DADFE6;
+ padding: 11px 3px;
+ font-size: 14px;
+ color: #637282;
+ outline:none;
+ margin: 0 8px;
+}
+
+.section-tab:hover {
+ color: #282E34;
+ border-bottom: 2px solid var(--hover-link-color);
+}
+
+.section-tab[data-active=''] {
+ color: #282E34;
+ border-bottom: 2px solid var(--hover-link-color);
+}
+
+.tabs-section-body {
+ padding: 24px 0
+}
+
+.cover > .platform-hinted {
+ padding: 24px 0
+}
+
+.tabbedcontent {
+ padding: 24px 0;
+}
+
+.cover .platform-hinted .single-content > .symbol {
+ background-color: white;
+}
+
+.divergent-group {
+ background-color: white;
+ padding: 12px 8px;
+ margin-bottom: 2px;
+}
+
+.divergent-group .table-row {
+ background-color: #F4F4F4;
+}
+
+#container {
+ display: flex;
+ flex-direction: row;
+ min-height: 100%;
+}
+
+#main {
+ width: 100%;
+ padding-left: 12px;
+}
+
+#leftColumn {
+ width: 280px;
+ min-height: 100%;
+ border-right: 1px solid #DADFE6;
+ flex: 0 0 auto;
+}
+
+@media screen and (max-width: 600px) {
+ #container {
+ flex-direction: column;
+ }
+
+ #leftColumn {
+ border-right: none;
+ }
+}
+
+#sideMenu {
+ height: 100%;
+ padding-top: 16px;
+ position: relative;
+ overflow: auto;
+}
+
+#sideMenu img {
+ margin: 1em 0.25em;
+}
+
+#sideMenu hr {
+ background: #DADFE6;
+}
+
+#searchBar {
+ float: right;
+}
+
+#logo {
+ background-size: 125px 26px;
+ border-bottom: 1px solid #DADFE6;
+ background-repeat: no-repeat;
+ background-image: url(../images/docs_logo.svg);
+ background-origin: content-box;
+ padding-left: 24px;
+ padding-top: 24px;
+ height: 48px;
+}
+
+.monospace,
+.code {
+ font-family: monospace;
+}
+
+.overview > .navButton {
+ width: 100%;
+ height: 100%;
+ align-items: center;
+ display: flex;
+ justify-content: flex-end;
+ padding-right: 24px;
+}
+
+.strikethrough {
+ text-decoration: line-through;
+}
+
+.symbol:empty {
+ padding: 0;
+}
+
+.symbol {
+ background-color: #F4F4F4;
+ align-items: center;
+ display: flex;
+ padding: 8px 16px;
+ box-sizing: border-box;
+ font-weight: bold;
+ white-space: pre;
+ flex-wrap: wrap;
+}
+
+#nav-submenu > .sideMenuPart {
+ padding-left: 0; /* packages are same level as modules */
+}
+
+.sideMenuPart > .overview {
+ height: 40px;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ position: relative;
+ user-select: none; /* there's a weird bug with text selection */
+}
+
+.sideMenuPart a {
+ display: flex;
+ align-items: center;
+ flex: 1;
+ height: 100%;
+ color: #637282;
+}
+
+.sideMenuPart > .overview:before {
+ box-sizing: border-box;
+ content: '';
+ top: 0;
+ width: 200%;
+ right: 0;
+ bottom: 0;
+ position: absolute;
+ z-index: -1;
+}
+
+.overview:hover:before {
+ background-color: #DADFE5;
+}
+
+#nav-submenu {
+ padding-left: 24px;
+}
+
+.sideMenuPart {
+ padding-left: 12px;
+ box-sizing: border-box;
+}
+
+.sideMenuPart .hidden > .overview .navButtonContent::before {
+ transform: rotate(0deg);
+}
+
+.sideMenuPart > .overview .navButtonContent::before {
+ content: url("../images/arrow_down.svg");
+ height: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ transform: rotate(180deg);
+}
+
+.sideMenuPart.hidden > .navButton .navButtonContent::after {
+ content: '\02192';
+}
+
+.sideMenuPart.hidden > .sideMenuPart {
+ height: 0;
+ visibility: hidden;
+}
+
+.filtered > a, .filtered > .navButton {
+ display: none;
+}
+
+body, table {
+ font-family: 'Inter', "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ background: #F4F4F4;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 14px;
+ line-height: 24px;
+ margin: 0;
+ max-width: 1440px;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ background-color: #ffffff;
+ padding: 5px;
+}
+
+tbody > tr {
+ border-bottom: 2px solid #F4F4F4;
+ min-height: 56px;
+}
+
+td:first-child {
+ width: 20vw;
+}
+
+.keyword {
+ color: black;
+ font-family: JetBrains Mono, Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ font-size: 12px;
+}
+
+.symbol {
+ font-family: JetBrains Mono, Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ font-size: 12px;
+ min-height: 43px;
+}
+
+.symbol > a {
+ color: var(--hover-link-color);
+ text-decoration: underline;
+}
+
+.identifier {
+ color: darkblue;
+ font-size: 12px;
+ font-family: JetBrains Mono, Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+}
+
+.brief {
+ white-space: pre-wrap;
+ overflow: hidden;
+ padding-top: 8px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color: #222;
+}
+
+p, ul, ol, table, pre, dl {
+ margin: 0 0 20px;
+}
+
+h1, h2, h3 {
+ line-height: 1.1;
+}
+
+h1 {
+ font-size: 60px;
+ line-height: 64px;
+ letter-spacing: -1.5px;
+}
+
+h2 {
+ color: #393939;
+}
+
+h3, h4, h5, h6 {
+ color: #494949;
+}
+
+a {
+ color: #258aaf;
+ font-weight: 400;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #282E34;
+ text-decoration: none;
+}
+
+a small {
+ font-size: 11px;
+ color: #555;
+ margin-top: -0.6em;
+ display: block;
+}
+
+.wrapper {
+ width: 860px;
+ margin: 0 auto;
+}
+
+blockquote {
+ border-left: 1px solid #e5e5e5;
+ margin: 0;
+ padding: 0 0 0 20px;
+ font-style: italic;
+}
+
+code, pre {
+ font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
+ color: #333;
+ font-size: 12px;
+}
+
+pre {
+ display: block;
+ /*
+ padding:8px 8px;
+ background: #f8f8f8;
+ border-radius:5px;
+ border:1px solid #e5e5e5;
+ */
+ overflow-x: auto;
+}
+
+th, td {
+ text-align: left;
+ vertical-align: top;
+ padding: 5px 10px;
+}
+
+dt {
+ color: #444;
+ font-weight: 700;
+}
+
+th {
+ color: #444;
+}
+
+img {
+ max-width: 100%;
+}
+
+header {
+ width: 270px;
+ float: left;
+ position: fixed;
+}
+
+header ul {
+ list-style: none;
+ height: 40px;
+
+ padding: 0;
+
+ background: #eee;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dddddd));
+ background: -webkit-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+ background: linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+
+ border-radius: 5px;
+ border: 1px solid #d2d2d2;
+ box-shadow: inset #fff 0 1px 0, inset rgba(0, 0, 0, 0.03) 0 -1px 0;
+ width: 270px;
+}
+
+header li {
+ width: 89px;
+ float: left;
+ border-right: 1px solid #d2d2d2;
+ height: 40px;
+}
+
+header ul a {
+ line-height: 1;
+ font-size: 11px;
+ color: #999;
+ display: block;
+ text-align: center;
+ padding-top: 6px;
+ height: 40px;
+}
+
+strong {
+ color: #222;
+ font-weight: 700;
+}
+
+header ul li + li {
+ width: 88px;
+ border-left: 1px solid #fff;
+}
+
+header ul li + li + li {
+ border-right: none;
+ width: 89px;
+}
+
+header ul a strong {
+ font-size: 14px;
+ display: block;
+ color: #222;
+}
+
+section {
+ width: 500px;
+ float: right;
+ padding-bottom: 50px;
+}
+
+small {
+ font-size: 11px;
+}
+
+hr {
+ border: 0;
+ background: #e5e5e5;
+ height: 1px;
+ margin: 0 0 20px;
+}
+
+footer {
+ width: 270px;
+ float: left;
+ position: fixed;
+ bottom: 50px;
+}
+
+.platform-tag {
+ display: flex;
+ flex-direction: row;
+ padding: 4px 8px;
+ height: 16px;
+ border-radius: 100px;
+
+ font-family: Inter, Arial, sans-serif;
+ font-size: 12px;
+ font-weight: 400;
+ font-style: normal;
+ font-stretch: normal;
+ line-height: normal;
+ letter-spacing: normal;
+ text-align: center;
+
+ color: #fff
+
+}
+
+.platform-tags {
+ flex: 0 0 auto;
+ display: flex;
+}
+
+.platform-tags > .platform-tag {
+ align-self: center;
+}
+
+.platform-tag.jvm-like {
+ background-color: #4DBB5F;
+ color: white;
+}
+
+.platform-tag.js-like {
+ background-color: #FED236;
+ color: white;
+}
+
+.platform-tag.native-like {
+ background-color: #CD74F6;
+ color: white;
+}
+
+.platform-tag.common-like {
+ background-color: #A6AFBA;
+ color: white;
+}
+
+td.content {
+ padding-left: 24px;
+ padding-top: 16px;
+ display: flex;
+ flex-direction: column;
+}
+
+.main-subrow {
+ display: flex;
+ flex-direction: row;
+ padding: 0;
+ justify-content: space-between;
+}
+
+.main-subrow > a {
+ text-decoration: none;
+ font-style: normal;
+ font-weight: 600;
+ font-size: 14px;
+ color: #282E34;
+}
+
+.main-subrow > a:hover {
+ color: var(--hover-link-color);
+}
+
+.platform-hinted {
+ flex: auto;
+ display: block;
+ margin-bottom: 5px;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
+ min-width: 64px;
+ height: 36px;
+ border: 2px solid white;
+ background: white;
+ outline: none;
+ flex: none;
+ order: 5;
+ align-self: flex-start;
+ margin: 0;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like:hover {
+ border-top: 2px solid rgba(77, 187, 95, 0.3);
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like:hover {
+ border-top: 2px solid rgba(254, 175, 54, 0.3);
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like:hover {
+ border-top: 2px solid rgba(105, 118, 249, 0.3);
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like:hover {
+ border-top: 2px solid rgba(161, 170, 180, 0.3);
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like[data-active=''] {
+ border: 2px solid #F4F4F4;
+ border-top: 2px solid #4DBB5F;
+
+ background: #F4F4F4;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like[data-active=''] {
+ border: 2px solid #F4F4F4;
+ border-top: 2px solid #FED236;
+
+ background: #F4F4F4;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like[data-active=''] {
+ border: 2px solid #F4F4F4;
+ border-top: 2px solid #CD74F6;
+
+ background: #F4F4F4;
+}
+
+.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like[data-active=''] {
+ border: 2px solid #F4F4F4;
+ border-top: 2px solid #A6AFBA;
+
+ background: #F4F4F4;
+}
+
+.platform-hinted > .content:not([data-active]) {
+ display: none
+}
+
+.sideMenuPart[data-active] > .overview {
+ background: rgba(91, 93, 239, 0.15);
+ border-left: 4px solid var(--hover-link-color);
+}
+
+.table {
+ display: flex;
+ flex-direction: column;
+}
+
+.table-row {
+ display: flex;
+ flex-direction: column;
+ background: white;
+ margin-bottom: 2px;
+ padding: 16px 24px 16px 24px;
+}
+
+.platform-dependent-row {
+ display: grid;
+ padding-top: 8px;
+}
+
+.title-row {
+ display: grid;
+ grid-template-columns: auto auto 7em;
+ width: 100%;
+}
+
+.keyValue {
+ display: grid;
+}
+
+@media print, screen and (min-width: 960px) {
+ .keyValue {
+ grid-template-columns: 20% auto;
+ }
+
+ .title-row {
+ grid-template-columns: 20% auto 7em;
+ }
+}
+
+@media print, screen and (max-width: 960px) {
+
+ div.wrapper {
+ width: auto;
+ margin: 0;
+ }
+
+ header, section, footer {
+ float: none;
+ position: static;
+ width: auto;
+ }
+
+ header {
+ padding-right: 320px;
+ }
+
+ section {
+ border: 1px solid #e5e5e5;
+ border-width: 1px 0;
+ padding: 20px 0;
+ margin: 0 0 20px;
+ }
+
+ header a small {
+ display: inline;
+ }
+
+ header ul {
+ position: absolute;
+ right: 50px;
+ top: 52px;
+ }
+}
+
+@media print, screen and (max-width: 720px) {
+ body {
+ word-wrap: break-word;
+ }
+
+ header {
+ padding: 0;
+ }
+
+ header ul, header p.view {
+ position: static;
+ }
+
+ pre, code {
+ word-wrap: normal;
+ }
+}
+
+@media print, screen and (max-width: 480px) {
+ body {
+ padding-right: 15px;
+ }
+
+ header ul {
+ display: none;
+ }
+}
+
+@media print {
+ body {
+ padding: 0.4in;
+ font-size: 12pt;
+ color: #444;
+ }
+}