Return-Path: X-Original-To: apmail-drill-commits-archive@www.apache.org Delivered-To: apmail-drill-commits-archive@www.apache.org Received: from mail.apache.org (hermes.apache.org [140.211.11.3]) by minotaur.apache.org (Postfix) with SMTP id 8015017363 for ; Thu, 7 May 2015 18:13:21 +0000 (UTC) Received: (qmail 129 invoked by uid 500); 7 May 2015 18:13:21 -0000 Delivered-To: apmail-drill-commits-archive@drill.apache.org Received: (qmail 99961 invoked by uid 500); 7 May 2015 18:13:21 -0000 Mailing-List: contact commits-help@drill.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: commits@drill.apache.org Delivered-To: mailing list commits@drill.apache.org Received: (qmail 99876 invoked by uid 99); 7 May 2015 18:13:21 -0000 Received: from git1-us-west.apache.org (HELO git1-us-west.apache.org) (140.211.11.23) by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 07 May 2015 18:13:21 +0000 Received: by git1-us-west.apache.org (ASF Mail Server at git1-us-west.apache.org, from userid 33) id 37E99E4432; Thu, 7 May 2015 18:13:21 +0000 (UTC) Content-Type: text/plain; charset="us-ascii" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit From: bridgetb@apache.org To: commits@drill.apache.org Date: Thu, 07 May 2015 18:13:24 -0000 Message-Id: <97350a97645a4780a6c89e1c3ab4a589@git.apache.org> In-Reply-To: <63d170cce6bd4cfca4f387c80ef8d118@git.apache.org> References: <63d170cce6bd4cfca4f387c80ef8d118@git.apache.org> X-Mailer: ASF-Git Admin Mailer Subject: [4/6] drill git commit: Added new videos to home page Added new videos to home page Project: http://git-wip-us.apache.org/repos/asf/drill/repo Commit: http://git-wip-us.apache.org/repos/asf/drill/commit/cd454b32 Tree: http://git-wip-us.apache.org/repos/asf/drill/tree/cd454b32 Diff: http://git-wip-us.apache.org/repos/asf/drill/diff/cd454b32 Branch: refs/heads/gh-pages Commit: cd454b324c01a51c602e2cf61446f8dff7adc926 Parents: bca4701 2e4d595 Author: Tomer Shiran Authored: Thu May 7 11:10:18 2015 -0700 Committer: Tomer Shiran Committed: Thu May 7 11:10:18 2015 -0700 ---------------------------------------------------------------------- css/style.css | 714 +++---- css/video-box.css | 55 + index.html | 27 + static/fancybox/blank.gif | Bin 0 -> 43 bytes static/fancybox/fancybox_loading.gif | Bin 0 -> 6567 bytes static/fancybox/fancybox_loading@2x.gif | Bin 0 -> 13984 bytes static/fancybox/fancybox_overlay.png | Bin 0 -> 1003 bytes static/fancybox/fancybox_sprite.png | Bin 0 -> 1362 bytes static/fancybox/fancybox_sprite@2x.png | Bin 0 -> 6553 bytes static/fancybox/helpers/fancybox_buttons.png | Bin 0 -> 1080 bytes .../helpers/jquery.fancybox-buttons.css | 97 + .../fancybox/helpers/jquery.fancybox-buttons.js | 122 ++ .../fancybox/helpers/jquery.fancybox-media.js | 199 ++ .../fancybox/helpers/jquery.fancybox-thumbs.css | 55 + .../fancybox/helpers/jquery.fancybox-thumbs.js | 162 ++ static/fancybox/jquery.fancybox.css | 274 +++ static/fancybox/jquery.fancybox.js | 2020 ++++++++++++++++++ static/fancybox/jquery.fancybox.pack.js | 46 + 18 files changed, 3414 insertions(+), 357 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/drill/blob/cd454b32/css/style.css ---------------------------------------------------------------------- diff --cc css/style.css index 1a34217,a01933b..9828806 --- a/css/style.css +++ b/css/style.css @@@ -1,5 -1,5 +1,4 @@@ @charset "UTF-8"; --/* CSS Document */ @import url(http://fonts.googleapis.com/css?family=Lato:400,300,700); @@@ -13,7 -13,7 +12,7 @@@ html body { font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; -- padding:0; ++ padding:0; margin: 0; height: 100%; } @@@ -27,79 -27,82 +26,79 @@@ .nw { white-space:nowrap; } a.anchor { -- display:none; -- font-size:0px; -- position:absolute; -- margin-top:-50px; ++ display:none; ++ font-size:0px; ++ position:absolute; ++ margin-top:-50px; } .home_txt a.anchor { -- margin-top:-90px; ++ margin-top:-90px; } #menu { -- position:fixed; -- top:0; -- width:100%; -- z-index:5; ++ 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; ++ 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); -- */ ++ 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; ++ display:inline-block; ++ font-size:14px; ++ margin:0; ++ padding:0; } #menu ul li.logo { -- float:left; -- padding-left:30px; ++ 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; ++ 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; ++ color:#FFF; ++ text-decoration:none; ++ line-height:50px; ++ padding:14px 20px; } -/* -#menu ul li.d, #menu ul li.d:hover { - background:#4aaf4c; - font-weight:bold; - text-transform:uppercase; -} -*/ + #menu ul li.d, #menu ul li.d:hover { -- background-color: #4aaf4c; -- font-size:12px; -- text-transform:uppercase; ++ background-color: #4aaf4c; ++ font-size:12px; ++ text-transform:uppercase; } #menu ul li.d a .fam { position: relative; @@@ -108,34 -111,34 +107,34 @@@ } #menu ul li.d:hover { -- background-color:#348436; ++ background-color:#348436; } #menu ul li.d * { -- cursor:pointer; ++ cursor:pointer; } #menu ul li.d a { -- padding:0px 30px 0 40px; -- display:block; ++ padding:0px 30px 0 40px; ++ display:block; } #menu ul li.l { -- cursor:pointer; ++ 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; ++ 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; ++ background-color:#145aa8; } #menu ul li#twitter-menu-item { @@@ -153,277 -156,278 +152,278 @@@ } #menu ul li ul { -- background:#1a6bc7; -- display:none; -- margin:0; -- padding:0; -- position:absolute; -- text-align:left; ++ background:#1a6bc7; ++ display:none; ++ margin:0; ++ padding:0; ++ position:absolute; ++ text-align:left; } #menu ul li ul li { -- display:block; ++ display:block; } #menu ul li ul li a { -- display:block; -- line-height:30px; -- padding:3px 20px; ++ display:block; ++ line-height:30px; ++ padding:3px 20px; } #menu ul li ul li a:hover { -- background:#145aa8; ++ background:#145aa8; } #menu ul li:hover { -- background:#1a6bc7; ++ background:#1a6bc7; } #menu ul li:hover ul { -- display:block; ++ 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; ++ 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; ++ top:50px; } #subhead ul { -- list-style:none; -- margin:0; -- padding:0; ++ list-style:none; ++ margin:0; ++ padding:0; } #subhead ul li { -- display:inline-block; -- list-style:none; -- margin:0; -- padding:0 35px 0 35px; ++ 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; ++ 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); ++ background-image:url(../images/agility-w.png); } #subhead ul li.fl a { -- background-image:url(../images/flexibility-w.png); ++ background-image:url(../images/flexibility-w.png); } #subhead ul li.fam a { -- background-image:url(../images/familiarity-w.png); ++ 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; ++ background:url(../images/reel-bg.png) no-repeat; ++ background-size:cover; ++ height:300px; ++ overflow:hidden; ++ position:relative; } #header .scroller { -- margin-left:0px; -- overflow:hidden; ++ margin-left:0px; ++ overflow:hidden; } #header .scroller .item { -- -- float:left; -- height:300px; -- position:relative; -- width:100%; -- z-index:1; ++ ++ 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; ++ 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%); ++ 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); ++ -webkit-transform: scaleY(0.618) translateX(0); ++ transform: scaleY(0.618) translateX(0); } #header .scroller .item .tc { -- color:#FFF; -- margin-left:80px; - position:absolute; - width:530px; - position:relative; - width:900px; ++ 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; ++ font-size:36px; ++ font-weight:lighter; ++ margin:0 0 8px 0; ++ padding:0; } #header .scroller .item .tc h2 { font-size: 20px; } #header .scroller .item .tc p { -- font-size:14px; -- font-weight:lighter; -- line-height:24px; -- margin:0; -- padding:0; ++ 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; ++ 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; ++ 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; ++ width: 0%; ++ height: 100%; ++ top: 0; ++ left: 0; ++ background: #fff; } #header .scroller .item .btn-1c:hover, #header .scroller .item .btn-1c:active { -- color: #0e83cd; ++ color: #0e83cd; } #header .scroller .item .btn-1c:hover:after, #header .scroller .item .btn-1c:active:after { -- width: 100%; ++ width: 100%; } #header .aLeft { -- cursor:pointer; -- height:30px; -- left:20px; -- margin-top:-15px; -- position:absolute; -- top:50%; -- width:30px; -- z-index:2; ++ 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; ++ 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; ++ 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; ++ 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) ++ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6) } .dots .dot.sel { -- box-shadow: inset 0 0 0 8px white; ++ box-shadow: inset 0 0 0 8px white; } div.alertbar { @@@ -441,140 -445,176 +441,140 @@@ span.strong } .introWrapper { -- border-bottom:1px solid #CCC; -- margin-bottom:50px; ++ border-bottom:1px solid #CCC; ++ margin-bottom:50px; } table.intro { -- background:url(../images/intro-bg.gif) no-repeat center; -- table-layout:fixed; -- text-align:center; ++ 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 40px 0; -- position:relative; -- vertical-align:top; ++ background-position:center 25px; ++ background-repeat:no-repeat; ++ background-size:25px auto; ++ padding:65px 0 40px 0; ++ position:relative; ++ vertical-align:top; } table.intro td.ag { -- background-image:url(../images/agility.png); ++ background-image:url(../images/agility.png); } table.intro td.fl { -- background-image:url(../images/flexibility.png); ++ background-image:url(../images/flexibility.png); } table.intro td.fam { -- background-image:url(../images/familiarity.png); ++ background-image:url(../images/familiarity.png); } table.intro h1 { -- font-size:36px; -- font-weight:normal; -- margin:0; -- padding:0; ++ 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; ++ 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%; ++ bottom:30px; ++ display:block; ++ position:absolute; ++ width:100%; } table.intro a { -- color:#1a6bc7; -- font-size:12px; -- font-weight: bold; ++ color:#1a6bc7; ++ font-size:12px; ++ font-weight: bold; } .home_txt { -- text-align:center; -- padding-bottom:25px; ++ text-align:center; ++ padding-bottom:25px; } .home_txt h1 { -- font-size:36px; -- font-weight:normal; -- line-height:44px; -- margin:0; ++ font-size:36px; ++ font-weight:normal; ++ line-height:44px; ++ margin:0; } .home_txt h2 { -- font-size:16px; -- font-weight:normal; -- line-height:24px; ++ font-size:16px; ++ font-weight:normal; ++ line-height:24px; } .home_txt p { -- font-size:16px; -- font-weight:lighter; -- line-height:24px; -- margin:40px auto; -- width:770px; -} - -.getInvolved { - background:#f6f5f7; - font-size:14px; - font-weight:lighter; - line-height:26px; - padding:50px 0; -} - -.getInvolved .wrapper { - margin:auto; - width:780px; -} - -.getInvolved a { - color:#1a6bc7; - text-decoration:none; -} - -.getInvolved table { - font-size:12px; - margin-top:10px; - table-layout:fixed; - width:100%; -} -.getInvolved table td, .getInvolved table th { - text-align:left; -} - -.getInvolved table th { - border-bottom:1px solid #e9e9e9; -} - -.getInvolved table td { - border-top:1px solid #f0f0f0; ++ font-size:16px; ++ font-weight:lighter; ++ line-height:24px; ++ margin:40px auto; ++ width:770px; } #blu { -- display:table; -- font-size:12px; -- font-weight:lighter; -- line-height:28px; -- table-layout:fixed; ++ display:table; ++ font-size:12px; ++ font-weight:lighter; ++ line-height:28px; ++ table-layout:fixed; } #blu a { -- color:#FFF; -- text-decoration:none; ++ color:#FFF; ++ text-decoration:none; } #blu .cell { -- color:#FFF; -- display:table-cell; -- padding:40px 0; -- overflow:hidden; -- vertical-align:middle; ++ color:#FFF; ++ display:table-cell; ++ padding:40px 0; ++ overflow:hidden; ++ vertical-align:middle; } #blu .cell.left { -- background:#1b2b3e; -- padding-right:54px; ++ background:#1b2b3e; ++ padding-right:54px; } #blu .cell.left .wrapper { -- float:right; ++ float:right; } #blu .cell.right { -- background:#184f8d; -- padding-left:54px; ++ background:#184f8d; ++ padding-left:54px; } #blu .cell.right .wrapper { -- float:left; ++ float:left; } #blu .cell .wrapper { -- width:425px; ++ width:425px; } #blu h2 { -- font-size:24px; -- font-weight:lighter; -- margin:0 0 10px 0; -- padding:0; ++ font-size:24px; ++ font-weight:lighter; ++ margin:0 0 10px 0; ++ padding:0; } .page-wrap:after { @@@ -584,140 -624,158 +584,140 @@@ #footer { color: black; background-color: white; -- font-size:9px; -- font-weight:lighter; -- line-height:20px; -- padding:30px 0; -- text-align:center; ++ 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; ++ 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; ++ 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; ++ 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; ++ margin:auto; ++ padding:50px 0 50px 0; ++ width:780px; } .disclaimer h2 { -- font-size:24px; -- font-weight:lighter; -- margin:0 0 10px 0; -- padding:0; ++ font-size:24px; ++ font-weight:lighter; ++ margin:0 0 10px 0; ++ padding:0; } .int_text { -- margin:40px auto 30px auto; -- width:780px; ++ margin:40px auto 30px auto; ++ width:780px; } /* Blog */ div.post.int_text { -- margin:40px auto 60px auto; ++ margin:40px auto 60px auto; } .int_text a, .int_title a { -- color:#1a6bc7; -- /* font-weight:normal; */ ++ color:#1a6bc7; ++ /* font-weight:normal; */ } .int_text p, .int_text ul, .int_text ol { -- font-size:16px; -- line-height:28px; -- ++ font-size:16px; ++ line-height:28px; ++ } .int_text p.l1 { -- padding-left:30px; ++ padding-left:30px; } .int_text h2 { -- font-size:24px; -- font-weight:normal; -- margin:30px 0 0 0; ++ font-size:24px; ++ font-weight:normal; ++ margin:30px 0 0 0; } .int_text img { -- display:block; -- margin:30px auto; -} - -.int_text table { - font-size:14px; - margin-bottom:50px; - width:100%; -} -.int_text table td, .int_text table th { - padding:7px; - text-align:left; -} - -.int_text table tr td:first-child, .int_text table tr th:first-child { - padding-left:0px; -} - -.int_text table.ul td { - border-top:1px solid #e9e9e9; ++ display:block; ++ margin:30px auto; } ul.num { -- list-style:decimal; ++ 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; ++ 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; ++ 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); ++ background-image:url(../images/architecture.png); } .int_title.int_title_img.community { -- background-image:url(../images/community.png); ++ background-image:url(../images/community.png); } .int_title.int_title_img.download { -- background-image:url(../images/download.png); ++ background-image:url(../images/download.png); } .int_title p { -- line-height:30px; -- margin:10px 0 25px 0; ++ line-height:30px; ++ margin:10px 0 25px 0; } .int_title h1 { -- font-size:36px; -- margin: 20px 0px 20px 0px; ++ font-size:36px; ++ margin: 20px 0px 20px 0px; } .int_title:after { -- background:#1a6bc7; -- bottom:24px; -- content:" "; -- height:5px; -- left:275px; -- position:absolute; -- width:50px; ++ background:#1a6bc7; ++ bottom:24px; ++ content:" "; ++ height:5px; ++ left:275px; ++ position:absolute; ++ width:50px; } table.intro a:before, table.intro a:after { @@@ -726,9 -784,9 +726,9 @@@ } table.intro a, .int_title a { -- display:inline-block; ++ display:inline-block; overflow: hidden; -- outline: medium none; ++ outline: medium none; position: relative; text-decoration: none; vertical-align: bottom; @@@ -737,15 -795,58 +737,15 @@@ #header .dots, .aLeft, .aRight { display:none; } -div.download { text-align:center; } - -div.download table { table-layout:fixed; } - -div.download table a { - background-size:16px auto; - background-position:17px center; - background-repeat:no-repeat; - padding:10px 35px 10px 45px; - line-height:40px; - font-size:12px; - font-weight:normal; - color:#FFF; -} - -div.download table a.dl { - background-color:#4aaf4c; - background-size:13px auto; - background-image:url(../images/download-ico.png); -} - -div.download table a.dl:hover { - background-color:#348436; -} - -div.download table a.find { - background-color:#4aaf4c; - background-image:url(../images/btn-lens.png); -} - -div.download table a.find:hover { - background-color:#348436; -} - -div.download table a.tutorial { - background-color:#1a6bc7; - background-image:url(../images/btn-lens.png); -} - -div.download table a.tutorial:hover { - background-color:#145aa8; -} - p.info { -- background-color: #ffc; -- border: solid 1px #cc9; -- padding: 5px; ++ background-color: #ffc; ++ border: solid 1px #cc9; ++ padding: 5px; } /* This is to address an issue in Markdown processing which introduces

inside

  • . */ li p { -- margin-top: 0px; ++ margin-top: 0px; } .hidden { http://git-wip-us.apache.org/repos/asf/drill/blob/cd454b32/css/video-box.css ---------------------------------------------------------------------- diff --cc css/video-box.css index 0000000,a0dde80..f343730 mode 000000,100644..100644 --- a/css/video-box.css +++ b/css/video-box.css @@@ -1,0 -1,53 +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; + }