drill-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From bridg...@apache.org
Subject [4/6] drill git commit: Added new videos to home page
Date Thu, 07 May 2015 18:13:24 GMT
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 <tshiran@gmail.com>
Authored: Thu May 7 11:10:18 2015 -0700
Committer: Tomer Shiran <tshiran@gmail.com>
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 <p> inside
<li>. */
  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;
+ }


Mime
View raw message