mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Commit realizando cambios en los roles de los usuarios
This commit is contained in:
Jaime Jimenez
1
httpdocs/themes/focus2/scss/pages/_ecom-customers.scss
Normal file
1
httpdocs/themes/focus2/scss/pages/_ecom-customers.scss
Normal file
@ -0,0 +1 @@
|
||||
|
||||
289
httpdocs/themes/focus2/scss/pages/_ecom-product-detail.scss
Normal file
289
httpdocs/themes/focus2/scss/pages/_ecom-product-detail.scss
Normal file
@ -0,0 +1,289 @@
|
||||
/*
|
||||
===================================
|
||||
Product detail
|
||||
===================================*/
|
||||
|
||||
.produtct-detail-tag {
|
||||
display: inline-block;
|
||||
a {
|
||||
font-style: 13px;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-content {
|
||||
.item-tag {
|
||||
background: $l-ctl;
|
||||
border-radius: 6px;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin-right: 4px;
|
||||
padding: 2px 12px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.filtaring-area {
|
||||
h4 {
|
||||
color: #1d1d1d;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
}
|
||||
|
||||
.plus-minus-input {
|
||||
.input-icon {
|
||||
font-size: 13px;
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
|
||||
.plus-minus-input {
|
||||
display: flex;
|
||||
width: 100px;
|
||||
.custom-btn {
|
||||
border-radius: 0;
|
||||
height: 40px;
|
||||
padding: 12px 8px;
|
||||
background: $white;
|
||||
border: 1px solid $border;
|
||||
}
|
||||
.form-control {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border: 1px solid $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.share-view {
|
||||
display: inline-block;
|
||||
ul {
|
||||
li {
|
||||
display: inline-block;
|
||||
a {}
|
||||
}
|
||||
}
|
||||
.share-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: inline-block;
|
||||
border: 1px solid $border;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-style: 16px;
|
||||
color: $border;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*--------tab----------*/
|
||||
|
||||
.veritical-line {
|
||||
padding: 20px 30px;
|
||||
border-top: 1px solid $border;
|
||||
border-right: 1px solid $border;
|
||||
border-bottom: 1px solid $border;
|
||||
position: relative;
|
||||
&:before {
|
||||
background: $border;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
height: 100%;
|
||||
left: -1px;
|
||||
max-height: 40%;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content-text {
|
||||
p {
|
||||
color: $dark;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-item-list {
|
||||
li {
|
||||
a {
|
||||
background: $white;
|
||||
border-top: 1px solid $border;
|
||||
border-left: 1px solid $border;
|
||||
border-right: 1px solid $border;
|
||||
color: $dark;
|
||||
display: block;
|
||||
font-size: 16px;
|
||||
padding: 16px;
|
||||
text-transform: uppercase;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $white;
|
||||
color: $dark;
|
||||
border-right: 0px;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 1px solid $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-list {
|
||||
li {
|
||||
margin-bottom: 7px;
|
||||
font-size: 13px;
|
||||
i {
|
||||
font-size: 13px;
|
||||
margin-right: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slide-item-list {
|
||||
text-align: center;
|
||||
li {
|
||||
display: inline-block;
|
||||
a {
|
||||
display: inline-block;
|
||||
// float: left;
|
||||
padding-left: 0;
|
||||
padding-right: 10px;
|
||||
padding-top: 10px;
|
||||
background: transparent;
|
||||
padding-bottom: 0px;
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: transparent;
|
||||
}
|
||||
img {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail-text {
|
||||
padding-top: 28px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
|
||||
.star-rating {
|
||||
.product-review {
|
||||
font-style: 13px;
|
||||
color: $dark;
|
||||
font-weight: 400;
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
|
||||
.product-detail {
|
||||
.tab-content {
|
||||
img {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.popular-tag ul {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 8px 15px;
|
||||
background: #f8f8f8;
|
||||
font-size: 13px;
|
||||
color: #fff;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.size-filter ul li {
|
||||
display: inline-block;
|
||||
border: 1px solid #c8c8c8;
|
||||
height: 35px;
|
||||
line-height: 33px;
|
||||
text-align: center;
|
||||
width: 35px;
|
||||
margin-right: 7px;
|
||||
margin-bottom: 10px;
|
||||
color: #c8c8c8;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.intro {
|
||||
border: 1px solid red;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
#listResults {
|
||||
.slider {
|
||||
margin: 25px 0;
|
||||
}
|
||||
.slider-box {
|
||||
width: 90%;
|
||||
margin: 25px auto;
|
||||
}
|
||||
input {
|
||||
width: 10%;
|
||||
}
|
||||
label {
|
||||
border: none;
|
||||
display: inline-block;
|
||||
margin-right: -4px;
|
||||
vertical-align: top;
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
||||
// input {
|
||||
// border: none;
|
||||
// display: inline-block;
|
||||
// margin-right: -4px;
|
||||
// vertical-align: top;
|
||||
// width: 30%;
|
||||
// }
|
||||
.plus-minus-input {
|
||||
.input-icon {
|
||||
font-size: 13px;
|
||||
color: #aaaaaa;
|
||||
}
|
||||
.custom-btn {
|
||||
border-radius: 0;
|
||||
height: 40px;
|
||||
padding: 12px 8px;
|
||||
background: #ffffff;
|
||||
border: 1px solid #c8c8c8;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.active {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
.form-control {
|
||||
height: 40px;
|
||||
border-top: 1px solid #c8c8c8;
|
||||
border-bottom: 1px solid #c8c8c8;
|
||||
border-left: 0px solid #c8c8c8;
|
||||
border-right: 1px solid #c8c8c8;
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border-top: 1px solid #c8c8c8;
|
||||
border-bottom: 1px solid #c8c8c8;
|
||||
border-left: 0px solid #c8c8c8;
|
||||
border-right: 0px solid #c8c8c8;
|
||||
}
|
||||
}
|
||||
}
|
||||
61
httpdocs/themes/focus2/scss/pages/_ecom-product-list.scss
Normal file
61
httpdocs/themes/focus2/scss/pages/_ecom-product-list.scss
Normal file
@ -0,0 +1,61 @@
|
||||
/*
|
||||
===================================
|
||||
list view
|
||||
===================================*/
|
||||
|
||||
.new-arrival-content {
|
||||
.item {
|
||||
font-size: 12px;
|
||||
color: $dark;
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
color: $d-ctl;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.price {
|
||||
font-weight: 700;
|
||||
color: $primary;
|
||||
font-size: 22px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
p {
|
||||
font-size: 14px;
|
||||
color: $d-ctl;
|
||||
margin-bottom: 6px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.text-content {
|
||||
margin-top: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.success-icon {
|
||||
color: $success;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.comment-review {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 25px;
|
||||
.client-review {
|
||||
color: $d-ctl;
|
||||
padding-right: 20px;
|
||||
text-decoration: underline !important;
|
||||
font-size: 14px;
|
||||
}
|
||||
.span {
|
||||
color: $d-ctl;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.star-rating li {
|
||||
display: inline-block;
|
||||
i {
|
||||
color: gold;
|
||||
}
|
||||
}
|
||||
179
httpdocs/themes/focus2/scss/pages/_homepage.scss
Normal file
179
httpdocs/themes/focus2/scss/pages/_homepage.scss
Normal file
@ -0,0 +1,179 @@
|
||||
.current-progressbar {
|
||||
margin-top: 3px;
|
||||
.progress {
|
||||
height: 15px;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
.progress-bar {
|
||||
box-shadow: 0;
|
||||
line-height: 14px;
|
||||
font-size: 11px;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial-widget-one {
|
||||
.testimonial-content {
|
||||
text-align: right;
|
||||
}
|
||||
.testimonial-text {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
// .testimonial-author-position {
|
||||
// font-family : 'Roboto', sans-serif;
|
||||
// margin-right: 75px;
|
||||
// position : relative;
|
||||
// top : -5px;
|
||||
// font-size : 12px;
|
||||
// }
|
||||
// .testimonial-author {
|
||||
// padding-top : 15px;
|
||||
// margin-right: 75px;
|
||||
// position : relative;
|
||||
// top : -5px;
|
||||
// font-weight : 600;
|
||||
// color : #373757;
|
||||
// }
|
||||
.testimonial-author-img {
|
||||
height: 50px !important;
|
||||
width: 50px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.vmap {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.ps .ps__rail-x:hover,
|
||||
.ps .ps__rail-y:hover,
|
||||
.ps .ps__rail-x:focus,
|
||||
.ps .ps__rail-y:focus,
|
||||
.ps .ps__rail-x.ps--clicking,
|
||||
.ps .ps__rail-y.ps--clicking {
|
||||
background-color: transparent !important;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.cpu-load {
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
font-size: 14px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
span#counter {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
color: rgb(89, 59, 219);
|
||||
}
|
||||
|
||||
.social-graph-wrapper {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
position: relative;
|
||||
color: $white;
|
||||
border-top-left-radius: 0.25rem;
|
||||
border-top-right-radius: 0.25rem;
|
||||
// @include respond('big-desktop') {
|
||||
// padding: 15px 10px 20px;
|
||||
// }
|
||||
&.widget-facebook {
|
||||
background-color: $facebook;
|
||||
}
|
||||
&.widget-twitter {
|
||||
background-color: $twitter;
|
||||
}
|
||||
&.widget-linkedin {
|
||||
background-color: $linkedin;
|
||||
}
|
||||
&.widget-googleplus {
|
||||
background-color: $google-plus;
|
||||
}
|
||||
.s-icon {
|
||||
font-size: 24px;
|
||||
position: relative;
|
||||
// top : 0.625rem;
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.ct-bar-chart {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.ct-pie-chart {
|
||||
height: 328px;
|
||||
}
|
||||
|
||||
.bg-facebook {
|
||||
background: #3b5998;
|
||||
fill: #3b5998;
|
||||
}
|
||||
|
||||
.bg-twitter {
|
||||
background: #1da1f2;
|
||||
fill: #1da1f2;
|
||||
}
|
||||
|
||||
.bg-youtube {
|
||||
background: #cd201f;
|
||||
fill: #cd201f;
|
||||
}
|
||||
|
||||
.bg-google-plus {
|
||||
background: #dd4b39;
|
||||
fill: #dd4b39;
|
||||
}
|
||||
|
||||
.bg-linkedin {
|
||||
background: #007bb6;
|
||||
}
|
||||
|
||||
.recent-comment {
|
||||
.media {
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
&:last-child {
|
||||
border: 0px;
|
||||
}
|
||||
}
|
||||
.media-left {
|
||||
padding-right: 25px;
|
||||
img {
|
||||
border-radius: 100px;
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
.media-body {
|
||||
position: relative;
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 5px;
|
||||
line-height: 16px;
|
||||
color: #868e96;
|
||||
}
|
||||
}
|
||||
.comment-date {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
color: #373757;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-action {
|
||||
float: left;
|
||||
.badge {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
i {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
89
httpdocs/themes/focus2/scss/pages/_page-auth.scss
Normal file
89
httpdocs/themes/focus2/scss/pages/_page-auth.scss
Normal file
@ -0,0 +1,89 @@
|
||||
// .authincation{
|
||||
// height: 100%;
|
||||
|
||||
// }
|
||||
|
||||
.authincation-content{
|
||||
background: $white;
|
||||
box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
|
||||
border-radius: 5px;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background: $dark-card;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.welcome-content{
|
||||
background: url('./../images/1.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 100%;
|
||||
padding: 75px 50px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
&::after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
background: $primary;
|
||||
opacity: 0.75;
|
||||
z-index: -1;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
||||
.welcome-title{
|
||||
color: $white;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
p{
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.brand-logo{
|
||||
a{
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
font-weight: 700;
|
||||
color: $white;
|
||||
font-size: 20px;
|
||||
img{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.intro-social{
|
||||
position: absolute;
|
||||
bottom: 75px;
|
||||
ul{
|
||||
margin-bottom: 0;
|
||||
li{
|
||||
display: inline-block;
|
||||
a{
|
||||
color: $white;
|
||||
font-size: 14px;
|
||||
padding: 0px 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.auth-form{
|
||||
padding: 50px 50px;
|
||||
.btn{
|
||||
height: 50px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.page-back{
|
||||
display: inline-block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
0
httpdocs/themes/focus2/scss/pages/_page-error.scss
Normal file
0
httpdocs/themes/focus2/scss/pages/_page-error.scss
Normal file
77
httpdocs/themes/focus2/scss/pages/_page-pricing.scss
Normal file
77
httpdocs/themes/focus2/scss/pages/_page-pricing.scss
Normal file
@ -0,0 +1,77 @@
|
||||
.pricing_table_content {
|
||||
background : $white;
|
||||
text-align : center;
|
||||
border : 1px solid #e7e7e7;
|
||||
border-radius : 3px;
|
||||
padding : 25px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
transition : all 0.25s ease-in-out;
|
||||
|
||||
.package {
|
||||
font-weight: 700;
|
||||
font-size : 18px;
|
||||
// font-family: $p_hf;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-weight: 700;
|
||||
font-size : 50px;
|
||||
// font-family: $p_hf;
|
||||
line-height: 100px;
|
||||
color : $dark;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price_list {
|
||||
padding : 30px 0;
|
||||
text-align: left;
|
||||
max-width : 175px;
|
||||
margin : 0 auto;
|
||||
|
||||
li {
|
||||
// font-family: $p_op;
|
||||
color : #909093;
|
||||
font-size : 14px;
|
||||
line-height: 25px;
|
||||
padding : 7px 0;
|
||||
|
||||
i {
|
||||
margin-right: 15px;
|
||||
// color : $p_bc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.price-btn {
|
||||
padding : 15px 50px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow : none;
|
||||
border : 1px solid $l-border;
|
||||
// color : $p_bc;
|
||||
border-radius : 5px;
|
||||
font-weight : 700;
|
||||
font-size : 14px;
|
||||
// font-family : $p_hf;
|
||||
margin-bottom : 25px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
transition : all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
-webkit-transform : scale(1.05);
|
||||
transform : scale(1.05);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.175);
|
||||
box-shadow : 0 0 10px rgba(0,0,0,0.175);
|
||||
|
||||
.price-btn {
|
||||
// background: $p_bc;
|
||||
color : $danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
286
httpdocs/themes/focus2/scss/pages/_page-timeline.scss
Normal file
286
httpdocs/themes/focus2/scss/pages/_page-timeline.scss
Normal file
@ -0,0 +1,286 @@
|
||||
.page-timeline{
|
||||
.timeline {
|
||||
list-style: none;
|
||||
padding : 40px 0;
|
||||
position : relative;
|
||||
|
||||
&-workplan#{&} {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
&.timeline > li > .timeline-badge {
|
||||
top: 4.5rem;
|
||||
}
|
||||
|
||||
&>li {
|
||||
margin-bottom: 2.6rem;
|
||||
}
|
||||
|
||||
li {
|
||||
>p{
|
||||
|
||||
@include custommq($min: 1200px, $max: 1650px) {
|
||||
max-width: 8rem;
|
||||
}
|
||||
|
||||
@include respond('tab-land') {
|
||||
max-width: 7rem;
|
||||
}
|
||||
|
||||
@include respond('tab-port') {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@include respond('phone') {
|
||||
max-width: 7rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 20%;
|
||||
top: 6rem;
|
||||
|
||||
@at-root [direction="rtl"] #{&} {
|
||||
right: 22%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@include respond('phone') {
|
||||
left: 22%;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-badge {
|
||||
left: 21.4%;
|
||||
height: 0.9rem;
|
||||
width: 0.9rem;
|
||||
background-color: $primary;
|
||||
|
||||
@at-root [direction="rtl"] #{&} {
|
||||
right: 19.2%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@include custommq($min: 1200px, $max: 1650px) {
|
||||
left: 22.4%;
|
||||
}
|
||||
|
||||
@include respond('tab-land') {
|
||||
left: 22.4%;
|
||||
}
|
||||
|
||||
@include respond('tab-port') {
|
||||
left: 21.7%;
|
||||
}
|
||||
|
||||
@include respond('phone-land') {
|
||||
left: 19.5%;
|
||||
}
|
||||
|
||||
@include respond('phone') {
|
||||
left: 21.4%;
|
||||
}
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
width: 1.9rem;
|
||||
height: 1.9rem;
|
||||
background-color: rgba($color: $primary, $alpha: .4);
|
||||
content: "";
|
||||
border-radius: 50%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
.timeline-panel {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.timeline:before {
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
position : absolute;
|
||||
content : " ";
|
||||
width : 2px;
|
||||
background-color: #ECEFF2;
|
||||
left : 50%;
|
||||
margin-left : -1.5px;
|
||||
}
|
||||
|
||||
.timeline > li {
|
||||
margin-bottom: 20px;
|
||||
position : relative;
|
||||
}
|
||||
|
||||
.timeline > li:after,
|
||||
.timeline > li:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.timeline > li:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.timeline > li:after,
|
||||
.timeline > li:before {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.timeline > li:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-panel {
|
||||
width : 46%;
|
||||
float : left;
|
||||
// border : 1px solid #d4d4d4;
|
||||
border-radius : 2px;
|
||||
// padding : 20px;
|
||||
position : relative;
|
||||
// -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
// box-shadow : 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.timeline > li > .timeline-badge {
|
||||
background-color: $l-bg;
|
||||
border: 1px solid $iron;
|
||||
border-radius : 50%;
|
||||
color : $dark;
|
||||
// font-size : 1.4em;
|
||||
height : 40px;
|
||||
left : 50%;
|
||||
line-height : 40px;
|
||||
margin-left : -13px;
|
||||
position : absolute;
|
||||
text-align : center;
|
||||
top : 30px;
|
||||
width : 40px;
|
||||
z-index : 1;
|
||||
transform: translate(-25%, -3rem);
|
||||
|
||||
@include media-breakpoint-up(sm){
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
// i{
|
||||
// color: $pale-sky;
|
||||
// }
|
||||
|
||||
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel {
|
||||
float: right;
|
||||
|
||||
// @at-root [direction="rtl"] #{&} {
|
||||
// float: left;
|
||||
// }
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel:before {
|
||||
border-left-width : 0;
|
||||
border-right-width: 15px;
|
||||
left : -15px;
|
||||
right : auto;
|
||||
}
|
||||
|
||||
.timeline > li.timeline-inverted > .timeline-panel:after {
|
||||
border-left-width : 0;
|
||||
border-right-width: 14px;
|
||||
left : -14px;
|
||||
right : auto;
|
||||
}
|
||||
|
||||
.timeline-title {
|
||||
margin-top: 0;
|
||||
color : inherit;
|
||||
}
|
||||
|
||||
.event_time {
|
||||
// color : $bc;
|
||||
font-size : 14px;
|
||||
// text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.event_vanue {
|
||||
// color : $bc;
|
||||
font-size : 14px;
|
||||
margin : 5px 0;
|
||||
// text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.timeline_img {
|
||||
height: 100px;
|
||||
width : 100px;
|
||||
}
|
||||
|
||||
.timeline-body > p,
|
||||
.timeline-body > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
ul.timeline:before {
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel {
|
||||
width: calc(100% - 90px);
|
||||
width: -webkit-calc(100% - 90px);
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-badge {
|
||||
left: 28px;
|
||||
margin-left: 0;
|
||||
top : 16px;
|
||||
|
||||
// @include media-breakpoint-up(sm){
|
||||
// left: 15px;
|
||||
// }
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel {
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel:before {
|
||||
border-left-width : 0;
|
||||
border-right-width: 15px;
|
||||
left : -15px;
|
||||
right : auto;
|
||||
}
|
||||
|
||||
ul.timeline > li > .timeline-panel:after {
|
||||
border-left-width : 0;
|
||||
border-right-width: 14px;
|
||||
left : -14px;
|
||||
right : auto;
|
||||
}
|
||||
|
||||
.timeline_img {
|
||||
height: 30%;
|
||||
width : 30%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.timeline-timestamp {
|
||||
text-align: center;
|
||||
|
||||
.badge {
|
||||
padding: .8rem 2rem;
|
||||
border-radius: 50px;
|
||||
font-size: 0.8125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
24
httpdocs/themes/focus2/scss/pages/_pages.scss
Normal file
24
httpdocs/themes/focus2/scss/pages/_pages.scss
Normal file
@ -0,0 +1,24 @@
|
||||
@import "./page-error";
|
||||
@import "./page-auth";
|
||||
@import "./page-pricing";
|
||||
@import "./page-timeline";
|
||||
|
||||
//specific HTML pages scss
|
||||
@import "./homepage";
|
||||
@import "./ecom-billing";
|
||||
@import "./ecom-checkout";
|
||||
@import "./ecom-customer-details";
|
||||
@import "./ecom-customers";
|
||||
@import "./ecom-invoice";
|
||||
@import "./ecom-order-details";
|
||||
@import "./ecom-product-detail";
|
||||
@import "./ecom-product-grid";
|
||||
@import "./ecom-product-list";
|
||||
@import "./ecom-product-order";
|
||||
@import "./ecom-shopping-cart";
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user