Файловый менеджер - Редактировать - /home/digilove/public_html/plugins/system/bdthemes_shortcodes/shortcodes/timeline/css/timeline.css
Назад
.su-timeline { list-style: none; position: relative; max-width: 1170px; padding: 50px 0; margin: 0 auto; overflow: hidden; } .su-timeline:after { content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; background: rgba(200, 200, 200, 0.5); -webkit-transform: translateX(-50%); transform: translateX(-50%); } .su-timeline .su-timeline-row { padding-left: 50%; position: relative; z-index: 10; } .su-timeline .su-timeline-row .su-timeline-time { position: absolute; right: 50%; top: 45px; text-align: right; margin-right: 40px; font-size: 12px; line-height: 1.3; font-weight: 600; } .su-timeline .su-timeline-row .su-timeline-time small { display: block; color: rgb(104, 104, 104); text-transform: uppercase; opacity: 0.75; font-size: 11px; font-weight: 400; } .su-timeline .su-timeline-row .su-timeline-icon { position: absolute; left: 50%; text-align: center; color: white; font-size: 14px; z-index: 100; border-radius: 50%; box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); -webkit-box-sizing: border-box; box-sizing: border-box; } .su-timeline .su-timeline-row .su-timeline-icon.has-ta-icon { top: 30px; width: 48px; height: 48px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .su-timeline .su-timeline-item-text { margin-top: 5px; } .su-timeline .su-timeline-row .su-timeline-icon > div { border-radius: 50%; line-height: 48px; font-size: 16px; display: block; height: 100%; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .su-timeline .su-timeline-row .su-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 3px; padding: 1.5em; box-shadow: 0 3px 0 rgba(200, 200, 200, 0.5); } .su-timeline .su-timeline-row .su-timeline-content:after { content: ''; position: absolute; top: 45px; right: 100%; height: 0; width: 0; border: 8px solid transparent; border-right: 8px solid white; } .su-timeline .su-timeline-row .su-timeline-content h2 { font-size: 22px; margin-bottom: 12px; margin-top: 0; line-height: 1.2; } h3.su-timeline-item-title { font-size: 20px; margin-bottom: 15px; } h3.su-timeline-item-title a { text-decoration: none; } .su-timeline .su-timeline-row .su-timeline-content p { margin-bottom: 15px; } .su-timeline .su-timeline-row .su-timeline-content img { margin-bottom: 15px; } .su-timeline .su-timeline-row .su-timeline-content .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom: 15px; overflow: hidden; } .su-timeline .su-timeline-row .su-timeline-content .video-container iframe, .su-timeline .su-timeline-row .su-timeline-content .video-container object, .su-timeline .su-timeline-row .su-timeline-content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .su-timeline .su-timeline-row:nth-child(odd) { padding-left: 0; padding-right: 50%; } .su-timeline .su-timeline-row:nth-child(odd) .su-timeline-time { right: auto; left: 50%; text-align: left; margin-right: 0; margin-left: 40px; } .su-timeline .su-timeline-row:nth-child(odd) .su-timeline-content { margin-right: 60px; margin-left: 0; } .su-timeline .su-timeline-row:nth-child(odd) .su-timeline-content:after { right: auto; left: 100%; border-left: 8px solid white; border-right: none; } .su-timeline.animated .su-timeline-row .su-timeline-content { opacity: 0; left: 20px; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; transition: all 0.8s; } .su-timeline.animated .su-timeline-row:nth-child(odd) .su-timeline-content { left: -20px; } .su-timeline.animated .su-timeline-row.active .su-timeline-content { opacity: 1; left: 0; } .su-timeline.animated .su-timeline-row.active:nth-child(odd) .su-timeline-content { left: 0; } /* temp */ .bg-primary { background-color: #E3E3E3; } .su-timeline .su-timeline-row.su-timeline-has-year.active { margin-top: 120px; } .su-timeline .su-timeline-year span { position: absolute; top: -90px; left: 50%; margin-left: -60px; font-size: 26px; font-weight: bold; background: #FFF; line-height: 26px; padding: 10px 5px; box-shadow: 0 3px 0 0px rgba(200, 200, 200, 0.5); border-radius: 2px; z-index: 11; width: 120px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .su-timeline .su-timeline-year span:after { } div.su-timeline-before-text, .su-timeline-after-text {text-align: center;border-radius: 2px;} div.su-timeline-before-text span, .su-timeline-after-text span { background: #fff; display: inline-block; font-size: 18px; line-height: 20px; padding: 10px 20px; border-radius: 2px; box-shadow: 0 3px 0 0px rgba(200, 200, 200, 0.5); } /* Only phones */ @media (max-width: 768px) { .su-timeline .su-timeline-row { padding: 30px 0; } .su-timeline .su-timeline-row:nth-child(odd) { padding-right: 0; } .su-timeline .su-timeline-row:nth-child(odd) .su-timeline-content { margin-right: 0; } .su-timeline .su-timeline-row .su-timeline-content { margin-left: 0px; } .su-timeline .su-timeline-row .su-timeline-content:after { display: none; } .su-timeline .su-timeline-row .su-timeline-icon.has-ta-icon { top: 10px; } .su-timeline .su-timeline-row .su-timeline-icon { top: 20px; } .su-timeline-time { display: none; } .su-timeline .su-timeline-row .su-timeline-content .su-timeline-content-body { padding: 25px 15px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.87 |
proxy
|
phpinfo
|
Настройка