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": "i...@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


Reply via email to