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
123
httpdocs/themes/focus2/scss/components/widget/_widget-chart.scss
Normal file
123
httpdocs/themes/focus2/scss/components/widget/_widget-chart.scss
Normal file
@ -0,0 +1,123 @@
|
||||
#chart_widget_4 {
|
||||
height: 255px !important;
|
||||
}
|
||||
|
||||
#chart_widget_5 {
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: $white;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 5px;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: $white;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: .8;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_6 {
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: #00abc5;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 5px;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: #00abc5;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_8 {
|
||||
height: 255px;
|
||||
|
||||
.ct-series-a .ct-line,
|
||||
.ct-series-a .ct-point {
|
||||
stroke: #00abc5;
|
||||
}
|
||||
|
||||
.ct-line {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
|
||||
.ct-point {
|
||||
stroke-width: 5px;
|
||||
}
|
||||
|
||||
.ct-series-a .ct-area {
|
||||
fill: #00abc5;
|
||||
}
|
||||
|
||||
.ct-area {
|
||||
fill-opacity: .5;
|
||||
}
|
||||
}
|
||||
|
||||
#chart_widget_9, #chart_widget_10 {
|
||||
height: 250px !important;
|
||||
}
|
||||
|
||||
#chart_widget_11, #chart_widget_12, #chart_widget_13 {
|
||||
.ct-slice-donut {
|
||||
stroke-width: 25px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#chart_widget_11 {
|
||||
height: 270px !important;
|
||||
}
|
||||
|
||||
#chart_widget_17 {
|
||||
height: 150px !important;
|
||||
}
|
||||
|
||||
|
||||
.chart_widget_tab_one {
|
||||
.nav-link {
|
||||
border: 1px solid #ddd;
|
||||
|
||||
&.active {
|
||||
background-color: $primary;
|
||||
border: 1px solid $primary;
|
||||
color: $white;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid $primary;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ccc-widget {
|
||||
&>div {
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
background: $dark-card !important;
|
||||
border-color: $d-border !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,76 @@
|
||||
.social-icon{
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-radius: 4px;
|
||||
text-align: center;
|
||||
background: $body-bg;
|
||||
margin-bottom: 0.5rem;
|
||||
font-size: 20px;
|
||||
|
||||
i{
|
||||
// font-size: 0.875rem;
|
||||
color: $white
|
||||
}
|
||||
&.youtube{
|
||||
background: $youtube;
|
||||
}
|
||||
&.facebook{
|
||||
background: $facebook;
|
||||
}
|
||||
&.twitter{
|
||||
background: $twitter;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.social-icon2{
|
||||
a{
|
||||
border: .1rem solid $primary;
|
||||
display: block;
|
||||
padding: 1rem;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: .5rem;
|
||||
border-radius: .3rem;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
i{
|
||||
font-size: 12px;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
.social-icon3{
|
||||
ul{
|
||||
li{
|
||||
display: inline-block;
|
||||
a{
|
||||
display: block;
|
||||
i{
|
||||
font-size: 1.4rem;
|
||||
padding: 1rem .7rem;
|
||||
color: $l-ctd;
|
||||
}
|
||||
&:hover{
|
||||
i{
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.social-icons-muted{
|
||||
ul li a i{
|
||||
color: $muted;
|
||||
}
|
||||
}
|
||||
|
||||
.social-links {
|
||||
a {
|
||||
padding: .5rem;
|
||||
}
|
||||
}
|
||||
153
httpdocs/themes/focus2/scss/components/widget/_widget-stat.scss
Normal file
153
httpdocs/themes/focus2/scss/components/widget/_widget-stat.scss
Normal file
@ -0,0 +1,153 @@
|
||||
.widget-stat {
|
||||
.media {
|
||||
padding: 0px 0;
|
||||
align-items: center;
|
||||
&>span {
|
||||
background: #F5F7FB;
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
border-radius: 50px;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid #E6E8ED;
|
||||
font-size: 25px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: $l-ctd;
|
||||
;
|
||||
}
|
||||
@include custommq($min: 576px) {}
|
||||
.media-body {
|
||||
p {
|
||||
text-transform: uppercase;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
@at-root [data-theme-version="dark"] & {
|
||||
color: #c4c9d5;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: 24px;
|
||||
color: $primary !important;
|
||||
display: inline-block;
|
||||
}
|
||||
span {
|
||||
margin-left: 10px;
|
||||
border-radius: 30px;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
padding: 3px 10px;
|
||||
&.badge-success {
|
||||
background: #96FFAD;
|
||||
color: #107125;
|
||||
}
|
||||
&.badge-danger {
|
||||
background: #FFE1E1;
|
||||
color: #c52424;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-trend-meter {
|
||||
.card {
|
||||
background: #FFE7DB;
|
||||
.card-body {
|
||||
p {
|
||||
color: #f87533;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-content {
|
||||
h2 {
|
||||
color: $primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
|
||||
/* Widget One
|
||||
---------------------------*/
|
||||
|
||||
.stat-widget-one .stat-icon {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.stat-widget-one .stat-icon i {
|
||||
font-size: 30px;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-radius: 100px;
|
||||
padding: 15px;
|
||||
font-weight: 900;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.stat-widget-one .stat-content {
|
||||
margin-left: 30px;
|
||||
margin-top: 7px;
|
||||
}
|
||||
|
||||
.stat-widget-one .stat-text {
|
||||
font-size: 14px;
|
||||
color: #868e96;
|
||||
}
|
||||
|
||||
.stat-widget-one .stat-digit {
|
||||
font-size: 24px;
|
||||
color: #373757;
|
||||
}
|
||||
|
||||
//
|
||||
.stat-widget-two {
|
||||
text-align: center;
|
||||
.stat-digit {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 500;
|
||||
color: #373757;
|
||||
i {
|
||||
font-size: 18px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.stat-text {
|
||||
font-size: 16px;
|
||||
margin-bottom: 5px;
|
||||
color: #868e96;
|
||||
}
|
||||
.progress {
|
||||
height: 8px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 20px;
|
||||
box-shadow: none;
|
||||
}
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-card-circle {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
i {
|
||||
font-size: 30px;
|
||||
left: 0;
|
||||
line-height: 97px;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-line-list li {
|
||||
display: inline-block;
|
||||
font-size: 1.2em;
|
||||
line-height: 27px;
|
||||
padding: 5px 20px 0 15px;
|
||||
span {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,127 @@
|
||||
.tdl-holder {
|
||||
margin: 0 auto;
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
background-color: $white;
|
||||
border-bottom: 1px solid $border;
|
||||
// color: #252525;
|
||||
list-style: none none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
span {
|
||||
margin-left: 35px;
|
||||
// color: $l-ctd;
|
||||
font-size: 1rem;
|
||||
// font-weight: 600;
|
||||
vertical-align: middle;
|
||||
transition: all 0.2s linear;
|
||||
|
||||
@at-root [direction="rtl"] #{&} {
|
||||
margin-left: auto;
|
||||
margin-right: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
label {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
line-height: 50px;
|
||||
padding-left: 1.5rem;
|
||||
position: relative;
|
||||
margin: 0 !important;
|
||||
|
||||
@at-root [direction="rtl"] #{&} {
|
||||
padding-left: 0;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #eef1f6;
|
||||
color: $dark;
|
||||
|
||||
|
||||
|
||||
a {
|
||||
color: $danger;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
a {
|
||||
color: $white;
|
||||
display: inline-block;
|
||||
line-height: normal;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
width: 50px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all 0.2s linear;
|
||||
padding: 18px 0px;
|
||||
font-size: 18px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
||||
@at-root [direction="rtl"] #{&} {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
input {
|
||||
&[type=checkbox] {
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
+ i {
|
||||
background-color: #fff;
|
||||
border: 1px solid #e7e7e7;
|
||||
display: block;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 20px;
|
||||
z-index: 1;
|
||||
border-radius: 00px;
|
||||
}
|
||||
&:checked {
|
||||
|
||||
+ i {
|
||||
background: $primary;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
+ i::after {
|
||||
content: "\f00c";
|
||||
font-family: 'fontAwesome';
|
||||
display: block;
|
||||
left: 1px;
|
||||
position: absolute;
|
||||
top: -15px;
|
||||
z-index: 2;
|
||||
color: $white;
|
||||
}
|
||||
~ span {
|
||||
text-decoration: line-through;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
&[type=text] {
|
||||
background-color: $white;
|
||||
height: 50px;
|
||||
margin-top: 29px;
|
||||
border-radius: 3px;
|
||||
|
||||
&::placeholder {
|
||||
color: $dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
@import "./widget-chart";
|
||||
@import "./widget-social";
|
||||
@import "./widget-stat";
|
||||
@import "./widget-todo-list";
|
||||
Reference in New Issue
Block a user