diff --git a/docusaurus.config.js b/docusaurus.config.js index ae0e12796..45a327548 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -44,7 +44,10 @@ module.exports={ "sidebarPath": "./sidebars.json" }, "theme": { - "customCss": "./src/css/customTheme.css" + "customCss": [ + "./src/css/customTheme.css", + "./src/css/index.css" + ] }, "gtag": { "trackingID": "UA-131010415-1" @@ -85,11 +88,11 @@ module.exports={ "label": "Use Cases", "position": "right", }, - { + { "to": "/druid-powered", "label": "Powered By", "position": "right", - }, + }, { "to": "/docs/"+buildVersion+"/design/", "label": "Docs", @@ -102,6 +105,7 @@ module.exports={ }, { "label": "Apache®", + "type": "dropdown", "position": "right", "items": [ { @@ -128,8 +132,6 @@ module.exports={ "href": "https://www.apache.org/foundation/sponsorship.html", "label": "Sponsorship" } - - ], }, { diff --git a/package.json b/package.json index e7f6ddbcb..8597ee556 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,6 @@ "write-translations": "docusaurus-write-translations", "version": "docusaurus-version", "rename-version": "docusaurus-rename-version", - "compile-scss": "node-sass scss -o static/css", - "watch-scss": "node-sass --watch scss -o static/css", "link-lint": "npm run build && node script/link-lint.js", "spellcheck": "mdspell --en-us --ignore-numbers --report '../docs/**/*.md' || (./script/notify-spellcheck-issues && false)", "swizzle": "docusaurus swizzle", @@ -32,13 +30,11 @@ "@docusaurus/core": "^2.4.1", "@docusaurus/plugin-client-redirects": "^2.4.1", "@docusaurus/preset-classic": "^2.4.1", - "bootstrap": "^5.2.3", "clsx": "^1.1.1", "fast-glob": "^3.2.2", "fs-extra": "^8.1.0", "react": "^17.0.2", - "react-bootstrap": "^2.7.2", "react-dom": "^17.0.2", "replace-in-file": "^4.3.1" } -} +} \ No newline at end of file diff --git a/scss/base.scss b/scss/base.scss deleted file mode 100644 index 650f7350b..000000000 --- a/scss/base.scss +++ /dev/null @@ -1,380 +0,0 @@ -@import "variables"; -@import "reset"; - -body { - margin-top: $header-height; -} - -html, body { - position:relative; - color: $dark; - font-family: 'Open Sans', Arial, Helvetica, sans-serif; - font-weight: 400; - font-size: 16px; - word-wrap:break-word; - - h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-weight: 600; - line-height: 140%; - margin-bottom: 14px; - margin-top: 28px; - } - - h1 { - font-size: 2.7em; - } - - h2 { - font-size: 2.2em; - } - - h3 { - font-size: 1.7em; - } - - h4 { - font-size: 1.4em; - } - - h5 { - font-weight: bold; - } - - h6 { - font-weight: bold; - color: $light-text; - } - - p { - line-height: 170%; - margin-bottom: 14px; - margin-top: 14px; - - &:first-child { - margin-top: 28px; - } - } - - strong { - font-weight: 700; - } - - hr { - margin: 30px 0 30px 0; - } - - a { - cursor: pointer; - } - - p, table, ul, li { - a { - color: $link; - cursor: pointer; - font-weight: 600; - - &:hover { - text-decoration: underline; - } - } - } - - ul { - margin-top: 14px; - margin-bottom: 14px; - line-height: 170%; - - li { - margin-left: 18px; - list-style-type: disc; - } - } - - ol { - margin-top: 14px; - margin-bottom: 14px; - line-height: 170%; - - li { - margin-left: 22px; - list-style-type: decimal; - } - } - - table { - width: 100%; - table-layout: fixed; - margin-top: 14px; - margin-bottom: 14px; - - - th { - font-weight: 700; - } - - th, td { - padding: 5px; - } - } - - blockquote { - font-size: 14px; - font-style: italic; - color: #777; - } -} - -.druid-header { - padding: 34px 0 44px; - margin-bottom: 24px; - color: #1c1c26; - text-align: center; - background-image: url('/img/watermark-light.png'); - background-size: 330px 330px; - background-repeat: no-repeat; - background-position: 18% -30px; - background-color: $light-bkg; - overflow: hidden; - - h1 { - margin-top: 14px; - font-size: 2.8em; - } - - h4 { - font-weight: 400; - font-size: 15px; - margin-top: 0; - margin-bottom: 0; - - a { - color: $link; - font-weight: 600; - - .fa { - margin-right: 4px; - } - - &:hover { - text-decoration: underline; - } - } - } -} - -.text-indent { - padding-left: 50px; -} - -.text-indent-2 { - padding-left: 100px; -} - -.text-indent-p p { - padding-left: 50px; -} - -.image-large { - text-align: center; - margin-top: 28px; - margin-bottom: 28px; - - img { - width: 100%; - max-width: 660px; - } -} - -.large-button { - display: inline-block; - padding: 10px 22px; - color: white; - background: $link; - border-radius: 2px; - font-size: 15px; - margin-top: 14px; - margin-bottom: 14px; - - .fa { - margin-right: 3px; - } - - &:hover { - background: darken($link, 10); - text-decoration: none; - } -} - -.fancy-list { - margin-top: 22px; - margin-bottom: 22px; - - li { - list-style: none; - font-weight: 600; - margin-left: 0; - padding-left: 30px; - margin-bottom: 8px; - - &:before { - content: ""; - position: absolute; - top: 5px; - left: 0; - width: 16px; - height: 16px; - border-radius: 50%; - background: #9caeff; - } - } -} - -.features { - margin-bottom: 28px; - margin-top: 38px; - - .feature { - padding-left: 74px; - margin-bottom: 34px; - - &:nth-child(3n-2) { - .fa { - ///color: $medium-1; - // background: $light-1; - background: #cbd5ff; - } - } - - &:nth-child(3n-1) { - .fa { - //color: $medium-2; - //background: $light-2; - background: #a7f1d9; - } - } - - &:nth-child(3n) { - .fa { - //color: $medium-3; - // background: $light-3; - background: #ffd8a8; - } - } - - .fa { - top: 0; - left: 0; - position: absolute; - width: 54px; - height: 54px; - line-height: 54px; - border-radius: 40px; - text-align: center; - font-size: 20px; - background: $light-1; - color: $dark; - } - - p { - margin-top: 0; - } - - h5 { - margin-bottom: 0; - font-size: 1.2em; - } - } -} - -.zigzag-features { - margin-bottom: 100px; - - .zigzag-feature { - margin-top: 100px; - - .fa { - top: 0; - position: absolute; - width: 220px; - height: 220px; - line-height: 220px; - border-radius: 50%; - text-align: center; - font-size: 70px; - background: $light-1; - color: $medium-1; - } - - &:nth-child(2n-1) { - padding-right: 300px; - - .fa { - right: 0; - } - } - - &:nth-child(2n) { - padding-left: 300px; - - .fa { - left: 0; - } - } - - &:nth-child(3n-2) { - .fa { - background: $light-1; - color: $medium-1; - } - } - - &:nth-child(3n-1) { - .fa { - background: $light-2; - color: $medium-2; - } - } - - &:nth-child(3n) { - .fa { - background: $light-3; - color: $medium-3; - } - } - } - - @media (max-width: 840px) { - .zigzag-feature { - .fa { - position: relative; - display: block; - margin-left: auto; - margin-right: auto; - margin-bottom: 40px; - } - - &:nth-child(2n-1) { - padding-right: 0; - } - - &:nth-child(2n) { - padding-left: 0; - } - } - } - - @media (max-width: 440px) { - margin-bottom: 70px; - - .zigzag-feature { - margin-top: 70px; - - .fa { - width: 180px; - height: 180px; - line-height: 180px; - font-size: 60px; - } - } - } -} diff --git a/scss/blogs.scss b/scss/blogs.scss deleted file mode 100644 index 0d032f64c..000000000 --- a/scss/blogs.scss +++ /dev/null @@ -1,82 +0,0 @@ -.blog-listing { - margin-bottom: 70px; -} - -.blog-listing h2 { - color: #333; -} - -.blog-listing h2 a { - color: inherit; - color: #575B61; -} - -.blog-listing h2 a:hover, -.blog-listing h2 a:focus { - color: #b1bac6; - text-decoration: none; -} - -.blog-listing .btn-default { - border-color: #b1b1ac; - border-color: #2ceefb; - border-color: #2C90FB; - border-color: #2576CC; - color: #575B61; - color: #2C90FB; - color: #2576CC; -} - -.blog-listing .btn-default:hover, -.blog-listing .btn-default:focus { - /* background-color: #b1b1ac; */ - background-color: #2C90FB; - background-color: #2576CC; - color: #fff; -} - -.blog-entry { - margin-bottom: 70px; -} - -.druid-header.blog { - padding: 0; - overflow: hidden; -} - -.blog .title-spacer { - min-height: 240px; -} -.blog .title-image-wrap { - top: -50%; - left: -50%; - width: 200%; - height: 200%; - position: relative; - overflow: hidden; - min-height: 45px; - /* min-height: 200px; */ -} - -.blog-entry img { - max-width: 100%; -} - -.blog .title-image { - position: absolute; - min-width: 30%; - min-height: 200px; - margin: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0px 2px 9px rgba(0,0,0,.5); -} - -.recents ul li { - font-weight: 400; - margin-bottom: 15px; -} - - diff --git a/scss/bootstrap-pure.scss b/scss/bootstrap-pure.scss deleted file mode 100644 index 9acdb072a..000000000 --- a/scss/bootstrap-pure.scss +++ /dev/null @@ -1,2470 +0,0 @@ -/*! - * Bootstrap v3.3.5 (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - * Modified by Vadim Ogievetsky - */ - -article,aside,details,figure,footer,header,main,menu,nav,section,summary { - display: block; -} - -progress,video { - display: inline-block; - vertical-align: baseline; -} - -[hidden],template { - display: none; -} - -b,strong { - font-weight: bold; -} - -mark { - color: #000; - background: #ff0; -} - -small { - font-size: 80%; -} - -sub { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sub { - bottom: -.25em; -} - -img { - border: 0; -} - -figure { - margin: 1em 40px; -} - -hr { - height: 0; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -pre { - overflow: auto; -} - -code,pre { - font-family: monospace, monospace; - font-size: 1em; -} - -button,input,select { - margin: 0; - font: inherit; - color: inherit; -} - -button { - overflow: visible; -} - -button,select { - text-transform: none; -} - -button,html input[type="button"],input[type="reset"],input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled],html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner,input::-moz-focus-inner { - padding: 0; - border: 0; -} - -input { - line-height: normal; -} - -input[type="checkbox"],input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -table { - border-spacing: 0; - border-collapse: collapse; -} - -td,th { - padding: 0; -} - -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ - -@media print { - *, *:before, *:after { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - - a, a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - a[href^="#"]:after, a[href^="javascript:"]:after { - content: ""; - } - - pre, blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; - } - - tr, img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - p, h2, h3 { - orphans: 3; - widows: 3; - } - - h2, h3 { - page-break-after: avoid; - } - - .navbar { - display: none; - } - - .label { - border: 1px solid #000; - } - - .table { - border-collapse: collapse !important; - } - - .table td, .table th { - background-color: #fff !important; - } -} - -@font-face { - font-family: 'Glyphicons Halflings'; - src: url('../fonts/glyphicons-halflings-regular.eot'); - src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -*:before,*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -input,button,select { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -figure { - margin: 0; -} - -.img-rounded { - border-radius: 6px; -} - -.img-circle { - border-radius: 50%; -} - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eee; -} - -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} - -[role="button"] { - cursor: pointer; -} - -.lead { - margin-bottom: 20px; - font-size: 16px; - font-weight: 300; - line-height: 1.4; -} - -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} - -small,.small { - font-size: 85%; -} - -mark,.mark { - padding: .2em; - background-color: #fcf8e3; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -.text-lowercase { - text-transform: lowercase; -} - -.text-uppercase { - text-transform: uppercase; -} - -.text-muted { - color: #777; -} - -.text-primary { - color: #337ab7; -} - -a.text-primary:hover,a.text-primary:focus { - color: #286090; -} - -.text-success { - color: #3c763d; -} - -a.text-success:hover,a.text-success:focus { - color: #2b542c; -} - -.text-info { - color: #31708f; -} - -a.text-info:hover,a.text-info:focus { - color: #245269; -} - -.text-warning { - color: #8a6d3b; -} - -a.text-warning:hover,a.text-warning:focus { - color: #66512c; -} - -.text-danger { - color: #a94442; -} - -a.text-danger:hover,a.text-danger:focus { - color: #843534; -} - -.bg-primary { - color: #fff; - background-color: #337ab7; -} - -a.bg-primary:hover,a.bg-primary:focus { - background-color: #286090; -} - -.bg-success { - background-color: #dff0d8; -} - -a.bg-success:hover,a.bg-success:focus { - background-color: #c1e2b3; -} - -.bg-info { - background-color: #d9edf7; -} - -a.bg-info:hover,a.bg-info:focus { - background-color: #afd9ee; -} - -.bg-warning { - background-color: #fcf8e3; -} - -a.bg-warning:hover,a.bg-warning:focus { - background-color: #f7ecb5; -} - -.bg-danger { - background-color: #f2dede; -} - -a.bg-danger:hover,a.bg-danger:focus { - background-color: #e4b9b9; -} - -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eee; -} - -ul,ol { - margin-top: 0; - margin-bottom: 10px; -} - -ul ul,ol ul,ul ol,ol ol { - margin-bottom: 0; -} - -.list-inline { - padding-left: 0; - margin-left: -5px; - list-style: none; -} - -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} - -dl { - margin-top: 0; - margin-bottom: 20px; -} - -dt,dd { - line-height: 1.42857143; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 0; -} - -@media (min-width: 768px) { - .dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; - } - - .dl-horizontal dd { - margin-left: 180px; - } -} - -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 17.5px; - border-left: 5px solid #eee; -} - -blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child { - margin-bottom: 0; -} - -blockquote footer,blockquote small,blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #777; -} - -blockquote footer:before,blockquote small:before,blockquote .small:before { - content: '\2014 \00A0'; -} - -.blockquote-reverse,blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - text-align: right; - border-right: 5px solid #eee; - border-left: 0; -} - -.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before { - content: ''; -} - -.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after { - content: '\00A0 \2014'; -} - -address { - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857143; -} - -code,pre { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} - -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 4px; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - color: #333; - word-break: break-all; - word-wrap: break-word; - background-color: #f5f5f5; - border: 1px solid #ccc; - border-radius: 4px; -} - -pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; -} - -.container { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - -@media (min-width: 768px) { - .container { - width: 750px; - } -} - -@media (min-width: 992px) { - .container { - width: 970px; - } -} - -@media (min-width: 1200px) { - .container { - width: 1170px; - } -} - -.container-fluid { - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} - -.row { - margin-right: -15px; - margin-left: -15px; -} - -.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { - position: relative; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; -} - -.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 { - float: left; -} - -@media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - - .col-md-12 { - width: 100%; - } - - .col-md-11 { - width: 91.66666667%; - } - - .col-md-10 { - width: 83.33333333%; - } - - .col-md-9 { - width: 75%; - } - - .col-md-8 { - width: 66.66666667%; - } - - .col-md-7 { - width: 58.33333333%; - } - - .col-md-6 { - width: 50%; - } - - .col-md-5 { - width: 41.66666667%; - } - - .col-md-4 { - width: 33.33333333%; - } - - .col-md-3 { - width: 25%; - } - - .col-md-2 { - width: 16.66666667%; - } - - .col-md-1 { - width: 8.33333333%; - } - - .col-md-pull-12 { - right: 100%; - } - - .col-md-pull-11 { - right: 91.66666667%; - } - - .col-md-pull-10 { - right: 83.33333333%; - } - - .col-md-pull-9 { - right: 75%; - } - - .col-md-pull-8 { - right: 66.66666667%; - } - - .col-md-pull-7 { - right: 58.33333333%; - } - - .col-md-pull-6 { - right: 50%; - } - - .col-md-pull-5 { - right: 41.66666667%; - } - - .col-md-pull-4 { - right: 33.33333333%; - } - - .col-md-pull-3 { - right: 25%; - } - - .col-md-pull-2 { - right: 16.66666667%; - } - - .col-md-pull-1 { - right: 8.33333333%; - } - - .col-md-pull-0 { - right: auto; - } - - .col-md-push-12 { - left: 100%; - } - - .col-md-push-11 { - left: 91.66666667%; - } - - .col-md-push-10 { - left: 83.33333333%; - } - - .col-md-push-9 { - left: 75%; - } - - .col-md-push-8 { - left: 66.66666667%; - } - - .col-md-push-7 { - left: 58.33333333%; - } - - .col-md-push-6 { - left: 50%; - } - - .col-md-push-5 { - left: 41.66666667%; - } - - .col-md-push-4 { - left: 33.33333333%; - } - - .col-md-push-3 { - left: 25%; - } - - .col-md-push-2 { - left: 16.66666667%; - } - - .col-md-push-1 { - left: 8.33333333%; - } - - .col-md-push-0 { - left: auto; - } - - .col-md-offset-12 { - margin-left: 100%; - } - - .col-md-offset-11 { - margin-left: 91.66666667%; - } - - .col-md-offset-10 { - margin-left: 83.33333333%; - } - - .col-md-offset-9 { - margin-left: 75%; - } - - .col-md-offset-8 { - margin-left: 66.66666667%; - } - - .col-md-offset-7 { - margin-left: 58.33333333%; - } - - .col-md-offset-6 { - margin-left: 50%; - } - - .col-md-offset-5 { - margin-left: 41.66666667%; - } - - .col-md-offset-4 { - margin-left: 33.33333333%; - } - - .col-md-offset-3 { - margin-left: 25%; - } - - .col-md-offset-2 { - margin-left: 16.66666667%; - } - - .col-md-offset-1 { - margin-left: 8.33333333%; - } - - .col-md-offset-0 { - margin-left: 0; - } -} - -table { - background-color: transparent; -} - -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #777; - text-align: left; -} - -th { - text-align: left; -} - -.table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; -} - -.table > thead > tr > th,.table > tbody > tr > th,.table > thead > tr > td,.table > tbody > 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; -} - -.table > caption + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td { - border-top: 0; -} - -.table > tbody + tbody { - border-top: 2px solid #ddd; -} - -.table .table { - background-color: #fff; -} - -.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td { - padding: 5px; -} - -table col[class*="col-"] { - position: static; - display: table-column; - float: none; -} - -table td[class*="col-"],table th[class*="col-"] { - position: static; - display: table-cell; - float: none; -} - -.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th { - background-color: #f5f5f5; -} - -.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th { - background-color: #dff0d8; -} - -.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th { - background-color: #d9edf7; -} - -.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th { - background-color: #fcf8e3; -} - -.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th { - background-color: #f2dede; -} - -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: bold; -} - -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -input[type="radio"],input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; -} - -input[type="file"] { - display: block; -} - -input[type="range"] { - display: block; - width: 100%; -} - -select[multiple],select[size] { - height: auto; -} - -input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -output { - display: block; - padding-top: 7px; - font-size: 14px; - line-height: 1.42857143; - color: #555; -} - -input[type="search"] { - -webkit-appearance: none; -} - -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { - line-height: 34px; - } - - input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { - line-height: 30px; - } - - input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { - line-height: 46px; - } -} - -.form-group { - margin-bottom: 15px; -} - -input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled { - cursor: not-allowed; -} - -.form-control-static { - min-height: 34px; - padding-top: 7px; - padding-bottom: 7px; - margin-bottom: 0; -} - -.form-control-static.input-lg,.form-control-static.input-sm { - padding-right: 0; - padding-left: 0; -} - -.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -select.input-sm { - height: 30px; - line-height: 30px; -} - -select[multiple].input-sm { - height: auto; -} - -.input-lg { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} - -select.input-lg { - height: 46px; - line-height: 46px; -} - -select[multiple].input-lg { - height: auto; -} - -.has-feedback { - position: relative; -} - -.has-feedback .form-control { - padding-right: 42.5px; -} - -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 34px; - height: 34px; - line-height: 34px; - text-align: center; - pointer-events: none; -} - -.input-lg + .form-control-feedback,.input-group-lg + .form-control-feedback,.form-group-lg .form-control + .form-control-feedback { - width: 46px; - height: 46px; - line-height: 46px; -} - -.input-sm + .form-control-feedback,.input-group-sm + .form-control-feedback,.form-group-sm .form-control + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; -} - -.has-success .help-block,.has-success .control-label { - color: #3c763d; -} - -.has-success .form-control { - border-color: #3c763d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} - -.has-success .form-control:focus { - border-color: #2b542c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; -} - -.has-success .form-control-feedback { - color: #3c763d; -} - -.has-warning .help-block,.has-warning .control-label { - color: #8a6d3b; -} - -.has-warning .form-control { - border-color: #8a6d3b; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} - -.has-warning .form-control:focus { - border-color: #66512c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; -} - -.has-warning .form-control-feedback { - color: #8a6d3b; -} - -.has-error .help-block,.has-error .control-label { - color: #a94442; -} - -.has-error .form-control { - border-color: #a94442; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -} - -.has-error .form-control:focus { - border-color: #843534; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; -} - -.has-error .form-control-feedback { - color: #a94442; -} - -.has-feedback label ~ .form-control-feedback { - top: 25px; -} - -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} - -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #737373; -} - -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - - .form-inline .form-control-static { - display: inline-block; - } - - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - - .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { - width: auto; - } - - .form-inline .input-group > .form-control { - width: 100%; - } - - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} - -.form-horizontal .form-group { - margin-right: -15px; - margin-left: -15px; -} - -@media (min-width: 768px) { - .form-horizontal .control-label { - padding-top: 7px; - margin-bottom: 0; - text-align: right; - } -} - -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} - -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 14.333333px; - font-size: 18px; - } -} - -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - font-size: 12px; - } -} - -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: normal; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} - -.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn:hover,.btn:focus,.btn.focus { - color: #333; - text-decoration: none; -} - -.btn:active,.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -} - -.btn.disabled,.btn[disabled] { - cursor: not-allowed; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; - opacity: .65; -} - -a.btn.disabled { - pointer-events: none; -} - -.btn-default { - color: #333; - background-color: #fff; - border-color: #ccc; -} - -.btn-default:focus,.btn-default.focus { - color: #333; - background-color: #e6e6e6; - border-color: #8c8c8c; -} - -.btn-default:hover { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} - -.btn-default:active,.btn-default.active { - color: #333; - background-color: #e6e6e6; - border-color: #adadad; -} - -.btn-default:active:hover,.btn-default.active:hover,.btn-default:active:focus,.btn-default.active:focus,.btn-default:active.focus,.btn-default.active.focus { - color: #333; - background-color: #d4d4d4; - border-color: #8c8c8c; -} - -.btn-default:active,.btn-default.active { - background-image: none; -} - -.btn-default.disabled,.btn-default[disabled],.btn-default.disabled:hover,.btn-default[disabled]:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,.btn-default.disabled:active,.btn-default[disabled]:active,.btn-default.disabled.active,.btn-default[disabled].active { - background-color: #fff; - border-color: #ccc; -} - -.btn-primary { - color: #fff; - background-color: #337ab7; - border-color: #2e6da4; -} - -.btn-primary:focus,.btn-primary.focus { - color: #fff; - background-color: #286090; - border-color: #122b40; -} - -.btn-primary:hover { - color: #fff; - background-color: #286090; - border-color: #204d74; -} - -.btn-primary:active,.btn-primary.active { - color: #fff; - background-color: #286090; - border-color: #204d74; -} - -.btn-primary:active:hover,.btn-primary.active:hover,.btn-primary:active:focus,.btn-primary.active:focus,.btn-primary:active.focus,.btn-primary.active.focus { - color: #fff; - background-color: #204d74; - border-color: #122b40; -} - -.btn-primary:active,.btn-primary.active { - background-image: none; -} - -.btn-primary.disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,.btn-primary.disabled.active,.btn-primary[disabled].active { - background-color: #337ab7; - border-color: #2e6da4; -} - -.btn-success { - color: #fff; - background-color: #5cb85c; - border-color: #4cae4c; -} - -.btn-success:focus,.btn-success.focus { - color: #fff; - background-color: #449d44; - border-color: #255625; -} - -.btn-success:hover { - color: #fff; - background-color: #449d44; - border-color: #398439; -} - -.btn-success:active,.btn-success.active { - color: #fff; - background-color: #449d44; - border-color: #398439; -} - -.btn-success:active:hover,.btn-success.active:hover,.btn-success:active:focus,.btn-success.active:focus,.btn-success:active.focus,.btn-success.active.focus { - color: #fff; - background-color: #398439; - border-color: #255625; -} - -.btn-success:active,.btn-success.active { - background-image: none; -} - -.btn-success.disabled,.btn-success[disabled],.btn-success.disabled:hover,.btn-success[disabled]:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,.btn-success.disabled:active,.btn-success[disabled]:active,.btn-success.disabled.active,.btn-success[disabled].active { - background-color: #5cb85c; - border-color: #4cae4c; -} - -.btn-info { - color: #fff; - background-color: #5bc0de; - border-color: #46b8da; -} - -.btn-info:focus,.btn-info.focus { - color: #fff; - background-color: #31b0d5; - border-color: #1b6d85; -} - -.btn-info:hover { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} - -.btn-info:active,.btn-info.active { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} - -.btn-info:active:hover,.btn-info.active:hover,.btn-info:active:focus,.btn-info.active:focus,.btn-info:active.focus,.btn-info.active.focus { - color: #fff; - background-color: #269abc; - border-color: #1b6d85; -} - -.btn-info:active,.btn-info.active { - background-image: none; -} - -.btn-info.disabled,.btn-info[disabled],.btn-info.disabled:hover,.btn-info[disabled]:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,.btn-info.disabled:active,.btn-info[disabled]:active,.btn-info.disabled.active,.btn-info[disabled].active { - background-color: #5bc0de; - border-color: #46b8da; -} - -.btn-warning { - color: #fff; - background-color: #f0ad4e; - border-color: #eea236; -} - -.btn-warning:focus,.btn-warning.focus { - color: #fff; - background-color: #ec971f; - border-color: #985f0d; -} - -.btn-warning:hover { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} - -.btn-warning:active,.btn-warning.active { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} - -.btn-warning:active:hover,.btn-warning.active:hover,.btn-warning:active:focus,.btn-warning.active:focus,.btn-warning:active.focus,.btn-warning.active.focus { - color: #fff; - background-color: #d58512; - border-color: #985f0d; -} - -.btn-warning:active,.btn-warning.active { - background-image: none; -} - -.btn-warning.disabled,.btn-warning[disabled],.btn-warning.disabled:hover,.btn-warning[disabled]:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,.btn-warning.disabled.active,.btn-warning[disabled].active { - background-color: #f0ad4e; - border-color: #eea236; -} - -.btn-danger { - color: #fff; - background-color: #d9534f; - border-color: #d43f3a; -} - -.btn-danger:focus,.btn-danger.focus { - color: #fff; - background-color: #c9302c; - border-color: #761c19; -} - -.btn-danger:hover { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} - -.btn-danger:active,.btn-danger.active { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} - -.btn-danger:active:hover,.btn-danger.active:hover,.btn-danger:active:focus,.btn-danger.active:focus,.btn-danger:active.focus,.btn-danger.active.focus { - color: #fff; - background-color: #ac2925; - border-color: #761c19; -} - -.btn-danger:active,.btn-danger.active { - background-image: none; -} - -.btn-danger.disabled,.btn-danger[disabled],.btn-danger.disabled:hover,.btn-danger[disabled]:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,.btn-danger.disabled.active,.btn-danger[disabled].active { - background-color: #d9534f; - border-color: #d43f3a; -} - -.btn-link { - font-weight: normal; - color: #337ab7; - border-radius: 0; -} - -.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled] { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active { - border-color: transparent; -} - -.btn-link:hover,.btn-link:focus { - color: #23527c; - text-decoration: underline; - background-color: transparent; -} - -.btn-link[disabled]:hover,.btn-link[disabled]:focus { - color: #777; - text-decoration: none; -} - -.btn-lg,.btn-group-lg > .btn { - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} - -.btn-sm,.btn-group-sm > .btn { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -.btn-xs,.btn-group-xs > .btn { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -.btn-block { - display: block; - width: 100%; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block { - width: 100%; -} - -.collapse { - display: none; -} - -.collapse.in { - display: block; -} - -tr.collapse.in { - display: table-row; -} - -tbody.collapse.in { - display: table-row-group; -} - -.open > a { - outline: 0; -} - -.btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.btn-group > .btn { - position: relative; - float: left; -} - -.btn-group > .btn:hover,.btn-group > .btn:focus,.btn-group > .btn:active,.btn-group > .btn.active { - z-index: 2; -} - -.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group { - margin-left: -1px; -} - -.btn-group > .btn:first-child { - margin-left: 0; -} - -.btn-group > .btn:last-child:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.btn-group > .btn-group { - float: left; -} - -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; -} - -.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -[data-toggle="buttons"] > .btn input[type="radio"],[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],[data-toggle="buttons"] > .btn input[type="checkbox"],[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; -} - -.input-group { - position: relative; - display: table; - border-collapse: separate; -} - -.input-group[class*="col-"] { - float: none; - padding-right: 0; - padding-left: 0; -} - -.input-group .form-control { - position: relative; - z-index: 2; - float: left; - width: 100%; - margin-bottom: 0; -} - -.input-group-lg > .form-control,.input-group-lg > .input-group-btn > .btn { - height: 46px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} - -select.input-group-lg > .form-control,select.input-group-lg > .input-group-btn > .btn { - height: 46px; - line-height: 46px; -} - -select[multiple].input-group-lg > .form-control,select[multiple].input-group-lg > .input-group-btn > .btn { - height: auto; -} - -.input-group-sm > .form-control,.input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -select.input-group-sm > .form-control,select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; -} - -select[multiple].input-group-sm > .form-control,select[multiple].input-group-sm > .input-group-btn > .btn { - height: auto; -} - -.input-group-btn,.input-group .form-control { - display: table-cell; -} - -.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} - -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; -} - -.input-group .form-control:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.input-group .form-control:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.input-group-btn { - position: relative; - font-size: 0; - white-space: nowrap; -} - -.input-group-btn > .btn { - position: relative; -} - -.input-group-btn > .btn + .btn { - margin-left: -1px; -} - -.input-group-btn > .btn:hover,.input-group-btn > .btn:focus,.input-group-btn > .btn:active { - z-index: 2; -} - -.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group { - margin-right: -1px; -} - -.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group { - z-index: 2; - margin-left: -1px; -} - -.nav { - padding-left: 0; - margin-bottom: 0; - list-style: none; -} - -.nav > li { - position: relative; - display: block; -} - -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} - -.nav > li > a:hover,.nav > li > a:focus { - text-decoration: none; - background-color: #eee; -} - -.nav > li.disabled > a { - color: #777; -} - -.nav > li.disabled > a:hover,.nav > li.disabled > a:focus { - color: #777; - text-decoration: none; - cursor: not-allowed; - background-color: transparent; -} - -.nav .open > a,.nav .open > a:hover,.nav .open > a:focus { - background-color: #eee; - border-color: #337ab7; -} - -.nav > li > a > img { - max-width: none; -} - -.tab-content > .active { - display: block; -} - -.navbar { - position: relative; - min-height: 50px; - margin-bottom: 20px; - border: 1px solid transparent; -} - -@media (min-width: 768px) { - .navbar { - border-radius: 4px; - } -} - -@media (min-width: 768px) { - .navbar-header { - float: left; - } -} - -.navbar-collapse { - padding-right: 15px; - padding-left: 15px; - overflow-x: visible; - -webkit-overflow-scrolling: touch; - border-top: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); -} - -.navbar-collapse.in { - overflow-y: auto; -} - -@media (min-width: 768px) { - .navbar-collapse { - width: auto; - border-top: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - - .navbar-collapse.collapse { - display: block !important; - height: auto !important; - padding-bottom: 0; - overflow: visible !important; - } - - .navbar-collapse.in { - overflow-y: visible; - } - - .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { - padding-right: 0; - padding-left: 0; - } -} - -.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { - max-height: 340px; -} - -@media (max-device-width: 480px) and (orientation: landscape) { - .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { - max-height: 200px; - } -} - -.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse { - margin-right: -15px; - margin-left: -15px; -} - -@media (min-width: 768px) { - .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { - margin-right: 0; - margin-left: 0; - } -} - -.navbar-static-top { - z-index: 1000; - border-width: 0 0 1px; -} - -@media (min-width: 768px) { - .navbar-static-top { - border-radius: 0; - } -} - -.navbar-fixed-top,.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; -} - -@media (min-width: 768px) { - .navbar-fixed-top, .navbar-fixed-bottom { - border-radius: 0; - } -} - -.navbar-fixed-top { - top: 0; - border-width: 0 0 1px; -} - -.navbar-fixed-bottom { - bottom: 0; - margin-bottom: 0; - border-width: 1px 0 0; -} - -.navbar-brand { - float: left; - height: 50px; - padding: 15px 15px; - font-size: 18px; - line-height: 20px; -} - -.navbar-brand:hover,.navbar-brand:focus { - text-decoration: none; -} - -.navbar-brand > img { - display: block; -} - -@media (min-width: 768px) { - .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { - margin-left: -15px; - } -} - -.navbar-toggle { - position: relative; - float: right; - padding: 9px 10px; - margin-top: 8px; - margin-right: 15px; - margin-bottom: 8px; - background-color: transparent; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; -} - -.navbar-toggle:focus { - outline: 0; -} - -.navbar-toggle .icon-bar { - display: block; - width: 22px; - height: 2px; - border-radius: 1px; -} - -.navbar-toggle .icon-bar + .icon-bar { - margin-top: 4px; -} - -@media (min-width: 768px) { - .navbar-toggle { - display: none; - } -} - -.navbar-nav { - margin: 7.5px -15px; -} - -.navbar-nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - line-height: 20px; -} - -@media (min-width: 768px) { - .navbar-nav { - float: left; - margin: 0; - } - - .navbar-nav > li { - float: left; - } - - .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - } -} - -@media (min-width: 768px) { - .navbar-right { - float: right !important; - margin-right: -15px; - } - - .navbar-right ~ .navbar-right { - margin-right: 0; - } -} - -.navbar-default { - background-color: #f8f8f8; - border-color: #e7e7e7; -} - -.navbar-default .navbar-brand { - color: #777; -} - -.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus { - color: #5e5e5e; - background-color: transparent; -} - -.navbar-default .navbar-text { - color: #777; -} - -.navbar-default .navbar-nav > li > a { - color: #777; -} - -.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus { - color: #333; - background-color: transparent; -} - -.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus { - color: #555; - background-color: #e7e7e7; -} - -.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:hover,.navbar-default .navbar-nav > .disabled > a:focus { - color: #ccc; - background-color: transparent; -} - -.navbar-default .navbar-toggle { - border-color: #ddd; -} - -.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { - background-color: #ddd; -} - -.navbar-default .navbar-toggle .icon-bar { - background-color: #888; -} - -.navbar-default .navbar-collapse,.navbar-default .navbar-form { - border-color: #e7e7e7; -} - -.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus { - color: #555; - background-color: #e7e7e7; -} - -.navbar-default .navbar-link { - color: #777; -} - -.navbar-default .navbar-link:hover { - color: #333; -} - -.navbar-default .btn-link { - color: #777; -} - -.navbar-default .btn-link:hover,.navbar-default .btn-link:focus { - color: #333; -} - -.navbar-default .btn-link[disabled]:hover,.navbar-default .btn-link[disabled]:focus { - color: #ccc; -} - -.navbar-inverse { - background-color: #222; - border-color: #080808; -} - -.navbar-inverse .navbar-brand { - color: #9d9d9d; -} - -.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus { - color: #fff; - background-color: transparent; -} - -.navbar-inverse .navbar-text { - color: #9d9d9d; -} - -.navbar-inverse .navbar-nav > li > a { - color: #9d9d9d; -} - -.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus { - color: #fff; - background-color: transparent; -} - -.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus { - color: #fff; - background-color: #080808; -} - -.navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus { - color: #444; - background-color: transparent; -} - -.navbar-inverse .navbar-toggle { - border-color: #333; -} - -.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus { - background-color: #333; -} - -.navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; -} - -.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { - border-color: #101010; -} - -.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus { - color: #fff; - background-color: #080808; -} - -.navbar-inverse .navbar-link { - color: #9d9d9d; -} - -.navbar-inverse .navbar-link:hover { - color: #fff; -} - -.navbar-inverse .btn-link { - color: #9d9d9d; -} - -.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus { - color: #fff; -} - -.navbar-inverse .btn-link[disabled]:hover,.navbar-inverse .btn-link[disabled]:focus { - color: #444; -} - -.label { - display: inline; - padding: .2em .6em .3em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; -} - -a.label:hover,a.label:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.label:empty { - display: none; -} - -.btn .label { - position: relative; - top: -1px; -} - -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 4px; -} - -.alert h4 { - margin-top: 0; - color: inherit; -} - -.alert .alert-link { - font-weight: bold; -} - -.alert > p,.alert > ul { - margin-bottom: 0; -} - -.alert > p + p { - margin-top: 5px; -} - -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-success hr { - border-top-color: #c9e2b3; -} - -.alert-success .alert-link { - color: #2b542c; -} - -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-info hr { - border-top-color: #a6e1ec; -} - -.alert-info .alert-link { - color: #245269; -} - -.alert-warning { - color: #8a6d3b; - background-color: #fcf8e3; - border-color: #faebcc; -} - -.alert-warning hr { - border-top-color: #f7e1b5; -} - -.alert-warning .alert-link { - color: #66512c; -} - -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} - -.alert-danger hr { - border-top-color: #e4b9c0; -} - -.alert-danger .alert-link { - color: #843534; -} - -.media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - -.media,.media-body { - overflow: hidden; - zoom: 1; -} - -.media-body { - width: 10000px; -} - -.media-object { - display: block; -} - -.media-right,.media > .pull-right { - padding-left: 10px; -} - -.media-left,.media > .pull-left { - padding-right: 10px; -} - -.media-left,.media-right,.media-body { - display: table-cell; - vertical-align: top; -} - -.media-middle { - vertical-align: middle; -} - -.media-bottom { - vertical-align: bottom; -} - -.media-heading { - margin-top: 0; - margin-bottom: 5px; -} - -.media-list { - padding-left: 0; - list-style: none; -} - -.close { - float: right; - font-size: 21px; - font-weight: bold; - line-height: 1; - color: #000; - text-shadow: 0 1px 0 #fff; - filter: alpha(opacity=20); - opacity: .2; -} - -.close:hover,.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=50); - opacity: .5; -} - -button.close { - -webkit-appearance: none; - padding: 0; - cursor: pointer; - background: transparent; - border: 0; -} - -.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.panel-body:before,.panel-body:after { - display: table; - content: " "; -} - -.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.panel-body:after { - clear: both; -} - -.center-block { - display: block; - margin-right: auto; - margin-left: auto; -} - -.pull-right { - float: right !important; -} - -.pull-left { - float: left !important; -} - -.hide { - display: none !important; -} - -.show { - display: block !important; -} - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.hidden { - display: none !important; -} - -@-ms-viewport { - width: device-width; -} - -.visible-xs,.visible-sm,.visible-md,.visible-lg { - display: none !important; -} - -.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { - display: none !important; -} - -@media (max-width: 767px) { - .visible-xs { - display: block !important; - } - - table.visible-xs { - display: table !important; - } - - tr.visible-xs { - display: table-row !important; - } - - th.visible-xs, td.visible-xs { - display: table-cell !important; - } -} - -@media (max-width: 767px) { - .visible-xs-block { - display: block !important; - } -} - -@media (max-width: 767px) { - .visible-xs-inline { - display: inline !important; - } -} - -@media (max-width: 767px) { - .visible-xs-inline-block { - display: inline-block !important; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm { - display: block !important; - } - - table.visible-sm { - display: table !important; - } - - tr.visible-sm { - display: table-row !important; - } - - th.visible-sm, td.visible-sm { - display: table-cell !important; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-block { - display: block !important; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline { - display: inline !important; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .visible-sm-inline-block { - display: inline-block !important; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md { - display: block !important; - } - - table.visible-md { - display: table !important; - } - - tr.visible-md { - display: table-row !important; - } - - th.visible-md, td.visible-md { - display: table-cell !important; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-block { - display: block !important; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline { - display: inline !important; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .visible-md-inline-block { - display: inline-block !important; - } -} - -@media (max-width: 767px) { - .hidden-xs { - display: none !important; - } -} - -@media (min-width: 768px) and (max-width: 991px) { - .hidden-sm { - display: none !important; - } -} - -@media (min-width: 992px) and (max-width: 1199px) { - .hidden-md { - display: none !important; - } -} - -@media (min-width: 1200px) { - .hidden-lg { - display: none !important; - } -} - -@media print { - .hidden-print { - display: none !important; - } -} diff --git a/scss/docs.scss b/scss/docs.scss deleted file mode 100644 index 97f7e3cf4..000000000 --- a/scss/docs.scss +++ /dev/null @@ -1,176 +0,0 @@ -@import "variables"; - -.doc-container { - padding-top: 28px; -} - -.doc-content { - pre, pre code { - overflow: auto; - white-space: pre; - word-wrap: normal; - } - - img { - max-width: 847.5px; - } - - code { - background-color: #e0e0e0; - } - - pre code { - background-color: transparent; - } - - table, - pre { - margin: 35px 0 35px 0; - } - - table, - table > thead > tr > th, - table > tbody > tr > th, - table > tfoot > tr > th, - table > thead > tr > td, - table > tbody > tr > td, - table > tfoot > tr > td { - border: 1px solid #dddddd; - } - - table > thead > tr > th, - table > thead > tr > td { - border-bottom-width: 2px; - } - - table > tbody > tr:nth-child(odd) > td, - table > tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; - } - - table > tbody > tr:hover > td, - table > tbody > tr:hover > th, - table > tbody > tr:focus > td, - table > tbody > tr:focus > th { - background-color: #d5d5d5; - } - - table code { - background-color: transparent; - } - - td, th { - padding: 5px; - } - - .note { - position: relative; - display: block; - padding: 10px 14px 10px 42px; - margin: 35px 0 35px 0; - background: light-gray; - border-radius: 3px; - line-height: 170%; - - &:after { - content: ''; - position: absolute; - top: 2px; - left: 0; - bottom: 0; - width: 42px; - background-position: 10px 9px; - background-size: 22px 22px; - background-repeat: no-repeat; - } - - &.info { - background: rgba(51, 200, 208, 0.26); - border-left: 2px solid rgba(51, 200, 208, 0.5); - - &:after { - background-image: url(/img/note-info.svg); - } - } - - &.caution { - background: rgba(249, 169, 86, 0.26); - border-left: 2px solid rgba(249, 169, 86, 0.5); - - &:after { - background-image: url(/img/note-caution.svg); - } - } - } -} - -.toc { - h2 { - font-size: 28px; - } - - ul { - list-style: none; - list-style-position: inside; - color: $link; - line-height: 1.9em; - - li { - color: $light-text; - font-weight: 600; - list-style-type: none; - margin-left: 0; - - a { - color: $link; - display: block; - - &:hover { - text-decoration: underline; - } - } - } - - ul { - margin-top: 0; - margin-bottom: 0; - padding-left: 20px; - } - } -} - -.searchbox { - position: relative; - height: 26px; - margin-top: 17px; - - .gsc-search-button, .searchbox .gsib_b { - display: none; - } - - input { - background: white !important; - width: 100% !important; - padding: 5px 8px !important; - font-size: 13px !important; - border: 1px solid #dfdfdf !important; - height: 30px !important; - text-indent: 0 !important; - border-radius: 2px !important; - - &:hover { - border-color: #c4c4c4 !important; - } - - &:focus { - border-color: #c4c4c4 !important; - } - } - - form, table, tbody, tr, td, .gsc-input-box { - border: none !important; - padding: 0 !important; - margin: 0 !important; - background: none !important; - } -} \ No newline at end of file diff --git a/scss/footer.scss b/scss/footer.scss deleted file mode 100644 index b8de45c18..000000000 --- a/scss/footer.scss +++ /dev/null @@ -1,50 +0,0 @@ -@import "variables"; - -footer { - line-height: 1.4em; - - a { - &:hover { - color: $link; - } - } - - .license { - margin-top: 12px; - font-size: 11px; - color: #aaa; - line-height: 1.4em; - - a { - &:hover { - text-decoration: underline; - } - } - } -} - -footer .license { - margin-top: 12px; - font-size: 11px; - color: #aaa; - - a { - &:hover { - color: $link; - text-decoration: underline; - } - } -} - -.druid-footer { - padding: 32px 0 48px 0; - background-color: $lighter-bkg; - border-top: 1px solid white; - margin-top: 50px; - - .fa, .fab, .fas { - font-size: 18px; - margin: 6px 0; - color: $link; - } -} diff --git a/scss/header.scss b/scss/header.scss deleted file mode 100644 index 31a8f8886..000000000 --- a/scss/header.scss +++ /dev/null @@ -1,170 +0,0 @@ -@import "variables"; - -.top-navigator { - background: #1C1C26; - height: $header-height; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 100; - - .left-cont { - .druid-logo { - display: inline-block; - height: $header-height; - width: 120px; - margin-bottom: -2px; - background-position:center; - background-image: url('/img/druid_nav.png'); - background-size: 120px auto; - background-repeat: no-repeat; - } - } - - .right-cont { - position: absolute; - top: 0; - right: 15px; - - ul { - margin: 0; - } - - li { - line-height: $header-height; - display: inline-block; - font-size: 15px; - margin: 0; - - &.active { - a { - color: white; - } - - &:after { - content: ''; - position: absolute; - height: 2px; - bottom: 0; - left: 0; - right: 0; - } - } - - a { - display: block; - padding-left: 8px; - padding-right: 8px; - color: $link-light; - - &:hover { - text-decoration: none; - color: white; - } - } - - &.button-link { - margin-left: 8px; - - a { - display: inline-block; - height: 32px; - line-height: 32px; - margin-top: 9px; - background: $link-light; - border-radius: 2px; - padding: 0 10px; - color: $dark; - font-weight: 600; - min-width: 106px; - text-align: center; - - &:hover { - background: white; - } - } - } - } - } - - .action-button { - position: absolute; - top: 10px; - right: 30px; - padding: 8px 16px; - //background: rgba($link-light, 0.3); - text-align: center; - //width: 34px; - border-radius: 2px; - cursor: pointer; - display: none; - color: $link-light; - - font-size: 18px; - line-height: 18px; - font-weight: 600; - - .fa { - margin-right: 6px; - } - - &:hover { - color: white; - } - } - - .header-dropdown { - .header-dropdown-menu { - display: none; - z-index: 100; - position: absolute; - top: $header-height; - left: 0; - width: 200px; - background: #3a3a52; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.18); - overflow: visible; - } - - &:hover { - .header-dropdown-menu { - display: block; - } - } - } -} - -@media (max-width: 840px) { - body { - margin-top: 0; - } - - .top-navigator { - height: auto; - min-height: $header-height; - position: relative; - - .right-cont { - position: relative; - display: block; - display: none; - padding-bottom: 28px; - - ul { - margin-left: 20px; - } - - li { - display: block; - line-height: 42px; - } - } - - .action-button { - &.menu-icon { - display: block; - } - } - } -} diff --git a/scss/index.scss b/scss/index.scss deleted file mode 100644 index 5e8a1b1c6..000000000 --- a/scss/index.scss +++ /dev/null @@ -1,407 +0,0 @@ -@import "variables"; - -.druid-masthead { - padding: 50px 20px 42px 20px; - background-color: $medium; - text-align: center; - margin: 0 auto 20px; - margin-bottom: 14px; - color: white; - overflow: hidden; - - background-image: url('/img/watermark-dark.png'); - background-size: 800px auto; - background-repeat: no-repeat; - background-position: 26% -76px; - - .button { - display: inline-block; - min-width: 155px; - margin: 6px; - font-size: 1.1em; - line-height: 1.4em; - font-weight: 600; - padding: 9px 12px; - border-radius: 2px; - background: $link-light; - color: $dark; - transition: background-color 0.1s ease; - - .fa, .fab { - font-size: 16px; - margin-right: 3px; - } - - &:hover, - &:active { - background: white; - text-decoration: none; - } - } - - .lead { - font-size: 1.7em; - line-height: 1.7em; - font-weight: 600; - margin-top: 8px; - margin-bottom: 26px; - max-width: 910px; - margin-left: auto; - margin-right: auto; - } - - b { - font-weight: 700; - } -} - -.bottom-news { - display: block; -} - -@media (max-width: 500px) { - .druid-masthead { - .lead { - font-size: 1.4em; - } - - .button { - min-width: 130px; - } - } -} - -@media (min-width: 992px) { - .card { - min-height: 294px; - } -} - -@media (min-width: 1200px) { - .card { - min-height: 230px; - } -} - -.key-druid-features { - padding-top: 25px; -} - -.key-druid-features * { - - p { - margin-top: 5px !important; - } - - .card-margin { - margin-bottom: 1.875rem; - } - - .card { - border: 0; - box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); - -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); - -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); - -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - word-wrap: break-word; - background-color: #ffffff; - background-clip: border-box; - border: 1px solid #e6e4e9; - border-radius: 8px; - padding-left: 20px; - padding-bottom: 10px; - padding-right: 10px; - } - - .card .card-header.no-border { - border: 0; - } - .card .card-header { - background: none; - font-weight: 500; - display: flex; - align-items: center; - min-height: 50px; - } - .card-header:first-child { - border-radius: calc(8px - 1px) calc(8px - 1px) 0 0; - } - - .widget-49 .widget-49-title-wrapper { - display: flex; - align-items: center; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-primary { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #edf1fc; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-day { - color: #4e73e5; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-primary .widget-49-date-month { - color: #4e73e5; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-secondary { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #fcfcfd; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-day { - color: #dde1e9; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-secondary .widget-49-date-month { - color: #dde1e9; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-success { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #e8faf8; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-day { - color: #17d1bd; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-success .widget-49-date-month { - color: #17d1bd; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-info { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #ebf7ff; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-day { - color: #36afff; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-info .widget-49-date-month { - color: #36afff; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-warning { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: floralwhite; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-day { - color: #FFC868; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-warning .widget-49-date-month { - color: #FFC868; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-danger { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #feeeef; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-day { - color: #F95062; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-danger .widget-49-date-month { - color: #F95062; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-light { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #fefeff; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-day { - color: #f7f9fa; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-light .widget-49-date-month { - color: #f7f9fa; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-dark { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #ebedee; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-day { - color: #394856; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-dark .widget-49-date-month { - color: #394856; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-base { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - background-color: #f0fafb; - width: 4rem; - height: 4rem; - border-radius: 50%; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-day { - color: #68CBD7; - font-weight: 500; - font-size: 1.5rem; - line-height: 1; - } - - .widget-49 .widget-49-title-wrapper .widget-49-date-base .widget-49-date-month { - color: #68CBD7; - line-height: 1; - font-size: 1rem; - text-transform: uppercase; - } - - .widget-49 .widget-49-title-wrapper .widget-49-meeting-info { - display: flex; - flex-direction: column; - margin-left: 1rem; - } - - .widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-pro-title { - color: #3c4142; - font-size: 14px; - } - - .widget-49 .widget-49-title-wrapper .widget-49-meeting-info .widget-49-meeting-time { - color: #B1BAC5; - font-size: 13px; - } - - .widget-49 .widget-49-meeting-points { - font-weight: 400; - font-size: 13px; - margin-top: .5rem; - } - - .widget-49 .widget-49-meeting-points .widget-49-meeting-item { - display: list-item; - color: #727686; - } - - .widget-49 .widget-49-meeting-points .widget-49-meeting-item span { - margin-left: .5rem; - } - - .widget-49 .widget-49-meeting-action { - text-align: right; - } - - .widget-49 .widget-49-meeting-action a { - text-transform: uppercase; - } -} - -sup { - vertical-align: super; - font-size: smaller; -} \ No newline at end of file diff --git a/scss/news-list.scss b/scss/news-list.scss deleted file mode 100644 index 25177e4e8..000000000 --- a/scss/news-list.scss +++ /dev/null @@ -1,89 +0,0 @@ -@import "variables"; - -.item-list { - margin-top: 6px; - padding: 0 10px; - - h3 { - font-size: 22px; - } - - a { - display: block; - line-height: 1.5em; - - &:hover { - text-decoration: none; - - span.title { - text-decoration: underline; - } - } - } - - .text-muted { - color: #888; - font-weight: 400; - font-size: 14px; - line-height: 15px; - } - - .event { - position: relative; - padding-left: 42px; - margin-bottom: 12px; - } - - .mini-cal { - position: absolute; - top: 4px; - left: 0; - background: $link; - padding: 2px; - width: 32px; - text-align: center; - border-radius: 2px; - padding-top: 16px; - } - - .date-month { - position: absolute; - top: 0; - left: 0; - right: 0; - padding: 1px; - background: $link; - border-radius: 2px; - color: white; - font-size: 10px; - line-height: 14px; - font-weight: 600; - text-transform: uppercase; - } - - .date-day { - background: white; - color: darken($link, 10); - font-size: 16px; - font-weight: 600; - line-height: 19px; - } - - .btn-default { - border-color: $link; - background: $link; - color: white; - font-weight: 600; - display: inline-block; - margin-top: 10px; - margin-bottom: 10px; - padding: 3px 8px; - - &:hover, - &:active { - background-color: $link; - border-color: $link; - color: #fff; - } - } -} diff --git a/scss/reset.scss b/scss/reset.scss deleted file mode 100644 index 4da0eed8e..000000000 --- a/scss/reset.scss +++ /dev/null @@ -1,71 +0,0 @@ -// http://meyerweb.com/eric/tools/css/reset/ -// v2.0 | 20110126 -// License: none (public domain) -// [modified] - -@mixin meyer-reset { - html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; - } - - // HTML5 display-role reset for older browsers - article, aside, details, figcaption, figure, footer, header, menu, nav, section { - display: block; - } - - body { - line-height: 1; - } - - ol, ul { - list-style: none; - } - - table { - border-collapse: collapse; - border-spacing: 0; - } -} - -@include meyer-reset; - - -//----------------------------------------------------------- - - -* { - box-sizing: border-box; - vertical-align: top; -} - -body * { - position: relative; -} - -a { - text-decoration: inherit; - color: inherit; - cursor: inherit; -} - -div, span { - cursor: inherit; -} - -text { - cursor: default; -} - -button, input, textarea { - border: 0; - margin: 0; - - &:focus { - outline: none; - } -} \ No newline at end of file diff --git a/scss/syntax.scss b/scss/syntax.scss deleted file mode 100644 index baf37440b..000000000 --- a/scss/syntax.scss +++ /dev/null @@ -1,69 +0,0 @@ -.hll { background-color: #ffffcc } -.c { color: #93a1a1; font-style: italic } /* Comment */ -.err { color: #dc322f } /* Error */ -.g { color: #657b83 } /* Generic */ -.k { color: #859900 } /* Keyword */ -.l { color: #657b83 } /* Literal */ -.n { color: #586e75 } /* Name */ -.o { color: #657b83 } /* Operator */ -.x { color: #657b83 } /* Other */ -.p { color: #657b83 } /* Punctuation */ -.cm { color: #93a1a1; font-style: italic } /* Comment.Multiline */ -.cp { color: #93a1a1; font-style: italic } /* Comment.Preproc */ -.c1 { color: #93a1a1; font-style: italic } /* Comment.Single */ -.cs { color: #93a1a1; font-style: italic } /* Comment.Special */ -.gd { color: #657b83 } /* Generic.Deleted */ -.ge { color: #657b83 } /* Generic.Emph */ -.gr { color: #657b83 } /* Generic.Error */ -.gh { color: #657b83 } /* Generic.Heading */ -.gi { color: #657b83 } /* Generic.Inserted */ -.go { color: #657b83 } /* Generic.Output */ -.gp { color: #657b83 } /* Generic.Prompt */ -.gs { color: #657b83 } /* Generic.Strong */ -.gu { color: #657b83 } /* Generic.Subheading */ -.gt { color: #657b83 } /* Generic.Traceback */ -.kc { color: #859900 } /* Keyword.Constant */ -.kd { color: #859900 } /* Keyword.Declaration */ -.kn { color: #cb4b16 } /* Keyword.Namespace */ -.kp { color: #cb4b16 } /* Keyword.Pseudo */ -.kr { color: #859900 } /* Keyword.Reserved */ -.kt { color: #859900 } /* Keyword.Type */ -.ld { color: #657b83 } /* Literal.Date */ -.m { color: #2aa198 } /* Literal.Number */ -.s { color: #2aa198 } /* Literal.String */ -.na { color: #657b83 } /* Name.Attribute */ -.nb { color: #268bd2 } /* Name.Builtin */ -.nc { color: #268bd2 } /* Name.Class */ -.no { color: #b58900 } /* Name.Constant */ -.nd { color: #cb4b16 } /* Name.Decorator */ -.ni { color: #cb4b16 } /* Name.Entity */ -.ne { color: #cb4b16 } /* Name.Exception */ -.nf { color: #268bd2 } /* Name.Function */ -.nl { color: #657b83 } /* Name.Label */ -.nn { color: #b58900 } /* Name.Namespace */ -.nx { color: #657b83 } /* Name.Other */ -.py { color: #268bd2 } /* Name.Property */ -.nt { color: #859900 } /* Name.Tag */ -.nv { color: #cd4b16 } /* Name.Variable */ -.ow { color: #859900 } /* Operator.Word */ -.w { color: #fdf6e3 } /* Text.Whitespace */ -.mf { color: #2aa198 } /* Literal.Number.Float */ -.mh { color: #2aa198 } /* Literal.Number.Hex */ -.mi { color: #2aa198 } /* Literal.Number.Integer */ -.mo { color: #2aa198 } /* Literal.Number.Oct */ -.sb { color: #2aa198 } /* Literal.String.Backtick */ -.sc { color: #2aa198 } /* Literal.String.Char */ -.sd { color: #2aa198 } /* Literal.String.Doc */ -.s2 { color: #2aa198 } /* Literal.String.Double */ -.se { color: #cb4b16 } /* Literal.String.Escape */ -.sh { color: #2aa198 } /* Literal.String.Heredoc */ -.si { color: #cb4b16 } /* Literal.String.Interpol */ -.sx { color: #2aa198 } /* Literal.String.Other */ -.sr { color: #2aa198 } /* Literal.String.Regex */ -.s1 { color: #2aa198 } /* Literal.String.Single */ -.ss { color: #2aa198 } /* Literal.String.Symbol */ -.bp { color: #268bd2; font-weight: bold } /* Name.Builtin.Pseudo */ -.vc { color: #268bd2 } /* Name.Variable.Class */ -.vg { color: #268bd2 } /* Name.Variable.Global */ -.vi { color: #268bd2 } /* Name.Variable.Instance */ -.il { color: #2aa198 } /* Literal.Number.Integer.Long */ diff --git a/scss/variables.scss b/scss/variables.scss deleted file mode 100644 index 43fb2a536..000000000 --- a/scss/variables.scss +++ /dev/null @@ -1,16 +0,0 @@ -$dark: #1C1C26; -$medium: #3b3b50; -$light-bkg: #ececf1; -$lighter-bkg: #f2f2f5; -$light-text: #999999; -$very-light-text: #E1E1E8; -$link: #4460de; -$link-light: #9caeff; -$light-1: #cbd5ff; -$light-2: #a7f1d9; -$light-3: #ffd8a8; -$medium-1: #5062B4; -$medium-2: #2C8265; -$medium-3: #926226; - -$header-height: 54px; diff --git a/static/css/base.css b/src/css/base.css similarity index 99% rename from static/css/base.css rename to src/css/base.css index 936a772fa..3efc407e4 100644 --- a/static/css/base.css +++ b/src/css/base.css @@ -10,7 +10,7 @@ article, aside, details, figcaption, figure, footer, header, menu, nav, section display: block; } body { - line-height: 1.2 em; } + line-height: 1; } * { box-sizing: border-box; @@ -203,7 +203,6 @@ html, body { .fancy-list li::before { content: ""; position: absolute; - top: 5px; left: 0; width: 16px; height: 16px; diff --git a/src/css/index.css b/src/css/index.css index 92f2ca4c8..47a67e196 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -1,17 +1,38 @@ +/* Set line height */ +body table { + line-height: 1.5; +} + +/* Home page CSS grid */ +.grid-container { + display: grid; + grid-template-columns: 3fr 1fr; + max-width: 1320px;; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.grid-item { + padding: 0 15px; +} + +/* Home page banner */ .druid-masthead { - padding: 50px 20px 42px 20px; + padding: 50px 20px 50px 20px; + margin-bottom: 10px; background-color: #3b3b50; text-align: center; - margin: auto; - margin-left: auto; - margin-bottom: 14px; color: white; overflow: hidden; background-image: url("/img/watermark-dark.png"); background-size: 800px auto; background-repeat: no-repeat; - background-position: 26 -76px; + background-position: 26% -76px; } + +/* Banner button */ .druid-masthead .button { display: inline-block; min-width: 155px; @@ -51,7 +72,61 @@ font-weight: 700; } +.druid-masthead sup { + vertical-align: super; + font-size: 0.5em; +} + +/* Use font styling from Docusaurus 1 */ +code { + background-color: rgba(27,31,35,.05) !important; + border-radius: 3px !important; + color: inherit !important; + font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace !important; + font-size: 85% !important; + margin: 0 !important; + padding: 3.2px 6.4px !important; +} + +/* Add padding to navbar logo */ +/* .navbar__logo { + padding-left: 15px; +} */ + +/* Add padding to navbar */ +.navbar { + padding-right: 15px; +} + +/* Style navbar items */ +.navbar__items--right{ + padding-right: 15px; +} + +.navbar__item { + color: #9caeff; + padding-left: 8px; + padding-right: 8px; +} +.navbar__item:hover { + color: white; +} + +/* Style navbar links */ +.navbar__link { + color: #9caeff; +} + +.navbar__link:hover { + color: white; +} + +/* Ensure that dropdown stays open when clicked */ +.dropdown__menu { + margin-top: 0; +} +/* Individual key feature */ .druid-feature { background-color: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); @@ -59,12 +134,14 @@ padding: 20px; } +/* Grid system for key features */ .druid-feature-container { display: grid; grid-template-columns: repeat(3, 1fr); /* Three columns, each taking up 1/3 of the width */ gap: 20px; /* Space between the cards */ } +/* Call to action button */ .button { position: relative; background-color:#4460de; @@ -77,6 +154,7 @@ width: fit-content; } +/* Widget container CSS*/ .widget-container { margin-top: 6px; padding: 0 10px; @@ -93,4 +171,36 @@ .cal-icon { padding-right: 7px; -} \ No newline at end of file +} + +/* Change font color in footer */ +.footer__copyright{ + margin-top: 12px; + font-size: 14px; + line-height: normal; + color: #aaa; +} + +@media (max-width: 500px) { + .druid-masthead { + .lead { + font-size: 1.4em; + } + + .button { + min-width: 130px; + } + } +} + +@media (min-width: 992px) { + .card { + min-height: 294px; + } +} + +@media (min-width: 1200px) { + .card { + min-height: 230px; + } +} diff --git a/src/pages/druid-powered.md b/src/pages/druid-powered.md index 17f655373..b6cc80aed 100644 --- a/src/pages/druid-powered.md +++ b/src/pages/druid-powered.md @@ -8,9 +8,11 @@ title: Powered by Apache Druid + :::tip - Add Your Company + + Add your company ::: diff --git a/src/pages/index.js b/src/pages/index.js index cb463cfbb..8397b8273 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -3,8 +3,7 @@ import React from "react"; import { CardList } from "../../static/js/features"; import { FeatureList } from "../../static/js/FeatureList"; import '../css/index.css'; -import "../../static/css/base.css"; - +import "../css/base.css"; /* Imports for the 3 widgets on the right for events, content, and releases */ @@ -15,34 +14,23 @@ import { Content } from "../../static/js/FeaturedContent"; import { RecentReleasesContainer } from "../../static/js/RecentReleasesWidget"; import { Releases } from "../../static/js/version"; -import Row from "react-bootstrap/Row"; -import Col from "react-bootstrap/Col"; -import Container from "react-bootstrap/Container"; - export default () => { return (
- - - -
-

Apache® Druid

-

Druid is a high performance, real-time analytics database that delivers sub-second queries on streaming and batch data at scale and under load.

-

- Download - Join Slack - GitHub

-

-

- - - +
+

Apache® Druid

+

Druid is a high performance, real-time analytics database that delivers sub-second queries on streaming and batch data at scale and under load.

+

+ Download + Join Slack + GitHub

+

+

- - - +
+

Overview

@@ -116,8 +104,8 @@ export default () => {

- - +
+

Upcoming Events

@@ -131,9 +119,8 @@ export default () => {

Recent releases

- - - +
+ );