| Server IP : 108.163.255.210 / Your IP : 18.223.159.237 Web Server : Apache System : Linux blossom.urlnameserver.com 3.10.0-1160.80.1.el7.x86_64 #1 SMP Tue Nov 8 15:48:59 UTC 2022 x86_64 User : ( 1172) PHP Version : 7.2.34 Disable Function : eval,escapeshellarg,proc_close,proc_get_status,proc_nice,proc_open,symlink,system,pcntl_exec,getrusage,chown,chgp,closelog,openlog,syslog,define_syslog_variables,php_ini_loaded_file,getservbyname,getservbyport,posix_getgid,posix_getgrgid,proc_terminate,pfsockopen,apache_child_terminate,posix_mkfifo,posix_setpgid,posix_setuid,hypot,pg_host,pos,posix_access,posix_getcwd,posix_getservbyname,myshellexec,getpid,posix_getsid,posix_isatty,posix_kill,posix_mknod,posix_setgid,posix_setsid,posix_setuid,posix_times,posix_uname,ps_fill,posix_getpwuid,global,ini_restore,zip_open,zip_read,rar_open,bzopen,bzread,bzwrite,apache_get_modules,apache_get_version,phpversionphpinfo,php_ini_scanned_files,get_current_user,disk_total_space,diskfreespace,leak,imap_list,hypo,filedump,safe_mode,getmygid,apache_getenv,apache_setenv,bzread,bzwrite,bzopen,phpini,higlight_file,dos_conv,get_cwd,er_log,cmd,e_name,vdir,get_dir,only_read,ftok,ftpexec,posix_getpwnam,mysql_list_dbs,disk_free_space,session_save_path,confirm_phpdoc_compiled,zip_entry_rea,php_u,psockopen,crack_opendict,crack_getlastmessage,crack_closedict,crack_check,fpassthru,posix_get_last_error,posix_getlogin,posix_getgroups,posix_strerror,posix_getrlimit,posix_getpgrp,posix_getgrnam,pos,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/unilinki/public_html/Website-HTML/plugins/timeline/ |
Upload File : |
[data-theme] {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-bg, #fff);
color: hsl(240, 4%, 20%);
color: var(--color-contrast-high, #313135)
}
:root {
--space-unit: 1em;
--space-xxxxs: calc(0.125*var(--space-unit));
--space-xxxs: calc(0.25*var(--space-unit));
--space-xxs: calc(0.375*var(--space-unit));
--space-xs: calc(0.5*var(--space-unit));
--space-sm: calc(0.75*var(--space-unit));
--space-md: calc(1.25*var(--space-unit));
--space-lg: calc(2*var(--space-unit));
--space-xl: calc(3.25*var(--space-unit));
--space-xxl: calc(5.25*var(--space-unit));
--space-xxxl: calc(8.5*var(--space-unit));
--space-xxxxl: calc(13.75*var(--space-unit));
--component-padding: var(--space-md)
}
.is-visible {
display: block !important;
display: var(--display) !important
}
.is-hidden {
display: none !important
}
.inline-flex {
display: -ms-inline-flexbox;
display: inline-flex
}
.cd-main-header {
height: 200px;
height: var(--cd-header-height);
color: hsl(0, 0%, 100%);
color: var(--color-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.cd-main-header h1 {
font-family: 'Open Sans', sans-serif;
font-family: var(--font-secondary);
color: inherit
}
.cd-timeline {
overflow: hidden;
padding: 2em 0;
padding: var(--space-lg) 0;
color: hsl(207, 10%, 55%);
color: var(--cd-color-3);
font-family: 'Droid Serif', serif;
font-family: var(--font-primary)
}
.cd-timeline h2 {
font-family: 'Open Sans', sans-serif;
font-family: var(--font-secondary);
font-weight: 700
}
.cd-timeline__container {
position: relative;
padding: 1.25em 0;
padding: var(--space-md) 0
}
.cd-timeline__container::before {
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background:#f4f4f4
}
/*
.complete::before{
content: '';
position: absolute;
top: 0;
right:49.8%;
height: 100%;
width: 4px;
background-color: #87C500;
} */
@media (min-width: 64rem) {
.cd-timeline__container::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.cd-timeline__block {
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 1;
margin-bottom: 2em;
margin-bottom: var(--space-lg)
}
.cd-timeline__block:last-child {
margin-bottom: 0
}
@media (min-width: 64rem) {
.cd-timeline__block:nth-child(odd) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
.cd-timeline__img {
background-color: #87C500 !important;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
border-radius: 50%;
box-shadow: 0 0 0 4px hsl(0, 0%, 100%), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
}
.cd-timeline__img img {
width: 24px;
height: 24px
}
@media (min-width: 64rem) {
.cd-timeline__img {
width: 20px;
height: 20px;
-ms-flex-order: 1;
position: absolute;
z-index: 9999;
order: 1;
left: 0;
margin-left: calc(0% - 10px);
will-change: transform;
margin-top: 28px;
border: 4px solid #fff;
top: 0%;
}
.cd-timeline__block:nth-child(odd) .cd-timeline__img {
/* margin-right: calc(5% - 10px) */
}
.cd-timeline__sidebranch::before {
content: '';
position: absolute;
height: 4px;
width: 26px;
background: #f4f4f4;
top: 37px;
}
.cd-timeline__block:nth-child(odd) .cd-timeline__sidebranch:before{
left: calc(2%);
}
.cd-timeline__block:nth-child(even) .cd-timeline__sidebranch:before{
left: calc(47%);
}
}
.cd-timeline__img--picture {
background-color: hsl(111, 51%, 60%);
background-color: var(--cd-color-4)
}
.cd-timeline__img--movie {
background-color: hsl(356, 53%, 49%);
background-color: var(--cd-color-5)
}
.cd-timeline__img--location {
background-color: hsl(47, 85%, 61%);
background-color: var(--cd-color-6)
}
.cd-timeline__content {
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
margin-left: 1.25em;
margin-left: var(--space-md);
background: hsl(0, 0%, 100%);
background: var(--color-white);
border-radius: 0.25em;
border-radius: var(--radius-md);
padding: 1.25em;
padding: var(--space-md);
box-shadow: 0 3px 0 hsl(205, 38%, 89%);
box-shadow: 0 3px 0 var(--cd-color-2)
}
.cd-timeline__content::before {
/* content: '';
position: absolute;
top: 16px;
right: 100%;
width: 0;
height: 0;
border: 7px solid transparent;
border-right-color: hsl(0, 0%, 100%);
border-right-color: var(--color-white) */
}
.cd-timeline__content h2 {
color: hsl(206, 21%, 24%);
color: var(--cd-color-1)
}
@media (min-width: 64rem) {
.cd-timeline__content {
/* width: 45%; */
-ms-flex-positive: 0;
flex-grow: 0;
will-change: transform;
margin: 0;
font-size: 0.8em;
--line-height-multiplier: 1.2
}
.cd-timeline__content::before {
top: 24px
}
.cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
/* right: auto;
left: 100%;
width: 0;
height: 0;
border: 7px solid transparent;
border-left-color: hsl(0, 0%, 100%);
border-left-color: var(--color-white) */
}
}
.cd-timeline__date {
color: hsla(207, 10%, 55%, 0.7);
color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.7)
}
@media (min-width: 64rem) {
.cd-timeline__date {
position: absolute;
width: 100%;
left: 120%;
top: 20px
}
.cd-timeline__block:nth-child(even) .cd-timeline__date {
left: auto;
right: 120%;
text-align: right
}
}
@media (min-width: 64rem) {
.cd-timeline__img--hidden,
.cd-timeline__content--hidden {
visibility: hidden
}
.cd-timeline__img--bounce-in {
-webkit-animation: cd-bounce-1 0.6s;
animation: cd-bounce-1 0.6s
}
.cd-timeline__content--bounce-in {
-webkit-animation: cd-bounce-2 0.6s;
animation: cd-bounce-2 0.6s
}
.cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in {
-webkit-animation-name: cd-bounce-2-inverse;
animation-name: cd-bounce-2-inverse
}
}
@-webkit-keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes cd-bounce-1 {
0% {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5)
}
60% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes cd-bounce-2 {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes cd-bounce-2-inverse {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.single-service-hover:hover .cd-timeline__img{
box-shadow: 0px 0px 0px 4px #fff;
width: 16px;
height: 16px;
left: 2px;
border: 2px solid #87C500;
background-color: #ffffff !important;
top: 3px;
transition:box-shadow ease 1s;
}
.single-service-hover:hover .single-service-icon{
transition: all 0.95s;
transform: rotateY(360deg);
}
.alone-right:before{
left: calc(51%) !important;
}