diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/admin.css b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/admin.css new file mode 100644 index 00000000..ab1b4256 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/admin.css @@ -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; +} \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/index.html b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/index.html new file mode 100644 index 00000000..fa6d84e8 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/styles.css b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/styles.css new file mode 100644 index 00000000..7b408874 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/css/styles.css @@ -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; +} \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/font-awesome.css b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/font-awesome.css new file mode 100644 index 00000000..cdb4a096 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/FontAwesome.otf b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/FontAwesome.otf new file mode 100644 index 00000000..401ec0f3 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/FontAwesome.otf differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.eot b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 00000000..e9f60ca9 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.eot differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.svg b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.svg new file mode 100644 index 00000000..855c845e --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.ttf b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.ttf new file mode 100644 index 00000000..35acda2f Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.ttf differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff new file mode 100644 index 00000000..400014a4 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff2 b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff2 new file mode 100644 index 00000000..4d13fc60 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/fontawesome-webfont.woff2 differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.eot b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.eot new file mode 100644 index 00000000..51264c4f Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.eot differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.svg b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.svg new file mode 100644 index 00000000..59f62495 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.svg @@ -0,0 +1,47 @@ + + + + + + +{ + "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." +} + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.ttf b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.ttf new file mode 100644 index 00000000..8ad81996 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.ttf differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.woff b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.woff new file mode 100644 index 00000000..d98ff605 Binary files /dev/null and b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/fonts/lg.woff differ diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/index.html b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/index.html new file mode 100644 index 00000000..fa6d84e8 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/index.html b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/index.html new file mode 100644 index 00000000..fa6d84e8 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/social.js b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/social.js new file mode 100644 index 00000000..2d697ddd --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/social.js @@ -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 + }; + + +}); + + diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/wow.js b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/wow.js new file mode 100644 index 00000000..05c8601c --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/assets/js/wow.js @@ -0,0 +1,13 @@ +/*! WOW - v1.1.3 - 2016-05-06 +* Copyright (c) 2016 Matthieu Aussaguel;*/(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.createEvent=function(a,b,c,d){var e;return null==b&&(b=!1),null==c&&(c=!1),null==d&&(d=null),null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e},a.prototype.emitEvent=function(a,b){return null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)?a["on"+b]():void 0},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a,b){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.resetAnimation=f(this.resetAnimation,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),null!=a.scrollContainer&&(this.config.scrollContainer=document.querySelector(a.scrollContainer)),this.animationNameCache=new c,this.wowEvent=this.util().createEvent(this.config.boxClass)}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);return this.disabled()||(this.util().addEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],c=0,d=b.length;d>c;c++)f=b[c],g.push(function(){var a,b,c,d;for(c=f.addedNodes||[],d=[],a=0,b=c.length;b>a;a++)e=c[a],d.push(this.doSync(e));return d}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(this.config.scrollContainer||window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(b){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),this.util().emitEvent(a,this.wowEvent),this.util().addEvent(a,"animationend",this.resetAnimation),this.util().addEvent(a,"oanimationend",this.resetAnimation),this.util().addEvent(a,"webkitAnimationEnd",this.resetAnimation),this.util().addEvent(a,"MSAnimationEnd",this.resetAnimation),a},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.resetAnimation=function(a){var b;return a.type.toLowerCase().indexOf("animationend")>=0?(b=a.target||a.srcElement,b.className=b.className.replace(this.config.animateClass,"").trim()):void 0},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;d=[];for(c in b)e=b[c],a[""+c]=e,d.push(function(){var b,d,g,h;for(g=this.vendors,h=[],b=0,d=g.length;d>b;b++)f=g[b],h.push(a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=e);return h}.call(this));return d},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(h=d(a),g=h.getPropertyCSSValue(b),f=this.vendors,c=0,e=f.length;e>c;c++)i=f[c],g=g||h.getPropertyCSSValue("-"+i+"-"+b);return g},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this); +(function($) { + // WOW ANIMATION + wow = new WOW( + { + animateClass: 'animated', + offset: 50 + } + ); + wow.init(); + +})(jQuery); \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/helper.php b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/helper.php new file mode 100644 index 00000000..d9d54af9 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/helper.php @@ -0,0 +1,653 @@ +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, ''); + preg_match('/]+>/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; + + } + + } + +} diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/index.html b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/index.html new file mode 100644 index 00000000..fa6d84e8 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.php b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.php new file mode 100644 index 00000000..2ec32ddd --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.php @@ -0,0 +1,27 @@ +id; + +$items = TimeLineHelper::getItems($params, $module_id); + +// Add stylesheets +$document = JFactory::getDocument(); + +require JModuleHelper::getLayoutPath('mod_ol_k2timeline', $params->get('get_style', 'default')); \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.xml b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.xml new file mode 100644 index 00000000..af9b27c6 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/mod_ol_k2timeline.xml @@ -0,0 +1,399 @@ + + + K2 Timeline + olwebdesign + Jul 27, 2020 + Copyright (C) http://www.olwebdesign.com. All rights reserved. + http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL + support@olwebdesign.com + www.olwebdesign.com + 4.0.2 + + +

K2 Timeline

+
K2 Timeline Module free version from olwebdesign.com
+

Userful links

+ + +
+ Like this extensions? Leave a review on JED + + + +
+ + ]]> + + + mod_ol_k2timeline.php + helper.php + index.html + assets + tmpl + + + + en-GB.mod_ol_k2timeline.ini + en-GB.mod_ol_k2timeline.sys.ini + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + + + + +
+ + + + + diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/default.php b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/default.php new file mode 100644 index 00000000..1bf1528d --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/default.php @@ -0,0 +1,60 @@ +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; + +?> +
+
+ + +
+
mainImage != '') : ?><?php echo $item->title?>
+
+get('slider_title')) { ?>

title; ?>

 +
get('slider_category')) { ?> categoryname; ?> get('slider_author')) { ?> / author; ?>get('slider_date')) { ?> | created_day; ?> created_month; ?> created_year; ?>
+get('slider_introtext')) { ?>

slideintrotext; ?>

+
+
+ + +
+ +
+ + diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/index.html b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/index.html new file mode 100644 index 00000000..fa6d84e8 --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/style4.php b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/style4.php new file mode 100644 index 00000000..1bf1528d --- /dev/null +++ b/deployed/mod_ol_k2timeline/modules/mod_ol_k2timeline/tmpl/style4.php @@ -0,0 +1,60 @@ +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; + +?> +
+
+ + +
+
mainImage != '') : ?><?php echo $item->title?>
+
+get('slider_title')) { ?>

title; ?>

 +
get('slider_category')) { ?> categoryname; ?> get('slider_author')) { ?> / author; ?>get('slider_date')) { ?> | created_day; ?> created_month; ?> created_year; ?>
+get('slider_introtext')) { ?>

slideintrotext; ?>

+
+
+ + +
+ +
+ +