http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b96a419a/content/css/style.css ---------------------------------------------------------------------- diff --git a/content/css/style.css b/content/css/style.css new file mode 100644 index 0000000..76aed80 --- /dev/null +++ b/content/css/style.css @@ -0,0 +1,1264 @@ + +@import url("mdstyle.css"); +@import url("../fonts/fonts_styles.css"); +@import url("font-awesome.min.css"); + +*{margin: 0; padding: 0;} + +body{background:#fdfdfd; color:#000 ; font-family:'Open Sans', arial, helvatica, sans-serif; font-size:14px; line-height:22px;} + +a{-webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + -o-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + text-decoration:none; + outline:none +} + +a{ color:#00a0d2; text-decoration: none; cursor: pointer;} +a:hover, a:focus{ color:#ff943d; text-decoration:none} + +img{ max-width:100%; height:auto} + +table { + border-collapse: collapse; + width: 100%; +} + +th, td { + text-align: left; + padding: 15px; + border-bottom: 1px solid #ddd; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + border-top: 1px solid #ddd; +} + +th { + background-color: #f2f2f2; +} + +tr:nth-child(even){background-color: #f2f2f2} + +.container-fluid{ max-width: 1180px} +.container-fluid-full{ max-width: 100%} + + + +.getmore-btn, .knowmore-btn, .join-community{display: block; background: #ff943d; border-radius: 4px; padding: 12px 40px; text-decoration: none; + text-align: center; font-size: 18px; color: #fff; width: 220px; clear: both; margin-bottom: 30px; text-transform: uppercase; font-weight: 600;} + +.getmore-btn:hover, .knowmore-btn:hover, .join-community:hover +.getmore-btn:hover, .knowmore-btn:focus, .join-community:focus{display: block; background: #dd6300; color: #fff; text-decoration: none; } +.desktop-view{ display:block} +.mobile-view{ display:none} +header{position: fixed;z-index: 9999; width: 100%; height:46px } +.fixed-padding{ position: relative; padding-top:46px; } +/*a.logo { width: 210px; display: inline-block; margin: 10px 0;}*/ +a.logo { width: 170px; display: inline-block; margin: 5px 0;} +.cd-navbar-wrapper.navbar {margin-bottom:0px;border-bottom: 4px solid #ff943d; border-radius: 0; min-height: 40px;} +/*.cd_navcontnt { margin-top: 20px;}*/ +.cd_navcontnt{ margin-top:9px} +.cd_navcontnt li a { padding: 6px 20px;text-transform: capitalize; font-size: 14px; font-weight: 500; color: #222 !important;} +/*.cd_navcontnt li a:hover { color: #ff943d !important; text-decoration: none;} +.cd_navcontnt li a.active { color: #ff943d !important; text-decoration: underline;}*/ +.cd_navcontnt li a:hover {background: #ff8624 !important; color: #fff !important;} +.cd_navcontnt li a.active { color: #fff !important; text-decoration:none; background: #ff943d !important;} +.cd_navcontnt li a i.fa.fa-home{font-size: 18px;} +.cd_navcontnt li a.apache_link { width: 26px; height: auto; display: inline-block !important;margin: 0 10px; padding: 10px 0 !important; + background: url(../images/CDapacheGray_icon.png) no-repeat center center !important; text-indent: -9999px; background-size: contain !important; line-height: 12px;} + +.cd_navcontnt li a.apache_link:hover {background: url(../images/CDapache_icon.png) no-repeat center center !important; background-size:contain !important;} + +.navbar-nav>li>.dropdown-menu { padding: 0; margin-top: 0px; color: #ff943d !important; text-decoration: none; + background: #f8f8f8 !important; box-shadow: none; border: 1px solid #ff943d !important; border-top: 4px solid #ff943d !important; +left: auto; right: auto;} + +.cd_navcontnt li>.dropdown-menu a {color: #444 !important; padding: 5px 15px; font-size: 13px;} +.cd_navcontnt li>.dropdown-menu a:hover, .cd_navcontnt li>.dropdown-menu a.active { color: #fff !important; text-decoration: none; + background: #ff943d !important;} + +.navbar-nav>li>.apache_link + .dropdown-menu {left: auto; right: 0;} + +.cd-homebanner{ width: 100%; min-height:280px; background: url(../images/CDbannerSliderbg.jpg) no-repeat top center; background-size: cover;} +.cd-homebanner .slide-title { font-size: 36px; color: #fffefe; line-height: 50px; display: inline-block;text-align: left; width: 90%; + max-width: 520px; margin-top: 90px; margin-left: 10%;} + +.cd-homebanner .slide-title strong{ color: #ff943d; font-weight: 600; } +.cd-homebanner .slide-img { text-align: center; overflow: hidden; height: 280px;} +.cd-homebanner .slide-img img {height: 106%; max-width: inherit; margin-top: -1%; } + +.cd-headingBar{ background: #f2f2f2; padding: 30px; margin:0} +.cd-headingBar .title {font-size: 30px; color: #111; line-height:36px; display: block; text-align: left; margin: 0;} +.cd-headingBar .title .cube-icon{width:30px;height: 30px; margin:0 20px 0 0; padding:0; display:inline-block; text-align:center;} +.cd-headingBar .join-community-btn {display: block; background: #ff943d; border-radius: 4px; padding: 12px 40px;text-align: center; font-size: 18px; color: #fff; float: right; clear: both; + text-transform: uppercase; font-weight: 600;} +.cd-headingBar .join-community-btn:hover {display: block; background: #dd6300} + +.cd-joinblock { + background: #555; + padding: 10px 0; + /* border-bottom: 4px solid #444; + border-top: 4px solid #444; + */ +} + +.cd-joinblock .title { + font-size: 18px; + color: #fff; + line-height:30px; + display: block; + text-align: center; + margin: 0 0 10px ; +} +.cd-joinblock .subscribe-btn { + display: block; + background: #ff943d; + border-radius: 2px; + padding: 10px 40px; + text-align: center; + font-size: 18px; + color: #fff; + clear: both; + text-transform: capitalize; + font-weight: 600; + width: 220px; + margin: 20px auto 10px; +} +.cd-joinblock .subscribe-btn:hover {display: block; background: #dd6300} + +.cd-aboutblock .title { + font-size: 24px; + color: #444; + line-height: 30px; + display: block; + text-align: left; + margin: 0 0 16px; +} + +.cd-aboutblock .title .title-underline { + height: 2px; + width: 50px; + background: #ff943d; + margin: 6px 0 0; + padding: 0; + display: block; +} + +.cd-aboutblock .para-txt { font-size: 14px; + color: #444; + line-height: 20px; + display: block; + text-align: left; +} + +.cd-aboutblock .cd-indexing-heading { + background: #f1f1f1; + font-size: 18px; + color: #666; + line-height: 36px; + display: block; + text-align: left; + margin: 15px 0 0px; + padding: 0 0 0 16px; + border-bottom: 1px solid #dfdfdf; + display: none + + +} + +.cd-aboutblock .cd-indexing-blog { + border: 1px solid #f1f1f1; + text-align: center; + padding: 0px; + display: block; + margin:15px auto 15px; + height: 220px; + background: #f8f8f8; +} + +.cd-aboutblock .cd-indexing-blog img{ max-width: 100%; height: 100%} + + + +/**/ + +.cd-aboutwrapper { + background: #fdfdfd; + display: block; + /*border-bottom: 4px solid #444;*/ +} + +.cd-aboutblock { + padding: 10px; + display: block; + clear: both; + margin: 20px 0px 0; + /* + border: 1px solid #ddd; + background: #f6f6f6;*/ +} + +.sub-nav li{ + margin: 10px 20px; +} + + + + + +.cd-aboutblock .knowmore-btn {display: block; background: #ff943d; border-radius: 2px; padding: 10px 50px;text-align: center; font-size: 18px; color: #fff; + clear: both; margin:10px 0; text-transform: capitalize; font-weight: 600;} +.cd-aboutblock .knowmore-btn:hover {background: #dd6300} + +.right-block { + border-left: 1px solid #d2d2ff; + padding: 10px 20px 20px; +} + +.cd-releaseblock { + background: #f1f1f1; + margin: 10px 0 0; + border-radius: 0; + border: 1px solid #d2d2ff; +} + +.cd-releaseblock .title { + font-size: 24px; + color: #444; + line-height: 32px; + display: block; + text-align: left; + margin: 0px 0 10px; +} +.cd-releaseblock .title .title-underline{ height: 2px; width:50px; background: #444; margin:6px 0; padding: 0; display:block;} +.cd-releaseblock .release-links { font-size: 14px; color: #444; line-height: 20px; display: block; text-align:left; text-decoration: none} +.cd-releaseblock .release-info { font-size: 14px; color: #444; line-height: 18px; display: block; text-align:left; text-decoration: none} +.cd-releaseblock .release-links:hover { text-decoration: underline; color:#00a0d2;} +.cd-releaseblock .release-date { + font-size: 12px; + color: #666; + line-height: 18px; + display: inline-block; + text-align: left; +} + +.cd-releaseblock .nextR{display: block; padding: 2px 15px 15px;} +.cd-releaseblock .linkblock { display: block; max-height: 180px; overflow: auto; padding-right: 10px;} + + +.cd-releaseblock .latestR { + display: block; + margin-bottom: 10px; + /* border-bottom: 1px dashed #aaa; */ + padding: 10px 5px 10px 10px; + /*background: #f6f6f6;*/ +} + +.cd-releaseblock .linkblock a {font-size: 14px; display: block;line-height: 18px;} +.block-row{ display: block; margin-bottom: 8px; } +.cd-releaseblock .linkblock .whatsnew {font-size: 12px; display: inline-block; padding: 0; + margin: 0 10px; text-transform: capitalize; text-decoration: underline; color: #666;} +.cd-releaseblock .linkblock .whatsnew:hover{color: #ff943d} + +.cd-releaseblock .nextR{ display:none;} + +.cd-flowblock {padding: 20px 0; background: #fdfdfd; border-bottom: 1px solid #ddd;} +.cd-flowblock .title {font-size: 22px; color: #444; line-height: 24px; display: block; text-align: center; margin: 10px 4px 30px; height:36px; text-transform: capitalize; font-weight: 500;} +.cd-flowblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px auto; padding: 0; display:block;} + + +.cd-columnblock {display: block; margin:5px 0; padding:10px 5px; height: 150px} +.cd-columnblock:hover { box-shadow: 0 2px 4px #bbb; background: #f8f8f8;} + + +/* +.cd-columnblock .iconbox{ display: block; text-align: center;} +.cd-columnblock .iconbox .icon { display: inline-block;width:80px; height:80px; border: 4px solid #ff943d; border-radius: 50%;} + +.cd-columnblock .iconbox .icon.uniquedata{ background: url(../images/cd-uniquedata-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.uniquedata{ background: #ff943d url(../images/cd-uniquedata-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + +.cd-columnblock .iconbox .icon.multilevelindexing{ background: url(../images/cd-multilevelindexing-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.multilevelindexing{ background: #ff943d url(../images/cd-multilevelindexing-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + +.cd-columnblock .iconbox .icon.deepsparkintegration{ background: url(../images/cd-deepsparkintegration-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.deepsparkintegration{ background: #ff943d url(../images/cd-deepsparkintegration-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.advancedpushdownoptimization{ background: url(../images/cd-advancedpushdownoptimization-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.advancedpushdownoptimization{ background: #ff943d url(../images/cd-advancedpushdownoptimization-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.dictionaryencoding{ background: url(../images/cd-dictionaryencoding-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.dictionaryencoding{ background: #ff943d url(../images/cd-dictionaryencoding-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.updatedeletesupport{ background: url(../images/cd-updatedeletesupport-icon.png) no-repeat center center; background-size: 56px; } +.cd-columnblock:hover .iconbox .icon.updatedeletesupport{ background: #ff943d url(../images/cd-updatedeletesupport-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 56px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + */ + +/* +cd-advancedpushdownoptimization-icon.png +cd-deepsparkintegration-icon.png +cd-dictionaryencoding-icon.png +cd-multilevelindexing-icon.png +cd-updatedeletesupport-icon.png +*/ + +/* +.cd-columnblock:hover .iconbox{transform:scale(1.1); + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +}*/ + +.cd-columnblock .iconbox { + display: block; + text-align: center; + float: left; +} + + +.cd-columnblock .title { + font-size: 20px; + color: #444; + line-height: 22px; + display: table-cell; + text-align: left; + margin: 4px 0 0 50px; + min-height: 50px; + text-transform: capitalize; + font-weight: 500; + vertical-align: middle; + padding-left: 10px; +} + +.cd-columnblock .title-info { + font-size: 13px; + color: #555; + line-height: 18px; + display: block; + text-align: left; + overflow: hidden; + margin: 0; + padding-left: 10px; + margin-top: 4px; +} + +.cd-columnblock .iconbox .icon { + display: inline-block; + width: 50px; + height: 50px; + border: 2px solid #ff943d; + border-radius: 50%; +} + +.cd-columnblock .iconbox .icon.uniquedata{ background: url(../images/cd-uniquedata-icon.png) no-repeat center center; background-size: 40px; } +.cd-columnblock:hover .iconbox .icon.uniquedata{ background: #ff943d url(../images/cd-uniquedata-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 40px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + +.cd-columnblock .iconbox .icon.multilevelindexing{ background: url(../images/cd-multilevelindexing-icon.png) no-repeat center center; background-size: 36px; } +.cd-columnblock:hover .iconbox .icon.multilevelindexing{ background: #ff943d url(../images/cd-multilevelindexing-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 36px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + +.cd-columnblock .iconbox .icon.deepsparkintegration{ background: url(../images/cd-deepsparkintegration-icon.png) no-repeat center center; background-size: 36px; } +.cd-columnblock:hover .iconbox .icon.deepsparkintegration{ background: #ff943d url(../images/cd-deepsparkintegration-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 36px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.advancedpushdownoptimization{ background: url(../images/cd-advancedpushdownoptimization-icon.png) no-repeat center center; background-size: 36px; } +.cd-columnblock:hover .iconbox .icon.advancedpushdownoptimization{ background: #ff943d url(../images/cd-advancedpushdownoptimization-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 36px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.dictionaryencoding{ background: url(../images/cd-dictionaryencoding-icon.png) no-repeat center center; background-size: 36px; } +.cd-columnblock:hover .iconbox .icon.dictionaryencoding{ background: #ff943d url(../images/cd-dictionaryencoding-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 36px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + .cd-columnblock .iconbox .icon.updatedeletesupport{ background: url(../images/cd-updatedeletesupport-icon.png) no-repeat center center; background-size: 36px; } +.cd-columnblock:hover .iconbox .icon.updatedeletesupport{ background: #ff943d url(../images/cd-updatedeletesupport-icon-hover.png) no-repeat center center; + transform:scale(1.1); background-size: 36px; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + } + + +.cd-releasedownload{ background: #555; padding:10px; margin:0} +.cd-releasedownload .title {font-size: 30px; color: #fff; line-height:40px; display: block; text-align: left; margin: 0;} +.cd-releasedownload .title .cube-icon{width:30px;height: 30px; margin:0 20px 0 0; padding:0; display:inline-block; text-align:center;} + +.cd-releasedownload .title .release-date {font-size:14px; color: #bbb; line-height: 16px; display: inline-block;} +.cd-releasedownload .release-note { + font-size: 14px; + color: #00a0d2; + line-height: 16px; + display: inline-block; + margin-left: 60px; + text-transform: capitalize; +} +.cd-releasedownload .release-note:hover {color:#ff943d; text-decoration: underline;} + +.cd-releasedownload .download-btn {display: block; background: #ff943d; border-radius:2px; padding: 12px 40px; + text-align: center; font-size: 18px; color: #fff; float: right; clear: both; text-transform: uppercase; font-weight: 600; margin-top: 10px} +.cd-releasedownload .download-btn:hover {display: block; background: #dd6300} + + +.cd-systemblock { padding:0; background: #f2f2f2; /*background:#EEE;*/ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} +.cd-thecolumnblock {display: block; margin:0; padding:5px;/*min-height:302px;*/ /*background: #fff; box-shadow: 0 1px 1px #bbb;*/} +/*.cd-thecolumnblock:hover { box-shadow: 0 2px 4px #bbb; background: #fff;}*/ +.cd-thecolumnblock .title {font-size: 22px; color: #444; line-height: 24px; display: block; text-align: left; margin:0 0 10px; min-height:36px; text-transform: capitalize; font-weight: 500;} +.cd-thecolumnblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;} +.cd-thecolumnblock .title-info { font-size: 13px; color: #555; line-height: 18px; display: block; text-align: left; + overflow: hidden; margin: 0 0 8px; /*font-family: OpenSansLight*/} +.cd-thecolumnblock.joinblog{margin-top: 15px; background: #fff; padding:20px; margin: 15px -10px 0; box-shadow: 0 1px 1px #bbb;} +.cd-thecolumnblock.getstartlog { background: #fff; box-shadow: 0 1px 1px #bbb;padding: 15px; margin: 15px 0px 15px -10px;} +.cd-thecolumnblock.latestblog {padding: 15px; background: #fcfcfc; margin: 15px -10px 15px 0px; box-shadow: 0 1px 1px #bbb;} +.cd-thecolumnblock.getstartlog .title .title-underline, .cd-thecolumnblock.latestblog .title .title-underline {background: #444;} + + +.cd-thecolumnblock .listlink, .cd-thecolumnblock .orderlist{margin: 6px 0 0 20px; padding: 0;} +.cd-thecolumnblock .listlink li { list-style-type: square; font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;word-wrap: break-word;} +.cd-thecolumnblock .orderlist li { font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;} +.cd-thecolumnblock .social-icons{ padding: 5px 0 0; text-align: right; margin: 0} +.cd-thecolumnblock .social-icons i.fa {font-size: 24px; margin-right: 5px;color: #aaa;} +.cd-thecolumnblock .social-icons i.fa:hover {color:#666;} + + +.cd-apacheblock{ padding: 20px 0; background: #f4f4f4; +/* +background: rgba(255,255,255,1); +background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%); +background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(250,245,250,1))); +background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%); +background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%); +background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%); +background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf5fa', GradientType=0 );*/ + +} +.cd-apachepic {display: table-cell; margin: 5px 0; height: 180px;padding: 15px; background: #fff; box-shadow: 0 1px 1px #bbb; vertical-align: middle;} +.cd-apachepic img{ max-width: 100%} +.cd-apachetxtblock .title {font-size: 22px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 4px 10px; height: 40px; text-transform: capitalize; font-weight: 500;} +.cd-apachetxtblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;} +.cd-apachetxtblock .title-info {font-size: 13px; color: #444; line-height: 18px; display: block; text-align: left; overflow: hidden; margin: 0 0 10px;} +.cd-apachetxtblock .title-info .linktxt { color: #00a0d2} + + +.cd-featureblock{ background: url(../images/CDbannerSliderbg.jpg) no-repeat center center; position: relative; min-height: 300px; background-size: cover;} +.cd-featureblock .bg-opacity{ background: rgba(0,30,56,.6); position: absolute; top: 0; left: 0; width: 100%; height: 100% } +.cd-featureblock .title { + font-size: 20px; + color: #fff; + line-height: 24px; + display: block; + text-align: left; + margin: 15px 15px; + text-transform: capitalize; + font-weight: 600; +} +.cd-featureblock .ecosystemblock{margin: 15px; border: 1px solid rgba(255,255,255,.3); padding: 5px} +.cd-featureblock .performenceblock{margin: 15px; border: 1px solid rgba(255,255,255,.3); padding: 5px} + +.icon-margin-r{margin-right: 10px} + +.cd-quickbtns { + background: #f1f1f1; + margin: 10px 0 0; + padding:5px 10px; + border: 1px solid #d2d2ff; +} + +.cd-quickbtns .title {font-size: 22px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 4px 10px; height: 40px; text-transform: capitalize; font-weight: 500;} +.cd-quickbtns .title .title-underline{ height: 2px; width:50px; background: #444; margin:10px 0; padding: 0; display:block;} + + +.doc-heading { + margin: 10px 0 0; + padding:5px 0; +} + +.doc-heading .title {font-size: 30px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 4px 10px; height: 40px; text-transform: capitalize; font-weight: 500;} +.doc-heading .title .title-underline{ height: 2px; width:50px; background: #444; margin:10px 0; padding: 0; display:block;} + + +.quickstart-btn { + background: #ff943d; + border: 1px solid #ff943d; + display: inline-block; + margin:5px 0 ; + text-align: center; + padding: 10px 10px; + color: #fff; + font-size: 16px; + font-weight: 600; + text-transform: capitalize; + width: 100%; + cursor: pointer; + position: relative; + border-radius: 40px; +} +.quickstart-btn:hover, .quickstart-btn:focus { + background: #dd6300; + border: 1px solid #dd6300; + color:#fff; +} + + +.quickstart-btn i.rocket-icon { + background: url(../images/cd-rocket-icon.png) no-repeat center center; + width: 30px; + height: 28px; + background-size: cover; + margin-top: -13px !important; +} + +/*.quickstart-btn i.fa {font-size: 36px; position: absolute; left: 8px; top: 50%; margin-top: -19px;}*/ +.quickstart-btn i.fa {font-size: 30px;position: absolute; left: 16px; top: 50%; margin-top: -16px;} + +.ul-padding{ + padding-left: 20px; +} + +.div-styling{ + background: #f8f8f8; + padding: 5px 15px; +} + +.display-style{ + display: inline-block; +} + + +footer{ background: #111; padding:0; } +footer .topcontant{ display: block; padding: 20px 0; } +footer .bottomcontant{ display: block; padding: 10px 0; border-top: 1px solid #3d3d3d} +footer .topcontant .footext{ font-size: 13px; color: #f2f2f2; line-height: 20px; display: block; text-align: left;padding: 0; margin: 0 0 20px;} +footer ul.footer-nav{ float: right;} +footer ul.footer-nav li {text-align: left; display: inline-block; list-style-type: none; margin: 0; border-left: 1px solid #f2f2f2; line-height: 12px;} +footer ul.footer-nav li:first-child {border-left:none} +footer ul.footer-nav li a {text-align: center; margin: 0; padding: 0 13px; text-decoration: none; color: #d4d4d4;font-size: 13px; line-height: 13px;} +footer ul.footer-nav li a:hover{ text-decoration: underline} + +footer .copyright-txt{ margin:0; padding:0; color: #aaa; font-size: 12px; display: inline-block;} +footer .term-links{ display: inline-block; margin:0; padding: 0 10px; text-decoration: none; color: #aaa;} +footer .term-links:hover{ text-decoration: underline} +footer .social-icon{ float: right; display: none} +footer .social-icon .icons{ display: inline-block; margin:0; padding: 0 10px; text-decoration: none; color: #aaa; opacity: .5} +footer .social-icon .icons:hover{ opacity: 1; text-decoration: none;} + +footer .topcontant{ display: none } + + +/* ------------------- Documentation Style here*/ +.cd-dashboarblock{padding: 20px 0; background: #f4f4f4; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} +.cd-dashboarblock .dashboardlinkbox{ max-width:800px; margin:0 auto} +.cd-dashboarblock .dashboardlinkbox .heading{text-align:center; margin:0 0 20px} +.cd-dashboarblock .dashboardlinkbox .docs-searchbox{width:100%; margin: 0 0 20px;} +.cd-dashboarblock .dashboardlinkbox .docs-searchbox .docs-search { + width: 100%; + border: 1px solid #ddd; + background: #fff; + padding: 8px 20px; + box-shadow:0 1px 2px #ccc; +} + +.cd-dashboarblock .dashboardlinkbox .docs-searchbox .docs-search:focus {border:1px solid #ff943d; outline: 0; +} + +.cd-docsblock { + display: block; + margin: 5px 0 20px; + min-height: 224px; + padding: 15px; + background: #fff; + box-shadow: 0px 1px 1px #bbb; +} +.cd-docsblock:hover { box-shadow: 0px 2px 4px #888; background: #fff;} + +.cd-docsblock .title { font-size: 16px; + color: #444; + line-height: 22px; + display: block; + text-align: center; + margin: 5px 5px 10px; + height: 50px; + text-transform: capitalize; + font-weight: 600; +} + +.cd-docsblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;} +.cd-docsblock .title-info { font-size: 14px; + color: #000; + line-height: 20px; + display: block; + text-align: center; + overflow: hidden; + margin: 0; + border-top: 2px solid #ff943d; + padding: 20px 0;} + + +.sidebar { + position: fixed; + top: 46px; + bottom: 0; + left: 0; + z-index: 1000; + display: block; + padding:0; + overflow-x: hidden; + overflow-y: auto; + background-color: #f6f6f6; + border-right: 1px solid #ddd; + padding: 5px; +} + +.maindashboard { + padding:0 15px 0; + background: #fff; + +} + + +.sidebar .nav>li>a { + position: relative; + display: block; + padding: 6px 10px; + color: #222; + background: #eee; +} + +.sidebar .nav>li>a.active, .sidebar .nav>li>a:hover { background: #DDD;} + +iframe { + display: block; + background: transparent; + border: none; + height: calc(100vh - 60px); + width: 100%; +} + + +/* +.list-group.panel > .list-group-item { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + color: #444; +}*/ + +.list-group.panel > .list-group-item { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + font-weight: 500; + color: #333; + font-size: 12px; +} + +.leftMainMenu .list-group-submenu{margin-left:20px;} + + +.leftMainMenu{} +.leftMainMenu .panel { + margin-bottom: 20px; + background-color: #f9f9f9; + box-shadow: none; + border: 0; + border-radius: 0; +} + +.leftMainMenu .list-group-item {padding:6px 10px; margin-bottom: -1px; font-size: 12px; background: #ddd; line-height: 16px; + border: 1px solid #d8d8d8;} + +.leftMainMenu .list-group-item:first-child, .leftMainMenu .list-group-item:last-child { + border-radius:0;} + +.leftMainMenu .fa.fa-caret-down{ float: right;} +.leftMainMenu .list-group-item-success {color: #3c763d; background-color: #e7e6e6;} +/* +.leftMainMenu .collapse.in .list-group-item { padding-left: 18px; background:#f6f6f6; color: #444}*/ +.leftMainMenu .collapse.in .list-group-item {padding-left: 18px; background: #f6f6f6; color: #555;} + + +.leftMainMenu a.list-group-item-success:focus, +.leftMainMenu a.list-group-item-success.active, +.leftMainMenu a.list-group-item-success:hover { background-color: #ccc; border-color: #bbb; color: #444;} + + +.leftMainMenu .list-group-submenu { margin-left:0px;} + +.leftMainMenu .list-group-submenu .list-group-item { + background: #fdfdfd!important; + padding-left: 32px !important; + font-size: 12px; + padding: 7px 10px; + border-top: 1px solid #eee; +} + +.leftMainMenu .collapse.in .list-group-item:hover {background: #e3e3e3;} + +.leftMainMenu .list-group-submenu .list-group-item:hover {background: #f1f1f1 !important;} + +.leftMainMenu .accordion-heading { position: relative; } +.leftMainMenu .accordion-heading .edit { + position: absolute; + top: 8px; + right: 30px; +} + + +.leftMainMenu .area { border-left: 4px solid #f38787; } +.leftMainMenu .equipamento { border-left: 4px solid #65c465; } +.leftMainMenu .ponto { border-left: 4px solid #98b3fa; } +.leftMainMenu .collapse.in { overflow: visible; } + + +.title-heading { + font-size: 20px; + color: #444; + line-height: 26px; + display: block; + text-align: left; + margin: 20px 5px 20px; + text-transform: capitalize; + font-weight: 600; +} + +.title-heading .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;} + +.cd-blog-box{ display: block; border-bottom: 1px solid #eee} +.cd-blog-box a{ color: #444} +.cd-blog-box .title {font-size:20px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 0 4px;text-transform: capitalize; font-weight: 500;} +.cd-blog-box .date { + font-size: 12px; + margin: 0 0 6px; + color: #666; +} +.cd-blog-box .title-info { font-size: 13px; color: #555; line-height: 18px;display: block; text-align: left; + overflow: hidden; margin: 0 0 2px; /*font-family: OpenSansLight*/} +.cd-blog-box .bloglink { font-size: 13px; color:#00a0d2} + + +.blog-content{ } +.blog-content h2, .blog-content h3 {font-size:17px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 0px 6px; font-weight: 600;} +.cd-thecolumnblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;} +.blog-content p { font-size: 13px; color: #555; line-height: 18px; display: block; text-align: left; + overflow: hidden; margin: 0 0 20px; /*font-family: OpenSansLight*/} +.blog-content pre{ margin:10px 0;} + +.blog-content ul, .blog-content ol{margin: 6px 0 20px 30px; padding: 0;} +.blog-content li { list-style-type: square; font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;} +.blog-content ol li{ list-style-type:decimal; } + +.doc-header{padding:5px 10px; background: #f9f9f9;text-align: right;text-align:right;line-height:20px;margin: 0;color: #aaa;border-radius: 2px;font-family: arial;font-size: 12px;} +.doc-header .logo-print{float:left; width:20px; display: none} +.doc-footer{display: block; position: relative;} +.blog-content p img {max-width: 100%; margin: 20px auto 10px; display: block; border: 1px solid #f4f3f4;} + +.scroll-top{position: fixed; top: auto; right: 10px; bottom:4px; background: #ddd; padding: 2px 6px; + border-radius: 2px; font-size: 12px; text-decoration: none; color: #666;} + + +.doc-header span{ margin-right: 30px;} + + +p img{ max-width: 100% } + + +.meetup-banber-bg{ + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 0; + background-color:rgba(0,100,120,1) + } + +.meetup-banber-bg img { + max-width: 100%; + height: auto; + opacity: .8; +} + +.meetup-banber{ position: relative; padding:20px 0 } +.meetup-banber .title-heading{color:#fff; font-size:30px; font-weight: 500; text-align: center; margin:0; line-height: 40px;} +.meetup-banber .title-heading .title-underline {margin: 10px auto; display: block;} +.meetup-banber .txt{color:#fff; font-size:16px; font-weight: 500; text-align: center; padding:0 10px; display: inline-block; } +.meetup-banber .cominguplink { + font-size: 14px; + width: 120px; + background: transparent; + display: inline-block; + text-align: center; + padding: 5px 10px; + color: #fff; + font-weight: 600; + border: 1px solid #fff; + margin-top: 10px; +} + +.meetup-banber .cominguplink:hover {background: #dd6300; border: 1px solid #ff943d;} + +.meetup-details{width:80%; margin:20px auto;} +.meetup-details .title-heading{color:#444; font-weight: 500; font-size:30px; line-height:36px; margin: 0} +.meetup-details .title-heading .title-underline {margin:10px 0; display: block;} + + +.meetup-info{width:100%; margin:20px auto; padding:15px; border:1px dashed #aaa;} +.meetup-info .meetup-title { + color: #222; + font-size: 24px; + font-weight: 500; + position: relative; + margin:0 0 10px; +} + +.meetup-info .meetup-title .meetup-date { + font-size: 13px; + color: #444; + display: inline-block; + top: 10px; + position: absolute; + padding: 0 5px; +} + + +.meetup-info .meetup-location { font-size:16px; color: #444; margin-bottom: 10px;} +.meetup-info p { font-size:13px; color: #444; line-height: 18px; margin: 0 } +.meetup-info i {font-size: 60px; color: #ff943d; /*border: 1px dashed #ff943d;*/ padding: 15px; margin-bottom:6px; background-color: #fff;} +.meetup-info:hover{background-color: #fff; border-color: #ff943d;} +.meetup-info .viewlink{ font-size:14px;} +.meetup-info .meetup-icon{ text-align: right} +.meetup-info .viewlink {font-size: 14px; width: 84px; background: #ff943d; display: inline-block; text-align: center; + padding: 4px 2px; color: #fff; font-weight: 600;} + +.meetup-info .viewlink:hover {background: #dd6300;} +.meetup-info i:hover {color: #dd6300; /*border: 1px dashed #dd6300; */} + +.feedbackbox{width:80%; margin:20px auto; padding:20px; border:1px solid #eee; background-color: #fff; +box-shadow: 0 3px 2px #aaa } + +.feedbackbox .btn-default { + color: #fff; + background-color: #ff943d; + border-color: #ff943d; + border-radius: 2px; + width: 120px; + padding: 8px 30px; +} + +.feedbackbox .btn-default:hover { background-color: #dd6300;border-color: #dd6300;} + +.thanks-msg{display: block;text-align: center; font-size: 26px; line-height: 40px; text-transform: capitalize; + margin: 30px 0; color: #444;} + +.print-icon {position: fixed; top: 61px; right: 22px; font-size: 20px;color: #777; cursor: pointer;} + + +.feedback-btn{position: fixed; right: -30px; top: 400px; background: #ff943d; transform: rotate(-90deg); + box-shadow: -2px -3px 4px #aaa;} +.feedback-btn .link { + color: #fff; + display: block; + padding: 8px 14px; + text-transform: capitalize; + font-size: 16px; + line-height: 22px; +} + +.doc-toc{position: fixed; top:90px; left: 0; font-size: 20px; + cursor: pointer; padding: 2px; -webkit-border-radius:3px ;-moz-border-radius:3px ;border-radius:3px; + box-shadow: 0px 1px 4px #888;} + +.doc-toc .toc-icon { + background: url(../images/cd-doc-toc_icon.png) no-repeat center center; + background-size: contain; + width: 30px; + height: 36px; + display: inline-block; +} +.doc-toc .toc-icon:hover{ background:url(../images/cd-doc-toc_icon-hover.png) no-repeat center center; + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + background-size: contain; + width: 30px; + height: 36px; +} + +#search-box{ position: relative; display: none;} +.search-block{ + border: 5px solid #ff943d; + padding: 6px; + width: 24em; + position: absolute; + background: #f8f8f8; + right: 0; + +} + +.search-block input[type="text"] { + width: 244px; + border: 1px solid #ff9443; + padding: 0 5px; +} +.search-block input[type="submit"] { + width: 70px; + color: white; + background: #ff943d; + border: 1px solid #ff943d; + font-size: 14px; + +} + +.search-block input:focus{ border: 1px solid #dd6300;} + + .security-block {background: #fff; margin: 15px 0; padding:5px 15px;} + .security-block p{ margin:0 5px 20px; + font-size: 14px; + color: #444; + line-height: 20px; + display: block; + text-align: justify} + +.cell.cellcummunity{ width:75%; padding-right: 2%} +.cell.celllatestnews { + width: 23%; + height: 100%; + background: #fdfdfd; + padding: 15px; + border: 2px solid #ff943d; +} +.cell{display: table-cell; vertical-align:top; height: 100%;} + +.celllatestnews .title {font-size: 22px; color: #444; line-height: 24px; display: block; text-align: left; margin: 10px 4px 10px; height: 40px; text-transform: capitalize; font-weight: 500;} +.celllatestnews .title .title-underline{ height: 2px; width:50px; background: #444; margin:10px 0; padding: 0; display:block;} + +.newsblock { margin-top: 20px;font-size: 13px;text-align: justify;} + +.slider-btn{display: inline-block; + font-size: 14px; + color: #fff; + border: 1px solid #aaa; + padding: 8px 20px; + line-height: 20px; + border-radius: 2px; +} + +.slider-btn:hover {color: #fff; border: 1px solid #ff943d; background: #ff943d;} + +/* ------------------- End Documentation Style here*/ + +/* Media Style */ + +/*@media only screen and (min-width: 401px) and (max-width: 600px){*/ + +@media only screen and (max-width: 990px){ + a.logo { margin: 7px 0 0;} +.container-fluid{ max-width: 100%} +/*.cd-aboutwrapper .container-fluid {padding-right: 15px; padding-left: 15px;}*/ +.container {width: 100%;} +.cd-homebanner {min-height: auto;} +.cd-homebanner .slide-title {font-size: 30px; line-height: 36px; width: 100%; max-width: inherit; margin-top: 20%; margin-left: 10%;} +.cd-homebanner .slide-img {text-align: center;overflow: hidden; height: auto; width: 100%;} +.cd-homebanner .slide-img img {height: auto !important; max-width: 100% !important; margin-top: 0 !important;} + +.cd-thecolumnblock { /*min-height: 400px;*/} +.cd-releaseblock .linkblock { max-height: inherit;} +.cd-releaseblock .linkblock a {font-size: 14px;} +.cd-aboutblock .para-txt { min-height: inherit; margin-bottom: 20px;} + +.cd-aboutblock .knowmore-btn { + display:inline-block; + padding: 12px 40px; + font-size: 18px; + margin-bottom: 10px; + margin: 0 auto 10px; + width: 250px; +} + +.cd-columnblock {height: 140px;} +.cd-columnblock .iconbox { margin-bottom: 20px;} +.cd-columnblock .title-info {font-size: 13px; line-height: 17px; margin-top: 4px; +} + +.cd-releasedownload .title { line-height: 30px; text-align: center;} + + +.cd-releasedownload .title .release-date {font-size: 15px; position: relative; top: -8px;} +.cd-releasedownload .release-note { line-height: 14px; display: block; margin-left: 0; text-align: center;} + +.cd-releasedownload .title .cube-icon {width: 26px; height: 26px; margin: 0 10px 0 0;} + +.cd-releasedownload .download-btn {padding: 10px 30px; margin-top: 0; width: 100%;} + +.cd-aboutblock .cd-indexing-blog { height: auto;} +.cd-aboutblock .cd-indexing-blog img {height: auto;} +.right-block { padding: 15px;} + +.quickstart-btn { + padding: 10px 40px; + font-size: 18px; + display: block; + margin:0 0 10px; + width:100%; +} + +.cd-thecolumnblock.joinblog { margin:20px 0px 0;} +.cd-thecolumnblock.latestblog {margin:15px 0 15px 0px;} +.cd-thecolumnblock.getstartlog {margin: 15px 0px 15px 0;} + +} + +/* Media Close*/ + + +.mobile{ display: none;} +.desktop{ display: block;} + + +/* Media Close*/ + + +.mobile{ display: none;} +.desktop{ display: block;} + +@media (max-width:767px){ + +.mobile{ display: block;} +/*.desktop{ display: none;}*/ +.mobile-nav{padding: 5px 10px; background: #f4f4f4; margin-bottom: 4px; display: none; } + + a.logo { width: 170px; display: inline-block; margin: 10px 10px;} + + .cd_navcontnt li a.apache_link.hidden-xs{ display: none !important} + + .cd_navcontnt li a {text-align: center; padding: 6px 20px;} + + .container > .navbar-collapse .navbar-nav { margin: 0 -15px;} + +.container-fluid{ max-width: 100%} + +.container {width: 100%;} + +.cd-homebanner {min-height: auto;} + +.cd-homebanner .slide-title {font-size: 28px; width: 90%; max-width: inherit; text-align: center; margin:40px auto;} +.cd-homebanner .slide-img {text-align: center; overflow: hidden; height: auto; width: 100%; margin-bottom: 50px;} +.cd-homebanner .slide-img img {height: auto !important; max-width: 100% !important; margin-top: 0 !important;} + +.cd-thecolumnblock { margin: 10px 0; min-height: initial;} + +.cd-columnblock {height: auto;} +.cd-columnblock {margin: 5px 0 20px;} +.cd-columnblock .title-info { min-height: inherit; height: auto;} + +.cd-aboutblock .cd-indexing-blog {margin: 0 0 20px;border: 1px solid #e4e4e4; height: auto;} +.cd-aboutblock .cd-indexing-blog img {max-width: 100%; height: auto;} +.cd-aboutblock .title {font-size: 22px; margin: 0 0 16px; text-align: center;} +.cd-aboutblock .title .title-underline { width: 100px; margin: 5px auto 0; } +.cd-aboutblock .para-txt {min-height: inherit; margin-bottom: 22px; text-align: center; padding: 0 15px;} + +.cd-aboutblock .knowmore-btn {display: block; padding: 12px 40px; + font-size: 18px; margin-bottom: 10px; + margin: 0 auto 10px; + width: 230px; +} + +.cd-releasedownload .title {line-height: 28px; text-align: center;font-size: 22px; margin-bottom: 14px;} +.cd-releasedownload .title .release-date {font-size: 14px; position: relative; display: block; margin-top: 10px;} + +.cd-releasedownload .download-btn {padding: 10px 30px; width: 220px; float: none; margin: 30px auto 0;} + +.cd-featureblock .title {margin: 30px 15px 15px;} + +.cd-apachepic {display: block; margin: 5px 0 20px; height: auto; padding: 30px; text-align: center;} + +.sidebar {position: relative; top: 5px; left: 0; overflow: visible; padding: 0} +.leftMainMenu .panel { margin-bottom: 0;} +.leftMainMenu .list-group-item {padding:6px 20px; font-size:12px; background: #f4f4f4; line-height: 20px;} + +.right-block { + padding: 15px 0; + border-top: 1px solid #d2d2ff; + border-left: 0; +} + +.cd-aboutblock { margin:15px 0} +.cd-thecolumnblock.joinblog { margin: 15px 0;} +.cd-thecolumnblock.getstartlog { margin: 0px 0 15px;} + +.quickstart-btn { + padding: 10px 40px; + font-size: 18px; + display: block; + margin: 0 auto 10px; + width:300px; +} + +.cd-aboutblock{ margin: 20px 0 10px;} +.cd-releaseblock { margin: 0 0 10px; text-align: center;} +.cd-releaseblock .title, .cd-quickbtns .title {text-align: center;} +.cd-releaseblock .title .title-underline, .cd-quickbtns .title .title-underline{margin: 6px auto;} + +.meetup-info {width: 100%;} + +.meetup-info .meetup-icon { text-align: left; margin-top: 20px;} +.meetup-banber .title-heading {font-size: 24px;line-height: 30px;} +.meetup-banber-bg img {max-width: inherit;width: 100%;height: 100%; opacity: .8;} + + +}/* Media Close*/ + +@media (max-width:480px){ +.quickstart-btn { + padding: 10px 20px 10px 40px; + font-size: 16px; + display: block; + margin: 0 auto 10px; + width: 94%; +} +} + + +/* MD styles*/ + +#viewpage{ font-family: sans-serif; } + +#viewpage h1, +#viewpage h2, +#viewpage h3, +#viewpage h4, +#viewpage h5, +#viewpage h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + + +#viewpage h1 { + padding-bottom: 0.3em; + font-size: 2em; +} + + +#viewpage h2 { + padding-bottom: 0.3em; + font-size: 1.5em; + border-bottom: 1px solid #eaecef; +} + + +#viewpage pre { + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + background-color: #f6f8fa; + border-radius: 3px; + word-wrap: normal; +} + +#viewpage ul, #viewpage ol { + padding-left: 2em; +} + +#viewpage li+li { + margin-top: 0.25em; +} + +#viewpage table { + display: table; + width: 100%; + overflow: auto; + margin: 10px 0 20px; +} + +#viewpage table tr { + background-color: #fff; + border-top: 1px solid #c6cbd1; +} + +#viewpage table tr:nth-child(2n) { + background-color: #f6f8fa; +} + +#viewpage table th, #viewpage table td { + padding: 6px 13px; + border: 1px solid #dfe2e5; +} + +#viewpage table th { + font-weight: 600; + white-space: nowrap; +} + +#viewpage table td { + word-break: break-all; +} +
http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b96a419a/content/css/youtube.css ---------------------------------------------------------------------- diff --git a/content/css/youtube.css b/content/css/youtube.css new file mode 100644 index 0000000..f04c53e --- /dev/null +++ b/content/css/youtube.css @@ -0,0 +1,182 @@ +#videoList { + margin: 0px auto; + text-align: left; + +} + +/* EOF demo */ +#videoList .videobox { + border: 1px solid #fff; + color: #fff; + display: inline-table; + font-weight: bold; + height: 160px; + line-height: 160px; + margin: 10px 5px; + text-align: center; + text-decoration: none; + width: 300px; + background: #fff; + padding: 10px; + -webkit-box-shadow: 0px 1px 2px #aaa; + -moz-box-shadow: 0px 1px 2px #aaa; + box-shadow: 0px 1px 2px #aaa; +} + + +.videothumb{ } + + +.videothumblink { + width: 100%; + height: 100%; + display: block; +} + +.videoboxtitle { + display: block; + margin: 0; + padding: 10px 2px 0; + line-height: 16px; + /*border: 1px solid #ddd;*/ + overflow: hidden; + position: relative; + +} +.videoboxtitlelink { + font-size: 13px; + height: 50px; + display: block; + position: relative; + text-overflow: ellipsis; + white-space: normal; + word-wrap: break-word; + overflow: hidden; + text-align: center; +} + +/* media list title overlay */ + +#videoList .videothumb .videoplay { + visibility: visible; + background: rgba(0, 0, 0, .3); +} + +/* On hover actions */ + +#videoList .videothumb:hover .videoplay { + visibility: hidden; +} + +/* === popup media player === */ + +/* background overlay */ + +#videoPlayer { + display: none; +} + +#videoPlayerblock { + background: rgb(248, 248, 248); + position: relative; + width: 100%; + height: 100%; + z-index: 20; + left: 0; + top: 10px; + padding: 10px; + -webkit-box-shadow: 0px 1px 2px #aaa; + -moz-box-shadow: 0px 1px 2px #aaa; + box-shadow: 0px 1px 2px #aaa; +} + +.videobox { + display: inline-block; +} +.videobox-title{} +.videobox-title-link{} + + +/* video player */ + +#videoPlayerblock .videoview { + position: relative; + background: #000; + width: 100%; /* width of YouTube Player */ + height: 400px; /* height of YouTube Player */ + /*left: calc(50vw - 280px); !* 280 is .5(560), centers x axis*!*/ + /*top: calc(50vh - 157px); !* 157 is .5(315), centers y axis*!*/ + margin: 0; + border: 1px solid #000; + max-width: 730px; + +} + +#videoPlayerblock iframe { + width: 100%; + height: 100%; +} + +.title-heading { + font-size: 22px; +} + +.fullwidth { + width: 100% +} + + +@media (max-width: 960px){ + #videoPlayerblock .videoview { + height: 260px; + margin:0 auto; + max-width: 460px; + } + + #videoList .videobox { + height: 140px; + line-height: 140px; + margin: 10px 4px; + max-width: 260px; + padding: 8px; + width: 100%; + } +} + +@media (max-width: 767px) { + #videoPlayerblock { + margin-bottom: 20px; + } + + #videoList .videobox { + margin: 10px 0; + } + + #videoPlayerblock .videoview { + height: 270px; + margin: 0 auto; + max-width: 480px; + } +} + +@media (max-width:480px){ + #videoList .videobox { + display: table; + margin: 10px auto; + height: 130px; + line-height: 130px; + width: 240px; + } + + #videoPlayerblock .videoview { + width: 100%; + height: inherit; + margin: 0 auto; + max-width: 290px; + } + .videoboxtitlelink { + font-size: 13px; + height: initial; + text-align: left; + } +} \ No newline at end of file http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b96a419a/content/data-management.html ---------------------------------------------------------------------- diff --git a/content/data-management.html b/content/data-management.html new file mode 100644 index 0000000..63b9662 --- /dev/null +++ b/content/data-management.html @@ -0,0 +1,440 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link href='images/favicon.ico' rel='shortcut icon' type='image/x-icon'> + <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> + <title>CarbonData</title> + <style> + + </style> + <!-- Bootstrap --> + + <link rel="stylesheet" href="css/bootstrap.min.css"> + <link href="css/style.css" rel="stylesheet"> + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js";></script> + <script src="https://oss.maxcdn.scom/respond/1.4.2/respond.min.js";></script> + <![endif]--> + <script src="js/jquery.min.js"></script> + <script src="js/bootstrap.min.js"></script> + + +</head> +<body> +<header> + <nav class="navbar navbar-default navbar-custom cd-navbar-wrapper"> + <div class="container"> + <div class="navbar-header"> + <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" + class="navbar-toggle collapsed" type="button"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a href="index.html" class="logo"> + <img src="images/CarbonDataLogo.png" alt="CarbonData logo" title="CarbocnData logo"/> + </a> + </div> + <div class="navbar-collapse collapse cd_navcontnt" id="navbar"> + <ul class="nav navbar-nav navbar-right navlist-custom"> + <li><a href="index.html" class="hidden-xs"><i class="fa fa-home" aria-hidden="true"></i> </a> + </li> + <li><a href="index.html" class="hidden-lg hidden-md hidden-sm">Home</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" + aria-expanded="false"> Download <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li> + <a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/1.0.0-incubating"; + target="_blank">Apache CarbonData 1.0.0</a></li> + <li> + <a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.2.0-incubating"; + target="_blank">Apache CarbonData 0.2.0</a></li> + <li> + <a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.1-incubating"; + target="_blank">Apache CarbonData 0.1.1</a></li> + <li> + <a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.0-incubating"; + target="_blank">Apache CarbonData 0.1.0</a></li> + <li> + <a href="https://cwiki.apache.org/confluence/display/CARBONDATA/Releases"; + target="_blank">Release Archive</a></li> + </ul> + </li> + <li><a href="mainpage.html" class="">Documentation</a></li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" + aria-expanded="false">Community <span class="caret"></span></a> + <ul class="dropdown-menu"> + <li> + <a href="https://github.com/apache/incubator-carbondata/blob/master/docs/How-to-contribute-to-Apache-CarbonData.md"; + target="_blank">Contributing to CarbonData</a></li> + <li> + <a href="https://cwiki.apache.org/confluence/display/CARBONDATA/PPMC+and+Committers+member+list"; + target="_blank">Project PPMC and Committers</a></li> + <li> + <a href="https://cwiki.apache.org/confluence/pages/viewpage.action?pageId=66850609"; + target="_blank">CarbonData Meetups</a></li> + <li><a href="security.html">Apache CarbonData Security</a></li> + <li><a href="https://issues.apache.org/jira/browse/CARBONDATA"; target="_blank">Apache + Jira</a></li> + <li><a href="videogallery.html">CarbonData Videos </a></li> + </ul> + </li> + <li class="dropdown"> + <a href="http://www.apache.org/"; class="apache_link hidden-xs dropdown-toggle" + data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a> + <ul class="dropdown-menu"> + <li><a href="http://www.apache.org/"; target="_blank">Apache Homepage</a></li> + <li><a href="http://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="http://www.apache.org/foundation/sponsorship.html"; + target="_blank">Sponsorship</a></li> + <li><a href="http://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + </ul> + </li> + + <li class="dropdown"> + <a href="http://www.apache.org/"; class="hidden-lg hidden-md hidden-sm dropdown-toggle" + data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a> + <ul class="dropdown-menu"> + <li><a href="http://www.apache.org/"; target="_blank">Apache Homepage</a></li> + <li><a href="http://www.apache.org/licenses/"; target="_blank">License</a></li> + <li><a href="http://www.apache.org/foundation/sponsorship.html"; + target="_blank">Sponsorship</a></li> + <li><a href="http://www.apache.org/foundation/thanks.html"; target="_blank">Thanks</a></li> + </ul> + </li> + + <li> + <a href="#" id="search-icon"><i class="fa fa-search" aria-hidden="true"></i></a> + + </li> + + </ul> + </div><!--/.nav-collapse --> + <div id="search-box"> + <form method="get" action="http://www.google.com/search";> + <div class="search-block"> + <table border="0" cellpadding="0" width="100%"> + <tr> + <td style="width:80%"> + <input type="text" name="q" size=" 5" maxlength="255" value="" + class="search-input"/> + </td> + <td style="width:20%"> + <input type="submit" value="Search"/></td> + </tr> + <tr> + <td align="left" style="font-size:75%" colspan="2"> + <input type="checkbox" name="sitesearch" value="carbondata.apache.org" checked/> + Only search for CarbonData + </td> + </tr> + </table> + </div> + </form> + </div> + </div> + </nav> +</header> <!-- end Header part --> + +<div class="fixed-padding"></div> <!-- top padding with fixde header --> + +<section><!-- Dashboard nav --> + <div class="container-fluid q"> + <div class="col-sm-12 col-md-12 maindashboard"> + <div class="row"> + <section> + <div style="padding:10px 15px;"> + <div id="viewpage" name="viewpage"> + <div class="row"> + <div class="col-sm-12 col-md-12"> + <div> + +<h1> +<a id="data-management" class="anchor" href="#data-management" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Data Management</h1> + +<p>This tutorial is going to introduce you to the conceptual details of data management like:</p> + +<ul> +<li><a href="#loading-data">Loading Data</a></li> +<li><a href="#deleting-data">Deleting Data</a></li> +<li><a href="#compacting-data">Compacting Data</a></li> +<li><a href="#updating-data">Updating Data</a></li> +</ul> + +<h2> +<a id="loading-data" class="anchor" href="#loading-data" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Loading Data</h2> + +<ul> +<li> +<p><strong>Scenario</strong></p> + +<p>After creating a table, you can load data to the table using the <a href="dml-operation-on-carbondata.html">LOAD DATA</a> command. The loaded data is available for querying. +When data load is triggered, the data is encoded in CarbonData format and copied into HDFS CarbonData store path (specified in carbon.properties file) +in compressed, multi dimensional columnar format for quick analysis queries. The same command can be used to load new data or to +update the existing data. Only one data load can be triggered for one table. The high cardinality columns of the dictionary encoding are +automatically recognized and these columns will not be used for dictionary encoding.</p> +</li> +<li> +<p><strong>Procedure</strong></p> + +<p>Data loading is a process that involves execution of multiple steps to read, sort and encode the data in CarbonData store format. +Each step is executed on different threads. After data loading process is complete, the status (success/partial success) is updated to +CarbonData store metadata. The table below lists the possible load status.</p> +</li> +</ul> + +<table> +<thead> +<tr> +<th>Status</th> +<th>Description</th> +</tr> +</thead> +<tbody> +<tr> +<td>Success</td> +<td>All the data is loaded into table and no bad records found.</td> +</tr> +<tr> +<td>Partial Success</td> +<td>Data is loaded into table and bad records are found. Bad records are stored at carbon.badrecords.location.</td> +</tr> +</tbody> +</table> + +<p>In case of failure, the error will be logged in error log. Details of loads can be seen with <a href="dml-operation-on-carbondata.html">SHOW SEGMENTS</a> command. The show segment command output consists of :</p> + +<ul> +<li>SegmentSequenceID</li> +<li>START_TIME OF LOAD</li> +<li>END_TIME OF LOAD </li> +<li> +<p>LOAD STATUS</p> + +<p>The latest load will be displayed first in the output.</p> + +<p>Refer to <a href="dml-operation-on-carbondata.html">DML operations on CarbonData</a> for load commands.</p> +</li> +</ul> + +<h2> +<a id="deleting-data" class="anchor" href="#deleting-data" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Deleting Data</h2> + +<ul> +<li> +<p><strong>Scenario</strong></p> + +<p>If you have loaded wrong data into the table, or too many bad records are present and you want to modify and reload the data, you can delete required data loads. +The load can be deleted using the Segment Sequence Id or if the table contains date field then the data can be deleted using the date field. +If there are some specific records that need to be deleted based on some filter condition(s) we can delete by records.</p> +</li> +<li> +<p><strong>Procedure</strong> </p> + +<p>The loaded data can be deleted in the following ways:</p> + +<ul> +<li> +<p>Delete by Segment ID</p> + +<p>After you get the segment ID of the segment that you want to delete, execute the delete command for the selected segment. +The status of deleted segment is updated to Marked for delete / Marked for Update.</p> +</li> +</ul> +</li> +</ul> + +<table> +<thead> +<tr> +<th>SegmentSequenceId</th> +<th>Status</th> +<th>Load Start Time</th> +<th>Load End Time</th> +</tr> +</thead> +<tbody> +<tr> +<td>0</td> +<td>Success</td> +<td>2015-11-19 19:14:...</td> +<td>2015-11-19 19:14:...</td> +</tr> +<tr> +<td>1</td> +<td>Marked for Update</td> +<td>2015-11-19 19:54:...</td> +<td>2015-11-19 20:08:...</td> +</tr> +<tr> +<td>2</td> +<td>Marked for Delete</td> +<td>2015-11-19 20:25:...</td> +<td>2015-11-19 20:49:...</td> +</tr> +</tbody> +</table> + +<ul> +<li> +<p>Delete by Date Field</p> + +<p>If the table contains date field, you can delete the data based on a specific date.</p> +</li> +<li> +<p>Delete by Record</p> + +<p>To delete records from CarbonData table based on some filter Condition(s).</p> + +<p>For delete commands refer to <a href="dml-operation-on-carbondata.html">DML operations on CarbonData</a>.</p> +</li> +<li> +<p><strong>NOTE</strong>:</p> + +<ul> +<li><p>When the delete segment DML is called, segment will not be deleted physically from the file system. Instead the segment status will be marked as "Marked for Delete". For the query execution, this deleted segment will be excluded.</p></li> +<li><p>The deleted segment will be deleted physically during the next load operation and only after the maximum query execution time configured using "max.query.execution.time". By default it is 60 minutes.</p></li> +<li><p>If the user wants to force delete the segment physically then he can use CLEAN FILES Command.</p></li> +</ul> +</li> +</ul> + +<p>Example :</p> + +<pre><code>CLEAN FILES FOR TABLE table1 +</code></pre> + +<p>This DML will physically delete the segment which are "Marked for delete" immediately.</p> + +<h2> +<a id="compacting-data" class="anchor" href="#compacting-data" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Compacting Data</h2> + +<ul> +<li> +<p><strong>Scenario</strong></p> + +<p>Frequent data ingestion results in several fragmented CarbonData files in the store directory. Since data is sorted only within each load, the indices perform only within each +load. This means that there will be one index for each load and as number of data load increases, the number of indices also increases. As each index works only on one load, +the performance of indices is reduced. CarbonData provides provision for compacting the loads. Compaction process combines several segments into one large segment by merge sorting the data from across the segments. </p> +</li> +<li> +<p><strong>Procedure</strong></p> + +<p>There are two types of compaction Minor and Major compaction.</p> + +<ul> +<li> +<p><strong>Minor Compaction</strong></p> + +<p>In minor compaction the user can specify how many loads to be merged. Minor compaction triggers for every data load if the parameter carbon.enable.auto.load.merge is set. If any segments are available to be merged, then compaction will +run parallel with data load. There are 2 levels in minor compaction.</p> + +<ul> +<li>Level 1: Merging of the segments which are not yet compacted.</li> +<li>Level 2: Merging of the compacted segments again to form a bigger segment. </li> +</ul> +</li> +<li> +<p><strong>Major Compaction</strong></p> + +<p>In Major compaction, many segments can be merged into one big segment. User will specify the compaction size until which segments can be merged. Major compaction is usually done during the off-peak time. </p> +</li> +</ul> + +<p>There are number of parameters related to Compaction that can be set in carbon.properties file </p> +</li> +</ul> + +<table> +<thead> +<tr> +<th>Parameter</th> +<th>Default</th> +<th>Application</th> +<th>Description</th> +<th>Valid Values</th> +</tr> +</thead> +<tbody> +<tr> +<td>carbon.compaction.level.threshold</td> +<td>4, 3</td> +<td>Minor</td> +<td>This property is for minor compaction which decides how many segments to be merged. Example: If it is set as 2, 3 then minor compaction will be triggered for every 2 segments. 3 is the number of level 1 compacted segment which is further compacted to new segment.</td> +<td>NA</td> +</tr> +<tr> +<td>carbon.major.compaction.size</td> +<td>1024 MB</td> +<td>Major</td> +<td>Major compaction size can be configured using this parameter. Sum of the segments which is below this threshold will be merged.</td> +<td>NA</td> +</tr> +<tr> +<td>carbon.numberof.preserve.segments</td> +<td>0</td> +<td>Minor/Major</td> +<td>If the user wants to preserve some number of segments from being compacted then he can set this property. Example: carbon.numberof.preserve.segments=2 then 2 latest segments will always be excluded from the compaction. No segments will be preserved by default.</td> +<td>0-100</td> +</tr> +<tr> +<td>carbon.allowed.compaction.days</td> +<td>0</td> +<td>Minor/Major</td> +<td>Compaction will merge the segments which are loaded within the specific number of days configured. Example: If the configuration is 2, then the segments which are loaded in the time frame of 2 days only will get merged. Segments which are loaded 2 days apart will not be merged. This is disabled by default.</td> +<td>0-100</td> +</tr> +<tr> +<td>carbon.number.of.cores.while.compacting</td> +<td>2</td> +<td>Minor/Major</td> +<td>Number of cores which is used to write data during compaction.</td> +<td>0-100</td> +</tr> +</tbody> +</table> + +<p>For compaction commands refer to <a href="ddl-operation-on-carbondata.html">DDL operations on CarbonData</a></p> + +<h2> +<a id="updating-data" class="anchor" href="#updating-data" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Updating Data</h2> + +<ul> +<li> +<p><strong>Scenario</strong></p> + +<p>Sometimes after the data has been ingested into the System, it is required to be updated. Also there may be situations where some specific columns need to be updated +on the basis of column expression and optional filter conditions.</p> +</li> +<li> +<p><strong>Procedure</strong></p> + +<p>To update we need to specify the column expression with an optional filter condition(s).</p> + +<p>For update commands refer to <a href="dml-operation-on-carbondata.html">DML operations on CarbonData</a>.</p> +</li> +</ul> +</div> +</div> +</div> +</div> +<div class="doc-footer"> + <a href="#top" class="scroll-top">Top</a> +</div> +</div> +</section> +</div> +</div> +</div> +</section><!-- End systemblock part --> +<script src="js/custom.js"></script> +</body> +</html> \ No newline at end of file
