cadline_web/www_archline_hu
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(deployed): add mod_ol_k2timeline 4.0.2 (no-source, vetted live)

Browse Source 
OL K2 Timeline module (olwebdesign); no identifiable upstream -> deployed files.

Signed-off-by: LÁZÁR Imre <imre@illusion.hu>
Assisted-by: claude-code@claude-opus-4-8
This commit is contained in:
LÁZÁR Imre AI Agent 2026-07-16 11:24:48 +02:00
parent b6c9da67eb
commit 12b8876503
25 changed files with 7256 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

348
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/admin.css Normal file
View File

@ -0,0 +1,348 @@
#status {
display: none;
}
/* Alert Boxes */
.alert {
margin-bottom: 0px;
max-width: 550px;
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
}
.alert-blue label {
font-size: 14px;
}
.alert-blue {
color: #fff;
font-size: 14px;
clear: both;
line-height: 18px;
background-color: #c00;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 10px 15px;
text-shadow: 1px 1px #066da1;
display: block;
position: relative;
width: 100%;
}
.alert-grey {
color: #555555;
font-size: 12px;
clear: both;
line-height: 18px;
background-color: #fefefe;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #d6d6d6;
margin: 0px;
padding: 5px 10px 2px;
text-shadow: 1px 1px #fff;
display: block;
position: relative;
min-width: 200px;
}
.alert-warning {
color: #555;
font-size: 14px;
clear: both;
line-height: 18px;
background: url("../images/admin/notice.png") no-repeat scroll 5px center #eeeeee;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #d6d6d6;
padding: 12px 15px 12px 50px;
text-shadow: 1px 1px #fff;
display: block;
position: relative;
max-width: 510px;
}
/* Color Picker */
.moor-box,
.moor-overlayBox,
.moor-slider,
.moor-chooseColor {
border: 1px solid #DDDDDD;
}
/* Template Info */
.templateinfo img {
float: left;
padding: 0 20px;
}
.templateinfo p {
padding: 0 20px;
max-width: 600px;
text-align: left;
font-weight: normal;
}
.templateinfo h4 {
padding: 10px 20px;
font-weight: normal;
letter-spacing: 1.5px;
font-size: 22px;
color: #888888;
text-transform: uppercase;
background: #eeeeee;
border: 1px solid #dddddd;
border-radius: 5px;
}
.form-horizontal .control-label {
min-width: 180px;
}
.form-horizontal .control-label label {
margin-right: 10px;
}
/* Joomla 3.2 */
.row-fluid .span6 {
margin-left: 0;
width: 100%;
}
#myTabTabs.nav.nav-tabs {
background-color: #FFFFFF;
box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.5) inset;
border-radius: 8px 8px 0 0;
border: 1px solid #DDDDDD;
border-top-color: #E4E4E4;
padding: 8px;
margin-bottom: 0;
}
#myTabTabs.nav.nav-tabs > li > a {
position: relative;
background: #fafafa;
color: #c00;
display: block;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
margin: 3px;
z-index: 1;
text-shadow: none;
padding-bottom: 8px;
padding-top: 8px;
opacity: 1;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px;
background-clip: padding-box;
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.5), 1px 1px 0px rgba(255, 255, 255, 0.6);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 100%);
}
#myTabTabs.nav.nav-tabs > li a:hover {
background-color: #fff;
}
#myTabTabs.nav.nav-tabs > li.active a,
#myTabTabs.nav.nav-tabs > li a:focus {
background-color: #c00;
color: #fff;
border: 1px solid #c00;
-moz-box-shadow: inset 0 0 5px rgba(52, 152, 219, 0.1);
-webkit-box-shadow: inset 0 0 5px rgba(52, 152, 219, 0.1);
box-shadow: inset 0 0 5px rgba(52, 152, 219, 0.1);
}
#myTabTabs.nav-tabs > .active > a,
#myTabTabs .nav-tabs > .active > a:hover,
#myTabTabs .nav-tabs > .active > a:focus,
#myTabTabs .nav-tabs > li > a:hover {
background: #ffffff;
color: #3aa6d5;
outline: none;
-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.18), 1px 1px 1px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.18), 1px 1px 1px rgba(255, 255, 255, 0.5);
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.18), 1px 1px 1px rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.14);
/* stroke */
}
.tab-content {
background: none repeat scroll 0 0 #FAFAFA;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 20px;
border-radius: 0px 0px 8px 8px;
}
#system-message-container {
margin-bottom: 10px;
}
/* Opacity Slider */
.opacityvalue {
background-color: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 3px;
display: inline-block;
font-size: 13px;
font-weight: normal;
height: 18px;
line-height: 18px;
min-width: 16px;
padding: 1px 5px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
}
input[type="range"] {
margin: 0 5px;
padding: 0;
width: 150px;
}
#jform_params_social_custom_modal .btn-success,
#jform_params_social_custom_modal .btn-danger {
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-width: 0px;
padding: 7px 14px 4px;
}
#jform_params_social_custom_modal .btn-success:hover,
#jform_params_social_custom_modal .btn-danger:hover {
background-position: 0 0;
}
#jform_params_social_custom_modal .btn-success {
background-color: #51A351;
}
#jform_params_social_custom_modal .btn-success:hover {
background-color: #408140;
}
#jform_params_social_custom_modal .btn-danger {
background-color: #BD362F;
}
#jform_params_social_custom_modal .btn-danger:hover {
background-color: #942a25;
}
#installer-install .moduleinfo {
padding: 20px;
}
/* Subforms */
.subform-repeatable {
padding-right: 0;
border-top: 1px solid #eaeaea;
}
.subform-repeatable > .btn-toolbar {
display: none;
}
.subform-repeatable .subform-repeatable-group {
position: relative;
max-width: 900px;
padding: 0;
padding-top: 40px;
background-color: #f9f9f9;
margin: 10px;
border: 1px solid #ddd;
}
.subform-repeatable .subform-repeatable-group > .btn-toolbar {
position: absolute;
right: 10px;
top: 2px;
margin-top: 6px !important;
}
.subform-repeatable .subform-repeatable-group .control-group {
margin-bottom: 10px;
}
.subform-repeatable .btn-success,
.subform-repeatable .btn-danger,
.subform-repeatable .btn-primary {
position: static !important;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 18px !important;
margin: 0 0 0 -1px !important;
padding: 4px 12px !important;
border-width: 1px !important;
}
.subform-repeatable .btn-success {
color: #333 !important;
}
.subform-repeatable .btn-success {
border-radius: 3px 0 0 3px !important;
}
.subform-repeatable .btn-danger {
border-radius: 0 !important;
}
.subform-repeatable .btn-primary {
border-radius: 0 3px 3px 0 !important;
}
.subform-repeatable fieldset {
background-color: #f3f3f3;
padding: 10px 20px 10px;
}
.subform-repeatable .btn-group {
border: 0;
background-color: transparent;
}
.subform-repeatable .slideshow-subform .control-group {
margin-bottom: 6px;
margin-top: 5px;
display: inline-block;
}
.subform-repeatable .slideshow-subform .control-label {
display: none !important;
}
.subform-repeatable .slideshow-subform .controls {
margin-left: 0px !important;
padding-bottom: 0 !important;
}
.form-horizontal .control-label {
padding-right: 0 !important;
}
.moduleoverrides-subform input ~ .control-group {
display: inline-block;
text-align: left;
vertical-align: top;
margin-top: 0 !important;
margin-bottom: 5px !important;
}
.moduleoverrides-subform input ~ .control-group .control-label {
display: none;
}
.moduleoverrides-subform input ~ .control-group .controls {
margin-left: 0;
margin-right: 10px;
}
.moduleoverrides-subform input ~ .control-group .input-prepend.input-append input {
max-width: 30px;
}
.moduleoverrides-subform input + .control-group {
display: inline-block;
}
.moduleoverrides-subform input + .control-group .control-label {
display: block;
}
input[value="margin"] + .control-group {
display: block;
height: 0;
width: 100%;
}
input[value="margin"] + .control-group .control-label {
display: none;
}
input[value="margin"] + .control-group + .control-group .control-label {
display: inline-block;
}
#attrib-H3MODULEWIDTHS hr {
margin: 0 0 -10px;
}
/* Subform Lightbox Fix */
#sbox-overlay {
position: fixed !important;
}
#jpelement_list_items_added{
margin-left: 0;
}
#jpelement_list_items_added li{
list-style: none;
margin: 2px 0;
}
#jpelement_list_items_added li span.icon-cancel{
cursor: pointer;
}

1
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/index.html Normal file
View File

@ -0,0 +1 @@
<html><body bgcolor="#FFFFFF"></body></html>

615
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/styles.css Normal file
View File

@ -0,0 +1,615 @@
a{text-decoration:none}
h4{text-align:center;margin:30px 0;color:#444}
.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto;background:#242922;position:absolute;top:0;left:0;right:0}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative}
.main-timeline .timeline:before{content:"";width:20px;height:20px;border-radius:50%;border:4px solid #fff;background:#ec496e;position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{display:inline-block;width:130px;height:130px;border-radius:50%;border:3px solid #ec496e;padding:13px;text-align:center;position:absolute;top:50%;left:30%;transform:translateY(-50%)}
.main-timeline .timeline-icon img{display:block;border-radius:50%;height: 98px;width: 100px;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{content:"";width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:52px 0 0;float:right;position:relative}
.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}
.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px;position: relative;}
.main-timeline .description{display:inline-block;color:#404040;line-height:20px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;right:30%}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}
@media only screen and (max-width:1200px){.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:75px}
}
@media only screen and (max-width:990px){.main-timeline .timeline{margin:0 0 10px}
.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline .timeline-icon img{ width: 45px;height:45px;}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}
}
@media only screen and (max-width:479px){.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}
/******************* Timeline Demo - 2 *****************/
.main-timeline2{padding-top:50px;overflow:hidden;position:relative}
.main-timeline2 a{color: #fff;}
.main-timeline2:before{content:"";width:7px;height:100%;background:#084772;margin:0 auto;position:absolute;top:80px;left:0;right:0}
.main-timeline2 .timeline{width:50%;float:left;padding:20px 60px;border-top:7px solid #084772;border-right:7px solid #084772;border-radius:0 30px 0 0;position:relative;right:-3.5px}
.main-timeline2 .icon{display:block;width:100px;height:45px;line-height:45px;border-radius:25px;background:#e84c47;border:1px solid #fff;text-align:center;font-size:17px;color:#fff;box-shadow:0 0 0 2px #e84c47;position:absolute;top:-28px;left:0}
.main-timeline2 .timeline-content{display:block;padding:30px 20px 20px;border-radius:20px;background:#e84c47;color:#fff;position:relative;box-shadow: 0 0 8px rgba(0,0,0,0.35);}
.main-timeline2 .timeline-content:hover{text-decoration:none;color:#fff}
.main-timeline2 .timeline-content:after,.main-timeline2 .timeline-content:before{content:"";display:block;width:10px;height:50px;border-radius:10px;background:#e84c47;border:1px solid #fff;position:absolute;top:-35px;left:70px}
.main-timeline2 .timeline-content:after{left:auto;right:70px}
.main-timeline2 .title{font-size:24px;margin:0}
.main-timeline2 .description{font-size:15px;letter-spacing:1px;margin:0 0 5px}
.main-timeline2 .timeline:nth-child(2n){border-right:none;border-left:7px solid #084772;border-radius:30px 0 0;right:auto;left:-3.5px}
.main-timeline2 .timeline:nth-child(2n) .icon{left:auto;right:0;box-shadow:0 0 0 2px #4bd9bf}
.main-timeline2 .timeline:nth-child(2){margin-top:130px}
.main-timeline2 .timeline:nth-child(odd){margin:-130px 0 30px}
.main-timeline2 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline2 .timeline:first-child,.main-timeline2 .timeline:last-child:nth-child(even){margin:0 0 30px}
.main-timeline2 .timeline:nth-child(2n) .icon,.main-timeline2 .timeline:nth-child(2n) .timeline-content,.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,.main-timeline2 .timeline:nth-child(2n) .timeline-content:before{background:#4bd9bf}
.main-timeline2 .timeline:nth-child(3n) .icon,.main-timeline2 .timeline:nth-child(3n) .timeline-content,.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,.main-timeline2 .timeline:nth-child(3n) .timeline-content:before{background:#ff9e09}
.main-timeline2 .timeline:nth-child(3n) .icon{box-shadow:0 0 0 2px #ff9e09}
.main-timeline2 .timeline:nth-child(4n) .icon,.main-timeline2 .timeline:nth-child(4n) .timeline-content,.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,.main-timeline2 .timeline:nth-child(4n) .timeline-content:before{background:#3ebae7}
.main-timeline2 .timeline:nth-child(4n) .icon{box-shadow:0 0 0 2px #3ebae7}
@media only screen and (max-width:767px){.main-timeline2:before{left:0;right:auto}
.main-timeline2 .timeline,.main-timeline2 .timeline:nth-child(even),.main-timeline2 .timeline:nth-child(odd){width:100%;float:none;padding:20px 30px;margin:0 0 30px;border-right:none;border-left:7px solid #084772;border-radius:30px 0 0;right:auto;left:0}
.main-timeline2 .icon{left:auto;right:0}
}
@media only screen and (max-width:480px){.main-timeline2 .title{font-size:18px}
}
/******************* Timeline Demo - 3 *****************/
.main-timeline3{overflow:hidden;position:relative}
.main-timeline3:before{content:"";width:10px;height:100%;border:3px solid #959595;position:absolute;top:40px;left:50%;transform:translateX(-50%)}
.main-timeline3 .timeline{width:50%;padding:10px 60px 10px 100px;float:right;position:relative}
.main-timeline3 .timeline:before{content:"";width:40px;height:40px;border-radius:50%;background:#c47c48;border:5px solid #fff;box-shadow:0 0 1px 5px #c47c48;position:absolute;top:42px;left:-20px}
.main-timeline3 .timeline-content{display:block;background:#e9e9e7;padding:70px 30px 20px;box-shadow:0 0 10px rgba(0,0,0,.2) inset;position:relative}
.main-timeline3 .timeline-content:hover{text-decoration:none}
.main-timeline3 .year{display:block;width:80%;height:50px;background:#c47c48;padding:0 0 0 50px;font-size:30px;font-weight:800;color:#fff;line-height:50px;box-shadow:0 0 20px rgba(0,0,0,.4) inset;border-radius:10px 10px 10px 0;position:absolute;top:20px;left:-20px}
.main-timeline3 .year:before{content:"";border-top:40px solid #c47c48;border-left:20px solid transparent;border-bottom:20px solid transparent;position:absolute;bottom:-60px;left:0}
.main-timeline3 .title{font-size:18px;font-weight:600;text-transform:uppercase;color:#4a4a4a}
.main-timeline3 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 60px;text-align:right}
.main-timeline3 .timeline:nth-child(2n):before{left:auto;right:-20px;background:#bf3fc8;box-shadow:0 0 1px 5px #bf3fc8}
.main-timeline3 .timeline:nth-child(2n) .year{padding-right:50px;border-radius:10px 10px 0;left:auto;right:-20px;background:#bf3fc8}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:none;border-right:20px solid transparent;left:auto;right:0;border-top-color:#bf3fc8}
.main-timeline3 .timeline:nth-child(2){margin-top:140px}
.main-timeline3 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline3 .timeline:nth-child(even){margin-bottom:60px}
.main-timeline3 .timeline:first-child,.main-timeline3 .timeline:last-child:nth-child(even){margin:0}
.main-timeline3 .timeline:nth-child(3n):before{background:#ce3c41;box-shadow:0 0 1px 5px #ce3c41}
.main-timeline3 .timeline:nth-child(3n) .year{background:#ce3c41}
.main-timeline3 .timeline:nth-child(3n) .year:before{border-top-color:#ce3c41}
.main-timeline3 .timeline:nth-child(4n):before{background:#8cc43d;box-shadow:0 0 1px 5px #8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year{background:#8cc43d}
.main-timeline3 .timeline:nth-child(4n) .year:before{border-top-color:#8cc43d}
@media only screen and (max-width:990px){.main-timeline3:before{top:8%}
.main-timeline3 .timeline{padding:10px 10px 10px 100px}
.main-timeline3 .timeline:nth-child(2n){padding:10px 100px 10px 10px}
}
@media only screen and (max-width:767px){.main-timeline3:before{width:8px;top:0;left:12px;transform:translateX(0)}
.main-timeline3 .timeline,.main-timeline3 .timeline:nth-child(even),.main-timeline3 .timeline:nth-child(odd){width:100%;float:none;text-align:left;padding:0 0 0 60px;margin:0 0 30px}
.main-timeline3 .timeline:before,.main-timeline3 .timeline:nth-child(2n):before{width:20px;height:20px;border:3px solid #fff;top:38px;left:6px}
.main-timeline3 .timeline:nth-child(2n) .year{right:auto;left:-20px;border-radius:10px 10px 10px 0}
.main-timeline3 .timeline:nth-child(2n) .year:before{border-left:20px solid transparent;border-bottom:20px solid transparent;border-right:none;right:auto;left:0}
}
/******************* Timeline Demo - 4 *****************/
.main-timeline4{overflow:hidden;position:relative}
.main-timeline4:before{content:"";width:5px;height:100%;background:#333;position:absolute;top:70px;left:50%;transform:translateX(-50%)}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:before{top:50%;transform:translateY(-50%);content:""}
.main-timeline4 .timeline{width:50%;padding-left:100px;float:right;position:relative}
.main-timeline4 .timeline:before{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid #333;position:absolute;left:-10px}
.main-timeline4 .timeline-content{display:block;padding-left:150px;position:relative}
.main-timeline4 .timeline-content:before{width:90px;height:10px;border-top:7px dotted #333;position:absolute;left:-92px}
.main-timeline4 .year{display:inline-block;width:120px;height:120px;border-radius:50%;border:10px solid #f54957;font-size:18px;color:#f54957;text-align:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4);position:absolute;top:10px;left:0}
.main-timeline4 .year img{width:100px;height:100px;line-height:100px;border-radius:50%;}
.main-timeline4 .year:before{content:"";border-left:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-13px;right:0;transform:rotate(45deg)}
.main-timeline4 .inner-content{padding:10px 0}
.main-timeline4 .title{font-size:24px;font-weight:600;color:#f54957;text-transform:uppercase;margin:0 0 5px}
.main-timeline4 .description{font-size:14px;color:#6f6f6f;margin:0 0 5px}
.main-timeline4 .timeline:nth-child(2n){padding:0 100px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .timeline:nth-child(2n):before{left:auto;right:-10px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 150px 0 0}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-92px}
.main-timeline4 .timeline:nth-child(2n) .year{right:0}
.main-timeline4 .timeline:nth-child(2n) .year:before{right:auto;left:0;border-left:none;border-right:20px solid ;transform:rotate(-45deg)}
.main-timeline4 .timeline:nth-child(2){margin-top:110px}
.main-timeline4 .timeline:nth-child(odd){margin:-110px 0 0}
.main-timeline4 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline4 .timeline:first-child,.main-timeline4 .timeline:last-child:nth-child(even){margin:0}
.main-timeline4 .timeline:nth-child(2n) .year{border-color:#1ebad0;color:#1ebad0}
.main-timeline4 .timeline:nth-child(2) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(2n) .title{color:#1ebad0}
.main-timeline4 .timeline:nth-child(2n) .note-image{float: right;margin-left: 15px; margin-right: 0px;}
.main-timeline4 .timeline:nth-child(3n) .year{border-color:#7cba01;color:#7cba01}
.main-timeline4 .timeline:nth-child(3) .year:before{border-left-color:#7cba01}
.main-timeline4 .timeline:nth-child(3n) .title{color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year{border-color:#f8781f;color:#f8781f}
.main-timeline4 .timeline:nth-child(4) .year:before{border-right-color:#f8781f}
.main-timeline4 .timeline:nth-child(4n) .title{color:#f8781f}
@media only screen and (max-width:1200px){.main-timeline4 .year{top:50%;transform:translateY(-50%)}
}
@media only screen and (max-width:990px){.main-timeline4 .timeline{padding-left:75px}
.main-timeline4 .timeline:nth-child(2n){padding:0 75px 0 0}
.main-timeline4 .timeline-content{padding-left:130px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0 130px 0 0}
.main-timeline4 .timeline-content:before{width:68px;left:-68px}
.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{right:-68px}
}
@media only screen and (max-width:767px){.main-timeline4{overflow:visible}
.main-timeline4:before{height:100%;top:0;left:0;transform:translateX(0)}
.main-timeline4 .timeline:before,.main-timeline4 .timeline:nth-child(2n):before{top:60px;left:-9px;transform:translateX(0)}
.main-timeline4 .timeline,.main-timeline4 .timeline:nth-child(even),.main-timeline4 .timeline:nth-child(odd){width:100%;float:none;text-align:center;padding:0;margin:0 0 10px}
.main-timeline4 .timeline-content,.main-timeline4 .timeline:nth-child(2n) .timeline-content{padding:0}
.main-timeline4 .timeline-content:before,.main-timeline4 .timeline:nth-child(2n) .timeline-content:before{display:none}
.main-timeline4 .timeline:nth-child(2n) .year,.main-timeline4 .year{position:relative;transform:translateY(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before,.main-timeline4 .year:before{border:none;border-right:20px solid #f54957;border-top:10px solid transparent;border-bottom:10px solid transparent;top:50%;left:-23px;bottom:auto;right:auto;transform:rotate(0)}
.main-timeline4 .timeline:nth-child(2n) .year:before{border-right-color:#1ebad0}
.main-timeline4 .timeline:nth-child(3n) .year:before{border-right-color:#7cba01}
.main-timeline4 .timeline:nth-child(4n) .year:before{border-right-color:#f8781f}
.main-timeline4 .inner-content{padding:10px; margin-top: 0px;}
}
/******************* Timeline Demo - 5 *****************/
.main-timeline5{overflow:hidden;position:relative}
.main-timeline5 .timeline{position:relative;margin-top:-79px}
.main-timeline5 .timeline:first-child{margin-top:0}
.main-timeline5 .timeline-icon,.main-timeline5 .year{margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.main-timeline5 .timeline:after,.main-timeline5 .timeline:before{content:"";display:block;width:100%;clear:both}
.main-timeline5 .timeline:before{content:"";width:100%;height:100%;box-shadow:-8px 0 5px -5px rgba(0,0,0,.5) inset;position:absolute;top:0;right:0;z-index:2}
.main-timeline5 .timeline-icon{width:210px;height:210px;border-radius:50%;border:25px solid transparent;border-top-color:#f44556;border-right-color:#f44556;z-index:1;transform:rotate(45deg)}
.main-timeline5 .year{display:block;width:110px;height:110px;line-height:110px;border-radius:50%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.4);font-size:30px;font-weight:700;color:#f44556;text-align:center;transform:rotate(-45deg)}
.main-timeline5 .timeline-content{width:35%;float:right;background:#f44556;padding:30px 20px;margin:50px 0;z-index:1;position:relative}
.main-timeline5 .timeline-content:before{content:"";width:20%;height:15px;background:#f44556;position:absolute;top:50%;left:-20%;z-index:-1;transform:translateY(-50%)}
.main-timeline5 .title{font-size:20px;font-weight:700;color:#fff;margin:0 0 10px}
.main-timeline5 .description{font-size:16px;color:#fff;line-height:24px;margin:0}
.main-timeline5 .timeline:nth-child(2n):before{box-shadow:8px 0 5px -5px rgba(0,0,0,.5) inset}
.main-timeline5 .timeline:nth-child(2n) .timeline-icon{transform:rotate(-135deg);border-top-color:#e97e2e;border-right-color:#e97e2e}
.main-timeline5 .timeline:nth-child(2n) .year{transform:rotate(135deg);color:#e97e2e}
.main-timeline5 .timeline:nth-child(2n) .timeline-content{float:left}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-20%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{background:#e97e2e}
.main-timeline5 .timeline:nth-child(3n) .timeline-icon{border-top-color:#13afae;border-right-color:#13afae}
.main-timeline5 .timeline:nth-child(3n) .year{color:#13afae}
.main-timeline5 .timeline:nth-child(3n) .timeline-content,.main-timeline5 .timeline:nth-child(3n) .timeline-content:before{background:#13afae}
.main-timeline5 .timeline:nth-child(4n) .timeline-icon{border-top-color:#105572;border-right-color:#105572}
.main-timeline5 .timeline:nth-child(4n) .year{color:#105572}
.main-timeline5 .timeline:nth-child(4n) .timeline-content,.main-timeline5 .timeline:nth-child(4n) .timeline-content:before{background:#105572}
@media only screen and (max-width:1199px){.main-timeline5 .timeline{margin-top:-103px}
.main-timeline5 .timeline-content:before{left:-18%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-18%}
}
@media only screen and (max-width:990px){.main-timeline5 .timeline{margin-top:-127px}
.main-timeline5 .timeline-content:before{left:-2%}
.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{right:-2%}
}
@media only screen and (max-width:767px){.main-timeline5 .timeline{margin-top:0;overflow:hidden}
.main-timeline5 .timeline:before,.main-timeline5 .timeline:nth-child(2n):before{box-shadow:none}
.main-timeline5 .timeline-icon,.main-timeline5 .timeline:nth-child(2n) .timeline-icon{margin-top:-30px;margin-bottom:20px;position:relative;transform:rotate(135deg)}
.main-timeline5 .timeline:nth-child(2n) .year,.main-timeline5 .year{transform:rotate(-135deg)}
.main-timeline5 .timeline-content,.main-timeline5 .timeline:nth-child(2n) .timeline-content{width:100%;float:none;border-radius:0 0 20px 20px;text-align:center;padding:25px 20px;margin:0 auto}
.main-timeline5 .timeline-content:before,.main-timeline5 .timeline:nth-child(2n) .timeline-content:before{width:15px;height:25px;position:absolute;top:-22px;left:50%;z-index:-1;transform:translate(-50%,0)}
}
/******************* Timeline Demo - 6 *****************/
.main-timeline6{overflow:hidden;position:relative}
.main-timeline6 .timeline .note-image{max-width: 150px;}
.main-timeline6 .category, .main-timeline6 .category a {color: #f1f1f1;}
.main-timeline6 .thm-btn2 {color: #f1f1f1; margin-top: 10px;}
.main-timeline6 .timeline{width:50%;float:right;position:relative;z-index:1}
.main-timeline6 .timeline:after,.main-timeline6 .timeline:before{position:absolute;top:50%;content:"";display:block;clear:both}
.main-timeline6 .timeline:before{width:40%;height:6px;background:#9f005d;left:0;z-index:-1;transform:translateY(-50%)}
.main-timeline6 .timeline:after{width:6px;height:70%;background:#9f005d;left:-3px}
.main-timeline6 .timeline-content{width:65%;float:right;padding:0 0 30px 30px;margin-right:15px;background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);}
.main-timeline6 .timeline-content:after,.main-timeline6 .timeline-content:before{content:"";width:26px;height:26px;border-radius:50%;background:#9f005d;position:absolute;top:50%;left:-13px;z-index:1;transform:translateY(-50%)}
.main-timeline6 .timeline-content:after{left:30%;transform:translate(-50%,-50%)}
.main-timeline6 .year{display:block;font-size:28px;font-weight:700;color:#9f005d;text-align:center;padding-left:50px}
.main-timeline6 .content-inner{padding:35px 15px 35px 70px;margin-right:-15px;background:#9f005d;border-radius:150px 0 0 150px;position:relative;box-shadow:0 0 7px rgba(0,0,0,.4);}
.main-timeline6 .content-inner:after,.main-timeline6 .content-inner:before{content:"";border-left:15px solid #640026;border-top:10px solid transparent;position:absolute;top:-10px;right:0}
.main-timeline6 .content-inner:after{border-top:none;border-bottom:10px solid transparent;top:auto;bottom:-10px}
.main-timeline6 .icon{width:110px;height:100%;text-align:center;position:absolute;top:0;left:0}
.main-timeline6 .icon i{font-size:60px;font-weight:700;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.main-timeline6 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 5px}
.main-timeline6 .description{font-size:14px;color:#fff;margin:0}
.main-timeline6 .timeline:nth-child(2n) .icon,.main-timeline6 .timeline:nth-child(2n):after,.main-timeline6 .timeline:nth-child(2n):before{left:auto;right:0}
.main-timeline6 .timeline:nth-child(2n):after{right:-3px}
.main-timeline6 .timeline:nth-child(2n) .timeline-content{float:left;padding:0 30px 30px 0;margin:0 0 0 15px}
.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,.main-timeline6 .timeline:nth-child(2n) .timeline-content:before{left:auto;right:-13px}
.main-timeline6 .timeline:nth-child(2n) .timeline-content:after{right:30%;margin-right:-25px}
.main-timeline6 .timeline:nth-child(2n) .year{padding:0 50px 0 0;color:#05b1ff}
.main-timeline6 .timeline:nth-child(2n) .content-inner{padding:35px 70px 35px 15px;margin:0 0 0 -15px;border-radius:0 150px 150px 0}
.main-timeline6 .timeline:nth-child(2n) .content-inner:after,.main-timeline6 .timeline:nth-child(2n) .content-inner:before{border:none;border-right:15px solid #027dcd;border-top:10px solid transparent;right:auto;left:0}
.main-timeline6 .timeline:nth-child(2n) .content-inner:after{border-top:none;border-bottom:10px solid transparent}
.main-timeline6 .timeline:nth-child(2n) .note-image{float: right;margin-left: 15px; margin-right: 0px;}
.main-timeline6 .timeline:nth-child(2){margin-top:200px}
.main-timeline6 .timeline:nth-child(odd){margin:-190px 0 0}
.main-timeline6 .timeline:nth-child(even){margin-bottom:70px}
.main-timeline6 .timeline:first-child,.main-timeline6 .timeline:last-child:nth-child(even){margin:0}
.main-timeline6 .timeline:nth-child(2n) .content-inner,.main-timeline6 .timeline:nth-child(2n) .timeline-content:after,.main-timeline6 .timeline:nth-child(2n) .timeline-content:before,.main-timeline6 .timeline:nth-child(2n):after,.main-timeline6 .timeline:nth-child(2n):before{background:#05b1ff}
.main-timeline6 .timeline:nth-child(3n) .content-inner,.main-timeline6 .timeline:nth-child(3n) .timeline-content:after,.main-timeline6 .timeline:nth-child(3n) .timeline-content:before,.main-timeline6 .timeline:nth-child(3n):after,.main-timeline6 .timeline:nth-child(3n):before{background:#00a3a9}
.main-timeline6 .timeline:nth-child(3n) .content-inner:after,.main-timeline6 .timeline:nth-child(3n) .content-inner:before{border-left-color:#006662}
.main-timeline6 .timeline:nth-child(3n) .year{color:#00a3a9}
.main-timeline6 .timeline:nth-child(4n) .content-inner,.main-timeline6 .timeline:nth-child(4n) .timeline-content:after,.main-timeline6 .timeline:nth-child(4n) .timeline-content:before,.main-timeline6 .timeline:nth-child(4n):after,.main-timeline6 .timeline:nth-child(4n):before{background:#f92534}
.main-timeline6 .timeline:nth-child(4n) .content-inner:after,.main-timeline6 .timeline:nth-child(4n) .content-inner:before{border-right-color:#92070e}
.main-timeline6 .timeline:nth-child(4n) .year{color:#f92534}
@media only screen and (max-width:990px) and (min-width:768px){.main-timeline6 .timeline:after{height:80%}
}
@media only screen and (max-width:767px){.main-timeline6 .timeline:last-child,.main-timeline6 .timeline:nth-child(even),.main-timeline6 .timeline:nth-child(odd){margin:0}
.main-timeline6 .timeline{width:95%;margin:15px 15px 15px 0!important}
.main-timeline6 .timeline .timeline-content:after,.main-timeline6 .timeline .timeline-content:before,.main-timeline6 .timeline:after,.main-timeline6 .timeline:before{display:none}
.main-timeline6 .timeline-content,.main-timeline6 .timeline:nth-child(2n) .timeline-content{width:100%;float:none;padding:0 0 30px 30px;margin:0}
.main-timeline6 .content-inner,.main-timeline6 .timeline:nth-child(2n) .content-inner{padding:35px 15px 35px 70px;margin:0 -15px 0 0;border-radius:150px 0 0 150px}
.main-timeline6 .timeline:nth-child(2n) .content-inner:after,.main-timeline6 .timeline:nth-child(2n) .content-inner:before{border:none;border-left:15px solid #027dcd;border-top:10px solid transparent;right:0;left:auto}
.main-timeline6 .timeline:nth-child(2n) .content-inner:after{border-top:none;border-bottom:10px solid transparent}
.main-timeline6 .timeline:nth-child(2n) .icon{top:0;left:0}
.main-timeline6 .timeline:nth-child(4n) .content-inner:after,.main-timeline6 .timeline:nth-child(4n) .content-inner:before{border-left-color:#92070e}
}
/******************* Timeline Demo - 7 *****************/
.main-timeline7{overflow:hidden;position:relative}
.main-timeline7 .timeline{width:50%;float:left;z-index:1;position:relative}
.main-timeline7 .timeline:after,.main-timeline7 .timeline:before{content:"";display:block;clear:both}
.main-timeline7 .timeline:before{content:"";width:40px;height:90%;background:#727cb6;position:absolute;top:10%;right:-20px}
.main-timeline7 .timeline:last-child:before{height:0}
.main-timeline7 .timeline-icon{width:80px;height:80px;border-radius:50%;background:#727cb6;overflow:hidden;text-align:center;position:absolute;top:0;right:-40px;z-index:3}
.main-timeline7 .timeline-icon:before{content:"";width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #727cb6;box-shadow:0 0 0 4px #a5afe4;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.main-timeline7 .timeline-icon i{font-size:25px;color:#303a3b;line-height:80px;z-index:1;position:relative}
.main-timeline7 .year{display:block;padding:0 60px 0 30px;font-size:30px;color:#303a3b;text-align:right;border-bottom:2px solid #303a3b;z-index:2;position:relative}
.main-timeline7 .year:before{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#727cb6;border:5px solid #fff;box-shadow:0 0 0 4px #727cb6;margin:auto;position:absolute;bottom:-15px;left:4px}
.main-timeline7 .year:after{content:"";border-left:10px solid #303a3b;border-top:10px solid transparent;border-bottom:10px solid transparent;position:absolute;bottom:-11px;left:50px}
.main-timeline7 .timeline-content{padding:18px 60px 18px 40px;text-align:right;position:relative;z-index:1}
.main-timeline7 .timeline:last-child .timeline-content:after,.main-timeline7 .timeline:last-child .timeline-content:before{width:0;height:0}
.main-timeline7 .title{font-size:22px;font-weight:700;color:#727cb6;margin-top:0}
.main-timeline7 .description{font-size:15px;color:#7f8386;line-height:25px}
.main-timeline7 .timeline:nth-child(2){margin-top:140px}
.main-timeline7 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline7 .timeline:nth-child(odd){margin:-140px 0 0}
.main-timeline7 .timeline:first-child,.main-timeline7 .timeline:last-child:nth-child(even){margin:0!important}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon,.main-timeline7 .timeline:nth-child(2n):before{right:auto;left:-20px;background:#e77e21}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon{left:-40px}
.main-timeline7 .timeline:nth-child(2n) .year{padding:0 30px 0 60px;text-align:left}
.main-timeline7 .timeline:nth-child(2n) .year:before{left:auto;right:3px}
.main-timeline7 .timeline:nth-child(2n) .year:after{border-left:none;border-right:10px solid #303a3b;right:50px}
.main-timeline7 .timeline:nth-child(2n) .timeline-content{padding:18px 40px 18px 60px;text-align:left}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:before{left:-95px}
.main-timeline7 .timeline:nth-child(2n) .timeline-content:after{left:15px}
.main-timeline7 .timeline:nth-child(2n) .timeline-icon:before{border-color:#e77e21;box-shadow:0 0 0 4px #f1a563}
.main-timeline7 .timeline:nth-child(2n) .year:before{background:#e77e21;box-shadow:0 0 0 4px #e77e21}
.main-timeline7 .timeline:nth-child(2n) .title{color:#e77e21}
.main-timeline7 .timeline:nth-child(2n) .note-image{float: right;margin-left: 15px; margin-right: 0px;}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon,.main-timeline7 .timeline:nth-child(3n):before{background:#008b8b}
.main-timeline7 .timeline:nth-child(3n) .timeline-icon:before{border-color:#008b8b;box-shadow:0 0 0 4px #50b5b4}
.main-timeline7 .timeline:nth-child(3n) .year:before{background:#008b8b;box-shadow:0 0 0 4px #008b8b}
.main-timeline7 .timeline:nth-child(3n) .title{color:#008b8b}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon,.main-timeline7 .timeline:nth-child(4n):before{background:#ed687c}
.main-timeline7 .timeline:nth-child(4n) .timeline-icon:before{border-color:#ed687c;box-shadow:0 0 0 4px #f798a8}
.main-timeline7 .timeline:nth-child(4n) .year:before{background:#ed687c;box-shadow:0 0 0 4px #ed687c}
.main-timeline7 .timeline:nth-child(4n) .title{color:#ed687c}
@media only screen and (max-width:990px){.main-timeline7 .timeline{width:100%}
.main-timeline7 .timeline:nth-child(even),.main-timeline7 .timeline:nth-child(odd){margin:0}
.main-timeline7 .timeline:before,.main-timeline7 .timeline:nth-child(2n):before{width:30px;height:100%;left:25px}
.main-timeline7 .timeline-icon,.main-timeline7 .timeline:nth-child(2n) .timeline-icon{left:0}
.main-timeline7 .timeline:nth-child(2n) .year,.main-timeline7 .year{text-align:left;padding:0 30px 0 100px}
.main-timeline7 .timeline:nth-child(2n) .year:before,.main-timeline7 .year:before{left:auto;right:4px}
.main-timeline7 .year:after{left:auto;right:50px;border-right:10px solid #303a3b;border-left:none}
.main-timeline7 .timeline-content .description{color:#666}
.main-timeline7 .timeline-content,.main-timeline7 .timeline:nth-child(2n) .timeline-content{text-align:left;padding:18px 40px 18px 100px}
.main-timeline7 .timeline-content:after,.main-timeline7 .timeline-content:before{width:0;height:0}
}
/******************* Timeline Demo - 8 *****************/
.main-timeline8{overflow:hidden;position:relative}
.main-timeline8:after,.main-timeline8:before{content:"";display:block;width:100%;clear:both}
.main-timeline8:before{content:"";width:3px;height:100%;background:#d6d5d5;position:absolute;top:30px;left:50%}
.main-timeline8 .timeline{width:50%;float:left;padding-right:30px;position:relative}
.main-timeline8 .timeline-icon{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #fe6847;position:absolute;top:5.5%;right:-17.5px}
.main-timeline8 .year{display:block;padding:10px;margin:0;font-size:30px;color:#fff;border-radius:0 50px 50px 0;background:#fe6847;text-align:center;position:relative}
.main-timeline8 .year:before{content:"";border-top:35px solid #f59c8b;border-left:35px solid transparent;position:absolute;bottom:-35px;left:0}
.main-timeline8 .timeline-content{padding:30px 20px;margin:0 45px 0 35px;background:#f2f2f2}
.main-timeline8 .title{font-size:19px;font-weight:700;color:#504f54;margin:0 0 10px}
.main-timeline8 .description{font-size:14px;color:#7d7b7b;margin:0}
.main-timeline8 .timeline:nth-child(2n){padding:0 0 0 30px}
.main-timeline8 .timeline:nth-child(2n) .timeline-icon{right:auto;left:-14.5px}
.main-timeline8 .timeline:nth-child(2n) .year{border-radius:50px 0 0 50px;background:#7eda99}
.main-timeline8 .timeline:nth-child(2n) .year:before{border-left:none;border-right:35px solid transparent;left:auto;right:0}
.main-timeline8 .timeline:nth-child(2n) .timeline-content{text-align:right;margin:0 35px 0 45px}
.main-timeline8 .timeline:nth-child(2n) .note-image{float: right;margin-left: 15px; margin-right: 0px;}
.main-timeline8 .timeline:nth-child(2){margin-top:170px}
.main-timeline8 .timeline:nth-child(odd){margin:-175px 0 0}
.main-timeline8 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline8 .timeline:first-child,.main-timeline8 .timeline:last-child:nth-child(even){margin:0}
.main-timeline8 .timeline:nth-child(2n) .timeline-icon{border-color:#7eda99}
.main-timeline8 .timeline:nth-child(2n) .year:before{border-top-color:#92efad}
.main-timeline8 .timeline:nth-child(3n) .timeline-icon{border-color:#8a5ec1}
.main-timeline8 .timeline:nth-child(3n) .year{background:#8a5ec1}
.main-timeline8 .timeline:nth-child(3n) .year:before{border-top-color:#a381cf}
.main-timeline8 .timeline:nth-child(4n) .timeline-icon{border-color:#f98d9c}
.main-timeline8 .timeline:nth-child(4n) .year{background:#f98d9c}
.main-timeline8 .timeline:nth-child(4n) .year:before{border-top-color:#f2aab3}
@media only screen and (max-width:767px){.main-timeline8{overflow:visible}
.main-timeline8:before{top:0;left:0}
.main-timeline8 .timeline:nth-child(2),.main-timeline8 .timeline:nth-child(even),.main-timeline8 .timeline:nth-child(odd){margin:0}
.main-timeline8 .timeline{width:100%;float:none;padding:0 0 0 30px;margin-bottom:20px!important}
.main-timeline8 .timeline:last-child{margin:0!important}
.main-timeline8 .timeline-icon{right:auto;left:-14.5px}
.main-timeline8 .year{border-radius:50px 0 0 50px}
.main-timeline8 .year:before{border-left:none;border-right:35px solid transparent;left:auto;right:0}
.main-timeline8 .timeline-content{margin:0 35px 0 45px}
}
/******************* Timeline Demo - 9 *****************/
.main-timeline9{position:relative}
.main-timeline9:after,.main-timeline9:before{content:"";display:block;width:100%;clear:both}
.main-timeline9:before{content:"";width:4px;height:100%;background:#97cece;position:absolute;top:0;left:50%}
.main-timeline9 .timeline{width:50%;float:left;position:relative;z-index:1}
.main-timeline9 .timeline:after,.main-timeline9 .timeline:before{content:"";display:block;width:100%;clear:both}
.main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{content:"";width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #97cece;position:absolute;top:0;right:-14px;z-index:1}
.main-timeline9 .timeline:last-child:before{top:auto;bottom:0}
.main-timeline9 .timeline:last-child:nth-child(even):before{right:auto;left:-12px;bottom:-2px}
.main-timeline9 .timeline-content{text-align:center;margin-top:8px;position:relative;transition:all .3s ease 0s}
.main-timeline9 .timeline-content:before{content:"";width:100%;height:5px;background:#97cece;position:absolute;top:88px;left:0;z-index:-1}
.main-timeline9 .circle{width:180px;height:180px;border-radius:50%;border:9px solid #97cece;float:left;margin-right:25px;position:relative}
.main-timeline9 .circle img{width:160px;height:160px;border-radius:50%;box-shadow:0 0 7px rgba(0,0,0,.4);}
.main-timeline9 .circle span:after,.main-timeline9 .circle span:before,.main-timeline9 .circle:before{content:"";margin:auto;position:absolute;right:-33px;bottom:0;z-index:-1}
.main-timeline9 .circle:before{width:26px;height:30px;background:#97cece;top:0;box-shadow:inset 7px 0 9px -7px #444}
.main-timeline9 .circle span{display:block;width:100%;height:100%;border-radius:50%;line-height:160px;color:#454344}
.main-timeline9 .circle span:after,.main-timeline9 .circle span:before{width:28px;height:50px;background:#fff;border-radius:0 0 0 21px;top:-54px}
.main-timeline9 .circle span:after{border-radius:21px 0 0;top:0;bottom:-56px}
.main-timeline9 .content{display:table;padding-right:40px;position:relative}
.main-timeline9 .year{display:block;padding:10px;margin:10px 0 50px;background:#97cece;border-radius:7px;font-size:25px;color:#fff}
.main-timeline9 .title{font-size:25px;font-weight:700;color:#97cece;margin-top:0}
.main-timeline9 .icon span:after,.main-timeline9 .icon span:before,.main-timeline9 .icon:before{content:"";height:25px;margin:auto;position:absolute;bottom:0;z-index:-1;left:-15px}
.main-timeline9 .description{font-size:14px;color:#a6a6a6;text-align:justify}
.main-timeline9 .icon{width:25px;height:25px;border-radius:50%;background:#fff;border:4px solid #97cece;position:absolute;top:78px;right:-14px}
.main-timeline9 .icon:before{width:15px;background:#97cece;top:-1px}
.main-timeline9 .icon span:after,.main-timeline9 .icon span:before{width:21px;background:#fff;border-radius:0 0 21px;top:-30px}
.main-timeline9 .icon span:after{border-radius:0 21px 0 0;top:0;left:-15px;bottom:-30px}
.main-timeline9 .timeline:nth-child(2n) .circle,.main-timeline9 .timeline:nth-child(2n) .timeline-content{float:right}
.main-timeline9 .timeline:nth-child(2n) .circle{margin:0 0 0 25px}
.main-timeline9 .timeline:nth-child(2n) .circle:before{right:auto;left:-33px;box-shadow:-7px 0 9px -7px #444 inset}
.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:auto;left:-33px;border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:0 21px 0 0}
.main-timeline9 .timeline:nth-child(2n) .content{padding:0 0 0 40px;margin-left:2px}
.main-timeline9 .timeline:nth-child(2n) .icon{right:auto;left:-14px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:auto;right:-15px}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:21px 0 0}
.main-timeline9 .timeline:nth-child(2){margin-top:180px}
.main-timeline9 .timeline:nth-child(odd){margin:-175px 0 0}
.main-timeline9 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline9 .timeline:first-child,.main-timeline9 .timeline:last-child:nth-child(even){margin:0}
@media only screen and (max-width:990px){.main-timeline9:before{left:100%}
.main-timeline9 .timeline{width:100%;float:none;margin-bottom:20px!important}
.main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{left:auto!important;right:-13px!important}
.main-timeline9 .timeline:nth-child(2n) .circle{float:left;margin:0 25px 0 0}
.main-timeline9 .timeline:nth-child(2n) .circle:before{right:-33px;left:auto;box-shadow:7px 0 9px -7px #444 inset}
.main-timeline9 .timeline:nth-child(2n) .circle span:after,.main-timeline9 .timeline:nth-child(2n) .circle span:before{right:-33px;left:auto;border-radius:0 0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .circle span:after{border-radius:21px 0 0}
.main-timeline9 .timeline:nth-child(2n) .content{padding:0 40px 0 0;margin-left:0}
.main-timeline9 .timeline:nth-child(2n) .icon{right:-14px;left:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:after,.main-timeline9 .timeline:nth-child(2n) .icon span:before,.main-timeline9 .timeline:nth-child(2n) .icon:before{left:-15px;right:auto}
.main-timeline9 .timeline:nth-child(2n) .icon span:before{border-radius:0 0 21px}
.main-timeline9 .timeline:nth-child(2n) .icon span:after{border-radius:0 21px 0 0}
.main-timeline9 .timeline:nth-child(2),.main-timeline9 .timeline:nth-child(even),.main-timeline9 .timeline:nth-child(odd){margin:0}
}
@media only screen and (max-width:480px){.main-timeline9:before{left:0}
.main-timeline9 .timeline:first-child:before,.main-timeline9 .timeline:last-child:before{left:-12px!important;right:auto!important}
.main-timeline9 .circle,.main-timeline9 .timeline:nth-child(2n) .circle{width:130px;height:130px;float:none;margin:0 auto}
.main-timeline9 .circle img {width:110px;height:110px;}
.main-timeline9 .timeline-content:before{width:99.5%;top:68px;left:.5%}
.main-timeline9 .circle span{line-height:115px;}
.main-timeline9 .circle span:after,.main-timeline9 .circle span:before,.main-timeline9 .circle:before,.main-timeline9 .icon{display:none}
.main-timeline9 .content,.main-timeline9 .timeline:nth-child(2n) .content{padding:0 10px}
.main-timeline9 .year{margin-bottom:15px}
.main-timeline9 .description{text-align:center}
}
/******************* Timeline Demo - 10 *****************/
.main-timeline10:after,.main-timeline10:before{content:"";display:block;width:100%;clear:both}
.main-timeline10 .timeline{padding:0;display:-webkit-inline-box}
.main-timeline10 .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:24%}
.main-timeline10 .timeline-inner{text-align:center;margin:20px 20px 35px 35px;position:relative}
.main-timeline10 .timeline-inner:after{content:"";width:120%;height:3px;background:#555;position:absolute;bottom:0;left:10%}
.main-timeline10 .timeline:last-child .timeline-inner:after{width:0}
.main-timeline10 .year{background:#58b25e;padding:5px 0;border-radius:30px 0;font-size:26px;font-weight:700;color:#fff;z-index:1;position:relative}
.main-timeline10 .year:after,.main-timeline10 .year:before{position:absolute;top:-19px;content:""}
.main-timeline10 .year:before{right:0;border:10px solid transparent;border-bottom:10px solid #58b25e;border-right:10px solid #58b25e}
.main-timeline10 .year:after{width:25px;height:19px;border-radius:0 0 20px;background:#fff;right:1px}
.main-timeline10 .timeline-content{padding:10px 10px 30px;border-left:3px solid #58b25e;position:relative}
.main-timeline10 .timeline-content:before{content:"";position:absolute;top:0;left:-1px;border:10px solid transparent;border-top:10px solid #58b25e;border-left:10px solid #58b25e}
.main-timeline10 .timeline-content:after{content:"";width:25px;height:19px;border-radius:20px 0 0;background:#fff;position:absolute;top:0;left:0}
.main-timeline10 .post{font-size:26px;color:#333}
.main-timeline10 .description{font-size:14px;color:#333}
.main-timeline10 .timeline-icon{width:70px;height:70px;line-height:65px;border-radius:50%;border:5px solid #58b25e;background:#fff;font-size:30px;color:#555;z-index:1;position:absolute;bottom:-35px;left:-35px}
.main-timeline10 .timeline:nth-child(2n) .year{background:#9f84c4}
.main-timeline10 .timeline:nth-child(2n) .year:before{border-bottom-color:#9f84c4;border-right-color:#9f84c4}
.main-timeline10 .timeline:nth-child(2n) .timeline-content{border-left-color:#9f84c4}
.main-timeline10 .timeline:nth-child(2n) .timeline-content:before{border-top-color:#9f84c4;border-left-color:#9f84c4}
.main-timeline10 .timeline:nth-child(2n) .timeline-icon{border-color:#9f84c4}
.main-timeline10 .timeline:nth-child(3n) .year{background:#f35958}
.main-timeline10 .timeline:nth-child(3n) .year:before{border-bottom-color:#f35958;border-right-color:#f35958}
.main-timeline10 .timeline:nth-child(3n) .timeline-content{border-left-color:#f35958}
.main-timeline10 .timeline:nth-child(3n) .timeline-content:before{border-top-color:#f35958;border-left-color:#f35958}
.main-timeline10 .timeline:nth-child(3n) .timeline-icon{border-color:#f35958}
.main-timeline10 .timeline:nth-child(4n) .year{background:#e67e49}
.main-timeline10 .timeline:nth-child(4n) .year:before{border-bottom-color:#e67e49;border-right-color:#e67e49}
.main-timeline10 .timeline:nth-child(4n) .timeline-content{border-left-color:#e67e49}
.main-timeline10 .timeline:nth-child(4n) .timeline-content:before{border-top-color:#e67e49;border-left-color:#e67e49}
.main-timeline10 .timeline:nth-child(4n) .timeline-icon{border-color:#e67e49}
@media only screen and (max-width:990px){.main-timeline10 .timeline-inner:after{width:110%}
.main-timeline10 .timeline:nth-child(2n) .timeline-inner:after{width:0}
}
@media only screen and (max-width:767px){.main-timeline10 .timeline{margin-bottom:50px}
.main-timeline10 .timeline-inner:after,.main-timeline10 .timeline:nth-child(2n) .timeline-inner:after{width:100%;height:3px;left:0}
}
/******************* Timeline Demo - 11 *****************/
.main-timeline11{overflow:hidden;position:relative}
.main-timeline11:before{content:"";width:7px;height:100%;background:#909090;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.main-timeline11 .timeline{width:50%;padding-left:50px;float:right;position:relative}
.main-timeline11 .timeline:after,.main-timeline11 .timeline:before{position:absolute;content:"";top:50%;transform:translateY(-50%)}
.main-timeline11 .timeline:before{width:30px;height:30px;border-radius:50%;background:#909090;border:7px solid #fff;left:-15px}
.main-timeline11 .timeline:after{display:block;border-right:30px solid #ee4423;border-top:20px solid transparent;border-bottom:20px solid transparent;left:24px}
.main-timeline11 .timeline-content{display:block;padding:25px;border-radius:100px;background:#ee4423;position:relative}
.main-timeline11 .timeline-content:after,.main-timeline11 .timeline-content:before{content:"";display:block;width:100%;clear:both}
.main-timeline11 .timeline-content:hover{text-decoration:none}
.main-timeline11 .inner-content{width:70%;float:right;padding:15px 20px 15px 15px;background:#fff;border-radius:0 100px 100px 0;color:#ee4423}
.main-timeline11 .year{display:inline-block;font-size:28px;font-weight:600; width: 130px;color:#fff;position:absolute;top:50%;left:5%;transform:translateY(-50%)}
.main-timeline11 .title{font-size:24px;font-weight:600;text-transform:uppercase;margin:0 0 5px}
.main-timeline11 .description{font-size:14px;margin:0 0 5px}
.main-timeline11 .timeline:nth-child(2n){padding:0 50px 0 0}
.main-timeline11 .timeline:nth-child(2n) .year,.main-timeline11 .timeline:nth-child(2n):before{left:auto;right:-15px}
.main-timeline11 .timeline:nth-child(2n) .year{right:7%}
.main-timeline11 .timeline:nth-child(2n):after{border-right:none;border-left:30px solid ;left:auto;right:24px;}
.main-timeline11 .timeline:nth-child(2n) .inner-content{float:none;border-radius:100px 0 0 100px;text-align:right}
.main-timeline11 .timeline .note-image{float: left; max-width: 160px;}
.main-timeline11 .timeline:nth-child(2n) .note-image{float: right;margin-left: 15px; max-width: 160px;margin-right: 0px;}
.main-timeline11 .timeline:nth-child(2){margin-top:130px}
.main-timeline11 .timeline:nth-child(odd){margin:-130px 0 0}
.main-timeline11 .timeline:nth-child(even){margin-bottom:80px}
.main-timeline11 .timeline:first-child,.main-timeline11 .timeline:last-child:nth-child(even){margin:0}
.main-timeline11 .timeline:nth-child(2n) .timeline-content{background:#f68829}
.main-timeline11 .timeline:nth-child(2n),.main-timeline11 .timeline:nth-child(2n) .inner-content{color:#f68829}
.main-timeline11 .timeline:nth-child(3n) .timeline-content{background:#2991d0}
.main-timeline11 .timeline:nth-child(3n),.main-timeline11 .timeline:nth-child(3n) .inner-content{color:#2991d0}
.main-timeline11 .timeline:nth-child(3n):after{border-right-color:#2991d0}
.main-timeline11 .timeline:nth-child(4n) .timeline-content{background:#9361aa}
.main-timeline11 .timeline:nth-child(4n),.main-timeline11 .timeline:nth-child(4n) .inner-content{color:#9361aa}
.main-timeline11 .timeline:nth-child(4n):after{border-left-color:#9361aa}
.main-timeline11 .timeline:nth-child(5n) .timeline-content{background:#a7be26}
.main-timeline11 .timeline:nth-child(5n),.main-timeline11 .timeline:nth-child(5n) .inner-content{color:#a7be26}
.main-timeline11 .timeline:nth-child(5n):after{border-right-color:#a7be26}
@media only screen and (max-width:1200px){.main-timeline11 .inner-content{width:80%}
.main-timeline11 .year{font-size:25px;left:10px;transform:translateY(-50%) rotate(-90deg)}
.main-timeline11 .timeline:nth-child(2n) .year{right:10px}
}
@media only screen and (max-width:990px){.main-timeline11 .year{font-size:25px;left: -30px;}
.main-timeline11 .timeline:nth-child(2n) .year{right:-30px;}
}
@media only screen and (max-width:767px){.main-timeline11 .timeline:before,.main-timeline11:before{left:10px;transform:translateX(0)}
.main-timeline11 .timeline:nth-child(2n):after{border-left:none;border-right:30px solid #ee4423;right:auto;left:24px;border-right-color:#f68829}
.main-timeline11 .timeline,.main-timeline11 .timeline:nth-child(even),.main-timeline11 .timeline:nth-child(odd){width:100%;float:none;margin:0 0 30px}
.main-timeline11 .timeline:last-child{margin-bottom:0}
.main-timeline11 .timeline:nth-child(2n){padding:0 0 0 50px}
.main-timeline11 .timeline:before,.main-timeline11 .timeline:nth-child(2n):before{left:-2px}
.main-timeline11 .inner-content{width:85%}
.main-timeline11 .timeline:nth-child(2n) .inner-content{float:right;border-radius:0 100px 100px 0;text-align:left}
.main-timeline11 .timeline:nth-child(2n) .year{right:auto;left: -30px;}
.main-timeline11 .timeline:nth-child(3n):after{border-left-color:#2991d0}
.main-timeline11 .timeline:nth-child(4n):after{border-right-color:#9361aa}
.main-timeline11 .timeline:nth-child(5n):after{border-left-color:#a7be26}
}
@media only screen and (max-width:479px){.main-timeline11 .timeline-content{padding:15px}
.main-timeline11 .inner-content{width:80%}
.main-timeline11 .year{font-size:30px;}
}
/******************* Timeline Demo - 12 *****************/
.main-timeline12 .timeline{padding:0 2px;position:relative;display:inline-block}
.main-timeline12 .col-md-2{-ms-flex:0 0 15.666667%;flex:0 0 15.666667%;max-width:15.666667%}
.main-timeline12 .timeline-icon{display:block;text-align:center;padding:20px 0 55px;z-index:1;position:relative}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon{padding:55px 0 20px}
.main-timeline12 .timeline-icon:before{content:"";width:1px;height:75%;background:#39ae99;margin:0 auto;position:absolute;bottom:0;left:0;right:0;z-index:-1;transition:all .3s ease 0s}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon:before{bottom:auto;top:0}
.main-timeline12 .timeline:hover .timeline-icon:before{background:#555}
.main-timeline12 .timeline-icon i{width:45px;height:45px;line-height:45px;border-radius:50%;background:#39ae99;font-size:14px;color:#fff;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .timeline-icon i{background:#555;animation:icon-load 2.5s ease 0s infinite}
.main-timeline12 .border{height:15px;background:#39ae99;margin-bottom:0;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .border{background:#555}
.main-timeline12 .timeline:first-child .border{border-radius:4px 0 0 4px}
.main-timeline12 .timeline:last-child .border{border-radius:0 4px 4px 0}
.main-timeline12 .timeline:nth-child(2n) .border{margin:18px 0 0}
.main-timeline12 .timeline-content{padding:15px;border:1px solid #ddd;background:#f9f9f9;border-radius:3px;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .timeline-content{background:#555}
.main-timeline12 .title{font-size:18px;font-weight:700;color:#39ae99;text-transform:uppercase;margin:0 0 10px;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .title{color:#fff}
.main-timeline12 .timeline-content .description{font-size:14px;color:#888;margin:0;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .description{color:#fff}
@keyframes icon-load{0%{transform:rotate(-12deg)}
8%{transform:rotate(12deg)}
10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}
18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}
100%,75%{transform:rotate(0)}
}
@media only screen and (max-width:990px){.main-timeline12 .timeline{margin-bottom:20px}
}
@media only screen and (max-width:767px){.main-timeline12 .timeline-icon{padding-top:0}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon{padding-bottom:0}
.main-timeline12 .border{margin-bottom:10px}
.main-timeline12 .timeline:nth-child(2n) .border{margin:10px 0 0}
.main-timeline12 .timeline-content{text-align:center}
}
.category{margin-bottom: 10px;position: relative;}
.thm-btn2 {
display: inline-block;
position: relative;
margin-top: 5px;
border: 0.125rem solid;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
-webkit-border-radius: 2.5rem;
border-radius: 2.5rem;
font-size: 0.9375rem;
color: #999;
padding: 5px 12px;
z-index: 1;
-webkit-transition: all .4s linear;
-ms-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
}
.timeline .note-image{
float: left;
margin-right: 15px;
margin-bottom: 5px;
border: 5px solid rgba(255,255,255,.7);
max-width: 250px;
height: auto;box-shadow: 0 0 8px rgba(0,0,0,0.35);
}
.thm-btn2:hover,
.thm-btn2:focus {color: #444;}
.main-timeline *, .main-timeline ::after, .main-timeline ::before, .main-timeline2 *, .main-timeline2 ::after, .main-timeline2 ::before, .main-timeline4 *, .main-timeline4 ::after, .main-timeline4 ::before, .main-timeline6 *, .main-timeline6 ::after, .main-timeline6 ::before, .main-timeline7 *, .main-timeline7 ::after, .main-timeline7 ::before, .main-timeline8 *, .main-timeline8 ::after, .main-timeline8 ::before, .main-timeline9 *, .main-timeline9 ::after, .main-timeline9 ::before, .main-timeline11 *, .main-timeline11 ::after, .main-timeline11 ::before {
box-sizing: border-box;
}

2337
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/font-awesome.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/FontAwesome.otf Normal file
View File

Binary file not shown.

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.eot Normal file
View File

Binary file not shown.

2671
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 434 KiB

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.ttf Normal file
View File

Binary file not shown.

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff Normal file
View File

Binary file not shown.

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.eot Normal file
View File

Binary file not shown.

47
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.svg Normal file
View File

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
<json>
<![CDATA[
{
"fontFamily": "lg",
"majorVersion": 1,
"minorVersion": 0,
"fontURL": "https://github.com/sachinchoolur/lightGallery",
"copyright": "sachin",
"license": "MLT",
"licenseURL": "http://opensource.org/licenses/MIT",
"version": "Version 1.0",
"fontId": "lg",
"psName": "lg",
"subFamily": "Regular",
"fullName": "lg",
"description": "Font generated by IcoMoon."
}
]]>
</json>
</metadata>
<defs>
<font id="lg" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64"/>
<missing-glyph horiz-adv-x="1024"/>
<glyph unicode=" " horiz-adv-x="512" d=""/>
<glyph unicode="" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z"/>
<glyph unicode="" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z"/>
<glyph unicode="" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z"/>
<glyph unicode="" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z"/>
<glyph unicode="" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z"/>
<glyph unicode="" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z"/>
<glyph unicode="" glyph-name="vertical_align_bottom" data-tags="vertical_align_bottom" d="M170 128.667h684v-86h-684v86zM682 384.667l-170-172-170 172h128v426h84v-426h128z"/>
<glyph unicode="" glyph-name="apps" data-tags="apps" d="M682 84.667v172h172v-172h-172zM682 340.667v172h172v-172h-172zM426 596.667v172h172v-172h-172zM682 768.667h172v-172h-172v172zM426 340.667v172h172v-172h-172zM170 340.667v172h172v-172h-172zM170 84.667v172h172v-172h-172zM426 84.667v172h172v-172h-172zM170 596.667v172h172v-172h-172z"/>
<glyph unicode="" glyph-name="fullscreen" data-tags="fullscreen" d="M598 724.667h212v-212h-84v128h-128v84zM726 212.667v128h84v-212h-212v84h128zM214 512.667v212h212v-84h-128v-128h-84zM298 340.667v-128h128v-84h-212v212h84z"/>
<glyph unicode="" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z"/>
<glyph unicode="" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z"/>
<glyph unicode="" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z"/>
<glyph unicode="" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z"/>
<glyph unicode="" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z"/>
<glyph unicode="" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z"/>
<glyph unicode="" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z"/>
<glyph unicode="" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z"/>
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.ttf Normal file
View File

Binary file not shown.

BIN
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.woff Normal file
View File

Binary file not shown.

1
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/index.html Normal file
View File

@ -0,0 +1 @@
<html><body bgcolor="#FFFFFF"></body></html>

1
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/index.html Normal file
View File

@ -0,0 +1 @@
<html><body bgcolor="#FFFFFF"></body></html>

21
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/social.js Normal file
View File

@ -0,0 +1,21 @@
// IE checker
jQuery(document).ready(function() {
// Social icons
jQuery('.item-social-icons').click(function() {
jQuery(this).toggleClass('open');
jQuery(this).parent().toggleClass('social-open');
});
// Social sharing popups
var Config = {
Link: ".icon-share-popup",
Width: 500,
Height: 500
};
});

13
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/wow.js Normal file
View File

File diff suppressed because one or more lines are too long

653
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/helper.php Normal file
View File

@ -0,0 +1,653 @@
<?php
/**
* @title Timeline
* @version 4.0.2
* @copyright Copyright (C) 2019 olwebdesign.com, All rights reserved.
* @license GNU General Public License version 3 or later.
* @author url http://www.olwebdesign.com/
* @developers olwebdesign.com
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
require_once (JPATH_SITE.'/components/com_k2/helpers/route.php');
require_once (JPATH_SITE.'/components/com_k2/helpers/utilities.php');
class TimeLineHelper
{
public static function getItems(&$params, $module_id, $format = 'html')
{
jimport('joomla.filesystem.file');
$mainframe = JFactory::getApplication();
$limit = $params->get('slider_count', 5);
// Exclude items script
$excluded = $params->get('exclude_k2_items');
if (preg_match('/^[0-9,]+$/i', $excluded)) {
$excluded_str = $excluded;
} else {
$excluded_str = '0';
}
$cid = $params->get('category_id', NULL);
$ordering = $params->get('items_order', '');
$componentParams = JComponentHelper::getParams('com_k2');
$limitstart = JRequest::getInt('limitstart');
$user = JFactory::getUser();
$aid = $user->get('aid');
$db = JFactory::getDBO();
$jnow = JFactory::getDate();
$now = K2_JVERSION == '15'?$jnow->toMySQL():$jnow->toSql();
$nullDate = $db->getNullDate();
// Data source = K2 Articles
if ($params->get('data_source') == 'k2_articles')
{
$value = $params->get('k2_items');
$current = array();
if (is_string($value) && !empty($value))
$current[] = $value;
if (is_array($value))
$current = $value;
$items = array();
foreach ($current as $id)
{
$query = "SELECT i.*, c.name AS categoryname,c.id AS categoryid, c.alias AS categoryalias, c.params AS categoryparams
FROM #__k2_items as i
LEFT JOIN #__k2_categories c ON c.id = i.catid
WHERE i.published = 1 ";
if (K2_JVERSION != '15')
{
$query .= " AND i.access IN(".implode(',', $user->getAuthorisedViewLevels()).") ";
}
else
{
$query .= " AND i.access<={$aid} ";
}
$query .= " AND i.trash = 0 AND c.published = 1 ";
if (K2_JVERSION != '15')
{
$query .= " AND c.access IN(".implode(',', $user->getAuthorisedViewLevels()).") ";
}
else
{
$query .= " AND c.access<={$aid} ";
}
$query .= " AND c.trash = 0
AND ( i.publish_up = ".$db->Quote($nullDate)." OR i.publish_up <= ".$db->Quote($now)." )
AND ( i.publish_down = ".$db->Quote($nullDate)." OR i.publish_down >= ".$db->Quote($now)." )
AND i.id={$id}";
if (K2_JVERSION != '15')
{
if ($mainframe->getLanguageFilter())
{
$languageTag = JFactory::getLanguage()->getTag();
$query .= " AND c.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').") AND i.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').")";
}
}
$db->setQuery($query);
$item = $db->loadObject();
if ($item)
$items[] = $item;
}
}
// Data source = K2 Categories
else if ($params->get('data_source') == 'k2_categories')
{
$query = "SELECT i.*, CASE WHEN i.modified = 0 THEN i.created ELSE i.modified END as lastChanged, c.name AS categoryname,c.id AS categoryid, c.alias AS categoryalias, c.params AS categoryparams";
if ($ordering == 'best')
$query .= ", (r.rating_sum/r.rating_count) AS rating";
if ($ordering == 'comments')
$query .= ", COUNT(comments.id) AS numOfComments";
$query .= " FROM #__k2_items as i LEFT JOIN #__k2_categories c ON c.id = i.catid";
if ($ordering == 'best')
$query .= " LEFT JOIN #__k2_rating r ON r.itemID = i.id";
if ($ordering == 'comments')
$query .= " LEFT JOIN #__k2_comments comments ON comments.itemID = i.id";
if (K2_JVERSION != '15')
{
$query .= " WHERE i.published = 1 AND i.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND i.trash = 0 AND c.published = 1 AND c.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND c.trash = 0";
}
else
{
$query .= " WHERE i.published = 1 AND i.access <= {$aid} AND i.trash = 0 AND c.published = 1 AND c.access <= {$aid} AND c.trash = 0";
}
$query .= " AND i.id NOT IN ({$excluded_str}) ";
$query .= " AND ( i.publish_up = ".$db->Quote($nullDate)." OR i.publish_up <= ".$db->Quote($now)." )";
$query .= " AND ( i.publish_down = ".$db->Quote($nullDate)." OR i.publish_down >= ".$db->Quote($now)." )";
if ($params->get('catfilter'))
{
if (!is_null($cid))
{
if (is_array($cid))
{
if ($params->get('getChildren'))
{
$itemListModel = K2Model::getInstance('Itemlist', 'K2Model');
$categories = $itemListModel->getCategoryTree($cid);
$sql = @implode(',', $categories);
$query .= " AND i.catid IN ({$sql})";
}
else
{
JArrayHelper::toInteger($cid);
$query .= " AND i.catid IN(".implode(',', $cid).")";
}
}
else
{
if ($params->get('getChildren'))
{
$itemListModel = K2Model::getInstance('Itemlist', 'K2Model');
$categories = $itemListModel->getCategoryTree($cid);
$sql = @implode(',', $categories);
$query .= " AND i.catid IN ({$sql})";
}
else
{
$query .= " AND i.catid=".(int)$cid;
}
}
}
}
if ($params->get('FeaturedItems') == '0')
$query .= " AND i.featured != 1";
if ($params->get('FeaturedItems') == '2')
$query .= " AND i.featured = 1";
if ($params->get('videosOnly'))
$query .= " AND (i.video IS NOT NULL AND i.video!='')";
if ($ordering == 'comments')
$query .= " AND comments.published = 1";
if (K2_JVERSION != '15')
{
if ($mainframe->getLanguageFilter())
{
$languageTag = JFactory::getLanguage()->getTag();
$query .= " AND c.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').") AND i.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').")";
}
}
switch ($ordering)
{
case 'date' :
$orderby = 'i.created ASC';
break;
case 'rdate' :
$orderby = 'i.created DESC';
break;
case 'alpha' :
$orderby = 'i.title';
break;
case 'ralpha' :
$orderby = 'i.title DESC';
break;
case 'order' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering';
else
$orderby = 'i.ordering';
break;
case 'rorder' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering DESC';
else
$orderby = 'i.ordering DESC';
break;
case 'hits' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$orderby = 'i.hits DESC';
break;
case 'rand' :
$orderby = 'RAND()';
break;
case 'best' :
$orderby = 'rating DESC';
break;
case 'comments' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$query .= " GROUP BY i.id ";
$orderby = 'numOfComments DESC';
break;
case 'modified' :
$orderby = 'lastChanged DESC';
break;
case 'publishUp' :
$orderby = 'i.publish_up DESC';
break;
default :
$orderby = 'i.id DESC';
break;
}
$query .= " ORDER BY ".$orderby;
$db->setQuery($query, 0, $limit);
$items = $db->loadObjectList();
}
// Data source = All K2 Articles
else if ($params->get('data_source') == 'all_k2_articles')
{
$query = "SELECT i.*, CASE WHEN i.modified = 0 THEN i.created ELSE i.modified END as lastChanged, c.name AS categoryname,c.id AS categoryid, c.alias AS categoryalias, c.params AS categoryparams";
if ($ordering == 'best')
$query .= ", (r.rating_sum/r.rating_count) AS rating";
if ($ordering == 'comments')
$query .= ", COUNT(comments.id) AS numOfComments";
$query .= " FROM #__k2_items as i LEFT JOIN #__k2_categories c ON c.id = i.catid";
if ($ordering == 'best')
$query .= " LEFT JOIN #__k2_rating r ON r.itemID = i.id";
if ($ordering == 'comments')
$query .= " LEFT JOIN #__k2_comments comments ON comments.itemID = i.id";
if (K2_JVERSION != '15')
{
$query .= " WHERE i.published = 1 AND i.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND i.trash = 0 AND c.published = 1 AND c.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND c.trash = 0";
}
else
{
$query .= " WHERE i.published = 1 AND i.access <= {$aid} AND i.trash = 0 AND c.published = 1 AND c.access <= {$aid} AND c.trash = 0";
}
$query .= " AND i.id NOT IN ({$excluded_str}) ";
$query .= " AND ( i.publish_up = ".$db->Quote($nullDate)." OR i.publish_up <= ".$db->Quote($now)." )";
$query .= " AND ( i.publish_down = ".$db->Quote($nullDate)." OR i.publish_down >= ".$db->Quote($now)." )";
if ($params->get('FeaturedItems') == '0')
$query .= " AND i.featured != 1";
if ($params->get('FeaturedItems') == '2')
$query .= " AND i.featured = 1";
if ($params->get('videosOnly'))
$query .= " AND (i.video IS NOT NULL AND i.video!='')";
if ($ordering == 'comments')
$query .= " AND comments.published = 1";
if (K2_JVERSION != '15')
{
if ($mainframe->getLanguageFilter())
{
$languageTag = JFactory::getLanguage()->getTag();
$query .= " AND c.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').") AND i.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').")";
}
}
switch ($ordering)
{
case 'date' :
$orderby = 'i.created ASC';
break;
case 'rdate' :
$orderby = 'i.created DESC';
break;
case 'alpha' :
$orderby = 'i.title';
break;
case 'ralpha' :
$orderby = 'i.title DESC';
break;
case 'order' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering';
else
$orderby = 'i.ordering';
break;
case 'rorder' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering DESC';
else
$orderby = 'i.ordering DESC';
break;
case 'hits' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$orderby = 'i.hits DESC';
break;
case 'rand' :
$orderby = 'RAND()';
break;
case 'best' :
$orderby = 'rating DESC';
break;
case 'comments' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$query .= " GROUP BY i.id ";
$orderby = 'numOfComments DESC';
break;
case 'modified' :
$orderby = 'lastChanged DESC';
break;
case 'publishUp' :
$orderby = 'i.publish_up DESC';
break;
default :
$orderby = 'i.id DESC';
break;
}
$query .= " ORDER BY ".$orderby;
$db->setQuery($query, 0, $limit);
$items = $db->loadObjectList();
}
// Data source = K2 Tags
else if ($params->get('data_source') == 'k2_tags')
{
$tags = $params->get('k2_tags');
if (empty($tags))
$tags = array();
$query = "SELECT i.*, CASE WHEN i.modified = 0 THEN i.created ELSE i.modified END as lastChanged, c.name AS categoryname,c.id AS categoryid, c.alias AS categoryalias, c.params AS categoryparams";
if ($ordering == 'best')
$query .= ", (r.rating_sum/r.rating_count) AS rating";
if ($ordering == 'comments')
$query .= ", COUNT(comments.id) AS numOfComments";
$query .= " FROM #__k2_items as i LEFT JOIN #__k2_categories c ON c.id = i.catid";
if ($ordering == 'best')
$query .= " LEFT JOIN #__k2_rating r ON r.itemID = i.id";
if ($ordering == 'comments')
$query .= " LEFT JOIN #__k2_comments comments ON comments.itemID = i.id";
$query .= " LEFT JOIN #__k2_tags_xref tags_xref ON tags_xref.itemID = i.id LEFT JOIN #__k2_tags tags ON tags.id = tags_xref.tagID ";
if (K2_JVERSION != '15')
{
$query .= " WHERE i.published = 1 AND i.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND i.trash = 0 AND c.published = 1 AND c.access IN(".implode(',', $user->getAuthorisedViewLevels()).") AND c.trash = 0";
}
else
{
$query .= " WHERE i.published = 1 AND i.access <= {$aid} AND i.trash = 0 AND c.published = 1 AND c.access <= {$aid} AND c.trash = 0";
}
$query .= " AND tags_xref.tagID IN('".implode("','", $tags)."')";
$query .= " AND i.id NOT IN ({$excluded_str}) ";
$query .= " AND ( i.publish_up = ".$db->Quote($nullDate)." OR i.publish_up <= ".$db->Quote($now)." )";
$query .= " AND ( i.publish_down = ".$db->Quote($nullDate)." OR i.publish_down >= ".$db->Quote($now)." )";
if ($params->get('FeaturedItems') == '0')
$query .= " AND i.featured != 1";
if ($params->get('FeaturedItems') == '2')
$query .= " AND i.featured = 1";
if ($params->get('videosOnly'))
$query .= " AND (i.video IS NOT NULL AND i.video!='')";
if ($ordering == 'comments')
$query .= " AND comments.published = 1";
if (K2_JVERSION != '15')
{
if ($mainframe->getLanguageFilter())
{
$languageTag = JFactory::getLanguage()->getTag();
$query .= " AND c.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').") AND i.language IN (".$db->Quote($languageTag).", ".$db->Quote('*').")";
}
}
switch ($ordering)
{
case 'date' :
$orderby = 'i.created ASC';
break;
case 'rdate' :
$orderby = 'i.created DESC';
break;
case 'alpha' :
$orderby = 'i.title';
break;
case 'ralpha' :
$orderby = 'i.title DESC';
break;
case 'order' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering';
else
$orderby = 'i.ordering';
break;
case 'rorder' :
if ($params->get('FeaturedItems') == '2')
$orderby = 'i.featured_ordering DESC';
else
$orderby = 'i.ordering DESC';
break;
case 'hits' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$orderby = 'i.hits DESC';
break;
case 'rand' :
$orderby = 'RAND()';
break;
case 'best' :
$orderby = 'rating DESC';
break;
case 'comments' :
if ($params->get('popularityRange'))
{
$datenow = JFactory::getDate();
$date = K2_JVERSION == '15'?$datenow->toMySQL():$datenow->toSql();
$query .= " AND i.created > DATE_SUB('{$date}',INTERVAL ".$params->get('popularityRange')." DAY) ";
}
$orderby = 'numOfComments DESC';
break;
case 'modified' :
$orderby = 'lastChanged DESC';
break;
case 'publishUp' :
$orderby = 'i.publish_up DESC';
break;
default :
$orderby = 'i.id DESC';
break;
}
$query .= " GROUP BY i.id ";
$query .= " ORDER BY ".$orderby;
$db->setQuery($query, 0, $limit);
$items = $db->loadObjectList();
}
$model = K2Model::getInstance('Item', 'K2Model');
if (count($items))
{
foreach ($items as $key=>$item)
{
$item->event = new stdClass;
//Clean title
$item->title = JFilterOutput::ampReplace($item->title);
//Format date
$item->created_day = JHTML::_('date', $item->created , JText::_('d'));
$item->created_month = JHTML::_('date', $item->created , JText::_('M'));
$item->created_year = JHTML::_('date', $item->created , JText::_('Y'));
//Images
$date = JFactory::getDate($item->modified);
$timestamp = '?t='.$date->toUnix();
// Get Image
$item->mainImage = false;
$item->thumbImage = false;
if (JFile::exists(JPATH_SITE.DS.'media'.DS.'k2'.DS.'items'.DS.'cache'.DS.md5("Image".$item->id).'_XL.jpg'))
{
$item->rawitemImage = 'media/k2/items/cache/'.md5("Image".$item->id).'_XL.jpg';
if ($componentParams->get('imageTimestamp'))
{
$item->rawitemImage .= $timestamp;
}
// Define new images
$item->mainImage = $item->rawitemImage;
$item->thumbImage = $item->rawitemImage;
}
else
{
// Get Inline Image
if (!$item->mainImage)
{
$item_text = $item->introtext.' '.$item->fulltext;
$introtext_temp = strip_tags($item_text, '<img>');
preg_match('/<img[^>]+>/i', $introtext_temp, $new_image);
$src = false;
if ($new_image) {
$doc = new DOMDocument();
$doc->loadHTML($new_image[0]);
$xpath = new DOMXPath($doc);
$src = $xpath->evaluate("string(//img/@src)");
}
if ($src) {
$item->mainImage = $src;
$item->thumbImage = $src;
}
}
}
//Read more link
$item->link = urldecode(JRoute::_(K2HelperRoute::getItemRoute($item->id.':'.urlencode($item->alias), $item->catid.':'.urlencode($item->categoryalias))));
//Category link
$item->categoryLink = urldecode(JRoute::_(K2HelperRoute::getCategoryRoute($item->catid.':'.urlencode($item->categoryalias))));
// Introtext
$item->slideintrotext = '';
$item->slideintrotext .= K2HelperUtilities::wordLimit($item->introtext, $params->get('slider_introtext_limit'));
//Clean the plugin tags
$item->slideintrotext = preg_replace("#{(.*?)}(.*?){/(.*?)}#s", '', $item->slideintrotext);
//Author
if (!empty($item->created_by_alias))
{
$item->author = $item->created_by_alias;
$item->authorLink = Juri::root(true);
}
else
{
$author = JFactory::getUser($item->created_by);
$item->author = $author->name;
//Author Link
$item->authorLink = JRoute::_(K2HelperRoute::getUserRoute($item->created_by));
}
$rows[] = $item;
}
return $rows;
}
}
}

1
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/index.html Normal file
View File

@ -0,0 +1 @@
<html><body bgcolor="#FFFFFF"></body></html>

27
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.php Normal file
View File

@ -0,0 +1,27 @@
<?php
/**
* @title Timeline
* @version 4.0.2
* @copyright Copyright (C) 2019 olwebdesign.com, All rights reserved.
* @license GNU General Public License version 3 or later.
* @author url http://www.olwebdesign.com/
* @developers olwebdesign.com
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
if(!defined('DS')){
define('DS',DIRECTORY_SEPARATOR);
}
// Get Helper function
require_once dirname(__FILE__).'/helper.php';
$module_id = $module->id;
$items = TimeLineHelper::getItems($params, $module_id);
// Add stylesheets
$document = JFactory::getDocument();
require JModuleHelper::getLayoutPath('mod_ol_k2timeline', $params->get('get_style', 'default'));

399
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.xml Normal file
View File

@ -0,0 +1,399 @@
<?xml version="1.0" encoding="utf-8"?>
<extension type="module" client="site" version="1.7.0" method="upgrade">
<name>K2 Timeline</name>
<author>olwebdesign</author>
<creationDate>Jul 27, 2020</creationDate>
<copyright>Copyright (C) http://www.olwebdesign.com. All rights reserved.</copyright>
<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
<authorEmail>support@olwebdesign.com</authorEmail>
<authorUrl>www.olwebdesign.com</authorUrl>
<version>4.0.2</version>
<description>
<![CDATA[<link href="../modules/mod_ol_k2timeline/assets/css/admin.css" rel="stylesheet" type="text/css" media="all" />
<h1>K2 Timeline</h1>
<div style="margin:0 0 0 10px; font-size:15px;">K2 Timeline Module free version from <a href="http://www.olwebdesign.com" target="_blank">olwebdesign.com</a></div>
<h3>Userful links</h3>
<ul><li><a target='_blank' href='https://www.olwebdesign.com/joomla-templates.html'>Joomla templates</a></li>
<li><a target='_blank' href='https://www.olwebdesign.com/joomla-extensions.html'>Joomla extensions</a></li>
<li><a target='_blank' href='https://www.olwebdesign.com/contact-us.html'>Report bug</a></li></ul>
<div class="footer_review">
Like this extensions? <a href="https://extensions.joomla.org/extension/ol-timeline-for-k2/" target="_blank">Leave a review on JED</a>
<a class="stars" href="https://extensions.joomla.org/extension/ol-timeline-for-k2/" target="_blank">
<span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span>
</a>
</div>
]]></description>
<files>
<filename module="mod_ol_k2timeline">mod_ol_k2timeline.php</filename>
<filename>helper.php</filename>
<filename>index.html</filename>
<folder>assets</folder>
<folder>tmpl</folder>
</files>
<languages>
<language tag="en-GB">en-GB.mod_ol_k2timeline.ini</language>
<language tag="en-GB">en-GB.mod_ol_k2timeline.sys.ini</language>
</languages>
<updateservers>
<server type="extension" priority="1" name="Timeline"><![CDATA[https://www.olwebdesign.com/updates/mod_ol_k2timeline_free.xml]]></server>
</updateservers>
<config>
<fields name="params">
<fieldset name="basic">
<field name="get_style" type="list" default="style4" label="Style" description="Select a style" >
<option value="default" disabled="true">Default</option>
<option value="style1" disabled="true">Style 1</option>
<option value="style2" disabled="true">Style 2</option>
<option value="style3" disabled="true">Style 3</option>
<option value="style4">Style 4</option>
<option value="style5" disabled="true">Style 5</option>
<option value="style6" disabled="true">Style 6</option>
<option value="style7" disabled="true">Style 7</option>
<option value="style8" disabled="true">Style 8</option>
<option value="style9" disabled="true">Style 9</option>
<option value="style10" disabled="true">Style 10</option>
</field>
<field
name="moduleclass_sfx"
type="textarea"
rows="3"
label="MOD_OL_K2_TIME_LINE_CLASS_SUFFIX_LABEL"
description="MOD_OL_K2_TIME_LINE_CLASS_SUFFIX_DESC"
/>
<field
name="auto_module_id"
type="radio"
class="btn-group"
default="1"
label="MOD_OL_K2_TIME_LINE_AUTO_MODULE_ID_LABEL"
description="MOD_OL_K2_TIME_LINE_AUTO_MODULE_ID_DESC">
<option value="0">JNo</option>
<option value="1">JYes</option>
</field>
<field
name="custom_module_id"
type="text"
default=""
label="MOD_OL_K2_TIME_LINE_CUSTOM_MODULE_ID_LABEL"
description="MOD_OL_K2_TIME_LINE_CUSTOM_MODULE_ID_DESC"
/>
</fieldset>
<fieldset addfieldpath="/administrator/components/com_k2/elements/" name="MOD_OL_K2_TIME_LINE_DATA_SOURCE">
<field
name="slider_count"
type="text"
default="12"
label="MOD_OL_K2_TIME_LINE_SLIDES_COUNT_LABEL"
description="MOD_OL_K2_TIME_LINE_SLIDES_COUNT_DESC"
/>
<field
name="data_source"
type="list"
default="k2_categories"
label="MOD_OL_K2_TIME_LINE_SOURCE_LABEL"
description="MOD_OL_K2_TIME_LINE_SOURCE_DESC">
<option value="k2_categories">MOD_OL_K2_TIME_LINE_K2_CATEGORIES</option>
<option value="k2_articles">MOD_OL_K2_TIME_LINE_K2_ARTICLES</option>
<option value="all_k2_articles">MOD_OL_K2_TIME_LINE_ALL_K2_ARTICLES</option>
<option value="k2_tags">MOD_OL_K2_TIME_LINE_K2_TAGS</option>
</field>
<field
name="catfilter"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_K2_CATEGORY_FILTER_LABEL"
description="MOD_OL_K2_TIME_LINE_K2_CATEGORY_FILTER_DESC">
<option value="0">K2_ALL</option>
<option value="1">K2_SELECT</option>
</field>
<field
name="category_id"
type="categoriesmultiple"
default=""
label="MOD_OL_K2_TIME_LINE_K2_CATEGORIES_LABEL"
description="MOD_OL_K2_TIME_LINE_K2_CATEGORIES_DESC"
/>
<field
name="getChildren"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_K2_FETCH_ITEMS_FROM_CHILDREN_CATEGORIES_LABEL"
description="MOD_OL_K2_TIME_LINE_K2_FETCH_ITEMS_FROM_CHILDREN_CATEGORIES_DESC">
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="k2_items"
type="k2modalselector"
scope="items"
default=""
label="MOD_OL_K2_TIME_LINE_K2_ADD_ITEMS_LABEL"
description="MOD_OL_K2_TIME_LINE_K2_ADD_ITEMS_DESC"
/>
<field
name="k2_tags"
type="k2tags"
extension="k2tags"
default=""
size="15"
label="MOD_OL_K2_TIME_LINE_K2_TAGS_LABEL"
description="MOD_OL_K2_TIME_LINE_K2_TAGS_DESC"
/>
<field
name="exclude_k2_items"
type="text"
default=""
label="MOD_OL_K2_TIME_LINE_EXCLUDE_K2_ITEMS_LABEL"
description="MOD_OL_K2_TIME_LINE_EXCLUDE_K2_ITEMS_DESC"
/>
<field
name="FeaturedItems"
type="radio"
class="btn-group"
default="featured_show"
label="MOD_OL_K2_TIME_LINE_FEATURED_ITEMS_LABEL"
description="MOD_OL_K2_TIME_LINE_FEATURED_ITEMS_DESC">
<option value="0">MOD_OL_K2_TIME_LINE_FEATURED_HIDE</option>
<option value="1">MOD_OL_K2_TIME_LINE_FEATURED_SHOW</option>
<option value="2">MOD_OL_K2_TIME_LINE_FEATURED_ONLY</option>
</field>
<field
name="popularityRange"
type="list"
default=""
label="MOD_OL_K2_TIME_LINE_TIME_RANGE_LABEL"
description="MOD_OL_K2_TIME_LINE_TIME_RANGE_DESC">
<option value="">MOD_OL_K2_TIME_LINE_ALL_TIME</option>
<option value="1">MOD_OL_K2_TIME_LINE_1_DAY</option>
<option value="3">MOD_OL_K2_TIME_LINE_3_DAYS</option>
<option value="7">MOD_OL_K2_TIME_LINE_1_WEEK</option>
<option value="15">MOD_OL_K2_TIME_LINE_2_WEEKS</option>
<option value="30">MOD_OL_K2_TIME_LINE_1_MONTH</option>
<option value="180">MOD_OL_K2_TIME_LINE_6_MONTHS</option>
</field>
<field
name="videosOnly"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_VIDEOS_ONLY_LABEL"
description="MOD_OL_K2_TIME_LINE_VIDEOS_ONLY_DESC">
<option value="0">K2_NO</option>
<option value="1">K2_YES</option>
</field>
<field
name="items_order"
type="list"
label="MOD_OL_K2_TIME_LINE_ITEMS_ORDERING_LABEL"
description="MOD_OL_K2_TIME_LINE_ITEMS_ORDERING_DESC"
default=""
>
<option value="">MOD_OL_K2_TIME_LINE_DEFAULT</option>
<option value="date">MOD_OL_K2_TIME_LINE_OLDEST_FIRST</option>
<option value="rdate">MOD_OL_K2_TIME_LINE_MOST_RECENT_FIRST</option>
<option value="publishUp">MOD_OL_K2_TIME_LINE_RECENTLY_PUBLISHED</option>
<option value="alpha">MOD_OL_K2_TIME_LINE_TITLE_ALPHABETICAL</option>
<option value="ralpha">MOD_OL_K2_TIME_LINE_TITLE_REVERSE_ALPHABETICAL</option>
<option value="order">MOD_OL_K2_TIME_LINE_ORDERING</option>
<option value="rorder">MOD_OL_K2_TIME_LINE_ORDERING_REVERSE</option>
<option value="hits">MOD_OL_K2_TIME_LINE_MOST_POPULAR</option>
<option value="best">MOD_OL_K2_TIME_LINE_HIGHEST_RATED</option>
<option value="comments">MOD_OL_K2_TIME_LINE_MOST_COMMENTED</option>
<option value="modified">MOD_OL_K2_TIME_LINE_LATEST_MODIFIED</option>
<option value="rand">MOD_OL_K2_TIME_LINE_RANDOM_ORDERING</option>
</field>
</fieldset>
<fieldset name="TIME_LINE_CONFIG_SETTINGS">
<field name="image_spacer" type="spacer" hr="true" />
<field
name="slider_title"
type="radio"
class="btn-group"
default="1"
label="MOD_OL_K2_TIME_LINE_TITLE_LABEL"
description="MOD_OL_K2_TIME_LINE_TITLE_DESC"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="title_limit"
type="text"
default="15"
label="MOD_OL_K2_TIME_LINE_TITLE_LIMIT_LABEL"
description="MOD_OL_K2_TIME_LINE_TITLE_LIMIT_DESC"
/>
<field
name="slider_introtext"
type="radio"
class="btn-group"
default="1"
label="MOD_OL_K2_TIME_LINE_INTROTEXT_LABEL"
description="MOD_OL_K2_TIME_LINE_INTROTEXT_DESC"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="slider_introtext_limit"
type="text"
default="15"
label="MOD_OL_K2_TIME_LINE_INTROTEXT_LIMIT_LABEL"
description="MOD_OL_K2_TIME_LINE_INTROTEXT_LIMIT_DESC"
/>
<field
name="slider_read"
type="radio"
class="btn-group"
default="0"
label="Show read more"
description="Show read more"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="slider_date"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_DATE_LABEL"
description="MOD_OL_K2_TIME_LINE_DATE_DESC"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="slider_category"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_CATEGORY_LABEL"
description="MOD_OL_K2_TIME_LINE_CATEGORY_DESC"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field
name="slider_author"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_AUTHOR_LABEL"
description="MOD_OL_K2_TIME_LINE_AUTHOR_DESC"
>
<option value="0">JNO</option>
<option value="1">JYES</option>
</field>
<field name="item_shares"
type="radio"
class="btn-group btn-group-yesno"
default="1"
label="Share Buttons"
description="Show share buttons">
<option value="1">JSHOW</option>
<option value="0">JHIDE</option>
</field>
</fieldset>
<fieldset name="TIME_LINE_CON_EFFECTS_SETTINGS">
<field name="borderradius" type="list" default="1" label="Round border" description="Use Round border">
<option value="1">Yes</option>
<option value="0">No</option>
</field>
<field name="customstyle" type="list" default="0" label="Custom color" description="Use Custom color">
<option value="1">Yes</option>
<option value="0">No</option>
</field>
<field name="btx_color" type="color" format="rgba" default="rgba(255,255,255,1)" label="Text Color" description="Text Color" showon="customstyle:1" />
<field name="bgm_color" type="color" format="rgba" default="rgba(35,35,35,1)" label="Background Color" description="Background color" showon="customstyle:1" />
<field name="dataRev" type="list" default="0" label="Reveal for default style" description="Use reveal on scroll down for default style only">
<option value="1">Yes</option>
<option value="0">No</option>
</field>
<field name="effectimg" type="list" default="reveal-effect masker wow" label="Reveal image effect" description="Select reveal effect for images">
<option value="reveal-effect masker wow">Dark</option>
<option value="reveal-effect maskerlight wow">Light</option>
</field>
<field name="effecttext" type="list" default="reveal-effect maskerlight wow" label="Reveal Text effect" description="Select reveal effect for text">
<option value="reveal-effect masker wow">Dark</option>
<option value="reveal-effect maskerlight wow">Light</option>
</field>
</fieldset>
<fieldset name="advanced">
<field
name="enable_cache"
type="radio"
class="btn-group"
default="0"
label="MOD_OL_K2_TIME_LINE_CACHING_LABEL"
description="MOD_OL_K2_TIME_LINE_CACHING_DESC"
>
<option value="1">Use global</option>
<option value="0">No caching</option>
</field>
<field
name="cache_time"
type="text"
default="30"
label="MOD_OL_K2_TIME_LINE_CACHE_TIME_LABEL"
description="MOD_OL_K2_TIME_LINE_CACHE_TIME_DESC"
/>
</fieldset>
</fields>
</config>
</extension>

60
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/default.php Normal file
View File

@ -0,0 +1,60 @@
<?php
/**
* @title Timeline
* @version 4.0.2
* @copyright Copyright (C) 2019 olwebdesign.com, All rights reserved.
* @license GNU General Public License version 3 or later.
* @author url http://www.olwebdesign.com/
* @developers olwebdesign.com
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
$cacheFolder = JURI::base(true).'/cache/';
$modID = $module->id;
$modPath = JURI::base(true).'/modules/mod_ol_k2timeline/';
$document = JFactory::getDocument();
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));
$jqueryload = $params->get('jqueryload');
$customone = $params->get('customone');
$hgstyle = $params->get('hgstyle');
$customstyle = $params->get('customstyle');
$bgm_color = $params->get('bgm_color');
$btx_color = $params->get('btx_color');
$sliderid = $params->get('sliderid');
$borderradius = $params->get('borderradius');
$item_shares = $params->get('item_shares');
// Define parameters
$module_id = $module->id;
if ($params->get('auto_module_id')) {
$sliderid = 'olk2sl'.$module->id;
} else {
$sliderid = $params->get('custom_module_id');
}
$document->addStyleSheet($modPath.'assets/css/font-awesome.css');
$document->addStyleSheet($modPath.'assets/css/styles.css');
$modpath = JURI::root(true).'/modules/' . $module->module;
?>
<div id="tmln<?php echo $sliderid ?>">
<div class="main-timeline">
<?php if (count($items)) { ?>
<?php foreach($items as $item) { ?>
<div class="timeline">
<div class="timeline-icon"> <?php if($item->mainImage != '') : ?><i><img src="<?php echo $item->mainImage ?>" alt="<?php echo $item->title?>" /></i><?php endif; ?></div>
<div class="timeline-content">
<?php if($params->get('slider_title')) { ?><a href="<?php echo $item->link; ?>"> <h3 class="title"><?php echo $item->title; ?></h3></a> <?php } ?>
<div class="category"> <?php if($params->get('slider_category')) { ?><?php echo JText::_('MOD_OL_K2_TIME_LINE_IN'); ?> <a href="<?php echo $item->categoryLink; ?>"><?php echo $item->categoryname; ?></a><?php } ?> <?php if($params->get('slider_author')) { ?> / <?php echo JText::_('MOD_OL_K2_TIME_LINE_BY'); ?> <?php echo $item->author; ?><?php } ?><?php if ($params->get('slider_date')) { ?> | <?php echo $item->created_day; ?> <?php echo $item->created_month; ?> <?php echo $item->created_year; ?><?php } ?> </div>
<?php if($params->get('slider_introtext')) { ?><p class="description"><?php echo $item->slideintrotext; ?></p><?php } ?>
</div>
</div>
<?php } ?>
<?php } ?>
</div>
</div>

1
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/index.html Normal file
View File

@ -0,0 +1 @@
<html><body bgcolor="#FFFFFF"></body></html>

60
deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/style4.php Normal file
View File

@ -0,0 +1,60 @@
<?php
/**
* @title Timeline
* @version 4.0.2
* @copyright Copyright (C) 2019 olwebdesign.com, All rights reserved.
* @license GNU General Public License version 3 or later.
* @author url http://www.olwebdesign.com/
* @developers olwebdesign.com
*/
// no direct access
defined('_JEXEC') or die('Restricted access');
$cacheFolder = JURI::base(true).'/cache/';
$modID = $module->id;
$modPath = JURI::base(true).'/modules/mod_ol_k2timeline/';
$document = JFactory::getDocument();
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));
$jqueryload = $params->get('jqueryload');
$customone = $params->get('customone');
$hgstyle = $params->get('hgstyle');
$customstyle = $params->get('customstyle');
$bgm_color = $params->get('bgm_color');
$btx_color = $params->get('btx_color');
$sliderid = $params->get('sliderid');
$borderradius = $params->get('borderradius');
$item_shares = $params->get('item_shares');
// Define parameters
$module_id = $module->id;
if ($params->get('auto_module_id')) {
$sliderid = 'olk2sl'.$module->id;
} else {
$sliderid = $params->get('custom_module_id');
}
$document->addStyleSheet($modPath.'assets/css/font-awesome.css');
$document->addStyleSheet($modPath.'assets/css/styles.css');
$modpath = JURI::root(true).'/modules/' . $module->module;
?>
<div id="tmln<?php echo $sliderid ?>">
<div class="main-timeline">
<?php if (count($items)) { ?>
<?php foreach($items as $item) { ?>
<div class="timeline">
<div class="timeline-icon"> <?php if($item->mainImage != '') : ?><i><img src="<?php echo $item->mainImage ?>" alt="<?php echo $item->title?>" /></i><?php endif; ?></div>
<div class="timeline-content">
<?php if($params->get('slider_title')) { ?><a href="<?php echo $item->link; ?>"> <h3 class="title"><?php echo $item->title; ?></h3></a> <?php } ?>
<div class="category"> <?php if($params->get('slider_category')) { ?><?php echo JText::_('MOD_OL_K2_TIME_LINE_IN'); ?> <a href="<?php echo $item->categoryLink; ?>"><?php echo $item->categoryname; ?></a><?php } ?> <?php if($params->get('slider_author')) { ?> / <?php echo JText::_('MOD_OL_K2_TIME_LINE_BY'); ?> <?php echo $item->author; ?><?php } ?><?php if ($params->get('slider_date')) { ?> | <?php echo $item->created_day; ?> <?php echo $item->created_month; ?> <?php echo $item->created_year; ?><?php } ?> </div>
<?php if($params->get('slider_introtext')) { ?><p class="description"><?php echo $item->slideintrotext; ?></p><?php } ?>
</div>
</div>
<?php } ?>
<?php } ?>
</div>
</div>