File manager - Edit - G:/PleskVhosts/fullscreenksa.com/Branchs.fullscreenksa.com/assets/pages/css/timeline-old-rtl.css
Back
/*-------------------------------------------------- [TRANSITION] ----------------------------------------------------*/ /* Cubic Bezier Transition */ .timeline { margin: 0; padding: 0; list-style: none; position: relative; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #ccc; right: 20%; margin-right: -10px; } .timeline > li { position: relative; } .timeline > li.timeline-noline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #fff; right: 20%; margin-right: -10px; } .timeline > li .timeline-time { display: block; width: 15%; text-align: left; position: absolute; } .timeline > li .timeline-time span { display: block; text-align: left; } .timeline > li .timeline-time span.date { font-size: 12px; color: #aaa; display: block; font-weight: 300; } .timeline > li .timeline-time span.time { font-weight: 300; font-size: 38px; line-height: 38px; } .timeline > li .timeline-body { margin: 0 25% 15px 0; color: #fff; padding: 10px; font-weight: 300; position: relative; border-radius: 5px; } .timeline > li .timeline-body h2 { margin-top: 0px; padding: 0 0 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 24px; } .timeline > li .timeline-content { font-size: 14px; } .ie8 .timeline > li .timeline-body h2 { border-bottom: 1px solid #eee; } .timeline > li .timeline-body img.timeline-img { width: 75px; height: 75px; margin: 5px 0px 0 10px; } .timeline > li .timeline-body img.pull-right { margin-right: 10px; } .timeline > li .timeline-body a.nav-link { display: inline-block; margin-top: 10px; color: #fff; font-size: 14px; padding: 0px; text-align: right; text-decoration: none; } .timeline > li .timeline-body a.nav-link:hover { opacity: 0.5; filter: alpha(opacity=50); } .timeline > li .timeline-body .btn { margin-top: 10px; } .timeline > li .timeline-body:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #3594cb; border-width: 10px; top: 19px; } .timeline > li .timeline-content:after, .timeline > li .timeline-content:before { display: table; line-height: 0; content: ""; } .timeline > li .timeline-content:after { clear: both; } .timeline > li .timeline-footer:after, .timeline > li .timeline-footer:before { content: ""; display: table; line-height: 0; } .timeline > li .timeline-footer:after { clear: both; } .timeline > li .timeline-icon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #aaa; border-radius: 50%; box-shadow: 0 0 0 8px #ccc; text-align: center; right: 20%; top: 0; margin: 5px -25px 0 0; padding-bottom: 3px; padding-left: 1px; padding-right: 2px; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; } .timeline > li .timeline-icon > i { font-size: 18px; } .timeline li.timeline-red .timeline-body:after { border-left-color: #e02222; } .timeline li.timeline-red .timeline-body { background: #e02222; } .timeline li.timeline-red .timeline-time span.time { color: #e02222; } .timeline li.timeline-yellow .timeline-body:after { border-left-color: #ffb848; } .timeline li.timeline-yellow .timeline-body { background: #ffb848; } .timeline li.timeline-yellow .timeline-time span.time { color: #ffb848; } .timeline li.timeline-green .timeline-body:after { border-left-color: #35aa47; } .timeline li.timeline-green .timeline-body { background: #35aa47; } .timeline li.timeline-green .timeline-time span.time { color: #35aa47; } .timeline li.timeline-blue .timeline-body:after { border-left-color: #4b8df8; } .timeline li.timeline-blue .timeline-body { background: #4b8df8; } .timeline li.timeline-blue .timeline-time span.time { color: #4b8df8; } .timeline li.timeline-purple .timeline-body:after { border-left-color: #852b99; } .timeline li.timeline-purple .timeline-body { background: #852b99; } .timeline li.timeline-purple .timeline-time span.time { color: #852b99; } .timeline li.timeline-grey .timeline-body:after { border-left-color: #555555; } .timeline li.timeline-grey .timeline-body { background: #555555; } .timeline li.timeline-grey .timeline-time span.time { color: #555555; } @media (max-width: 767px) { timeline > li .timeline-time span.time { font-size: 18px; } .timeline:before { display: none; } .timeline > li .timeline-time { width: 100%; position: relative; padding: 0 0 20px 0; } .timeline > li .timeline-time span { text-align: right; } .timeline > li .timeline-body { margin: 0 0 30px 0; padding: 1em; } .timeline > li .timeline-body:after { left: auto; right: 20px; top: -20px; } .timeline > li .timeline-icon { position: relative; float: left; right: auto; margin: -55px 0px 0 5px; } .timeline li.timeline-red .timeline-body:after { border-left-color: transparent; border-bottom-color: #e02222; } .timeline li.timeline-blue .timeline-body:after { border-left-color: transparent; border-bottom-color: #4b8df8; } .timeline li.timeline-green .timeline-body:after { border-left-color: transparent; border-bottom-color: #35aa47; } .timeline li.timeline-yellow .timeline-body:after { border-left-color: transparent; border-bottom-color: #ffb848; } .timeline li.timeline-purple .timeline-body:after { border-left-color: transparent; border-bottom-color: #852b99; } .timeline li.timeline-grey .timeline-body:after { border-left-color: transparent; border-bottom-color: #555555; } }
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.1 |
proxy
|
phpinfo
|
Settings