58 lines
1.4 KiB
CSS
58 lines
1.4 KiB
CSS
|
/*-----------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
Shortcodes: process-steps.scss
|
||
|
|
|
||
|
|
-----------------------------------------------------------------------------------*/
|
||
|
|
/* ----------------------------------------------------------------
|
||
|
|
Process Steps
|
||
|
|
-----------------------------------------------------------------*/
|
||
|
|
.process-steps {
|
||
|
|
margin: 0 0 40px;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
.process-steps li {
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.process-steps li .i-circled {
|
||
|
|
margin-bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.process-steps li .i-bordered {
|
||
|
|
background-color: #FFF;
|
||
|
|
}
|
||
|
|
.process-steps li.active h5, .process-steps li.ui-tabs-active h5 {
|
||
|
|
font-weight: 600;
|
||
|
|
color: #1ABC9C;
|
||
|
|
}
|
||
|
|
.process-steps li.active a, .process-steps li.ui-tabs-active a {
|
||
|
|
background-color: #1ABC9C !important;
|
||
|
|
color: #FFF;
|
||
|
|
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
|
||
|
|
border-color: #1ABC9C !important;
|
||
|
|
}
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.process-steps li::before, .process-steps li::after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: 30px;
|
||
|
|
left: 0;
|
||
|
|
margin-left: -26px;
|
||
|
|
width: 50%;
|
||
|
|
border-top: 1px dashed #DDD;
|
||
|
|
}
|
||
|
|
.process-steps li::after {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
margin: 0 -26px 0 0;
|
||
|
|
}
|
||
|
|
.process-steps li:first-child::before, .process-steps li:last-child::after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.process-steps li h5 {
|
||
|
|
margin: 15px 0 0 0;
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 300;
|
||
|
|
}
|
||
|
|
}
|