Migrated site from CSS to SASS. Consolidated CSS and JS files. More CDN use.
Project: http://git-wip-us.apache.org/repos/asf/drill/repo Commit: http://git-wip-us.apache.org/repos/asf/drill/commit/59bc9151 Tree: http://git-wip-us.apache.org/repos/asf/drill/tree/59bc9151 Diff: http://git-wip-us.apache.org/repos/asf/drill/diff/59bc9151 Branch: refs/heads/gh-pages Commit: 59bc91517abf7f6b9334f366a42dc872e0d12917 Parents: d8c9599 Author: Tomer Shiran <[email protected]> Authored: Sat May 16 22:41:22 2015 -0700 Committer: Tomer Shiran <[email protected]> Committed: Sat May 16 22:41:22 2015 -0700 ---------------------------------------------------------------------- _config-prod.yml | 2 +- _config.yml | 3 + _includes/head.html | 20 +- _layouts/docpage.html | 57 +-- _layouts/post.html | 3 +- _sass/_doc-breadcrumbs.scss | 41 ++ _sass/_doc-code.scss | 77 ++++ _sass/_doc-content.scss | 423 +++++++++++++++++ _sass/_doc-syntax.scss | 60 +++ _sass/_download.scss | 33 ++ _sass/_home-code.scss | 5 + _sass/_home-video-box.scss | 55 +++ _sass/_home-video-slider.scss | 34 ++ _sass/_site-arrows.scss | 83 ++++ _sass/_site-main.scss | 894 ++++++++++++++++++++++++++++++++++++ _sass/_site-responsive.scss | 264 +++++++++++ _sass/_site-search.scss | 9 + css/arrows.css | 86 ---- css/breadcrumbs.css | 40 -- css/code.css | 69 --- css/content.scss | 6 + css/docpage.css | 389 ---------------- css/download.css | 33 -- css/download.scss | 3 + css/home.scss | 4 + css/responsive.css | 275 ------------ css/search.css | 9 - css/site.scss | 6 + css/style.css | 897 ------------------------------------- css/syntax.css | 60 --- css/video-box.css | 55 --- css/video-slider.css | 34 -- images/home-json.png | Bin 54424 -> 41663 bytes index.html | 18 +- js/drill.js | 4 +- 35 files changed, 2051 insertions(+), 2000 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_config-prod.yml ---------------------------------------------------------------------- diff --git a/_config-prod.yml b/_config-prod.yml index a1f863d..f68c645 100644 --- a/_config-prod.yml +++ b/_config-prod.yml @@ -1,3 +1,3 @@ # drill.apache.org baseurl: "" -noindex: 0 # Make sure this gets indexed by Google \ No newline at end of file +noindex: 0 # Make sure this gets indexed by Google http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_config.yml ---------------------------------------------------------------------- diff --git a/_config.yml b/_config.yml index 3b254bd..8ca9d9c 100644 --- a/_config.yml +++ b/_config.yml @@ -27,3 +27,6 @@ defaults: type: docs # This defines the default for anything in the docs collection. An alternative would be to use "path: _docs" here. values: layout: docpage + +sass: + style: :compressed \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_includes/head.html ---------------------------------------------------------------------- diff --git a/_includes/head.html b/_includes/head.html index 528df5f..d2e1e97 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -6,22 +6,16 @@ <title>{% if page.title %}{{ page.title }} - {{ site.title_suffix }}{% else %}{{ site.title }}{% endif %}</title> -<link href="{{ site.baseurl }}/css/syntax.css" rel="stylesheet" type="text/css"> -<link href="{{ site.baseurl }}/css/style.css" rel="stylesheet" type="text/css"> -<link href="{{ site.baseurl }}/css/arrows.css" rel="stylesheet" type="text/css"> -<link href="{{ site.baseurl }}/css/breadcrumbs.css" rel="stylesheet" type="text/css"> -<link href="{{ site.baseurl }}/css/code.css" rel="stylesheet" type="text/css"> -<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> -<link href="{{ site.baseurl }}/css/responsive.css" rel="stylesheet" type="text/css"> +<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> +<link href="{{ site.baseurl }}/css/site.css" rel="stylesheet" type="text/css"/> -<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"> -<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"> +<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"/> +<link rel="icon" href="{{ site.baseurl }}/favicon.ico" type="image/x-icon"/> -<script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/lib/jquery-1.11.1.min.js"></script> -<script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/lib/jquery.easing.1.3.js"></script> +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" language="javascript" type="text/javascript"></script> +<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" language="javascript" type="text/javascript"></script> <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/modernizr.custom.js"></script> <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/script.js"></script> <script language="javascript" type="text/javascript" src="{{ site.baseurl }}/js/drill.js"></script> - -</head> \ No newline at end of file +</head> http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_layouts/docpage.html ---------------------------------------------------------------------- diff --git a/_layouts/docpage.html b/_layouts/docpage.html index de08169..ce64c77 100644 --- a/_layouts/docpage.html +++ b/_layouts/docpage.html @@ -2,44 +2,45 @@ layout: default title: Documentation --- +<link href="{{ site.baseurl }}/css/content.css" rel="stylesheet" type="text/css"> - {% include doctoc.html %} - {% include breadcrumbs.html %} +{% include doctoc.html %} +{% include breadcrumbs.html %} - <div class="main-content-wrapper"> - <div class="main-content"> +<div class="main-content-wrapper"> + <div class="main-content"> - {% if page.relative_path %} - <a class="edit-link" href="https://github.com/apache/drill/blob/gh-pages/{{ page.relative_path }}" target="_blank"><i class="fa fa-pencil-square-o"></i></a> - {% endif %} + {% if page.relative_path %} + <a class="edit-link" href="https://github.com/apache/drill/blob/gh-pages/{{ page.relative_path }}" target="_blank"><i class="fa fa-pencil-square-o"></i></a> + {% endif %} - <div class="int_title"> - <h1>{{ page.title }}</h1> + <div class="int_title left"> + <h1>{{ page.title }}</h1> - </div> + </div> - <link href="{{ site.baseurl }}/css/docpage.css" rel="stylesheet" type="text/css"> + <link href="{{ site.baseurl }}/css/docpage.css" rel="stylesheet" type="text/css"> - <div class="int_text" align="left"> - {% if page_data.children.size == 0 or page.noChildren %} - {{ content }} - {% else %} + <div class="int_text" align="left"> + {% if page_data.children.size == 0 or page.noChildren %} + {{ content }} + {% else %} + <ul> + {% for doc0 in page_data.children %} + <li><a href="{{ site.baseurl }}{{ doc0.url }}">{{ doc0.title }}</a></li> + {% if doc0.children.size > 0 %} <ul> - {% for doc0 in page_data.children %} - <li><a href="{{ site.baseurl }}{{ doc0.url }}">{{ doc0.title }}</a></li> - {% if doc0.children.size > 0 %} - <ul> - {% for doc1 in doc0.children %} - <li><a href="{{ site.baseurl }}{{ doc1.url }}">{{ doc1.title }}</a></li> - {% endfor %} - </ul> - {% endif %} + {% for doc1 in doc0.children %} + <li><a href="{{ site.baseurl }}{{ doc1.url }}">{{ doc1.title }}</a></li> {% endfor %} </ul> {% endif %} - {% unless page.noChildren %} - {% include docnav.html %} - {% endunless %} - </div> + {% endfor %} + </ul> + {% endif %} + {% unless page.noChildren %} + {% include docnav.html %} + {% endunless %} </div> </div> +</div> http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_layouts/post.html ---------------------------------------------------------------------- diff --git a/_layouts/post.html b/_layouts/post.html index 454343a..2d6f5d1 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,8 +1,9 @@ --- layout: default --- -<div class="post int_text"> +<link href="{{ site.baseurl }}/css/content.css" rel="stylesheet" type="text/css"> +<div class="post int_text"> <header class="post-header"> <div class="int_title"> <h1 class="post-title">{{ page.title }}</h1> http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-breadcrumbs.scss ---------------------------------------------------------------------- diff --git a/_sass/_doc-breadcrumbs.scss b/_sass/_doc-breadcrumbs.scss new file mode 100644 index 0000000..f7cdf57 --- /dev/null +++ b/_sass/_doc-breadcrumbs.scss @@ -0,0 +1,41 @@ +.breadcrumbs{ + display: block; + padding: 0.5625rem 0 0.5625rem 0; + overflow: hidden; + margin-top: 56px; + margin-left: 0px; + list-style: none; + border-bottom: solid 1px #E4E4E4; + width: 100%; +} + +.breadcrumbs>*{ + margin: 0; + float: left; + font-size: 0.6875rem; + line-height: 0.6875rem; + text-transform: uppercase; + color: #334D5C; +} + +.breadcrumbs>*:before{ + content: "/"; + color: #aaa; + margin: 0 0.75rem; + position: relative; + top: 1px; +} + +.breadcrumbs>.current{ + font-weight: bold; +} + +.breadcrumbs>*.current { + cursor: default; + color: #333; +} + +.breadcrumbs>* a { + color: #1a6bc7; + text-decoration:none; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-code.scss ---------------------------------------------------------------------- diff --git a/_sass/_doc-code.scss b/_sass/_doc-code.scss new file mode 100644 index 0000000..91749c3 --- /dev/null +++ b/_sass/_doc-code.scss @@ -0,0 +1,77 @@ +div.highlight pre, code{ + background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat; + border-radius: 0; + border: none; + border-left: 5px solid #494747; + font-family: Monaco,Menlo,Consolas,"Courier New",monospace; + font-size: 14px; + line-height: 24px; + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +pre{ + padding: 24px 12px; + color: #222; + margin: 24px 0; +} + +code{ + background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat; + border-radius: 0; + border: none; + border-left: 5px; + font-family: Monaco,Menlo,Consolas,"Courier New",monospace; + font-size: 14px; + line-height: 24px; + overflow: auto; + word-wrap: normal; + white-space: pre; +} + +div.admonition{ + margin: 24px 0; + width: auto; + max-width: 100%; + padding: 2px 12px 22px 12px; + border-left: 5px solid transparent; +} + +.admonition .admonition-title{ + margin-bottom: 0; + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + line-height: 24px; +} + +.admonition > p{ + margin: 0 0 12.5px 0; +} + +.admonition p.first{ + margin-top: 0 !important; +} + +.admonition > p.last{ + margin-bottom: 0; +} +.admonition .admonition-title:after{ + content: ":"; + font-weight: 900; +} + +.admonition.important{ + background-color: #fff2d5; + border-color: #ffb618; +} + +.admonition.important .admonition-title{ + color: #ffb618; +} + +.admonition.note{ + background-color: #edf4e8; + border-color: #6ba442; +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-content.scss ---------------------------------------------------------------------- diff --git a/_sass/_doc-content.scss b/_sass/_doc-content.scss new file mode 100644 index 0000000..300d4f9 --- /dev/null +++ b/_sass/_doc-content.scss @@ -0,0 +1,423 @@ +/* Navigation menu */ + +#menu ul li.toc-categories a{ + height:50px; + padding:0; + text-decoration: none; + width: 60px; + text-align: center; + color: #bababa; +} + +#menu ul li.toc-categories{ + float:left; + line-height: 45px; + font-size: 18px; + display: none; + overflow: auto; +} + +/* Bottom navigation (left and right arrows) */ + +div.doc-nav{ + overflow: auto; + width: 100%; + margin-top: 30px; +} + +div.doc-nav a{ + text-decoration: none; +} + +div.doc-nav a:hover{ + text-decoration: underline; +} + +div.doc-nav span.previous-toc{ + float: left; + width: auto; +} + +div.doc-nav span.back-to-toc{ + float: left; + width: auto; + margin-left: 15%; +} + +div.doc-nav span.next-toc{ + float: right; +} + +/* Main content area */ + +.main-content .int_text{ + margin-left: 0px; + margin-top: 0px; +} + +.main-content .int_text img{ + margin: 30px 0px; +} + +.main-content .int_title{ + text-align: left; + margin-left: 0px; + margin-top: 30px; +} + +.int_title.left::after{ + left: 0px; +} + +.main-content .edit-link{ + position: relative; + float: right; + margin-top: 13px; + margin-right: 20px; + text-decoration: none; + font-size: 24px; + color: #333333; +} + +div.int_title h1, div.main-content h1, div.main-content h2, div.main-content h3, div.main-content h4, div.main-content h5, div.main-content h6{ + font-weight: normal; + line-height: 24px; + color: #313030; + padding: 0; +} +div.main-content h1, div.main-content h2{ + margin-top: 24px; + margin-bottom: 24px; +} + +div.main-content h3{ + margin-top: 24px; + font-weight: bold; +} + +div.section > h2, div.section > h3, div.section > h4{ + margin: 24px 0; +} + +div.main-content h1, div.int_title h1{ + border-top: none; + font-size: 36px; + line-height: 48px; + padding: 0; +} + +/*************************** +/* Sidebar doc menu styles +***************************/ + +.sidebar{ + position: fixed; + -webkit-transform: translateZ(0); + background-color: #f5f6f7; + width: 293px; + height: auto; + top: 51px; + bottom: 0; + left: 0; + overflow-y: auto; + overflow-x: hidden; + font-size: 0.85em; + z-index: 100; + transition: left 0.4s cubic-bezier(.02,.01,.47,1); + -moz-transition: left 0.4s cubic-bezier(.02,.01,.47,1); + -webkit-transition: left 0.4s cubic-bezier(.02,.01,.47,1); +} + +.sidebar.force-expand{ + left: 0px; +} + +aside{ + display:block; +} + +div.docsidebar{ + font-size: 14px; + height: 100%; +} + +div.docsidebarwrapper{ + padding: 0; + padding-top: 24px; + padding-bottom: 130px; + /*min-height: 100%;*/ + position: relative; +} +div.docsidebar h3{ + padding: 0 12px; + font-size: 14px; + line-height: 24px; + font-weight: bold; + margin: -3px 0 15px 0; +} + +div.docsidebarwrapper ul{ + margin: 12px 0 0 0; + padding: 0; +} + +div.docsidebar ul{ + list-style: none; + margin: 10px 0 10px 0; + padding: 0; + color: #000; +} + +div.docsidebar ul li{ + font-weight: normal; + line-height: 24px; +} + +.docsidebarwrapper > ul > .toctree-l1.current_section{ + background-color: #fff; + border-right: 1px solid #f5f6f7; +} + +.docsidebarwrapper a{ + color: #333333; + text-decoration: none; +} + +.docsidebarwrapper > ul > ul.current_section{ + background-color: #fff; + border-right: 1px solid #f5f6f7; + margin-right: 0px; +} + +.docsidebarwrapper > ul > .toctree-l1{ + padding: 11px 0 0 12px; + line-height: 24px; + border-top: 1px solid #ebebed; +} + +.docsidebarwrapper > ul > .toctree-l1 > a{ + font-size: 18px; + line-height: 24px; + width: 100%; + display: inline-block; +} + +div.docsidebar ul ul, div.docsidebar ul.want-points{ + list-style: none outside none; + margin-left: 0; +} + +div.docsidebar ul ul{ + margin-top: 0px; + margin-bottom: 0; +} + +div.docsidebar ul ul ul{ + margin-top: -3px; +} + +.docsidebarwrapper li.toctree-l1 ul > li > a{ + line-height: 24px; + display: inline-block; + width: 100%; +} + +.docsidebarwrapper li.toctree-l1 ul > li{ + font-size: 14px; +} + +div.docsidebar li.toctree-l2{ + text-indent: -12px; + padding-left: 47px; +} + +div.docsidebar li.toctree-l1 a:hover, div.docsidebar li.toctree-l2 a:hover, div.docsidebar li.toctree-l3 a:hover{ + text-decoration: underline; +} + +div.docsidebar li.toctree-l3 { + padding-left: 57px; + text-indent: -12px; +} + +span.expand, span.contract{ + width: 0px; + cursor: pointer; + font-size: 80%; + display:none; + position: relative; + right: 5px; +} + +span.expand.show, span.contract.show{ + display: inline-block; +} + +.docsidebarwrapper li.toctree-l2.current, .docsidebarwrapper li.toctree-l3.current{ + background-color: #1A6BC7; + color: white; +} + +.docsidebarwrapper li.toctree-l2.current.current > a, .docsidebarwrapper li.toctree-l3.current.current > a{ + color: white; +} + +.docsidebarwrapper a:hover{ + color: black; +} + +.docsidebarwrapper a{ + display: inline-block; + width: 100%; +} + +.docsidebarwrapper ul{ + font-size: 14px; +} + +.permalink{ + text-decoration:none; + font-size: 70%; + color: #1A6BC7; +} + +.permalink.hide{ + visibility: hidden; +} + +/* Responsive */ + +@media (max-width: 320px){ + .int_text{ + width: auto; + } + .int_title{ + width: auto; + } +} + +@media (max-width: 768px){ + .int_text{ + width: auto; + } + .int_title{ + width: auto; + } +} + +@media (max-width: 1024px){ + div#footer{ + margin-left: 0px; + width: 100%; + } + + div#footer .wrapper{ + padding: 0 20px; + } + + .main-content .edit-link{ + margin-right: 0px; /* container takes care of right margin */ + } + + #menu ul li.toc-categories{ + display: inline-block; + width: 60px; + text-align: center; + } + + #menu ul li.logo{ + padding-left: 0px; + } + + #menu.force-expand ul li.toc-categories{ + display: inline-block; + } + + .page-wrap div.int_title.margin_110{ + margin-top:110px; + } + + li.toc-categories .expand-toc-icon{ + font-size: 24px; + } + + li.toc-categories a.expand-toc-icon{ + color: black; + } + + .expand-toc-icon:hover, .expand-toc-icon:active{ + color: white; + text-decoration: none; + } + + .sidebar{ + left: -293px; + box-shadow: 0 0 13px rgba(0,0,0,0.3); + } + + .sidebar.reveal{ + left: 0; + } + + .main-content.force-expand{ + margin-left: 313px; + } + + #footer.force-expand .wrapper{ + margin-left: 313px; + } + + .main-content{ + margin: 0px 20px 0px 20px; + } + + .int_title{ + margin-top: 60px; + } + + .int_title h1{ + font-size: 28px; + } + + .page-wrap #footer{ + width: auto; + } + + .breadcrumbs.force-expand li:first-of-type{ + margin-left: 301px; + } +} + +@media (min-width: 1025px){ + .main-content-wrapper{ + width: 1092px; + } + + .main-content{ + margin-left: 313px; + } + + #menu ul li.logo{ + padding-left: 30px; + } + + #footer .wrapper{ + margin-left: 313px; + } + + #footer{ + width: 100%; + } + + .breadcrumbs{ + margin-left: 0px; + } + + .breadcrumbs li:first-of-type{ + margin-left: 301px; + } +} + +#footer{ + width: 1092px; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_doc-syntax.scss ---------------------------------------------------------------------- diff --git a/_sass/_doc-syntax.scss b/_sass/_doc-syntax.scss new file mode 100644 index 0000000..2774b76 --- /dev/null +++ b/_sass/_doc-syntax.scss @@ -0,0 +1,60 @@ +.highlight { background: #ffffff; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_download.scss ---------------------------------------------------------------------- diff --git a/_sass/_download.scss b/_sass/_download.scss new file mode 100644 index 0000000..0c92169 --- /dev/null +++ b/_sass/_download.scss @@ -0,0 +1,33 @@ +.table { + display: table; /* Allow the centering to work */ + margin: 0 auto; +} + +ul#download_buttons { + list-style: none; + padding-left:0px; + margin-bottom:100px; +} + +ul#download_buttons li { + float: left; + text-align: center; + background-color: #4aaf4c; + margin:0 10px 10px 10px; + width: 235px; + line-height: 60px; +} + +ul#download_buttons li a{ + text-decoration:none; + color:#fff; + display:block; +} + +ul#download_buttons li a:hover { + background-color: #348436; +} + +div#download_bar:after{ + clear:both; +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-code.scss ---------------------------------------------------------------------- diff --git a/_sass/_home-code.scss b/_sass/_home-code.scss new file mode 100644 index 0000000..11806e7 --- /dev/null +++ b/_sass/_home-code.scss @@ -0,0 +1,5 @@ +pre{ + padding: 24px 12px; + color: #222; + margin: 24px 0; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-video-box.scss ---------------------------------------------------------------------- diff --git a/_sass/_home-video-box.scss b/_sass/_home-video-box.scss new file mode 100644 index 0000000..6a46f37 --- /dev/null +++ b/_sass/_home-video-box.scss @@ -0,0 +1,55 @@ +div#video-box{ + position:relative; + float:right; + width:320px; + height:160px; +} + +div#video-box div.background{ + position:absolute; + background-color:#fff; + height:100%; + width:100%; + opacity:.15; +} + +div#video-box div.row{ + position:absolute; + height:40px; + width:100%; + border-bottom:dotted 1px #999; + top:0px; + font-size:12px; + color:black; + line-height:40px; + +} + +div#video-box div.row.r1{ + top:40px; +} + +div#video-box div.row.r2{ + top:80px; +} + +div#video-box div.row.r3{ + top:120px; + border-bottom:none; +} + +div#video-box div.row div{ + overflow: hidden; + margin:5px; + height:30px; + float:left; +} + +div#video-box div.row div img{ + height:40px; + margin:-5px 0; +} + +div#video-box a{ + color:#006; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_home-video-slider.scss ---------------------------------------------------------------------- diff --git a/_sass/_home-video-slider.scss b/_sass/_home-video-slider.scss new file mode 100644 index 0000000..7e72996 --- /dev/null +++ b/_sass/_home-video-slider.scss @@ -0,0 +1,34 @@ +div#video-slider{ + width:260px; + float:right; +} + +div.slide{ + position:relative; + padding:0px 0px; +} + +img.thumbnail{ + width:100%; + margin:0 auto; +} + +img.play{ + position:absolute; + width:40px; + left:110px; + top:60px; +} + +div.title{ + layout:block; + bottom:0px; + left:0px; + width:100%; + line-height:20px; + color:#000; + opacity:.4; + text-align:center; + font-size:12px; + background-color:#fff; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-arrows.scss ---------------------------------------------------------------------- diff --git a/_sass/_site-arrows.scss b/_sass/_site-arrows.scss new file mode 100644 index 0000000..c16b0e3 --- /dev/null +++ b/_sass/_site-arrows.scss @@ -0,0 +1,83 @@ +.nav-circlepop a{ + width: 50px; + height: 50px; +} + +.nav-circlepop a::before{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 50%; + background: #fff; + content: ''; + opacity: 0; + -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; + transition: transform 0.3s, opacity 0.3s; + -webkit-transform: scale(0.9); + transform: scale(0.9); +} + +.nav-circlepop .icon-wrap{ + position: relative; + display: block; + margin: 10% 0 0 10%; + width: 80%; + height: 80%; +} + +.nav-circlepop a.next .icon-wrap{ + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +.nav-circlepop .icon-wrap::before, +.nav-circlepop .icon-wrap::after{ + position: absolute; + left: 25%; + width: 3px; + height: 50%; + background: #fff; + content: ''; + -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; + transition: transform 0.3s, background-color 0.3s; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.nav-circlepop .icon-wrap::before{ + -webkit-transform: translateX(-50%) rotate(30deg); + transform: translateX(-50%) rotate(30deg); + -webkit-transform-origin: 0 100%; + transform-origin: 0 100%; +} + +.nav-circlepop .icon-wrap::after{ + top: 50%; + -webkit-transform: translateX(-50%) rotate(-30deg); + transform: translateX(-50%) rotate(-30deg); + -webkit-transform-origin: 0 0; + transform-origin: 0 0; +} + +.nav-circlepop a:hover::before{ + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} + +.nav-circlepop a:hover .icon-wrap::before, +.nav-circlepop a:hover .icon-wrap::after{ + background: #4aaf4c; +} + +.nav-circlepop a:hover .icon-wrap::before{ + -webkit-transform: translateX(-50%) rotate(45deg); + transform: translateX(-50%) rotate(45deg); +} + +.nav-circlepop a:hover .icon-wrap::after{ + -webkit-transform: translateX(-50%) rotate(-45deg); + transform: translateX(-50%) rotate(-45deg); +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-main.scss ---------------------------------------------------------------------- diff --git a/_sass/_site-main.scss b/_sass/_site-main.scss new file mode 100644 index 0000000..8c69c50 --- /dev/null +++ b/_sass/_site-main.scss @@ -0,0 +1,894 @@ +@charset "UTF-8"; + +* { + outline:none; +} + +html { + height: 100%; +} + +body { + font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + padding:0; + margin: 0; + height: 100%; +} +.page-wrap{ + min-height: 100%; + margin-bottom: -60px; /* negative value of footer height */ +} + +.mw { min-width:999px; width:100%; } + +.nw { white-space:nowrap; } + +a.anchor { + display:none; + font-size:0px; + position:absolute; + margin-top:-50px; +} + +.home_txt a.anchor { + margin-top:-90px; +} + +#menu { + position:fixed; + top:0; + width:100%; + z-index:5; +} + +/* This seems to override menu position fixed. Fixed positioning allows menu to always be available at the top of the viewport, and JS is not needed to do this */ +/* +#menu.r { + position:absolute; +} +*/ + +#menu ul { + background:#051221; + display:block; + font-size:0px; + list-style:none; + overflow:hidden; + padding:0; + text-align:right; + /* + -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); + box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); + */ +} + +#menu ul li { + display:inline-block; + font-size:14px; + margin:0; + padding:0; +} + +#menu ul li.logo { + float:left; + padding-left:30px; +} + +#menu ul li.logo:hover { background:none; } + +#menu ul li.logo a { + background:url(../images/apachedrill.png) no-repeat center; + background-size:auto 27px; + display:block; + height:50px; + padding:0; + width:80px; +} + +#menu ul li a { + color:#FFF; + text-decoration:none; + line-height:50px; + padding:14px 20px; +} + +#menu ul li.d, #menu ul li.d:hover { + background-color: #4aaf4c; + font-size:12px; + text-transform:uppercase; +} +#menu ul li.d a .fam { + position: relative; + right: 8px; + font-size: 14px; +} + +#menu ul li.d:hover { + background-color:#348436; +} + +#menu ul li.d * { + cursor:pointer; +} + +#menu ul li.d a { + padding:0px 30px 0 40px; + display:block; +} + + +#menu ul li.l { + cursor:pointer; +} + +#menu ul li.l span { + background:url(../images/len.png) no-repeat center; + background-size:auto 16px; + display:block; + line-height:50px; + padding:0 20px; + width:16px; +} + +#menu ul li.l.open { + background-color:#145aa8; +} + +#menu ul li#twitter-menu-item { + width:30px; + padding-left: 2px; + padding-right:10px; +} + +#menu ul li#twitter-menu-item a { + padding: 10px; +} + +#menu ul li#twitter-menu-item img { + width: 22px; +} + +#menu ul li ul { + background:#1a6bc7; + display:none; + margin:0; + padding:0; + position:absolute; + text-align:left; +} + +#menu ul li ul li { + display:block; +} + +#menu ul li ul li a { + display:block; + line-height:30px; + padding:3px 20px; +} + +#menu ul li ul li a:hover { + background:#145aa8; +} + +#menu ul li:hover { + background:#1a6bc7; +} + +#menu ul li:hover ul { + display:block; +} +#menu ul li.clear-float{ + display:none; +} +#subhead { + background:#145aa8; + color:#FFF; + font-size:12px; + font-weight:bold; + height:40px; + line-height:40px; + left:0px; + letter-spacing:1px; + right:0px; + position:fixed; + text-align:center; + text-transform:uppercase; + top:10px; + z-index:4; + + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + +#subhead.show { + top:50px; +} + +#subhead ul { + list-style:none; + margin:0; + padding:0; +} + +#subhead ul li { + display:inline-block; + list-style:none; + margin:0; + padding:0 35px 0 35px; +} + +#subhead ul li a { + background-size:16px auto; + background-position:left center; + background-repeat:no-repeat; + color:#FFF; + display:block; + padding:0 0 0 25px; + text-decoration:none; +} + +#subhead ul li.ag a { + background-image:url(../images/agility-w.png); +} + +#subhead ul li.fl a { + background-image:url(../images/flexibility-w.png); +} + +#subhead ul li.fam a { + background-image:url(../images/familiarity-w.png); +} + +#header { + background:url(../images/reel-bg.png) no-repeat; + background-size:cover; + height:300px; + overflow:hidden; + position:relative; +} + +#header .scroller { + margin-left:0px; + overflow:hidden; +} + +#header .scroller .item { + + float:left; + height:300px; + position:relative; + width:100%; + z-index:1; +} + +#header .scroller .item p a { + color:#FFF; + font-weight:bold; + overflow: hidden; + text-decoration:none; + + position: relative; + display: inline-block; + outline: none; + vertical-align: bottom; + text-decoration: none; + white-space: nowrap; +} + +#header .scroller .item p a::before { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + background: rgba(149,165,166,0.4); + content: ''; + -webkit-transition: -webkit-transform 0.3s; + transition: transform 0.3s; + -webkit-transform: scaleY(0.618) translateX(-100%); + transform: scaleY(0.618) translateX(-100%); +} + +#header .scroller .item p a:hover::before, +#header .scroller .item p a:focus::before { + -webkit-transform: scaleY(0.618) translateX(0); + transform: scaleY(0.618) translateX(0); +} + + +#header .scroller .item .tc { + color:#FFF; + margin-left:80px; + position:relative; + width:900px; + margin:0 auto; +} + +#header .scroller .item .tc h1, #header .scroller .item .tc h2 { + font-size:36px; + font-weight:lighter; + margin:0 0 8px 0; + padding:0; +} +#header .scroller .item .tc h2 { + font-size: 18px; +} + +#header .scroller .item .tc p { + font-size:14px; + font-weight:lighter; + line-height:24px; + margin:0; + padding:0; +} + +#header .scroller .item .btn { + background: none; + border: 2px solid #fff; + cursor: pointer; + color:#FFF; + display: inline-block; + font-size:12px; + font-weight: bold; + outline: none; + margin-top:18px; + position: relative; + padding: 5px 30px; + text-decoration:none; + text-transform: uppercase; + + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} + +#header .scroller .item .btn:after { + content: ''; + position: absolute; + z-index: -1; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} + +#header .scroller .item .btn-1c:after { + width: 0%; + height: 100%; + top: 0; + left: 0; + background: #fff; +} + +#header .scroller .item .btn-1c:hover, +#header .scroller .item .btn-1c:active { + color: #0e83cd; +} + +#header .scroller .item .btn-1c:hover:after, +#header .scroller .item .btn-1c:active:after { + width: 100%; +} + +#header .aLeft { + cursor:pointer; + height:30px; + left:20px; + margin-top:-15px; + position:absolute; + top:50%; + width:30px; + z-index:2; +} + +#header .aRight { + cursor:pointer; + height:30px; + right:20px; + margin-top:-15px; + position:absolute; + top:50%; + width:30px; + z-index:2; +} + +.dots { + bottom:30px; + right:80px; + position:absolute; + z-index:2; +} + +.dots .dot { + border-radius: 50%; + background-color: transparent; + box-shadow: inset 0 0 0 2px white; + -webkit-transition: box-shadow 0.3s ease; + transition: box-shadow 0.3s ease; + + cursor:pointer; + display:inline-block; + height:10px; + margin-left:10px; + width:10px; +} + +.dots .dot:hover, +.dots .dot:focus { + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) +} + +.dots .dot.sel { + box-shadow: inset 0 0 0 8px white; +} +div.alertbar + { + background-color:#ffc; + text-align: center; + display: block; + padding:10px; + border-bottom: solid 1px #cc9; + } +div.alertbar .hor-bar:after { + content: "|"; +} +span.strong { + font-weight: bold; +} + +.introWrapper { + border-bottom:1px solid #CCC; +} + +table.intro { + background:url(../images/intro-bg.gif) no-repeat center; + table-layout:fixed; + text-align:center; + width: 940px; +} + +table.intro td { + background-position:center 25px; + background-repeat:no-repeat; + background-size:25px auto; + padding:65px 0 0 0; + position:relative; + vertical-align:top; +} + +table.intro td.ag { + background-image:url(../images/agility.png); +} + +table.intro td.fl { + background-image:url(../images/flexibility.png); +} + +table.intro td.fam { + background-image:url(../images/familiarity.png); +} + +table.intro h1 { + font-size:36px; + font-weight:normal; + margin:0; + padding:0; +} + +table.intro p { + font-size:16px; + font-weight:lighter; + line-height:22px; + margin:0; + padding:2px 35px 30px 35px; +} + +table.intro span { + bottom:30px; + display:block; + position:absolute; + width:100%; +} + +table.intro a { + color:#1a6bc7; + font-size:12px; + font-weight: bold; +} + +#blu { + display:table; + font-size:12px; + font-weight:lighter; + line-height:28px; + table-layout:fixed; +} + +#blu a { + color:#FFF; + text-decoration:none; +} + +#blu .cell { + color:#FFF; + display:table-cell; + padding:40px 0; + overflow:hidden; + vertical-align:middle; +} + +#blu .cell.left { + background:#1b2b3e; + padding-right:54px; +} + +#blu .cell.left .wrapper { + float:right; +} + +#blu .cell.right { + background:#184f8d; + padding-left:54px; +} + +#blu .cell.right .wrapper { + float:left; +} + +#blu .cell .wrapper { + width:425px; +} + +#blu h2 { + font-size:24px; + font-weight:lighter; + margin:0 0 10px 0; + padding:0; +} + +.page-wrap:after { + display: block; + content: ""; +} +#footer { + color: black; + background-color: white; + font-size:9px; + font-weight:lighter; + line-height:20px; + padding:30px 0; + text-align:center; +} +#footer, .page-wrap:after { + height: 60px; +} + +#footer .wrapper { + padding:0 80px; +} + +.bui { + display:none; + position:fixed; + top:0; + left:0; + right:0; + bottom:0; + background:rgba(0,0,0,0.8); + z-index:4; +} + +.disclaimer { + background:#f6f5f5; + font-size:12px; + font-weight:lighter; + line-height:24px; + text-align:center; +} + +.disclaimer .wrapper { + margin:auto; + padding:50px 0 50px 0; + width:780px; +} + +.disclaimer h2 { + font-size:24px; + font-weight:lighter; + margin:0 0 10px 0; + padding:0; +} + +.int_text { + margin:40px auto 30px auto; + width:780px; +} + +/* Blog */ +div.post.int_text { + margin:40px auto 60px auto; +} + +.int_text a, .int_title a { + color:#1a6bc7; + /* font-weight:normal; */ +} + +.int_text p, .int_text ul, .int_text ol { + font-size:16px; + line-height:28px; + +} + +.int_text p.l1 { + padding-left:30px; +} + +.int_text h2 { + font-size:24px; + font-weight:normal; + margin:30px 0 0 0; +} + +.int_text img { + display:block; + margin:30px auto; +} + +ul.num { + list-style:decimal; +} + +.int_title { + font-size:16px; + font-weight:lighter; + margin:auto; + margin-top:80px; + padding:0 0 15px 0; + position:relative; + text-align:center; + width:600px; +} + +.int_title.int_title_img { + background-position:center top; + background-repeat:no-repeat; + background-size:25px auto; + padding-top:40px; +} + +.int_title.int_title_img.architecture { + background-image:url(../images/architecture.png); +} + +.int_title.int_title_img.community { + background-image:url(../images/community.png); +} + +.int_title.int_title_img.download { + background-image:url(../images/download.png); +} + +.int_title p { + line-height:30px; + margin:10px 0 25px 0; +} + +.int_title h1 { + font-size:36px; + margin: 20px 0px 20px 0px; +} + +.int_title:after { + background:#1a6bc7; + bottom:24px; + content:" "; + height:5px; + left:275px; + position:absolute; + width:50px; +} + +table.intro a:before, table.intro a:after { + backface-visibility: hidden; + pointer-events: none; +} + +table.intro a, .int_title a { + display:inline-block; + overflow: hidden; + outline: medium none; + position: relative; + text-decoration: none; + vertical-align: bottom; + white-space: nowrap; +} + +#header .dots, .aLeft, .aRight { display:none; } + +p.info { + background-color: #ffc; + border: solid 1px #cc9; + padding: 5px; +} + +/* This is to address an issue in Markdown processing which introduces <p> inside <li>. */ +li p { + margin-top: 0px; +} + +.hidden { + display:none; +} + +/****************** + Search Bar +******************/ + +#menu .search-bar { + line-height: 30px; + margin: 0 20px 0 20px; +} + +#menu .search-bar form { + border-radius: 6px; + border: solid 1px black; + background-color: #1A6BC7; +} + +#menu .search-bar input[type='text'] { + border: none; + color: white; + background-color: transparent !important; + font-size: 14px; + font-weight: inherit; + padding: 0 0 0 8px; + line-height: 20px; + width: 50px; +} +#menu .search-bar input[placeholder] { + opacity: .7; +} + +#menu .search-bar:hover { + background-color: black; +} + +#menu .search-bar button[type='submit'] { + display: inline; + border: none; + background:none; + position: relative; + color: white; + font-size: 14px; + cursor: pointer; + width: 33px; +} +#menu .search-bar ::-webkit-input-placeholder { + color: white; +} + +#menu .search-bar :-moz-placeholder { /* Firefox 18- */ + color: white; +} + +#menu .search-bar ::-moz-placeholder { /* Firefox 19+ */ + color: white; +} + +#menu .search-bar :-ms-input-placeholder { + color: white; +} + +.int_text table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb} +.int_text table caption{color:#000;font-style: italic;padding:1em 0;text-align:center} +.int_text table td, .int_text table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em} +.int_text table td:first-child, .int_text table th:first-child{border-left-width:0} +.int_text table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom} +.int_text table td{background-color:transparent} +.int_text table-odd td{background-color:#f2f2f2} +.int_text table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2} +.int_text table-bordered td{border-bottom:1px solid #cbcbcb} +.int_text table-bordered tbody>tr:last-child>td{border-bottom-width:0} +.int_text table-horizontal td, .int_text table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb} +.int_text table-horizontal tbody>tr:last-child>td{border-bottom-width:0} + + +div.alertbar{ + line-height:1; + text-align: center; +} + +div.alertbar div{ + display: inline-block; + vertical-align: middle; + padding:0 10px; +} + +div.alertbar div:nth-child(2){ + border-right:solid 1px #cc9; +} + +div.alertbar div.news{ + font-weight:bold; +} + +div.alertbar a{ + +} +div.alertbar div span{ + font-size:65%; + color:#aa7; +} + +div.home-row{ + border-bottom:solid 1px #ccc; + margin:0 auto; + text-align:center; +} + +div.home-row div{ + display:inline-block; + vertical-align:middle; + text-align:left; +} + +div.home-row:nth-child(odd) div.big{ + width:300px; +} + +div.home-row:nth-child(odd) div.description{ + margin-left:40px; + width:580px; +} + +div.home-row:nth-child(even) div.description{ + width:580px; +} + +div.home-row:nth-child(even) div.big{ + margin-left:40px; + width:300px; +} + +.home-row h1 { + font-size:24px; + margin:24px 0; + font-weight:bold; +} + +.home-row h2 { + font-size:20px; + margin:20px 0; + font-weight:bold; +} + +.home-row p { + font-size:16px; + line-height:22px; +} + +.home-row div.small{ + display:none; +} + +.home-row div.big{ + display:inline-block; +} + +div.home-row div pre{ + background:#f3f5f7; + color:#2a333c; + border:solid 1px #aaa; + font-family: Monaco,Menlo,Consolas,"Courier New",monospace; + font-size: 12px; + line-height: 1.5; +} + +div.home-row div pre span.code-underline{ + font-weight:bold; + color:#000; + text-decoration: underline; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-responsive.scss ---------------------------------------------------------------------- diff --git a/_sass/_site-responsive.scss b/_sass/_site-responsive.scss new file mode 100644 index 0000000..1d3390d --- /dev/null +++ b/_sass/_site-responsive.scss @@ -0,0 +1,264 @@ +#menu ul li.toc-categories { + display:none; +} + +#menu ul li.menu-break { + display:none; +} + +.mobile-break { + display: none; +} + +@media (min-width: 1025px) { + #menu ul li.expand-menu { + display: none; + } + +} + +@media (max-width: 1024px) { + table.intro { + width: 940px; + } + .mw { + min-width: 0px; + } + .breadcrumbs li:first-of-type { + margin-left: 8px; + } + #menu ul li.logo { + padding-left: 30px; + } + #menu ul li.expand-menu { + display: none; + } + + #menu ul li, #menu ul li.d{ + display: none; + } + .home_txt p { + width: auto; + } + .int_title { + text-align: left; + width: auto; + margin: 80px 20px 0px 20px; + } + .int_title:after { + left: 0px; + } + .int_text { + width: auto; + margin: 20px 10px 100px 20px; + } + #menu.force-expand ul li, #menu.force-expand ul li.d { + display:inline-block; + } + + #menu.force-expand ul li.toc-categories { + display: none; + } + #menu.force-expand ul li ul li{ + display:block; + } + #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item { + clear:both; + margin: 0 auto; + } + #menu ul li.logo { + display: block; + } + #menu ul li.expand-menu { + display: inline-block; + float: right; + } + #menu ul br.menu-break { + display: block; + } + #menu ul li.expand-menu, #menu ul li.expand-menu a { + height: 50px; + width: 110px; + } + #menu ul li.expand-menu span.expand-icon{ + font-size: 24px; + } + #menu ul li.expand-menu span.menu-text{ + margin-right:7px; + position: relative; + bottom: 3px; + } + #menu ul li.pull-right { + float: right; + margin-right: 10px; + } + + /* Blog Posts */ + + div.post.int_text { + margin: 40px 20px 20px 20px; + } + div.post .post-header .int_title { + margin-left: 0px; + } + + + div.home-row{ + width:100%; + } + + div.home-row:nth-child(odd) div.small{ + width:300px; + } + + div.home-row:nth-child(odd) div.description{ + margin-left:20px; + width:auto; + } + + div.home-row:nth-child(even) div.description{ + margin-left:20px; + width:auto; + } + + div.home-row:nth-child(even) div.small{ + margin:0 0 15px 0; + width:300px; + } + + div.home-row div.big{ + display:none; + } + + div.home-row div.small{ + display:inline-block; + } + + table.intro { + width: 100%; + background: none; + } + +} +@media (max-width: 768px) { + #menu.force-expand ul li.nav { + clear:both; + margin: 0 auto; + } + #menu.force-expand ul li.search-bar { + clear:both; + } + + /* Responsive Homepage 768 max width */ + div.headlines.tc { + margin-left: 35px; + } + br.mobile-break { + display: block; + } + + img { + max-width: 100%; + } + + /* Search page */ + div.int_search { + width: 100%; + } +} + +@media (max-width: 570px) { + + /* Responsive Layout 570 max width */ + + + /* Responsive Menu 570 max width */ + + #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item { + clear: both; + width: 100%; + margin: auto; + } + #menu.force-expand ul li { + display:block; + } + #menu ul li.clear-float{ + clear:both; + width: 0px; + display:block; + } + #menu ul li.search-bar { + margin: 0 11px 0 20px; + float: right; + } + #menu ul li.d + { + margin: 10px; + clear: both; + float: right; + } + #menu.force-expand { + position: relative; + } + + /* Responsive Homepage 570 max width */ + #header .scroller .item .tc h1{ + font-size: 40px; + } + #header .scroller .item .tc h2 { + font-size: 24px; + line-height: 32px; + } + #header .scroller .item div.headlines.tc { + margin-left: 30px; + } + div.headlines a.download-headline { + font-size: .7em; + } + #header .scroller .item div.headlines .btn { font-size: 16px; } + + div.alertbar { + text-align: left; + padding:0 25px; + } + div.alertbar div { + display: block; + padding:10px 0; + } + div.alertbar div:nth-child(1){ + border-right:none; + border-bottom:solid 1px #cc9; + } + div.alertbar div:nth-child(2){ + border-right:none; + border-bottom:solid 1px #cc9; + } + table.intro { + width: 100%; + background: none; + } + table.intro td { + display: block; + padding: 25px 0 5px 0; + } + table.intro td h1 { + font-size: 24px; + text-align: left; + padding-left: 60px; + } + table.intro td.ag, table.intro td.fl, table.intro td.fam { + background-position: 20px 23%; + } + table.intro p { + font-size: 16px; + line-height: 24px; + padding: 2px 25px 15px 20px; + text-align: left; + } + table.intro span { + position: relative; + bottom: 10px; + padding-left: 20px; + text-align: left; + } +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/_sass/_site-search.scss ---------------------------------------------------------------------- diff --git a/_sass/_site-search.scss b/_sass/_site-search.scss new file mode 100644 index 0000000..680cea5 --- /dev/null +++ b/_sass/_site-search.scss @@ -0,0 +1,9 @@ +.int_search { + margin:50px auto 0 auto; + width:780px; + font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.int_search .gsc-control-cse, .int_search .gsc-control-cse .gsc-table-result { + font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/arrows.css ---------------------------------------------------------------------- diff --git a/css/arrows.css b/css/arrows.css deleted file mode 100755 index 9906307..0000000 --- a/css/arrows.css +++ /dev/null @@ -1,86 +0,0 @@ -@charset "UTF-8"; -/* CSS Document */ - -.nav-circlepop a { - width: 50px; - height: 50px; -} - -.nav-circlepop a::before { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border-radius: 50%; - background: #fff; - content: ''; - opacity: 0; - -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; - transition: transform 0.3s, opacity 0.3s; - -webkit-transform: scale(0.9); - transform: scale(0.9); -} - -.nav-circlepop .icon-wrap { - position: relative; - display: block; - margin: 10% 0 0 10%; - width: 80%; - height: 80%; -} - -.nav-circlepop a.next .icon-wrap { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} - -.nav-circlepop .icon-wrap::before, -.nav-circlepop .icon-wrap::after { - position: absolute; - left: 25%; - width: 3px; - height: 50%; - background: #fff; - content: ''; - -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; - transition: transform 0.3s, background-color 0.3s; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} - -.nav-circlepop .icon-wrap::before { - -webkit-transform: translateX(-50%) rotate(30deg); - transform: translateX(-50%) rotate(30deg); - -webkit-transform-origin: 0 100%; - transform-origin: 0 100%; -} - -.nav-circlepop .icon-wrap::after { - top: 50%; - -webkit-transform: translateX(-50%) rotate(-30deg); - transform: translateX(-50%) rotate(-30deg); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} - -.nav-circlepop a:hover::before { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} - -.nav-circlepop a:hover .icon-wrap::before, -.nav-circlepop a:hover .icon-wrap::after { - background: #4aaf4c; -} - -.nav-circlepop a:hover .icon-wrap::before { - -webkit-transform: translateX(-50%) rotate(45deg); - transform: translateX(-50%) rotate(45deg); -} - -.nav-circlepop a:hover .icon-wrap::after { - -webkit-transform: translateX(-50%) rotate(-45deg); - transform: translateX(-50%) rotate(-45deg); -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/breadcrumbs.css ---------------------------------------------------------------------- diff --git a/css/breadcrumbs.css b/css/breadcrumbs.css deleted file mode 100644 index e9503c4..0000000 --- a/css/breadcrumbs.css +++ /dev/null @@ -1,40 +0,0 @@ -.breadcrumbs -{ - display: block; - padding: 0.5625rem 0 0.5625rem 0; - overflow: hidden; - margin-top: 56px; - margin-left: 0px; - list-style: none; - border-bottom: solid 1px #E4E4E4; - width: 100%; -} - -.breadcrumbs>* -{ - margin: 0; - float: left; - font-size: 0.6875rem; - line-height: 0.6875rem; - text-transform: uppercase; - color: #334D5C; -} -.breadcrumbs>*:before -{ - content: "/"; - color: #aaa; - margin: 0 0.75rem; - position: relative; - top: 1px; -} -.breadcrumbs>.current { - font-weight: bold; -} -.breadcrumbs>*.current { - cursor: default; - color: #333; -} -.breadcrumbs>* a { - color: #1a6bc7; - text-decoration:none; -} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/code.css ---------------------------------------------------------------------- diff --git a/css/code.css b/css/code.css deleted file mode 100644 index b0de98d..0000000 --- a/css/code.css +++ /dev/null @@ -1,69 +0,0 @@ -div.highlight pre, code { - background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat; - border-radius: 0; - border: none; - border-left: 5px solid #494747; - font-family: Monaco,Menlo,Consolas,"Courier New",monospace; - font-size: 14px; - line-height: 24px; - overflow: auto; - word-wrap: normal; - white-space: pre; -} - -pre { - padding: 24px 12px; - color: #222; - margin: 24px 0; -} -code { - background: #f5f6f7 url(../images/code-block-bg.png) 0 0 repeat; - border-radius: 0; - border: none; - border-left: 5px; - font-family: font-family: Monaco,Menlo,Consolas,"Courier New",monospace; - font-size: 14px; - line-height: 24px; - overflow: auto; - word-wrap: normal; - white-space: pre; -} - -div.admonition { - margin: 24px 0; - width: auto; - max-width: 100%; - padding: 2px 12px 22px 12px; - border-left: 5px solid transparent; -} -.admonition .admonition-title { - margin-bottom: 0; - font-size: 12px; - font-weight: bold; - text-transform: uppercase; - line-height: 24px; -} -.admonition > p { - margin: 0 0 12.5px 0; -} -.admonition p.first { - margin-top: 0 !important; -} -.admonition > p.last { - margin-bottom: 0; -} -.admonition .admonition-title:after { - content: ":"; - font-weight: 900; -} -.admonition.important{ - background-color: #fff2d5; - border-color: #ffb618; -} -.admonition.important .admonition-title { - color: #ffb618; -} -.admonition.note{ - background-color: #edf4e8; - border-color: #6ba442; -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/content.scss ---------------------------------------------------------------------- diff --git a/css/content.scss b/css/content.scss new file mode 100644 index 0000000..895285d --- /dev/null +++ b/css/content.scss @@ -0,0 +1,6 @@ +--- +--- +@import "doc-content", + "doc-breadcrumbs", + "doc-code", + "doc-syntax"; \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/docpage.css ---------------------------------------------------------------------- diff --git a/css/docpage.css b/css/docpage.css deleted file mode 100644 index d7cf704..0000000 --- a/css/docpage.css +++ /dev/null @@ -1,389 +0,0 @@ -/***************** - Categories Bar -*****************/ -#menu ul li.toc-categories a { - height:50px; - padding:0; - text-decoration: none; - width: 60px; - text-align: center; - color: #bababa; -} -#menu ul li.toc-categories { - float:left; - line-height: 45px; - font-size: 18px; - display: none; - overflow: auto; -} - -/**************** - Docs Nav (Bottom) -****************/ - -div.doc-nav { - overflow: auto; - width: 100%; - margin-top: 30px; -} -div.doc-nav a{ - text-decoration: none; -} -div.doc-nav a:hover{ - text-decoration: underline; -} -div.doc-nav span.previous-toc { - float: left; - width: auto; -} -div.doc-nav span.back-to-toc { - float: left; - width: auto; - margin-left: 15%; -} -div.doc-nav span.next-toc { - float: right; -} - - -/***************** - Main Area -*****************/ - -.main-content .int_text { - margin-left: 0px; - margin-top: 0px; -} -.main-content .int_text img { - margin: 30px 0px; -} -.main-content .int_title -{ - text-align: left; - margin-left: 0px; - margin-top: 30px; -} -.int_title::after{ - left: 0px; -} -.main-content .edit-link { - position: relative; - float: right; - margin-top: 13px; - margin-right: 20px; - text-decoration: none; - font-size: 24px; - color: #333333; -} -div.int_title h1, div.main-content h1, div.main-content h2, div.main-content h3, div.main-content h4, div.main-content h5, div.main-content h6 { - /*font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ - font-weight: normal; - line-height: 24px; - color: #313030; - padding: 0; -} -div.main-content h1, div.main-content h2 { - margin-top: 24px; - margin-bottom: 24px; -} - -div.main-content h3 { - margin-top: 24px; - font-weight: bold; -} - -div.section > h2, div.section > h3, div.section > h4 { - margin: 24px 0; -} -div.main-content h1, div.int_title h1 { - border-top: none; - font-size: 36px; - line-height: 48px; - padding: 0; -} - -/*************************** -/* Sidebar doc menu styles -***************************/ - -.sidebar { - position: fixed; - -webkit-transform: translateZ(0); - background-color: #f5f6f7; - width: 293px; - height: auto; - top: 51px; - bottom: 0; - left: 0; - overflow-y: auto; - overflow-x: hidden; - font-size: 0.85em; - z-index: 100; - transition: left 0.4s cubic-bezier(.02,.01,.47,1); - -moz-transition: left 0.4s cubic-bezier(.02,.01,.47,1); - -webkit-transition: left 0.4s cubic-bezier(.02,.01,.47,1); -} -.sidebar.force-expand { - left: 0px; -} -aside { - display:block; -} -div.docsidebar { - font-size: 14px; - height: 100%; -} -div.docsidebarwrapper { - padding: 0; - padding-top: 24px; - padding-bottom: 130px; - /*min-height: 100%;*/ - position: relative; -} -div.docsidebar h3 { - padding: 0 12px; - font-size: 14px; - line-height: 24px; - font-weight: bold; - margin: -3px 0 15px 0; -} -div.docsidebarwrapper ul { - margin: 12px 0 0 0; - padding: 0; -} -div.docsidebar ul { - list-style: none; - margin: 10px 0 10px 0; - padding: 0; - color: #000; -} -div.docsidebar ul li { - font-weight: normal; - line-height: 24px; -} -.docsidebarwrapper > ul > .toctree-l1.current_section { - background-color: #fff; - border-right: 1px solid #f5f6f7; -} -.docsidebarwrapper a -{ - color: #333333; - text-decoration: none; -} -.docsidebarwrapper > ul > ul.current_section { - background-color: #fff; - border-right: 1px solid #f5f6f7; - margin-right: 0px; -} -.docsidebarwrapper > ul > .toctree-l1 { - padding: 11px 0 0 12px; - line-height: 24px; - border-top: 1px solid #ebebed; -} -.docsidebarwrapper > ul > .toctree-l1 > a { - font-size: 18px; - line-height: 24px; - width: 100%; - display: inline-block; -} -div.docsidebar ul ul, div.docsidebar ul.want-points { - list-style: none outside none; - margin-left: 0; -} -div.docsidebar ul ul { - margin-top: 0px; - margin-bottom: 0; -} -div.docsidebar ul ul ul { - margin-top: -3px; -} - -.docsidebarwrapper li.toctree-l1 ul > li > a { - line-height: 24px; - display: inline-block; - width: 100%; -} -.docsidebarwrapper li.toctree-l1 ul > li -{ - font-size: 14px; -} -div.docsidebar li.toctree-l2 { - text-indent: -12px; - padding-left: 47px; -} -div.docsidebar li.toctree-l1 a:hover, div.docsidebar li.toctree-l2 a:hover, div.docsidebar li.toctree-l3 a:hover { - text-decoration: underline; -} - -div.docsidebar li.toctree-l3 { - padding-left: 57px; - text-indent: -12px; -} -span.expand, span.contract{ - width: 0px; - cursor: pointer; - font-size: 80%; - display:none; - position: relative; - right: 5px; -} -span.expand.show, span.contract.show { - display: inline-block; -} - -.docsidebarwrapper li.toctree-l2.current, .docsidebarwrapper li.toctree-l3.current { - background-color: #1A6BC7; - color: white; -} -.docsidebarwrapper li.toctree-l2.current.current > a, .docsidebarwrapper li.toctree-l3.current.current > a { - color: white; -} -.docsidebarwrapper a:hover { - color: black; -} -.docsidebarwrapper a { - display: inline-block; - width: 100%; -} - -.docsidebarwrapper ul { - font-size: 14px; -} - -.permalink -{ - text-decoration:none; - font-size: 70%; - color: #1A6BC7; -} -.permalink.hide { - visibility: hidden; -} -/**************************** -/* Responsive media queries -/***************************/ - -@media (max-width: 320px) { - .int_text { - width: auto; - } - .int_title { - width: auto; - } -} -@media (max-width: 768px) { - .int_text { - width: auto; - } - .int_title { - width: auto; - } - -} -/* Browser styles when browser max width is the follow. - Need menu click to make sidebar appear */ - -@media (max-width: 1024px) { - div#footer { - margin-left: 0px; - width: 100%; - } - div#footer .wrapper { - padding: 0 20px; - } - .main-content .edit-link { - margin-right: 0px; /* container takes care of right margin */ - } - - #menu ul li.toc-categories { - display: inline-block; - width: 60px; - text-align: center; - } - #menu ul li.logo { - padding-left: 0px; - } - #menu.force-expand ul li.toc-categories { - display: inline-block; - } - - .page-wrap div.int_title.margin_110 { - margin-top:110px; - } - - li.toc-categories .expand-toc-icon { - font-size: 24px; - /*padding-right: 10px;*/ - } - li.toc-categories a.expand-toc-icon { - color: black; - } - - .expand-toc-icon:hover, - .expand-toc-icon:active { - color: white; - text-decoration: none; - } - - .sidebar { - left: -293px; - box-shadow: 0 0 13px rgba(0,0,0,0.3); - } - - .sidebar.reveal { - left: 0; - } - .main-content.force-expand { - margin-left: 313px; - } - #footer.force-expand .wrapper { - margin-left: 313px; - } - .main-content{ - margin: 0px 20px 0px 20px; - } - .int_title { - margin-top: 60px; - } - .int_title h1 { - font-size: 28px; - } - .page-wrap #footer { - width: auto; - } - .breadcrumbs.force-expand li:first-of-type { - margin-left: 301px; - } -} -@media (min-width: 1025px) { - .main-content-wrapper { - width: 1092px; - } - .main-content - { - margin-left: 313px; - } - #menu ul li.logo { - padding-left: 30px; - } - #footer .wrapper { - margin-left: 313px; - } - #footer { - width: 100%; - } - .breadcrumbs { - margin-left: 0px; - } - .breadcrumbs li:first-of-type { - margin-left: 301px; - } -} -/* -div.page-wrap:after { - height: 0px; -} -*/ -#footer { - width: 1092px; -} http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/download.css ---------------------------------------------------------------------- diff --git a/css/download.css b/css/download.css deleted file mode 100644 index 0c92169..0000000 --- a/css/download.css +++ /dev/null @@ -1,33 +0,0 @@ -.table { - display: table; /* Allow the centering to work */ - margin: 0 auto; -} - -ul#download_buttons { - list-style: none; - padding-left:0px; - margin-bottom:100px; -} - -ul#download_buttons li { - float: left; - text-align: center; - background-color: #4aaf4c; - margin:0 10px 10px 10px; - width: 235px; - line-height: 60px; -} - -ul#download_buttons li a{ - text-decoration:none; - color:#fff; - display:block; -} - -ul#download_buttons li a:hover { - background-color: #348436; -} - -div#download_bar:after{ - clear:both; -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/download.scss ---------------------------------------------------------------------- diff --git a/css/download.scss b/css/download.scss new file mode 100644 index 0000000..bca3068 --- /dev/null +++ b/css/download.scss @@ -0,0 +1,3 @@ +--- +--- +@import "download"; http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/home.scss ---------------------------------------------------------------------- diff --git a/css/home.scss b/css/home.scss new file mode 100644 index 0000000..90148c0 --- /dev/null +++ b/css/home.scss @@ -0,0 +1,4 @@ +--- +--- +@import "home-video-slider", + "home-code"; http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/responsive.css ---------------------------------------------------------------------- diff --git a/css/responsive.css b/css/responsive.css deleted file mode 100644 index 17da16d..0000000 --- a/css/responsive.css +++ /dev/null @@ -1,275 +0,0 @@ -#menu ul li.toc-categories { - display:none; -} - -#menu ul li.menu-break { - display:none; -} -.mobile-break { - display: none; -} - -/*@media (max-width: 768px) { - #menu ul li{ - display: block; - } - #menu ul li.expand-menu { - display: none; - } -} -*/ -@media (min-width: 1025px) { - #menu ul li.expand-menu { - display: none; - } - -} - -@media (max-width: 1024px) { - table.intro { - width: 940px; - } - .mw { - min-width: 0px; - } - .breadcrumbs li:first-of-type { - margin-left: 8px; - } - #menu ul li.logo { - padding-left: 30px; - } - #menu ul li.expand-menu { - display: none; - } - - #menu ul li, #menu ul li.d{ - display: none; - } - .home_txt p { - width: auto; - } - .int_title { - text-align: left; - width: auto; - margin: 80px 20px 0px 20px; - } - .int_title:after { - left: 0px; - } - .int_text { - width: auto; - margin: 20px 10px 100px 20px; - } - #menu.force-expand ul li, #menu.force-expand ul li.d { - display:inline-block; - } - - #menu.force-expand ul li.toc-categories { - display: none; - } - #menu.force-expand ul li ul li{ - display:block; - } - #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item { - clear:both; - margin: 0 auto; - } - #menu ul li.logo { - display: block; - } - #menu ul li.expand-menu { - display: inline-block; - float: right; - } - #menu ul br.menu-break { - display: block; - } - #menu ul li.expand-menu, #menu ul li.expand-menu a { - height: 50px; - width: 110px; - } - #menu ul li.expand-menu span.expand-icon{ - font-size: 24px; - } - #menu ul li.expand-menu span.menu-text{ - margin-right:7px; - position: relative; - bottom: 3px; - } - #menu ul li.pull-right { - float: right; - margin-right: 10px; - } - - /* Blog Posts */ - - div.post.int_text { - margin: 40px 20px 20px 20px; - } - div.post .post-header .int_title { - margin-left: 0px; - } - - - div.home-row{ - width:100%; - } - - div.home-row:nth-child(odd) div.small{ - width:300px; - } - - div.home-row:nth-child(odd) div.description{ - margin-left:20px; - width:auto; - } - - div.home-row:nth-child(even) div.description{ - margin-left:20px; - width:auto; - } - - div.home-row:nth-child(even) div.small{ - margin:0 0 15px 0; - width:300px; - } - - div.home-row div.big{ - display:none; - } - - div.home-row div.small{ - display:inline-block; - } - - table.intro { - width: 100%; - background: none; - } - -} -@media (max-width: 768px) { - #menu.force-expand ul li.nav { - clear:both; - margin: 0 auto; - } - #menu.force-expand ul li.search-bar { - clear:both; - } - - /* Responsive Homepage 768 max width */ - div.headlines.tc { - margin-left: 35px; - } - br.mobile-break { - display: block; - } - - img { - max-width: 100%; - } - - /* Search page */ - div.int_search { - width: 100%; - } -} - -@media (max-width: 570px) { - - /* Responsive Layout 570 max width */ - - - /* Responsive Menu 570 max width */ - - #menu.force-expand ul li.nav, #menu.force-expand ul li#twitter-menu-item { - clear: both; - width: 100%; - margin: auto; - } - #menu.force-expand ul li { - display:block; - } - #menu ul li.clear-float{ - clear:both; - width: 0px; - display:block; - } - #menu ul li.search-bar { - margin: 0 11px 0 20px; - float: right; - } - #menu ul li.d - { - margin: 10px; - clear: both; - float: right; - } - #menu.force-expand { - position: relative; - } - - /* Responsive Homepage 570 max width */ - #header .scroller .item .tc h1{ - font-size: 40px; - } - #header .scroller .item .tc h2 { - font-size: 24px; - line-height: 32px; - } - #header .scroller .item div.headlines.tc { - margin-left: 30px; - } - div.headlines a.download-headline { - font-size: .7em; - } - #header .scroller .item div.headlines .btn { font-size: 16px; } - - div.alertbar { - text-align: left; - padding:0 25px; - } - div.alertbar div { - display: block; - padding:10px 0; - } - div.alertbar div:nth-child(1){ - border-right:none; - border-bottom:solid 1px #cc9; - } - div.alertbar div:nth-child(2){ - border-right:none; - border-bottom:solid 1px #cc9; - } - table.intro { - width: 100%; - background: none; - } - table.intro td { - display: block; - padding: 25px 0 5px 0; - } - table.intro td h1 { - font-size: 24px; - text-align: left; - padding-left: 60px; - } - table.intro td.ag, table.intro td.fl, table.intro td.fam { - background-position: 20px 23%; - } - table.intro p { - font-size: 16px; - line-height: 24px; - padding: 2px 25px 15px 20px; - text-align: left; - } - table.intro span { - position: relative; - bottom: 10px; - padding-left: 20px; - text-align: left; - } - -} - - http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/search.css ---------------------------------------------------------------------- diff --git a/css/search.css b/css/search.css deleted file mode 100644 index 64d25c8..0000000 --- a/css/search.css +++ /dev/null @@ -1,9 +0,0 @@ -.int_search { - margin:50px auto 0 auto; - width:780px; - font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; -} - -.int_search .gsc-control-cse, .int_search .gsc-control-cse .gsc-table-result { - font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; -} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/site.scss ---------------------------------------------------------------------- diff --git a/css/site.scss b/css/site.scss new file mode 100644 index 0000000..382ff3b --- /dev/null +++ b/css/site.scss @@ -0,0 +1,6 @@ +--- +--- +@import "site-main", + "site-responsive", + "site-search", + "site-arrows"; http://git-wip-us.apache.org/repos/asf/drill/blob/59bc9151/css/style.css ---------------------------------------------------------------------- diff --git a/css/style.css b/css/style.css deleted file mode 100755 index 414efa5..0000000 --- a/css/style.css +++ /dev/null @@ -1,897 +0,0 @@ -@charset "UTF-8"; - -@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700); - -* { - outline:none; -} - -html { - height: 100%; -} - -body { - font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; - padding:0; - margin: 0; - height: 100%; -} -.page-wrap{ - min-height: 100%; - margin-bottom: -60px; /* negative value of footer height */ -} - -.mw { min-width:999px; width:100%; } - -.nw { white-space:nowrap; } - -a.anchor { - display:none; - font-size:0px; - position:absolute; - margin-top:-50px; -} - -.home_txt a.anchor { - margin-top:-90px; -} - -#menu { - position:fixed; - top:0; - width:100%; - z-index:5; -} - -/* This seems to override menu position fixed. Fixed positioning allows menu to always be available at the top of the viewport, and JS is not needed to do this */ -/* -#menu.r { - position:absolute; -} -*/ - -#menu ul { - background:#051221; - display:block; - font-size:0px; - list-style:none; - overflow:hidden; - padding:0; - text-align:right; - /* - -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); - box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.4); - */ -} - -#menu ul li { - display:inline-block; - font-size:14px; - margin:0; - padding:0; -} - -#menu ul li.logo { - float:left; - padding-left:30px; -} - -#menu ul li.logo:hover { background:none; } - -#menu ul li.logo a { - background:url(../images/apachedrill.png) no-repeat center; - background-size:auto 27px; - display:block; - height:50px; - padding:0; - width:80px; -} - -#menu ul li a { - color:#FFF; - text-decoration:none; - line-height:50px; - padding:14px 20px; -} - -#menu ul li.d, #menu ul li.d:hover { - background-color: #4aaf4c; - font-size:12px; - text-transform:uppercase; -} -#menu ul li.d a .fam { - position: relative; - right: 8px; - font-size: 14px; -} - -#menu ul li.d:hover { - background-color:#348436; -} - -#menu ul li.d * { - cursor:pointer; -} - -#menu ul li.d a { - padding:0px 30px 0 40px; - display:block; -} - - -#menu ul li.l { - cursor:pointer; -} - -#menu ul li.l span { - background:url(../images/len.png) no-repeat center; - background-size:auto 16px; - display:block; - line-height:50px; - padding:0 20px; - width:16px; -} - -#menu ul li.l.open { - background-color:#145aa8; -} - -#menu ul li#twitter-menu-item { - width:30px; - padding-left: 2px; - padding-right:10px; -} - -#menu ul li#twitter-menu-item a { - padding: 10px; -} - -#menu ul li#twitter-menu-item img { - width: 22px; -} - -#menu ul li ul { - background:#1a6bc7; - display:none; - margin:0; - padding:0; - position:absolute; - text-align:left; -} - -#menu ul li ul li { - display:block; -} - -#menu ul li ul li a { - display:block; - line-height:30px; - padding:3px 20px; -} - -#menu ul li ul li a:hover { - background:#145aa8; -} - -#menu ul li:hover { - background:#1a6bc7; -} - -#menu ul li:hover ul { - display:block; -} -#menu ul li.clear-float{ - display:none; -} -#subhead { - background:#145aa8; - color:#FFF; - font-size:12px; - font-weight:bold; - height:40px; - line-height:40px; - left:0px; - letter-spacing:1px; - right:0px; - position:fixed; - text-align:center; - text-transform:uppercase; - top:10px; - z-index:4; - - -webkit-transition: all 0.3s; - transition: all 0.3s; -} - -#subhead.show { - top:50px; -} - -#subhead ul { - list-style:none; - margin:0; - padding:0; -} - -#subhead ul li { - display:inline-block; - list-style:none; - margin:0; - padding:0 35px 0 35px; -} - -#subhead ul li a { - background-size:16px auto; - background-position:left center; - background-repeat:no-repeat; - color:#FFF; - display:block; - padding:0 0 0 25px; - text-decoration:none; -} - -#subhead ul li.ag a { - background-image:url(../images/agility-w.png); -} - -#subhead ul li.fl a { - background-image:url(../images/flexibility-w.png); -} - -#subhead ul li.fam a { - background-image:url(../images/familiarity-w.png); -} - -#header { - background:url(../images/reel-bg.png) no-repeat; - background-size:cover; - height:300px; - overflow:hidden; - position:relative; -} - -#header .scroller { - margin-left:0px; - overflow:hidden; -} - -#header .scroller .item { - - float:left; - height:300px; - position:relative; - width:100%; - z-index:1; -} - -#header .scroller .item p a { - color:#FFF; - font-weight:bold; - overflow: hidden; - text-decoration:none; - - position: relative; - display: inline-block; - outline: none; - vertical-align: bottom; - text-decoration: none; - white-space: nowrap; -} - -#header .scroller .item p a::before { - position: absolute; - top: 0; - left: 0; - z-index: -1; - width: 100%; - height: 100%; - background: rgba(149,165,166,0.4); - content: ''; - -webkit-transition: -webkit-transform 0.3s; - transition: transform 0.3s; - -webkit-transform: scaleY(0.618) translateX(-100%); - transform: scaleY(0.618) translateX(-100%); -} - -#header .scroller .item p a:hover::before, -#header .scroller .item p a:focus::before { - -webkit-transform: scaleY(0.618) translateX(0); - transform: scaleY(0.618) translateX(0); -} - - -#header .scroller .item .tc { - color:#FFF; - margin-left:80px; - position:relative; - width:900px; - margin:0 auto; -} - -#header .scroller .item .tc h1, #header .scroller .item .tc h2 { - font-size:36px; - font-weight:lighter; - margin:0 0 8px 0; - padding:0; -} -#header .scroller .item .tc h2 { - font-size: 18px; -} - -#header .scroller .item .tc p { - font-size:14px; - font-weight:lighter; - line-height:24px; - margin:0; - padding:0; -} - -#header .scroller .item .btn { - background: none; - border: 2px solid #fff; - cursor: pointer; - color:#FFF; - display: inline-block; - font-size:12px; - font-weight: bold; - outline: none; - margin-top:18px; - position: relative; - padding: 5px 30px; - text-decoration:none; - text-transform: uppercase; - - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; -} - -#header .scroller .item .btn:after { - content: ''; - position: absolute; - z-index: -1; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; -} - -#header .scroller .item .btn-1c:after { - width: 0%; - height: 100%; - top: 0; - left: 0; - background: #fff; -} - -#header .scroller .item .btn-1c:hover, -#header .scroller .item .btn-1c:active { - color: #0e83cd; -} - -#header .scroller .item .btn-1c:hover:after, -#header .scroller .item .btn-1c:active:after { - width: 100%; -} - -#header .aLeft { - cursor:pointer; - height:30px; - left:20px; - margin-top:-15px; - position:absolute; - top:50%; - width:30px; - z-index:2; -} - -#header .aRight { - cursor:pointer; - height:30px; - right:20px; - margin-top:-15px; - position:absolute; - top:50%; - width:30px; - z-index:2; -} - -.dots { - bottom:30px; - right:80px; - position:absolute; - z-index:2; -} - -.dots .dot { - border-radius: 50%; - background-color: transparent; - box-shadow: inset 0 0 0 2px white; - -webkit-transition: box-shadow 0.3s ease; - transition: box-shadow 0.3s ease; - - cursor:pointer; - display:inline-block; - height:10px; - margin-left:10px; - width:10px; -} - -.dots .dot:hover, -.dots .dot:focus { - box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) -} - -.dots .dot.sel { - box-shadow: inset 0 0 0 8px white; -} -div.alertbar - { - background-color:#ffc; - text-align: center; - display: block; - padding:10px; - border-bottom: solid 1px #cc9; - } -div.alertbar .hor-bar:after { - content: "|"; -} -span.strong { - font-weight: bold; -} - -.introWrapper { - border-bottom:1px solid #CCC; -} - -table.intro { - background:url(../images/intro-bg.gif) no-repeat center; - table-layout:fixed; - text-align:center; - width: 940px; -} - -table.intro td { - background-position:center 25px; - background-repeat:no-repeat; - background-size:25px auto; - padding:65px 0 0 0; - position:relative; - vertical-align:top; -} - -table.intro td.ag { - background-image:url(../images/agility.png); -} - -table.intro td.fl { - background-image:url(../images/flexibility.png); -} - -table.intro td.fam { - background-image:url(../images/familiarity.png); -} - -table.intro h1 { - font-size:36px; - font-weight:normal; - margin:0; - padding:0; -} - -table.intro p { - font-size:16px; - font-weight:lighter; - line-height:22px; - margin:0; - padding:2px 35px 30px 35px; -} - -table.intro span { - bottom:30px; - display:block; - position:absolute; - width:100%; -} - -table.intro a { - color:#1a6bc7; - font-size:12px; - font-weight: bold; -} - -#blu { - display:table; - font-size:12px; - font-weight:lighter; - line-height:28px; - table-layout:fixed; -} - -#blu a { - color:#FFF; - text-decoration:none; -} - -#blu .cell { - color:#FFF; - display:table-cell; - padding:40px 0; - overflow:hidden; - vertical-align:middle; -} - -#blu .cell.left { - background:#1b2b3e; - padding-right:54px; -} - -#blu .cell.left .wrapper { - float:right; -} - -#blu .cell.right { - background:#184f8d; - padding-left:54px; -} - -#blu .cell.right .wrapper { - float:left; -} - -#blu .cell .wrapper { - width:425px; -} - -#blu h2 { - font-size:24px; - font-weight:lighter; - margin:0 0 10px 0; - padding:0; -} - -.page-wrap:after { - display: block; - content: ""; -} -#footer { - color: black; - background-color: white; - font-size:9px; - font-weight:lighter; - line-height:20px; - padding:30px 0; - text-align:center; -} -#footer, .page-wrap:after { - height: 60px; -} - -#footer .wrapper { - padding:0 80px; -} - -.bui { - display:none; - position:fixed; - top:0; - left:0; - right:0; - bottom:0; - background:rgba(0,0,0,0.8); - z-index:4; -} - -.disclaimer { - background:#f6f5f5; - font-size:12px; - font-weight:lighter; - line-height:24px; - text-align:center; -} - -.disclaimer .wrapper { - margin:auto; - padding:50px 0 50px 0; - width:780px; -} - -.disclaimer h2 { - font-size:24px; - font-weight:lighter; - margin:0 0 10px 0; - padding:0; -} - -.int_text { - margin:40px auto 30px auto; - width:780px; -} - -/* Blog */ -div.post.int_text { - margin:40px auto 60px auto; -} - -.int_text a, .int_title a { - color:#1a6bc7; - /* font-weight:normal; */ -} - -.int_text p, .int_text ul, .int_text ol { - font-size:16px; - line-height:28px; - -} - -.int_text p.l1 { - padding-left:30px; -} - -.int_text h2 { - font-size:24px; - font-weight:normal; - margin:30px 0 0 0; -} - -.int_text img { - display:block; - margin:30px auto; -} - -ul.num { - list-style:decimal; -} - -.int_title { - font-size:16px; - font-weight:lighter; - margin:auto; - margin-top:80px; - padding:0 0 15px 0; - position:relative; - text-align:center; - width:600px; -} - -.int_title.int_title_img { - background-position:center top; - background-repeat:no-repeat; - background-size:25px auto; - padding-top:40px; -} - -.int_title.int_title_img.architecture { - background-image:url(../images/architecture.png); -} - -.int_title.int_title_img.community { - background-image:url(../images/community.png); -} - -.int_title.int_title_img.download { - background-image:url(../images/download.png); -} - -.int_title p { - line-height:30px; - margin:10px 0 25px 0; -} - -.int_title h1 { - font-size:36px; - margin: 20px 0px 20px 0px; -} - -.int_title:after { - background:#1a6bc7; - bottom:24px; - content:" "; - height:5px; - left:275px; - position:absolute; - width:50px; -} - -table.intro a:before, table.intro a:after { - backface-visibility: hidden; - pointer-events: none; -} - -table.intro a, .int_title a { - display:inline-block; - overflow: hidden; - outline: medium none; - position: relative; - text-decoration: none; - vertical-align: bottom; - white-space: nowrap; -} - -#header .dots, .aLeft, .aRight { display:none; } - -p.info { - background-color: #ffc; - border: solid 1px #cc9; - padding: 5px; -} - -/* This is to address an issue in Markdown processing which introduces <p> inside <li>. */ -li p { - margin-top: 0px; -} - -.hidden { - display:none; -} - -/****************** - Search Bar -******************/ - -#menu .search-bar { - line-height: 30px; - margin: 0 20px 0 20px; -} - -#menu .search-bar form { - border-radius: 6px; - border: solid 1px black; - background-color: #1A6BC7; -} - -#menu .search-bar input[type='text'] { - border: none; - color: white; - background-color: transparent !important; - font-size: 14px; - font-weight: inherit; - padding: 0 0 0 8px; - line-height: 20px; - font-family: "Lato"; - width: 44px; -} -#menu .search-bar input[placeholder] { - opacity: .7; -} - -#menu .search-bar:hover { - background-color: black; -} - -#menu .search-bar button[type='submit'] { - display: inline; - border: none; - background:none; - position: relative; - color: white; - font-size: 14px; - cursor: pointer; - width: 33px; -} -#menu .search-bar ::-webkit-input-placeholder { - color: white; -} - -#menu .search-bar :-moz-placeholder { /* Firefox 18- */ - color: white; -} - -#menu .search-bar ::-moz-placeholder { /* Firefox 19+ */ - color: white; -} - -#menu .search-bar :-ms-input-placeholder { - color: white; -} - -.int_text table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb} -.int_text table caption{color:#000;font-style: italic;padding:1em 0;text-align:center} -.int_text table td, .int_text table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em} -.int_text table td:first-child, .int_text table th:first-child{border-left-width:0} -.int_text table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom} -.int_text table td{background-color:transparent} -.int_text table-odd td{background-color:#f2f2f2} -.int_text table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2} -.int_text table-bordered td{border-bottom:1px solid #cbcbcb} -.int_text table-bordered tbody>tr:last-child>td{border-bottom-width:0} -.int_text table-horizontal td, .int_text table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb} -.int_text table-horizontal tbody>tr:last-child>td{border-bottom-width:0} - - -div.alertbar{ - line-height:1; - text-align: center; -} - -div.alertbar div{ - display: inline-block; - vertical-align: middle; - padding:0 10px; -} - -div.alertbar div:nth-child(2){ - border-right:solid 1px #cc9; -} - -div.alertbar div.news{ - font-weight:bold; -} - -div.alertbar a{ - -} -div.alertbar div span{ - font-size:65%; - color:#aa7; -} - -div.home-row{ - border-bottom:solid 1px #ccc; - margin:0 auto; - text-align:center; -} - -div.home-row div{ - display:inline-block; - vertical-align:middle; - text-align:left; -} - -div.home-row:nth-child(odd) div.big{ - width:300px; -} - -div.home-row:nth-child(odd) div.description{ - margin-left:40px; - width:580px; -} - -div.home-row:nth-child(even) div.description{ - width:580px; -} - -div.home-row:nth-child(even) div.big{ - margin-left:40px; - width:300px; -} - -.home-row h1 { - font-size:24px; - margin:24px 0; - font-weight:bold; -} - -.home-row h2 { - font-size:20px; - margin:20px 0; - font-weight:bold; -} - -.home-row p { - font-size:16px; - line-height:22px; -} - -.home-row div.small{ - display:none; -} - -.home-row div.big{ - display:inline-block; -} - -div.home-row div pre{ - background:#f3f5f7; - color:#2a333c; - border:solid 1px #aaa; - font-family: Monaco,Menlo,Consolas,"Courier New",monospace; - font-size: 12px; - line-height: 1.5; -} - -div.home-row div pre span.code-underline{ - font-weight:bold; - color:#000; - text-decoration: underline; -} \ No newline at end of file
