You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ofbiz.apache.org by sh...@apache.org on 2017/03/20 12:28:51 UTC

svn commit: r1787742 [14/49] - in /ofbiz/branches/ofbiz-new-website: ./ bootstrap/ bootstrap/css/ bootstrap/img/ bootstrap/js/ bootstrap/js/with carousel/ css/ documentation/ documentation/assets/ documentation/assets/css/ documentation/assets/css/img/...

Added: ofbiz/branches/ofbiz-new-website/css/yellow.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/yellow.css?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/css/yellow.css (added)
+++ ofbiz/branches/ofbiz-new-website/css/yellow.css Mon Mar 20 12:28:40 2017
@@ -0,0 +1,642 @@
+/* 
+    Document   : colors
+    Created on : 3 sept. 2012, 17:56:23
+    Author     : shaylash
+    Description:
+        Purpose of the stylesheet follows.
+*/
+/*********************** BOOSTRAP CUSTOMIZATION ***********************/
+.pagination {
+    border-top:1px solid #EAEAEA;
+}
+/* pagination */
+.pagination ul > li > a, .pagination ul > li > span {
+    background-color:transparent;
+    color:#ccd;
+}
+.pagination ul > li > a:hover, .pagination ul > .active > span:hover {
+    background-color:transparent;
+    border-top:2px solid #EAEAEA
+}
+.pagination ul > .active > a, .pagination ul > .active > span {
+    background-color:transparent;
+    color:#333;
+    border-top:2px solid #FBC039
+}
+/*tabs*/
+.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
+    background:none;
+	border-bottom-color:#FAFAFA; 
+}
+
+.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-right-color:#FAFAFA;} 
+/*carousel*/
+.carousel-control {
+    color:#CFCFCF;
+	background:#FAFAFA;
+}
+.carousel-control:hover {
+    color:#FBC039;
+}
+.nav > li > a:hover {
+    background:transparent;
+    color:#FBC039!important;
+}
+
+/*accordion*/
+a.accordion-toggle:link{color:#666;}
+a.accordion-toggle:hover{color:#FBC039;}
+
+/*********************** END BOOSTRAP CUSTOMIZATION ***********************/
+
+
+/*********************** TYPOGRAPHY ***********************/
+
+body {
+    color:#777;
+   background:#FAFAFA;
+}
+
+blockquote {
+    color:#454545;
+}
+/*typography*/
+
+h3, h4, h5, h6 {
+    color:#222;
+}
+h1 {
+    color:#fff;
+}
+h2 {
+    color:#222;
+}
+h2.smallHeading{color:#FBC039}
+.divider {
+    background-color:#dadada;
+	border-bottom:1px solid #fff;
+}
+.divider span {
+    background-color:#FBC039;
+}
+/*********************** END TYPOGRAPHY ***********************/
+
+/*********************** BUTTONS ***********************/
+a {
+    color:#FBC039;
+}
+a:hover, .scrollspyNav .active a {
+    color:#FBC039;
+}
+a.btn-3d, a.iconBtn {
+    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) );
+    background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA');
+    background-color:#fff;
+    color:#010101;
+}
+
+a.iconBtn{ color:#777;}
+a.btn-3d:active {
+    background-color:#fff;
+}
+.btn-3d:hover, a.iconBtn:hover {
+    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    background: #fff;
+    color:#FBC039;
+}
+.iconBtn i {
+    color:#FBC039;
+}
+.btnWrapper {
+    background:#DDD;
+	border:1px solid #ccc;
+}
+.btnFlatHover {
+    color:white !important;
+    background: #4F6266 !important;
+    border-color:#4F6266 !important;
+}
+.speBtnHover {
+    color:#4F6266 !important;
+    background-color: white!important;
+}
+#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link {
+    color:#FBC039;
+}
+#mapReturn:hover {
+    color:#4F6266;
+}
+a.iconWrapper:hover{        background-color:#777777;    color:white;} 
+/*********************** END BUTTONS ***********************/
+
+
+
+/*********************** MAIN MENU ***********************/
+
+/*dark menu*/
+#mainHeader .navbar-inner {
+    background:#454545;
+}
+.navbar {
+    border-bottom:1px solid #111
+}
+#mainMenu ul li a {
+    color:#ededed;	
+}
+
+/*white menu*/
+#mainHeader .navbar-inner {
+    background:#fff;
+}
+.navbar {
+    border-bottom:1px solid #ddd
+}
+#mainMenu ul li a {
+    color:#999;	
+}
+
+
+#mainMenu ul ul, #mainMenu  ul li ul li.hover a {
+    background-color:#454545;
+}
+#mainMenu ul ul {
+    border:1px solid #454545;
+}
+
+#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{
+    color:white!important;
+	background: #fc9700; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOTcwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #fc9700 0%, #FBC039 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9700), color-stop(100%,#FBC039)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #fc9700 0%,#FBC039 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #fc9700 0%,#FBC039 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #fc9700 0%,#FBC039 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #fc9700 0%,#FBC039 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9700', endColorstr='#FBC039',GradientType=0 ); /* IE6-8 */
+}
+#mainMenu ul ul a {
+    color:#B4B4B4;
+}
+#mainMenu ul ul li.Shover a {
+    color:white !important;
+    background-color:#FBC039;
+}
+#mainMenu .hasSubMenu {
+    background-image:url('../images/icons/main-nav-normalstate.png');
+    background-repeat:no-repeat;
+    background-position:90% center;
+}
+#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a {
+    background-image:url('../images/icons/main-nav-hoverstate.png') !important;
+    background-repeat:no-repeat !important;
+    background-position:90% center !important;
+    color:white !important;
+    background-color:#FBC039 !important;
+}
+
+#mainMenu ul ul li.Shover>a {
+    background-image:none !important;
+}
+
+/*********************** END MAIN MENU ***********************/
+
+
+/*********************** FOOTER ***********************/
+.footer1 {
+    color:#777;
+	background:#EBEBEB;
+	border-top:1px solid #eee;
+}
+.footer2 {
+    background: #FBC039;color: #fff;
+}
+#footer h2 {
+    color:#BBBBBB;
+}
+#footer .divider{border:none; background:#777;}
+/*********************** END FOOTER ***********************/
+
+/*********************** SLIDERS ***********************/
+.bgNoSlider {
+    border-top:1px solid #40b6b6;
+}
+/*CAMERA*/
+.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
+    background-color:#FBC039;
+}
+.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#FBC039;}
+.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;}
+
+/*FLEX*/
+
+.slides .txt div {
+    background:#444;
+    color:#FFFFFF;
+}
+#sliderWrapper .flex-control-paging li a.flex-active {
+    background:#FBC039;
+}
+.flexslider .flex-control-paging li a:hover {
+	background: #FBC039
+}
+.flexslider .flex-control-paging li a {
+	background: #ededed;
+	border:3px solid #ededed;
+}
+.flex-control-nav {
+    background:#fff;
+}
+/*REVOLUTION SLIDER*/
+.tp-bullets.simplebullets.round .bullet{background:#ededed;border:4px solid #ededed;opacity:0.8;}
+
+.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{
+    background:#FBC039;
+	border:4px solid #fff;
+    /*border:1px solid #FFF;*/
+}
+
+#bgSliderBloc{background:#f90;}
+.caption h2, #noSliderWrapper h2, h1 {
+	color:#fff;
+	text-shadow:1px 1px 1px rgba(11,11,11,.5);
+}
+.caption.small_text {
+    text-shadow: none;
+}
+
+.captionBloc {
+    background:#313131;
+    color: #FFFFFF;
+}
+
+/*dark text*/
+/*
+.fullwidthbanner h3 {
+color:#454545;
+}
+.fullwidthbanner h3 i {color:#FBC039}
+*/
+/*light text*/
+
+.fullwidthbanner h3 {
+text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
+color:white;
+}
+
+/* sequence */
+#sequenceSliderWrapper{background-color:#FBC039;}
+
+
+/*********************** END SLIDERS ***********************/
+
+/*********************** BLOG ***********************/
+
+.postDate {
+    background-color:#FBC039;
+    color:white;
+}
+ul.entry-meta {
+    border-top:1px solid #EAEAEA;
+    border-bottom:1px solid #EAEAEA;
+}
+
+#blogHeader h1 {
+    color:white;
+}
+.blog .widget ul li a {
+    color:#999
+}
+.blog .widget ul li a:hover {
+    color:#4F6266;
+}
+.blog .blogTags ul li a {
+    background-color:#ccc;
+    color:white;
+}
+.blog .blogTags ul li a.w1 {
+    background-color:#333333;
+}
+.blog .blogTags ul li a.w2 {
+    background-color:#666666;
+}
+.blog .blogTags ul li a.w3 {
+    background-color:#CCCCCC;
+}
+.blog .blogTags ul li a:hover {
+    background-color:#4F6266;
+    color:white;
+}
+.blog article h2 {
+    color:#777;
+}
+
+.blogPostContent .comments {
+    background-color:#ededed;
+}
+
+/* PAGINATION */
+#pagination .active {
+    color:#999;
+}
+#pagination a:hover {
+    background-color:#B5C4CB;
+    color:white;
+}
+/*********************** END BLOG ***********************/
+
+
+/*********************** PAGES ***********************/
+#content{border-top: 1px solid #E1E1E1;}
+/* NAV TRAIL */
+#navTrail a:link, #navTrail a:visited {
+    color:#444;
+}
+#navTrail span {
+    color:#444;
+}
+#navTrail .current {
+    color:#5e5e5e;
+}
+#navTrail a:hover {
+    color:#4F6266;
+}
+
+/*sidebar*/
+#sidebar #subnav ul li a {
+    color:#666;
+}
+#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover {
+    color:#FBC039;
+}
+#widgetArea .widget {
+    background-color: #E6E6E6;
+}
+#sidebar #subnav li:first-child {
+    border-top:1px solid #EAEAEA;
+}
+#sidebar #subnav li {
+    border-bottom:1px solid #EAEAEA;
+}
+/* TEAM PAGE */
+.people h3 {
+    background-color: #e6eaec;
+}
+.people h2 {
+    background-color: #e6eaec;
+}
+.people h2 span {
+    color:#999999;
+}
+/* testimonial*/
+.testimonial blockquote {
+    background:white;
+    color:#777;
+}
+.arrowTestimonial {
+    border-right-color:white;
+}
+/*********************** END PAGES ***********************/
+
+
+/*********************** PORTFOLIO ***********************/
+
+/*PORTFOLIO FILTER*/
+nav#filter a:link, nav#filter a:visited {
+    color:#ADADAD;
+}
+nav#filter a:hover, nav#filter a.current {
+    color:#4F6266;
+}
+li.filterTitle {
+    color:#4F6266;
+}
+section#projectDescription {
+    background-color:#F8F8F8
+}
+/*PORTFOLIO */
+.portfolio #sidebar #subnav a.current{
+color:#FBC039;
+}
+
+
+.PortfolioStickyMenu a:link {
+    color:#666;
+}
+.PortfolioStickyMenu a:hover {
+    color:#4F6266;
+}
+.scrollElement .pInfo {
+}
+.scrollElement .pInfo a:hover {
+    color:#4F6266;
+}
+nav.navigate a {
+    background-color:#CFCFCF;
+    color:#eee;
+}
+nav.navigate a:hover {
+    background-color:#FBC039;
+    color:white;
+}
+#projectsNavAlt  ul li a{color:#999;}
+
+#projectsNavAlt  ul li a:hover{color:#111;}
+/*********************** END PORTFOLIO ***********************/
+
+
+/*********************** MISCELANIOUS ***********************/
+.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader {
+
+    background:url(../images/textures/Little-Neko-_0017_BOKEY-orange8.jpg) #EDEDED center top;
+}
+#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;}
+.focus {
+    background:#f8f8f8;
+}
+
+.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;}
+.topQuote h1{color:#454545; text-shadow:none;}
+.topQuote strong{font-weight:400; color:#FBC039}
+.topBox, .blockBox {
+    background:#fff;
+	border:1px solid #DBDBDB;
+}
+.topBox{border-top:none;}
+
+.topBox blockquote p{color:#777;}
+
+/*SIMPLE DIVIDER*/
+hr {
+    border-bottom:1px solid #ededed;
+}
+/* IMAGES*/
+.imgWrapper {
+    border-bottom:0.5em solid #FBC039;
+}
+/*.view:hover, .view:visited, .view:active { color: #EEE; }
+
+.view span {
+    color:#444;
+    background:#fff;
+}*/
+
+/*SOCIAL ICONS*/
+a.socialIcon {
+    color:#999;
+    background-color:transparent;
+}
+a.socialIcon:hover, .socialHoverClass {
+    color:#FBC039;
+}
+/**** Big ICONs ***/
+.iconWrapper, .bigIconLink a{
+    background-color:#FBC039;
+	
+    color:white;
+	opacity:0.95;
+
+}
+
+/** ROLLOVER BIG ICON **/
+.ch-info h3, .ch-info p {
+    color: #fff;
+}
+.ch-info p a{
+    color: #fff;
+    color: rgba(255,255,255,1);
+}
+.ch-info p a:hover {
+    color: #fff;
+    color: rgba(255,255,255, 1);
+}
+.ch-item:hover {
+    box-shadow: inset 0 0 0 110px #FBC039;
+
+}
+.iconBig {
+
+background: #f9f9f9; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #f9f9f9 0%,#d8d8d8 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */
+  color:#FBC039;
+   border: 1px solid #EDEDED;
+}
+
+
+/* ICON LINK */
+.iconLink{border:11px solid #eee;}
+
+
+/*PRICING TABLE*/
+table.pricingBloc th {
+    background:#eee;
+}
+table.pricingBloc td.cost {
+    background:#ddd
+}
+table.pricingBloc h2 {
+    color:#FBFBFB;
+}
+table.pricingBloc .line1 {
+    background-color:#e4e4e4;
+}
+table.pricingBloc .line2 {/*background-color:#fff;*/
+}
+.sign {
+    background-color:#ededed;
+}
+table.pricingBlocFocus h2, table.pricingBlocFocus th {
+    color:white;
+}
+table.pricingBlocFocus th {
+    background:#666
+}
+table.pricingBlocFocus td.cost {
+    background:#FBC039
+}
+table.pricingBlocFocus .sign {
+    background-color:#FBC039;
+}
+/* call To Action */
+.callToActionBoxed {
+    background-color:#EBEBEB;
+	border:1px solid #ccc;
+-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
+-moz-border-radius: 5px;
+-webkit-border-radius: 5px;
+border-radius: 5px;
+}
+.callToActionBoxed h2, .callToActionBoxed h3 {
+    color: #666666
+}
+/*BOXES */
+.boxWrapper {
+    background-color:#EAEAEA;
+    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+    box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
+
+}
+.boxWrapper h2, .boxWrapper h3 {
+    background-color: #FBFBFB;
+    color:#777;
+}
+/* TABLE */
+.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
+    background-color: #4F6266 !important;
+    color:white;
+}
+.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
+    background-color: #F5F5F5;
+}
+/*CAROUSEL*/
+.carousel-inner article{border:1px solid #ccc;}
+.projectInfo {
+background: #f5f5f5; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
+
+border-top:1px solid #DBDBDB;
+
+}
+/* BACK TO TOP */
+a#to-top:hover {
+    background-color: #FBC039;color:white;
+}
+#to-top {
+    background-color: #777;
+}
+/*FORM*/
+input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
+    border: 1px solid #aaa;
+    color: #444;
+}
+
+/*********************** END MISCELANIOUS ***********************/
+

Propchange: ofbiz/branches/ofbiz-new-website/css/yellow.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/branches/ofbiz-new-website/css/yellow.css
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/css/yellow.css
------------------------------------------------------------------------------
    svn:mime-type = text/css

Added: ofbiz/branches/ofbiz-new-website/developers.html
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/developers.html?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/developers.html (added)
+++ ofbiz/branches/ofbiz-new-website/developers.html Mon Mar 20 12:28:40 2017
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<head>
+<meta charset="utf-8">
+<title>The Apache OFBiz &trade; Project</title>
+<meta name="description" content="Apache OFBiz (The Apache Open For Business
+    Project) is an open source enterprise automation software project licensed
+    under the Apache License Version 2.0. Being open source under the Apache 2.0
+    license and driven by a community Apache OFBiz offers both flexibility by
+    design and by access to code, and a solution where you're not alone but
+    rather can work with many others to get things done.">
+<meta name="keywords" content="Open Source ERP,Open Source CRM,
+    Open Source E-Commerce,Open Source eCommerce,Open Source POS,Open Source SCM,
+    Open Source MRP,Open Source CMMS,Open Source EAM,web services,workflow,
+    ebusiness,e-business,ecommerce,e-commerce,automation,enterprise software,
+    open source,entity engine,service engine,erp,crm,party,accounting,facility,
+    supply,chain,management,catalog,order,project,task,work effort,financial,
+    ledger,content management,customer,inventory"/>
+
+<meta name="Robots" content="index,follow" />
+<!-- Mobile Specific Metas
+    ================================================== -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- CSS
+    ================================================== -->
+<!-- Bootstrap  -->
+<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
+<!-- web font  -->
+<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,800" rel="stylesheet" type="text/css">
+<!-- plugin css  -->
+<link rel="stylesheet" type="text/css" href="js-plugin/pretty-photo/css/prettyPhoto.css" />
+<link rel="stylesheet" type="text/css" href="js-plugin/rs-plugin/css/settings.css" media="screen" />
+<link type="text/css" rel="stylesheet" href="js-plugin/hoverdir/css/style.css">
+<!-- icon fonts -->
+<link type="text/css" rel="stylesheet" href="font-icons/custom-icons/css/custom-icons.css">
+<link type="text/css" rel="stylesheet" href="font-icons/custom-icons/css/custom-icons-ie7.css">
+<!-- Custom css -->
+<link type="text/css" rel="stylesheet" href="css/layout.css">
+<link type="text/css" id="colors" rel="stylesheet" href="css/colors.css">
+<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+<!--[if gte IE 9]><style type="text/css">.iconBig, .active, .hover a , .Shover a { filter: none !important; } </style> <![endif]-->
+<script src="js/modernizr-2.6.1.min.js"></script>
+<!-- Favicons
+    ================================================== -->
+<link rel="shortcut icon" href="images/favicon.ico">
+<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
+<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png">
+</head>
+<body>
+<!-- header -->
+<header id="mainHeader" class="clearfix">
+  <div class="navbar navbar-fixed-top">
+    <div class="navbar-inner">
+      <div class="container"> <a href="index.html" class="brand"><img src="images/OFBiz-logoV3-apache.png" alt="Apache OFBiz Logo"/></a>
+        <nav id="mainMenu" class="clearfix">
+          <ul>
+            <li><a href="index.html" class="firstLevel">Home</a></li>
+            <li><a href="" class="firstLevel">Getting Started</a>
+              <ul>
+                <li><a href="developers.html" class="">Developers</a></li>
+                <li><a href="business-users.html" class="last">Business Users</a></li>
+              </ul>
+            </li>
+            <li><a href="" class="firstLevel">News</a>
+              <ul>
+                <li><a href="https://twitter.com/apacheofbiz">Twitter</a></li>
+                <li><a href="https://blogs.apache.org/ofbiz/">Blog</a></li>
+                <li><a href="user-stories.html">User Stories and References</a></li>
+                <li><a href="" class="last">Press</a></li>
+              </ul>
+            </li>
+            <li><a href="" class="firstLevel">Documentation</a>
+              <ul>
+                <li><a href="" class="">User Documentation</a></li>
+                <li><a href="https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+Technical+Documentation+-+Home+Page" class="">Technical Documentation</a></li>
+                <li><a href="https://cwiki.apache.org/confluence/display/OFBIZ/Home" class="">Wiki</a></li>
+                <li><a href="https://ci.apache.org/projects/ofbiz/site/javadocs/" class="last">API Reference</a></li>
+              </ul>
+            </li>
+            <li><a href="" class="firstLevel">Community</a>
+              <ul>
+                <li><a href="getting-involved.html">Getting Involved</a></li>
+                <li><a href="https://cwiki.apache.org/confluence/display/OFBIZ/Events">Meetups / Events</a></li>
+                <li><a href="mailinglists.html">Mailing Lists</a></li>
+                <li><a href="">Source Repository</a></li>
+                <li><a href="https://issues.apache.org/jira/browse/OFBIZ/?selectedTab=com.atlassian.jira.jira-projects-plugin:summary-panel">Issue Tracker</a></li>
+                <li><a href="service-providers.html">Service Providers</a></li>
+                <li><a href="faqs.html" class="last">FAQ</a></li>
+              </ul>
+            </li>
+            <li><a href="" class="firstLevel">Users</a>
+              <ul>
+                <li><a href="our-users.html">e-Commerce / e-business</a></li>
+                <li><a href="our-users.html">Manufacturing</a></li>
+                <li><a href="our-users.html">Retail</a></li>
+                <li><a href="our-users.html">Distribution</a></li>
+                <li><a href="our-users.html">Service Industries</a></li>
+                <li><a href="our-users.html" class="last">Other</a></li>
+              </ul>
+            </li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </div>
+</header>
+<!-- header -->
+<!-- globalWrapper -->
+<div id="globalWrapper">
+   
+  <!-- page content -->
+ <section id="content" class="fullWidth">
+    <header class="headerPage">
+      <div class="container clearfix">
+        <div class="row">
+          <h1 class="span8">Getting Started - Developers</h1>
+          <div class="span4" id="navTrail"> <a href="index.html" class="homeLink">home</a><span>/</span><a href="template-columns.html">Getting Started</a><span>/</span><span class="current">Developers</span> </div>
+        </div>
+      </div>
+    </header>
+  <section id="content" class="features" >
+    <div class="slice clearfix">
+      <div class="container">
+        <div class="row ">
+          <aside class="span2 PortfolioStickyMenu" id="sidebar">
+            <ul  id="subnav" class="nav nav-stacked sidenav scrollspyNav">
+              <li> <a href="#DevPreq"> Pre-Requisites </a> </li>
+              <li> <a href="#DevDownld"> Download </a> </li>
+              <li> <a href="#DevBldRun"> Build and Run </a> </li>
+	      <li> <a href="#DevRepo"> Browse Repository </a> </li>
+ 	      <li> <a href="#DevTutorial"> Tutorial </a> </li>
+ 	      <li> <a href="#DevDocs"> Documentation and Help </a> </li>
+	      <li> <a href="#DevDemo"> Demo </a> </li>
+            </ul>
+          </aside>
+          <div class="span10">
+            <section  id="DevPreq" class="slice row clearfix">
+              <div class="span10">
+                <h2>Pre-Requisites</h2>
+                <div class="divider"><span></span></div>
+ 		<ul class="iconsList">                  
+		  <li><i class="icon-pin"></i> For 14.12, 15.12, 16.11 and the ofbiz-framework trunk the minimum requirement you need installed is Java 1.8 SDK.</li>
+                  <li><i class="icon-pin"></i> For 13.07 the minimum requirement you need installed is Java 1.7 SDK.</li> 		
+                </ul>
+               </div>
+            </section>
+ 	    <section  id="DevDownld" class="slice row clearfix">
+              <div class="span10">
+                <h2>Download</h2>
+                <div class="divider"><span></span></div>
+                <p>There are two ways to download the OFBiz source code</p>
+		<h3>Using a Download Mirror</h3>
+		<p>Download your required version from one of our <a href="download.html">download mirrors</a> </p>
+		<h3>Checkout the Source Code</h3>
+		<p>Checkout the source code from the repository</p>
+		<p>Anyone can checkout or browse the source code in the OFBiz public Subversion (SVN) repository.</p>
+		<p>To checkout the source code, simply use the following command (if you are using a GUI client, configure it appropriately).</p>
+		<ul class="iconsList">
+                  <li><i class="icon-pin"></i> <strong>ofbiz-framework trunk</strong> : $ svn co http://svn.apache.org/repos/asf/ofbiz/ofbiz-framework/trunk ofbiz-framework.</li>
+		  <li><i class="icon-pin"></i> <strong>ofbiz-framework trunk</strong> : $ svn co http://svn.apache.org/repos/asf/ofbiz/ofbiz-plugins/trunk ofbiz-framework.</li>
+		  <li><i class="icon-pin"></i> <strong>branch release16.11 (stable)</strong>: $ svn co http://svn.apache.org/repos/asf/ofbiz/branches/release16.11 ofbiz.16.11</li>
+		  <li><i class="icon-pin"></i> <strong>branch release15.12</strong>: $ svn co http://svn.apache.org/repos/asf/ofbiz/branches/release15.12 ofbiz.15.12</li>
+		  <li><i class="icon-pin"></i> <strong>branch release14.12</strong>: $ svn co http://svn.apache.org/repos/asf/ofbiz/branches/release14.12 ofbiz.14.12</li>
+ 		  <li><i class="icon-pin"></i> <strong>branch release13.07 (stable)</strong>: $ svn co http://svn.apache.org/repos/asf/ofbiz/branches/release13.07 ofbiz.13.07</li>
+ 		  <li><i class="icon-pin"></i> <strong>branch release12.04</strong>: $ svn co http://svn.apache.org/repos/asf/ofbiz/branches/release12.04 ofbiz.12.04</li>
+                </ul>
+		</div>
+            </section>
+
+	    <section  id="DevBldRun" class="slice row clearfix">
+              <div class="span10">
+                <h2>Build and Run</h2>
+                <div class="divider"><span></span></div>
+                <p>Once you have downloaded the source code it will need to be built. The command to built.</p>
+		<h3>Building and Running 16.11 or the ofbiz-framework trunk</h3>
+		<p>Release 16.11  and our ofbiz-framework trunk uses Gradle as it's build system so the command to build and run it are different to the previous releases. </p>
+		<p>To build the trunk, navigate to the trunk directory and run the following command</p>
+		<p><strong>./gradlew ofbiz loadDefault</strong></p>
+		<p></p>
+		<p>To start OFBiz running locally, navigate to the trunk directory and type the following command</p> 
+		<p></p>
+		<p><strong>./gradlew 'ofbiz -start'</strong></p>
+		<p> NOTE: The use of quotation marks in the command. For further details and a full list of all available commands, please take a look at the readme.md file</p>
+		<p>To log into OFBiz, navigate with your browser to </p>
+		<p>http://localhost:8080/accounting</p>
+		<p>and login with username <strong>"admin" </strong>and password <strong>"ofbiz"</strong></p>
+		<h3>Building and Running the OFBiz branch releases 15.12 or earlier</h3>
+ 		<p>Our branch releases for 15.12 or below use Apache Ant as their build system so the command to build and run it is different to the trunk (which uses Gradle). </p>
+		<p>To build the branch release, navigate to the release directory and run the following command</p>
+		<p><strong>./ant load-demo start</strong></p>
+		<p></p>
+		<p>NOTE: This will build OFBiz and start it running.</p> 
+		<p>To log into OFBiz, navigate with your browser to </p>
+		<p>http://localhost:8080/accounting</p>
+		<p>and login with username <strong>"admin"</strong> and password <strong>"ofbiz"</strong></p>
+            </div>
+            </section>
+            
+            <section  id="DevRepo" class="slice row clearfix">
+              <div class="span10">
+                <h2>Browse Repository</h2>
+                <div class="divider"><span></span></div>
+                <p>You can browse the repository using any of the following links.</p>
+                <ul class="iconsList">
+                  <li><i class="icon-pin"></i> <a href="https://fisheye6.atlassian.com/browse/ofbiz/branches"><strong>SVN - FishEye</strong></a></li>
+  		  <li><i class="icon-pin"></i> <a href="http://svn.apache.org/repos/asf/ofbiz/"><strong>SVN - WebDAV</strong></a></li>
+  		  <li><i class="icon-pin"></i> <a href="http://svn.apache.org/viewvc/ofbiz/"><strong>SVN - ViewVC</strong></a></li>
+		</ul>		
+		<p></p>		
+            </div>
+            </section>
+
+	    <section  id="DevTutorial" class="slice row clearfix">
+              <div class="span10">
+                <h2>Development Tutorial</h2>
+                <div class="divider"><span></span></div>
+                <p>To help you getting started we have put together a beginners OFBiz development tutorial to get familiar with with OFBiz.</p>
+		<p>It covers the fundamentals of the OFBiz application development process. The goal of this tutorial is to acquaint a developer with best practices, coding conventions. the control flow and things that the developer needs to know in order to modify OFBiz</p>
+		<ul class="iconsList">
+                  <li><i class="icon-pin"></i> <a href="https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+Tutorial+-+A+Beginners+Development+Guide"><strong>Developer Tutorial</strong></a></li>
+		</ul>
+            </div>
+            </section>
+	    <section  id="DevDocs" class="slice row clearfix">
+              <div class="span10">
+                <h2>Documentation and Help</h2>
+                <div class="divider"><span></span></div>
+                <p>We have a range of technical documenentation and help for developers. Please see the links below.</p>
+		<ul class="iconsList">
+                  <li><i class="icon-pin"></i> <a href="https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+Technical+Documentation+-+Home+Page"><strong>OFBiz Technical Documentation</strong></a></li>
+  		  <li><i class="icon-pin"></i> <a href="https://ci.apache.org/projects/ofbiz/site/javadocs/"><strong>OFBiz API Reference</strong></a></li>
+  		  <li><i class="icon-pin"></i> <a href="https://cwiki.apache.org/confluence/display/OFBIZ/FAQ+-+Tips+-+Tricks+-+Cookbook+-+HowTo"><strong>Developer and Technical FAQs</strong></a></li>
+		</ul>
+		<p>After consulting the documentation you still have questions,please feel free to post questions on our development mailing list.</p>
+            </div>
+            </section>
+
+	    <section  id="DevDemo" class="slice row clearfix">
+              <div class="span10">
+                <h2>Demo</h2>
+                <div class="divider"><span></span></div>
+                <p>Try out our OFBiz demo - <a href="ofbiz-demos.html"><strong>OFBiz Demos</strong></a></p>
+            </div>
+            </section>
+          </div>
+        </div>
+      </div>
+    </div>
+   </section>
+ </section>
+  <!-- page content -->
+ 
+<!-- footer -->
+<footer class="footer1">
+  <div class="container" id="footer">
+    <div class="row">
+      <div class="span6 timelineWidget">
+        <h2>Latest tweets</h2>
+        <div class="divider"><span></span></div>
+        <ul class="socialNetwork nav">
+          <li>
+            <a href="https://twitter.com/ApacheOfbiz" class="icon-twitter-bird socialIcon tips"
+              target="_blank" title="follow us on Twitter"><span>twitter</span></a>
+          </li>
+	 <li><a href="https://www.youtube.com/user/ofbiz" class="icon-play socialIcon tips"  title="follow us on Youtube"><span>Youtube</span></a></li>
+          <!--<li><a href="#" class="icon-rss socialIcon tips"  title="Our rss feed"><span>rss feed</span></a></li>
+          <li><a href="#" class="icon-facebook socialIcon tips"  title="follow us on Facebook"><span>facebook</span></a></li>
+          <li><a href="#" class="icon-gplus socialIcon tips"  title="follow us on Google +"><span>google +</span></a></li>
+          <li><a href="#" class="icon-instagram socialIcon tips"  title="follow us on Instagram"><span>instagram</span></a></li>
+          <li><a href="#" class="icon-linkedin socialIcon tips"  title="follow us on Linkedin"><span>linkedin</span></a></li>
+          <li><a href="#" class="icon-pinterest-circled socialIcon tips"  title="follow us on Pinterest"><span>Pinterest</span></a></li>-->
+        </ul>
+        <div id="twitterFrame"> <a class="twitter-timeline" href="https://twitter.com/ApacheOfbiz?height=250" data-widget-id="588661945194192896"  data-tweet-limit="2" data-theme="dark" data-chrome="nofooter noheader transparent" >Tweets by @ApacheOfbiz</a>
+          <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+        </div>
+      </div>
+      <div class="span3 contactWidget">
+        <h2>Contact Community</h2>
+        <div class="divider"><span></span></div>
+        <ul>
+          <li><a href="mailinglists.html">Mailing Lists</a></li>
+          <li><a href="source-repositories.html">Source Repository (SVN)</a></li>
+          <li><a href="https://issues.apache.org/jira/browse/OFBIZ" target="external">Issue Tracker (Jira)</a></li>
+          <li><a href="https://www.youtube.com/user/ofbiz" target="external">OFBiz Youtube Channel</a></li>
+          <li><a href="https://www.hipchat.com/g4vOayvmc" target="external">OFBiz HipChat Room</a></li>
+        </ul>
+      </div>
+      <div class="span3 sociallWidget">
+        <h2>ASF Information</h2>
+        <div class="divider"><span></span></div>
+        <ul>
+          <li><a href="#">Apache Software Foundation</a></li>
+          <li><a href="#">Sponsorship</a></li>
+          <li><a href="#">Thanks</a></li>
+          <li><a href="#">Security</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</footer>
+<footer class="footer2" id="footerRights">
+  <div class="container">
+    <div class="row">
+      <div class="span12">
+        <p>
+          Copyright © 2016 The Apache Software Foundation. Licensed under the
+          Apache License, Version 2.0. Apache OFBiz, OFBiz, the project logo
+          and the Apache feather logo are trademarks of The Apache Software
+          Foundation.
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- footer -->
+</div>
+<!-- globalWrapper -->
+<script type="text/javascript" src="js-plugin/respond/respond.min.js"></script>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+<script type="text/javascript" src="js-plugin/jquery-ui/jquery-ui-1.8.23.custom.min.js"></script>
+<!-- third party plugins  -->
+<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
+<script type="text/javascript" src="bootstrap/js/bootstrap-carousel.js"></script>
+<script type="text/javascript" src="js-plugin/easing/jquery.easing.1.3.js"></script>
+<script type="text/javascript" src="js-plugin/pretty-photo/js/jquery.prettyPhoto.js"></script>
+<script type="text/javascript" src="js-plugin/hoverdir/jquery.hoverdir.js"></script>
+<!-- jQuery KenBurn Slider  -->
+<script type="text/javascript" src="js-plugin/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
+<script type="text/javascript" src="js-plugin/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
+<!-- Custom  -->
+<script type="text/javascript" src="js/custom.js"></script>
+<script type="text/javascript">
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', UA]);
+    _gaq.push(['_trackPageview']);
+
+    (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+</script>
+</body>
+</html>

Propchange: ofbiz/branches/ofbiz-new-website/developers.html
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/branches/ofbiz-new-website/developers.html
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/developers.html
------------------------------------------------------------------------------
    svn:mime-type = text/html

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css (added)
+++ ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css Mon Mar 20 12:28:40 2017
@@ -0,0 +1,420 @@
+/*!
+ * Documenter 2.0
+ * http://rxa.li/documenter
+ *
+ * Copyright 2011, Xaver Birsak
+ * http://revaxarts.com
+ *
+ */
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
+	margin:0;
+	padding:0;
+	border:0;
+	outline:0;
+	font-weight:inherit;
+	font-style:inherit;
+	font-size:100%;
+	font-family:inherit;
+	vertical-align:baseline;
+}
+html { 
+	font-size:101%;
+	font-family:Arial,verdana,arial,sans-serif;
+	font-size:12px;
+	-webkit-text-size-adjust:none;
+	color:#6F6F6F;
+	background-color:#efefef;
+}
+body{
+	min-height:100%;
+	height:auto;
+	width:100%;
+}
+footer, header, section {
+	display:block;
+}
+a{ color:#6F6F6F; text-decoration:none; cursor:pointer; }
+a:hover { text-decoration:underline }
+p, ul, ol{
+	margin:18px 0;
+	line-height:1.5em;
+}
+li{
+	list-style:none;
+}
+li.placeholder{
+	height:70px;
+	width:100%;
+	font-size:16px;
+}
+hr { 
+	display:block;
+	height:0px;
+	line-height:0px;
+	border:0;
+	border-top:1px solid #ddd;
+	border-bottom:1px solid #aaa;
+	margin:16px 0;
+	padding:0;
+	clear:both;
+	float:none;
+}
+hr.notop{
+	margin-top:0;
+}
+strong{
+	font-weight:700;
+}
+#documenter_buttons{
+	position:absolute;
+	right:10px;
+	margin-top:-30px;
+}
+.btn{
+	cursor:pointer;
+	width:auto;
+	padding:7px 7px 8px;
+	border-radius:3px;
+	border:1px solid #ccc;
+}
+.btn:hover{
+	border:1px solid #B1B4B0;
+	box-shadow:0px 2px 2px rgba(0,0,0,0.1);
+	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
+	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
+	text-decoration:none;
+}
+.btn:active{
+	border:1px solid #B1B4B0;
+	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1);
+	-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1);
+	-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.1);
+	background-color:#eee;
+}
+
+#documenter_content{
+	position:absolute;
+	right:18px;
+	left:218px;
+	padding-left:10px;
+	padding-bottom:800px;
+	min-height:100%;
+	height:auto;
+	z-index:1;
+}
+#documenter_sidebar{
+
+	position:fixed;
+	left:0;
+	width:200px;
+	height:100%;
+	min-height:100%;
+	z-index:100;
+}
+#documenter_sidebar a{
+	position:relative;
+	z-index:100;
+}
+img{
+	border:0;
+}
+#documenter_copyright{
+	position:absolute;
+	bottom:10px;
+	font-size:10px;
+	right:15px;
+	width:200px;
+	text-align:right;
+	z-index:1
+}
+noscript{
+	display:block;
+	position:absolute;
+	top:238px;
+	margin:0 auto;
+	width:800px;
+	bottom:0;
+	z-index:20;
+}
+noscript p{
+	width:800px;
+	font-size:20px;
+	padding-top:20px;
+	margin:0 auto;
+	color:#4D4D4D;
+}
+.small{
+	font-size:10px;
+	letter-spacing:0;
+}
+
+/*----------------------------------------------------------------------*/
+/* Sidebar
+/*----------------------------------------------------------------------*/
+
+#documenter_sidebar #documenter_logo{
+	display:block;
+	height:20%;
+	max-height:200px;
+	min-height:70px;
+	width:200px;
+	background-position:center center;
+	background-repeat:no-repeat;
+}
+#documenter_sidebar ul{
+	font-size:12px;
+	font-weight:700;
+	min-height:150px;
+	height:75%;
+	overflow:auto;
+}
+
+#documenter_sidebar ul li{
+	text-align:right;
+	padding:0;
+}
+#documenter_sidebar ul a{
+	display:block;
+	border-bottom:1px solid #aaa;
+	padding:6px 15px 7px 0;
+	text-align:right;
+}
+#documenter_sidebar ul a:hover,#documenter_sidebar ul a.current{
+	-webkit-text-shadow:none;
+	-moz-text-shadow:none;
+	text-shadow:none;
+	text-decoration:none;
+}
+#documenter_sidebar ul li ul{
+	border-top:0;
+	font-size:10px;
+	min-height:10px;
+	height:auto;
+	overflow:auto;
+	margin:0;
+	display:none;
+}
+#documenter_sidebar ul li ul li a{
+	display:block;
+	padding:4px 15px 5px 0;
+	text-align:right;
+}
+
+/*----------------------------------------------------------------------*/
+/* Content
+/*----------------------------------------------------------------------*/
+
+#documenter_cover{
+	position:relative;
+	height:800px;
+	padding-bottom:200px !important;
+}
+#documenter_cover li{
+	list-style:none !important;
+	margin-left:0 !important;
+}
+#documenter_cover p{
+
+}
+#documenter_content section{
+	padding-top:70px;
+}
+#documenter_content h1{
+	font-size:60px;
+	font-weight:bold;
+	color:#FF6600;
+}
+#documenter_content h2{
+	font-size:28px;
+	margin-bottom:18px;
+	font-weight:bold;
+	text-transform:uppercase;
+	background:#FF6600;
+	color:#fff;
+	padding:5px 0 5px 10px;
+}
+#documenter_content h3{
+	font-size:26px;
+	margin:18px 0 0;
+	font-weight:100;
+}
+#documenter_content h4{
+	font-size:20px;
+	margin:18px 0;
+	font-weight:100;
+}
+#documenter_content h5{
+	font-size:16px;
+	margin:18px 0;
+	font-weight:100;
+}
+#documenter_content h6{
+	font-size:14px;
+	margin:18px 0;
+	font-weight:100;
+}
+#documenter_content p{
+	margin:18px 0;
+}
+#documenter_content ol li{
+	list-style:decimal;
+	margin-left:36px;
+}
+#documenter_content ul li{
+	list-style:square;
+	margin-left:36px;
+}
+#documenter_content dl{
+}
+#documenter_content dl dt{
+	padding-top:12px;
+	font-weight:700;
+	font-size:14px;
+}
+#documenter_content dl dd{
+	padding-top:3px;
+	margin-left:18px;
+}
+#documenter_content table{
+	border-collapse:collapse;
+}
+#documenter_content table th{
+	font-weight:700;
+}
+#documenter_content table th, #documenter_content table td{
+	padding:3px;
+	text-align:left;
+}
+#documenter_content code{
+	font-family:"Courier New", Courier, monospace;
+	font-size:12px;
+}
+#documenter_content .warning{
+	padding:10px 10px 10px 30px;
+	border:1px solid #D5D458;
+	background-color:#F0FEB1;
+	background-image:url(img/warning.png);
+	background-repeat:no-repeat;
+	background-position: 8px 11px;
+}
+#documenter_content .info{
+	padding:10px 10px 10px 30px;
+	border:1px solid #6AB3FF;
+	background-color:#A3D0FF;
+	background-image:url(img/info.png);
+	background-repeat:no-repeat;
+	background-position: 8px 11px;
+}
+#documenter_content div.alert {
+  padding: 8px 35px 8px 14px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  background-color: #fcf8e3;
+  border: 1px solid #fbeed5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+#documenter_content div.alert-success,#documenter_content  div.alert-success div.alert-heading {
+  color: #468847;
+}
+#documenter_content div.alert-danger,#documenter_content  div.alert-error {
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+#documenter_content div.alert-danger,
+#documenter_content div.alert-error,
+#documenter_content div.alert-danger div.alert-heading,
+#documenter_content div.alert-error div.alert-heading {
+  color: #b94a48;
+}
+#documenter_content div.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+#documenter_content div.alert-info,#documenter_content  div.alert-info div.alert-heading {
+  color: #3a87ad;
+}
+#documenter_content div.alert-block {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+#documenter_content div.alert-block > p,#documenter_content  div.alert-block > ul {
+  margin-bottom: 0;
+}
+#documenter_content div.alert-block p + p {
+  margin-top: 5px;
+}
+
+
+
+
+
+/*----------------------------------------------------------------------*/
+/* Print Styles
+/*----------------------------------------------------------------------*/
+
+@media print {
+	 * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
+	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
+	a, a:visited { color: #444 !important; text-decoration: underline; }
+	a[href]:after { content: " (" attr(href) ")"; }
+	abbr[title]:after { content: " (" attr(title) ")"; }
+	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
+	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+	tr, img { page-break-inside: avoid; }
+	@page { margin: 0.5cm; }
+	p, h2, h3 { orphans: 3; widows: 3; }
+	h2, h3{ page-break-after: avoid; }
+	hr { border-top:1px solid #000 !important;border-bottom:0 !important; }
+	
+	#documenter_sidebar{
+		-moz-box-shadow:none;
+		-webkit-box-shadow:none;
+		box-shadow:none;
+		position:absolute;
+		left:10px;
+		top:0;
+		width:100%;
+		margin-top:500px;
+	}
+	#documenter_sidebar ul:before { content: "Table of Contents"; }
+	
+	#documenter_sidebar ul{
+		border:0 !important;
+	}
+	#documenter_sidebar ul li{
+		border:0 !important;
+		text-align:left;
+	}
+	#documenter_sidebar ul li a{
+		border:0 !important;
+		text-align:left;
+		padding:4px;
+	}
+	#documenter_sidebar ul li a:hover{
+		border:0 !important;
+	}
+	#documenter_sidebar #documenter_logo{
+		display:none;
+	}
+	#documenter_sidebar #documenter_copyright{
+		display:none;
+	}
+	#documenter_content{
+		left:10px;
+	}
+	#documenter_cover{
+		margin-bottom:300px;
+	}
+	#documenter_content .warning{
+		background-image:url(img/warning.png) !important;
+		background-repeat:no-repeat !important;
+		background-position: 8px 11px !important;
+	}
+	#documenter_content .info{
+		background-image:url(img/info.png) !important;
+		background-repeat:no-repeat !important;
+		background-position: 8px 11px !important;
+	}
+}
\ No newline at end of file

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/documenter_style.css
------------------------------------------------------------------------------
    svn:mime-type = text/css

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/info.png
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/info.png?rev=1787742&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/info.png
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/info.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/warning.png
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/warning.png?rev=1787742&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/warning.png
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/css/img/warning.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/docu.json
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/docu.json?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/docu.json (added)
+++ ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/docu.json Mon Mar 20 12:28:40 2017
@@ -0,0 +1 @@
+{"version": "1.6","name": "Revolution Responsive jQuery Slider","subline": "The Documentation","username": "ThemePunch","created": "06/22/2012","website": "http://www.codecanyon.com/user/themepunch?ref=themepunch","update": "06/28/2012","update_today": true,"email": "info@themepunch.com","intro": "For support please checkout http://themepunch.ticksy.com !","sections": [{"title": "Install","id": "install","content": "<p>\tThis chapter will gives you general instructions on how to install the slider and setup the &nbsp;options. Later chapters will be more detailed if needed.</p>\n<p>\t&nbsp;</p>\n<h4>\n\t00 What files do I need to upload to my server?</h4>\n<p>\tPlease upload the rs-plugin folder to your server. In this folder you will find the following subfolders containing all of the items content:</p>\n<ul>\t<li>\t\tjs</li>\n\t<li>\t\tcss</li>\n\t<li>\t\tassets</li>\n</ul>\n<p>\tYou could use your own jQuery but we recommend loading it directly from the Google ressources (see late
 r in this documentation).</p>\n<p>\tYou will find an <strong>example</strong> <strong>index.html and index-fullwidth.html</strong>&nbsp;in your downloaded zip.&nbsp;</p>\n<h4>\n\t01 Implement the jQuery</h4>\n<p>\tAdd the following lines to your HTML Head:&nbsp;</p>\n<pre class=\"js\">\n&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js&gt;</pre>\n<p>\t&nbsp;</p>\n<h3>\n\t&nbsp;</h3>\n<h4>\n\t02 Add Revolution js and css files to your HTML page</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\tAlso in the &lt;HEAD&gt; section:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<pre class=\"html\">\n&lt;!-- jQuery REVOLUTION Slider  --&gt;\n&lt;script type=&quot;text/javascript&quot; src=&quot;rs-plugin/js/jquery.themepunch.plugins.min.js&quot;&gt;&lt;/script&gt;\n&lt;script type=&quot;text/javascript&quot; src=&quot;rs-plugin/js/jquery.themepunch.revolution.min.js&quot;&gt;&lt;/script&gt;\n\n&lt;!-- REVOLUTION BANNER CSS SETTINGS --&gt;\n&lt;
 link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;rs-plugin/css/settings.css&quot; media=&quot;screen&quot; /&gt;\n</pre>\n\t<div>\n\t\t&nbsp;</div>\n</div>\n<div>\n\tThis contains the JS and CSS for the Slider itself &nbsp;and some helping modules .</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<h4>\n\t\t03 A Create the surrounding DIV for your Slider (Responsive, none Full Width)</h4>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tPut it in the HTML:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<pre class=\"html\">\n&lt;div class=&quot;banner-container&quot;&gt;<span class=\"Apple-tab-span\"> </span>\n\n   &lt;div class=&quot;banner&quot;&gt;...&lt;/div&gt;\n\n&lt;/div&gt;\n</pre>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t<h4>\n\t\t\t03 B Create the surrounding DIV for your Slider (Responsive, Full Width Slider)</h4>\n\t\t<div>\n\t\t\t&nbsp;</div>\n\t\t<div>\n\t\t\tPut it in the HTML:</div>\n\t\t<div>\n\t\t\t&nbsp;</div>\n\t\t<pre class=\"html\">\n&lt;div class=
 &quot;fullwidthbanner-container&quot;&gt;<span class=\"Apple-tab-span\"> </span>\n\n   &lt;div class=&quot;fullwidthbanner&quot;&gt;...&lt;/div&gt;\n\n&lt;/div&gt;\n\n</pre>\n\t\t<div>\n\t\t\t&nbsp;</div>\n\t\t<h4>\n\t\t\t&nbsp;</h4>\n\t</div>\n\t<div>\n\t\t<h4>\n\t\t\t04 Put an unordered list inside to hold the different slides as list elements</h4>\n\t\t<p>\t\t\t&nbsp;</p>\n\t\t<pre class=\"html\">\n&lt;ul&gt;\n&lt;!-- THE BOXSLIDE EFFECT EXAMPLES  WITH LINK ON THE MAIN SLIDE EXAMPLE --&gt;\n\n &lt;li data-transition=&quot;boxslide&quot; data-slotamount=&quot;7&quot; data-link=&quot;http://www.google.de&quot;&gt; \n   &lt;img src=&quot;images/slides/image1.jpg&quot;&gt;\n   &lt;div class=&quot;caption sft big_white&quot;  data-x=&quot;400&quot; data-y=&quot;100&quot; data-speed=&quot;700&quot; data-start=&quot;1700&quot; data-easing=&quot;easeOutBack&quot;&gt;KICKSTART YOUR WEBSITE&lt;/div&gt;\n   &lt;div class=&quot;caption sfb big_orange&quot;  data-x=&quot;400&quot; data-y=&quo
 t;142&quot; data-speed=&quot;500&quot; data-start=&quot;1900&quot; data-easing=&quot;easeOutBack&quot;&gt;WITH SLIDER REVOLUTION!&lt;/div&gt;\n   &lt;div class=&quot;caption lfr medium_grey&quot;  data-x=&quot;510&quot; data-y=&quot;210&quot; data-speed=&quot;300&quot; data-start=&quot;2000&quot;&gt;UNLIMITED TRANSITIONS&lt;/div&gt;\n &lt;/li&gt;\n...\n&lt;/ul&gt;</pre>\n\t\t<div>\n\t\t\t&nbsp;</div>\n\t\t<h4>\n\t\t\t05 Call the jQuery Plugin to build the Slider</h4>\n\t\t<p>\t\t\t&nbsp;</p>\n\t\t<pre class=\"js\">\n&lt;script type=&quot;text/javascript&quot;&gt;\n      var tpj=jQuery;               // MAKE JQUERY PLUGIN CONFLICTFREE\n&nbsp;&nbsp; &nbsp;&nbsp; tpj.noConflict();\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp; tpj(document).ready(function() {\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;              if (tpj.fn.cssOriginal!=undefined)   // CHECK IF fn.css 
 already extended\n             &nbsp;&nbsp; &nbsp;&nbsp; tpj.fn.css = tpj.fn.cssOriginal;\n\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; tpj(&#39;.banner&#39;).revolution(\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; delay:9000,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; startheight:490,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;
 &nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; startwidth:890,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; hideThumbs:200,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; thumbWidth:100,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp
 ;&nbsp; thumbHeight:50,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; thumbAmount:5,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; navigationType:&quot;both&quot;,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; navigationArrows:&quot;nexttobullets&quot;,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; navigationStyle:&quot;round&quot;,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; touchenabled:&quot;on&quot;,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; \n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; onHoverStop:&quot;on&quot;,&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; navOffsetHorizontal:0,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp
 ; navOffsetVertical:20,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; shadow:1,\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;fullWidth:&quot;off&quot;&nbsp;&nbsp; &nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; });&nbsp;&nbsp; &nbsp;\n&lt;/script&gt;\n\n\n</pre>\n\t</div>\n</div>\n<p>\t&nbsp;</p>\n"},{"title": "Markup","id": "markup","content"
 : "<p>\tThe items markup uses javascript/jQuery to transform a block of HTML markup into the slider, all customization is done trough the use of HTML5 data attributes and CSS. The markup is valid for HTML5 rules and the content will be fully indexed by search engines. The general structure of markup follows this schema:</p>\n<p>\t&nbsp;</p>\n<h4>\n\t01 Two surrounding DIVs are the basic holder for your Slider:</h4>\n<div>\n\tPut it in the HTML for Responsive but none FullWidth version:</div>\n<div>\n\t&nbsp;</div>\n<pre class=\"html\">\n&lt;div id=&quot;banner_container&quot;&gt;\n   &lt;div id=&quot;banner&quot; &gt;...&lt;/div&gt;\n&lt;/div&gt;\n</pre>\n<div>\n\t<div>\n\t\tPut it in the HTML for Responsive And FullWidth version:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<pre class=\"html\">\n&lt;div id=&quot;fullwidthbanner-container&quot;&gt;\n   &lt;div id=&quot;fullwidthbanner&quot; &gt;...&lt;/div&gt;\n&lt;/div&gt;\n\n</pre>\n\t<div>\n\t\t&nbsp;</div>\n</div>\n<div>\n\tThe outside c
 ontainer could be used by one of your divs in your page and is needed for the responsive part.<br>\n\tTo get more know about the fullwidth and/or responsive containers, see our style.css examples.</div>\n<div>\n\t&nbsp;</div>\n<h4>\n\t02 An unordered list inside holds the different slides as list elements</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\t<pre class=\"html\">\n&lt;ul&gt;\n&lt;!-- THE BOXSLIDE EFFECT EXAMPLES  WITH LINK ON THE MAIN SLIDE EXAMPLE --&gt;\n\n &lt;li data-transition=&quot;boxslide&quot; data-slotamount=&quot;7&quot; data-link=&quot;http://www.google.de&quot;&gt; \n   &lt;img src=&quot;images/slides/image1.jpg&quot;&gt;\n   &lt;div class=&quot;caption sft big_white&quot;  data-x=&quot;400&quot; data-y=&quot;100&quot; data-speed=&quot;700&quot; data-start=&quot;1700&quot; data-easing=&quot;easeOutBack&quot;&gt;KICKSTART YOUR WEBSITE&lt;/div&gt;\n   &lt;div class=&quot;caption sfb big_orange&quot;  data-x=&quot;400&quot; data-y=&quot;142&quot; data-speed=&quot;500&quot;
  data-start=&quot;1900&quot; data-easing=&quot;easeOutBack&quot;&gt;WITH SLIDER REVOLUTION!&lt;/div&gt;\n   &lt;div class=&quot;caption lfr medium_grey&quot;  data-x=&quot;510&quot; data-y=&quot;210&quot; data-speed=&quot;300&quot; data-start=&quot;2000&quot;&gt;UNLIMITED TRANSITIONS&lt;/div&gt;\n &lt;/li&gt;\n...\n&lt;/ul&gt;</pre>\n</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe next chapter describes the inner of this list elements.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe more advanced users will have no problems in customizing the slider up to every detail and create their own sliders with using the CSS files.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe CSS file responsible for the layout of your slider is the settings.css. Find All Responsive Settings and Docu later in &quot;Responsive Captions&quot;.</div>\n"},{"title": "Layout","id": "layout","content": "<h4>\n\t01 The Default parameters of the Plugin</h4>\n<div>\n\t<ul>\t\t<li>\t\t\t<strong>delay</strong
 >&nbsp;The time one slide stays on the screen in Milliseconds (Default: 9000)</li>\n\t\t<li>\t\t\t<strong>startheight&nbsp;</strong>Basic Height of the Slider in the desktop resolution in pixel, other screen sizes will be calculated from this (Default: 490)&nbsp;&nbsp; It should be similiar to the settings of the style sheet.&nbsp; If you use a fullwidth banner, ti will deinfe the max. Height of the banner by resizing of the browser. The banner wont ne heigher than this value.</li>\n\t\t<li>\t\t\t<strong>startwidth </strong>Basic Width of the Slider in the desktop resolution in pixel, other screen sizes will be calculated from this (Default: 890) &nbsp; It should be similiar to the settings of the style sheet.&nbsp; If you use a fullwidth banner, ti will deinfe the max. Width of the banner by resizing of the browser.</li>\n\t\t<li>\t\t\t<strong>hideThumbs </strong>Time after that the Thumbs will be hidden(Default: 200),</li>\n\t\t<li>\t\t\t<strong>navigationType</strong>&nbsp; Displ
 ay type of the navigation bar&nbsp;(Default:&quot;none&quot;)<br>\n\t\t\tOptions:<br>\n\t\t\tbullet<br>\n\t\t\tthumb&nbsp;&nbsp; ** In Fullwidth version thumbs wont be displayed &nbsp;if navigation offset set to shwop thumbs outside of the container ! Thumbs must be showen in the container!<br>\n\t\t\tnone<br>\n\t\t\tboth</li>\n\t\t<li>\t\t\t<strong>navigationArrows</strong>&nbsp;Display position of the Navigation Arrows (Default: &quot;nexttobullets&quot;)<br>\n\t\t\tOptions:<br>\n\t\t\tnexttobullets<br>\n\t\t\tverticalcentered&nbsp;&nbsp; ** By navigation Type Thumb arrows always centered or none visible<br>\n\t\t\tnone</li>\n\t\t<li>\t\t\t<strong>navigationStyle</strong>&nbsp;Look of the navigation bullets (Default: &quot;round&quot;)<br>\n\t\t\tOptions:<br>\n\t\t\tround<br>\n\t\t\tsquare<br>\n\t\t\tnavbar&nbsp;&nbsp; ** If you choose navbar, we recommend to choose Navigation Arrows to nexttobullets</li>\n\t\t<li>\t\t\t<strong>touchenabled</strong>&nbsp;Enable Swipe Function on t
 ouch devices&nbsp;(Default: &quot;on&quot;)<br>\n\t\t\tOptions:<br>\n\t\t\ton<br>\n\t\t\toff</li>\n\t\t<li>\t\t\t<strong>navOffsetHorizontal </strong>The Bar is centered but could be moved this pixel count left(e.g. -10) or right (Default:<strong>&nbsp;</strong>0)&nbsp; ** By resizing the banner, it will be always centered !!</li>\n\t\t<li>\t\t\t<strong>navOffsetVertical</strong>&nbsp;The Bar is bound to the bottom but could be moved this pixel count&nbsp;up (e. g. -20) or down (Default: 20)</li>\n\t\t<li>\t\t\t<strong>shadow</strong> The Shadow display underneath the banner<br>\n\t\t\tOptions:<br>\n\t\t\t0 No Shadow<br>\n\t\t\t1<br>\n\t\t\t2<br>\n\t\t\t3</li>\n\t\t<li>\t\t\t<strong>onHoverStop</strong> Stop the Timer when hovering the slider<br>\n\t\t\tOptions:<br>\n\t\t\ton<br>\n\t\t\toff</li>\n\t\t<li>\t\t\t<strong>thumbWidth</strong> the basic Width of one Thumbnail (only if thumb is selected. Default:100)</li>\n\t\t<li>\t\t\t<strong>thumbHeight</strong> the basic Height of one 
 Thumbnail (only if thumb is selected Default 50)</li>\n\t\t<li>\t\t\t<strong>thumbAmount</strong> the amount of the Thumbs visible same time (only if thumb is selected)<br>\n\t\t\t** All Thumbs will be hidden in smallest Responsive Level, and in smaller level default size is reseted to 60x30px. Can be modificated in the settings.css file)</li>\n\t\t<li>\t\t\t<strong>fullWidth</strong> on/off It turns on the Horizontal Centering of Images in FullWidth version. In Case the Image is bigger then the container width, it fits the image with its height in the container and centers horizontally.</li>\n\t</ul>\n</div>\n<div>\n\t&nbsp;</div>\n<h4>\n\t02 Slider items</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>&lt;li&gt;</strong> - Every list item represents a new banner/slider item.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tTransition effects and a possible slide link are defined here:</div>\n<ul>\t<li>\t\t<strong>data-transition </strong>The appearance transition of this slide<br>\n\t\tOption
 s: &nbsp;<br>\n\t\tboxslide<br>\n\t\tboxfade<br>\n\t\tslotzoom-horizontal<br>\n\t\tslotslide-horizontal<br>\n\t\tslotfade-horizontal<br>\n\t\tslotzoom-vertical<br>\n\t\tslotslide-vertical<br>\n\t\tslotfade-vertical<br>\n\t\tcurtain-1<br>\n\t\tcurtain-2<br>\n\t\tcurtain-3<br>\n\t\tslideleft<br>\n\t\tslideright<br>\n\t\tslideup<br>\n\t\tslidedown<br>\n\t\tfade</li>\n\t<li>\t\t<strong>data-slotamount</strong> The number of slots or boxes the slide is divided into. If you use boxfade, over 7 slots can be juggy.</li>\n\t<li>\t\t<strong>data-link</strong> A link on the whole slide pic</li>\n\t<li>\t\t<strong>data-delay</strong> A new Dealy value for the Slide. If no delay defined per slide, the dealy defined via Options will be used</li>\n\t<li>\t\t<strong>data-thumb</strong> An Alternative Source for thumbs. If not defined a copy of the background image will be used in resized form</li>\n</ul>\n<div>\n\t&nbsp;</div>\n<div>\n\tEach List item must include:</div>\n<ul>\t<li>\t\tan image &lt
 ;img&gt; as Background Image / Main Image with Data of the thumb<br>\n\t\tOR</li>\n\t<li>\t\ta colored background image AND a coloredbg caption which is full width/height defined !!<br>\n\t\t<div>\n\t\t\t<pre class=\"html\">\n&lt;img src=&quot;images/slides/coloredbg.png&quot;&gt;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;\n&lt;div class=&quot;caption coloredbg fade&quot; data-x=&quot;0&quot; data-y=&quot;0&quot; data-speed=&quot;10&quot; data-start=&quot;0&quot; style=&quot;background-color:#ff9118; width:100%;height:100%&quot;&gt;&lt;/div&gt;\n\n</pre>\n\t\t</div>\n\t\t<div>\n\t\t\t&nbsp;</div>\n\t</li>\n</ul>\n<p>\tEach List item can include:</p>\n<ul>\t<li>\t\tsome &lt;div&gt;s containing captions (class=&quot;caption&quot;), this could contain embedded video iframes also</li>\n</ul>\n<div>\n\t<pre class=\"html\">\n&lt;li data-transition=&quot;boxslide&
 quot; data-slotamount=&quot;7&quot; data-link=&quot;http://www.google.de&quot;&gt; \n   &lt;img src=&quot;images/slides/image1.jpg&quot;&gt;\n   &lt;div class=&quot;caption sft big_white&quot;  data-x=&quot;400&quot; data-y=&quot;100&quot; data-speed=&quot;700&quot; data-start=&quot;1700&quot; data-easing=&quot;easeOutBack&quot;&gt;KICKSTART YOUR WEBSITE&lt;/div&gt;\n   &lt;div class=&quot;caption sfb big_orange&quot;  data-x=&quot;400&quot; data-y=&quot;142&quot; data-speed=&quot;500&quot; data-start=&quot;1900&quot; data-easing=&quot;easeOutBack&quot;&gt;WITH SLIDER REVOLUTION!&lt;/div&gt;\n   &lt;div class=&quot;caption lfr medium_grey&quot;  data-x=&quot;510&quot; data-y=&quot;210&quot; data-speed=&quot;300&quot; data-start=&quot;2000&quot;&gt;UNLIMITED TRANSITIONS&lt;/div&gt;\n &lt;/li&gt;\n</pre>\n</div>\n<div>\n\t&nbsp;</div>\n<h4>\n\t03 Captions</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\tCaptions are Containers which can be customized via CSS, classes for the start animation and 
 some data options.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe CSS for the caption added in the settings.css file because it depends strongly on the responsive Sizing.&nbsp;</div>\n<div>\n\tThere are 4 Steps of Responsive Contents which are written later below under the Responsive Dependencies Caption.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tYou find an example in the settings.css of our item download.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe options are in detail:</div>\n<ul>\t<li>\t\tcolor <strong>class</strong> example big_white, big_orange, medium_grey (check the style.css of the example for details)</li>\n\t<li>\t\tanimation <strong>class</strong><br>\n\t\tOptions:<br>\n\t\tsft - Short from Top<br>\n\t\tsfb - Short from Bottom<br>\n\t\tsfr - Short from Right<br>\n\t\tsfl - Short from Left<br>\n\t\tlft - Long from Top<br>\n\t\tlfb - Long from Bottom<br>\n\t\tlfr - Long from Right<br>\n\t\tlfl - Long from Left<br>\n\t\tfade - fading</li>\n\t<li>\t\t<strong>data-x The </strong>hor
 izontal position in the standard (via startwidth option defined) screen size (other screen sizes will be calculated)</li>\n\t<li>\t\t<strong>data-y&nbsp;</strong>vertical position in the standard (via startheight option defined) screen size (other screen sizes will be calculated)</li>\n\t<li>\t\t<strong>data-speed </strong>duration of the animation in milliseconds</li>\n\t<li>\t\t<strong>data-start after </strong>how many milliseconds should this caption start to show</li>\n\t<li>\t\t<strong>data-easing </strong>special easing effect of the animation<br>\n\t\tOptions:<br>\n\t\teaseOutBack<br>\n\t\teaseInQuad<br>\n\t\teaseOutQuad<br>\n\t\teaseInOutQuad<br>\n\t\teaseInCubic<br>\n\t\teaseOutCubic<br>\n\t\teaseInOutCubic<br>\n\t\teaseInQuart<br>\n\t\teaseOutQuart<br>\n\t\teaseInOutQuart<br>\n\t\teaseInQuint<br>\n\t\teaseOutQuint<br>\n\t\teaseInOutQuint<br>\n\t\teaseInSine<br>\n\t\teaseOutSine<br>\n\t\teaseInOutSine<br>\n\t\teaseInExpo<br>\n\t\teaseOutExpo<br>\n\t\teaseInOutExpo<br>\n\t\
 teaseInCirc<br>\n\t\teaseOutCirc<br>\n\t\teaseInOutCirc<br>\n\t\teaseInElastic<br>\n\t\teaseOutElastic<br>\n\t\teaseInOutElastic<br>\n\t\teaseInBack<br>\n\t\teaseOutBack<br>\n\t\teaseInOutBack<br>\n\t\teaseInBounce<br>\n\t\teaseOutBounce<br>\n\t\teaseInOutBounce<br>\n\t\t<br>\n\t\t<br>\n\t\t&nbsp;</li>\n</ul>\n<div>\n\t<img alt=\"\" src=\"http://www.themepunch.com/averis/wp-content/uploads/2012/06/revolution.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<h4>\n\t<br>\n\t04 Videos</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn order to embed videos in the slider you can embed videos via iframe of your favorite video site that allows this kind of embedding. An example with Vimeo:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<pre class=\"html\">\n&lt;li data-transition=&quot;slideup&quot; data-slotamount=&quot;20&quot;&gt; \n&lt;img src=&quot;images/slides/image20.jpg&quot;  &gt;\n                                &lt;div class=&quot;caption lfb boxshadow&quot; data-x=&quot;70&quot; data-y=&quot;120&quot; dat
 a-speed=&quot;900&quot; data-start=&quot;500&quot; data-easing=&quot;easeOutBack&quot;&gt;&lt;iframe src=&quot;http://player.vimeo.com/video/29298709?title=0&amp;amp;byline=0&amp;amp;portrait=0&quot; width=&quot;460&quot; height=&quot;259&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;\n\n                                &lt;div class=&quot;caption lfb medium_grey&quot;  data-x=&quot;550&quot; data-y=&quot;258&quot; data-speed=&quot;300&quot; data-start=&quot;1600&quot; data-easing=&quot;easeOutExpo&quot;&gt;to your Slides&lt;/div&gt;\n\n&lt;/li&gt;</pre>\n</div>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<h4>\n\t<br>\n\t05 Banner Timer</h4>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn order to use a banner timer, you will need to add the markup within the banner or fullwidthbanner divs.</div>\n<div>\n\tThe markup should look like :</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&lt;div class=&quot;tp-bannertimer&quot;&gt;&lt;/div&gt;<span class=\"Apple-tab-span\" style=\"white-space:pre\"> </span></div>\n<div>\n\t&nbs
 p;</div>\n<div>\n\tTo remove this timer just simple remove the markup from the container, and that is it.</div>\n"},{"title": "Responsive Basic","id": "responsive_basic","content": "<p>\tResponsive means that the slider will adjust to every screen width.</p>\n<div>\n\tTo achieve that you have to set a bunch of mediaqueries that will adjust the whole slider when a certain window size is used, or you will need to use our fullwidth style version, to let the banner always resize itself.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThe basic containers are build like this ( in none Fullwidth, but 4 Level Responsive Version):</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<pre class=\"css\">\n .bannercontainer {\n    padding:5px;\n    background-color:#fff;\n    width:890px;\n    position:relative;\n    margin-left:auto;\n    margin-right:auto;\n}\n\n.banner{\n    width:890px;    // MUST BE THE SAME AS IN THE OPTIONS <strong>startwidth</strong> \n    height:490px;    // MUST BE THE SAME AS IN THE OPTIO
 NS <strong>startheight</strong>\n    position:relative;\n    overflow:hidden;\n}\n\n\n\n\n</pre>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tThe media queries that build the screen dependend container sizes:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<pre class=\"css\">\n@media only screen and (min-width: 768px) and (max-width: 959px) {\n   .banner, .bannercontainer{  width:750px; height:412px;}\n    .bannershadow {width:750px;}\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px) {\n  .banner, .bannercontainer{width:470px; height:258px;}   \n  .bannershadow {width:470px;}\n}\n\n@media only screen and (min-width: 0px) and (max-width: 479px) {\n   .banner, .bannercontainer{width:300px;height:165px;}\n   .bannershadow {width:300px; margin-top:-5px;}\n}</pre>\n</div>\n<p>\t&nbsp;</p>\n"},{"title": "Fullwidth","id": "fullwidth","content": "<p>\tThis slider can go fullwidth too. We have added an <strong>index-fullwidth.html example</strong> for you in t
 he zip.</p>\n<p>\tPlease note the basic change in the markup.</p>\n<p>\tThe surrounding containers are:</p>\n<pre class=\"html\">\n&lt;div class=&quot;fullwidthbanner-container&quot;&gt;<span class=\"Apple-tab-span\" style=\"white-space:pre\"> </span>\n\n   &lt;div class=&quot;fullwidthbanner&quot;&gt;...&lt;/div&gt;\n\n&lt;/div&gt;</pre>\n<p>\t&nbsp;</p>\n<p>\tThe CSS is not splitted with Media-Queries but has a basic 100% value for width:</p>\n<p>\t&nbsp;</p>\n<pre class=\"css\">\n.fullwidthbanner-container{\n   width:100% !important;<span class=\"Apple-tab-span\" style=\"white-space:pre\"> </span>\n   position:relative;\n   padding:0;<span class=\"Apple-tab-span\" style=\"white-space:pre\"> </span>\n   max-height:450px !important;  // Same value as in OPTIONS the <strong>startheight</strong> parameter\n   overflow:hidden;\n} \n</pre>\n<p>\t&nbsp;</p>\n"},{"title": "Licenses","id": "licenses","content": "<p>\tUsed Assets</p>\n<ul>\t<li>\t\tTemplate demo images licensed from <a hre
 f=\"http://us.fotolia.com\">Fotolia</a> for preview usage. Please do not attempt to rip the images from the preview!</li>\n\t<li>\t\t<a href=\"http://cortys.de/cssAnimate/\">cssAnimate Plugin</a> Great and Simple cssAnimate jQuery Plugin</li>\n\t<li>\t\tWaitForImages jQuery Plugin</li>\n\t<li>\t\t<a href=\"http://www.netcu.de/jquery-touchwipe-iphone-ipad-library\">Touch Wipe jQuery Plugin</a></li>\n</ul>\n<p>\t&nbsp;</p>\n"},{"title": "Support","id": "support","content": "<p>\tIf you face problems with the installation or customization of our product please do not hesitate to contact us via our support ticket system:</p>\n<p>\t<strong><a href=\"http://themepunch.ticksy.com\">http://themepunch.ticksy.com</a></strong></p>\n"}],"use_sub": false,"logo": "http://www.themepunch.com/codecanyon_wp/wp-content/uploads/2012/04/logo.png","favicon": "","customcss": "","easing": "easeOutQuart","easingduration": "913","bgimage": "http://www.themepunch.com/codecanyon_wp/wp-content/themes/config/ima
 ges/website_bg_tile-21.gif","bgrepeat": "repeat","bgattachment": "scroll","bgcolor": "A8A7A7","textcolor": "363636","linkcolor": "830909","hrcolor1": "858484","hrcolor2": "CFCDCD","sidebarbgimage": "","sidebarbgrepeat": "repeat","sidebarbgcolor": "363636","sidebartextcolor": "A8A7A7","sidebarlinkcolor": "A8A7A7","sidebaractivecolor": "404040","sidebaractivetextcolor": "B50D0D","sidebarhrcolor1": "242424","sidebarhrcolor2": "575757","cufon": "","itemURL": "","sendJSON": "","sendZIP": "","sendPWD": ""}
\ No newline at end of file

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_1.jpg
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_1.jpg?rev=1787742&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_1.jpg
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_1.jpg
------------------------------------------------------------------------------
    svn:mime-type = image/jpeg

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_2.gif
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_2.gif?rev=1787742&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_2.gif
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_2.gif
------------------------------------------------------------------------------
    svn:mime-type = image/gif

Added: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_3.png
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_3.png?rev=1787742&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_3.png
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/documentation/assets/doc-external-plugins/RS-slider/assets/images/image_3.png
------------------------------------------------------------------------------
    svn:mime-type = image/png