admin styling updates/fixes
This commit is contained in:
@@ -1,17 +1,17 @@
|
||||
/*!
|
||||
|
||||
|
||||
=========================================================
|
||||
* Paper Dashboard - v1.1.2
|
||||
=========================================================
|
||||
|
||||
|
||||
* Product Page: http://www.creative-tim.com/product/paper-dashboard
|
||||
* Copyright 2017 Creative Tim (http://www.creative-tim.com)
|
||||
* Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard/blob/master/LICENSE.md)
|
||||
|
||||
|
||||
=========================================================
|
||||
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
|
||||
*/
|
||||
/* light colors - used for select dropdown */
|
||||
.ct-blue {
|
||||
@@ -137,6 +137,12 @@ strong {
|
||||
.chart-legend .text-danger, .chart-legend .text-danger:hover {
|
||||
color: #EB5E28; }
|
||||
|
||||
.description,
|
||||
.card-description,
|
||||
.footer-big p {
|
||||
color: #9A9A9A;
|
||||
font-weight: 300; }
|
||||
|
||||
/* General overwrite */
|
||||
body {
|
||||
color: #66615b;
|
||||
@@ -430,6 +436,51 @@ hr {
|
||||
transition-timing-function: linear,linear;
|
||||
-webkit-overflow-scrolling: touch; }
|
||||
|
||||
/* badges */
|
||||
.badge {
|
||||
border-radius: 8px;
|
||||
padding: 4px 8px;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.7142em;
|
||||
line-height: 12px;
|
||||
background-color: transparent;
|
||||
border: 1px solid;
|
||||
margin-bottom: 5px;
|
||||
border-radius: 6px; }
|
||||
|
||||
.badge-icon {
|
||||
padding: 0.4em 0.55em; }
|
||||
.badge-icon i {
|
||||
font-size: 0.8em; }
|
||||
|
||||
.badge-default {
|
||||
border-color: #514d48;
|
||||
color: #514d48; }
|
||||
|
||||
.badge-primary {
|
||||
border-color: #7A9E9F;
|
||||
color: #7A9E9F; }
|
||||
|
||||
.badge-info {
|
||||
border-color: #68B3C8;
|
||||
color: #68B3C8; }
|
||||
|
||||
.badge-success {
|
||||
border-color: #7AC29A;
|
||||
color: #7AC29A; }
|
||||
|
||||
.badge-warning {
|
||||
border-color: #F3BB45;
|
||||
color: #F3BB45; }
|
||||
|
||||
.badge-danger {
|
||||
border-color: #EB5E28;
|
||||
color: #EB5E28; }
|
||||
|
||||
.badge-neutral {
|
||||
border-color: #FFFFFF;
|
||||
color: #FFFFFF; }
|
||||
|
||||
.btn, .navbar .navbar-nav > li > a.btn {
|
||||
border-radius: 20px;
|
||||
box-sizing: border-box;
|
||||
@@ -1167,6 +1218,7 @@ textarea.form-control {
|
||||
margin: 0; }
|
||||
.navbar .navbar-nav > li > a i {
|
||||
position: relative;
|
||||
margin-right: 5px;
|
||||
top: 1px; }
|
||||
.navbar .navbar-nav > li > a.btn {
|
||||
margin: 15px 3px;
|
||||
@@ -1459,13 +1511,23 @@ textarea.form-control {
|
||||
overflow: visible; }
|
||||
|
||||
.card {
|
||||
border: 0;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
|
||||
background-color: #FFFFFF;
|
||||
color: #252422;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
z-index: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
background-color: #fff; }
|
||||
.card .card-block {
|
||||
flex: 1 1 auto;
|
||||
padding: 1.25rem; }
|
||||
.card a {
|
||||
color: #f96332; }
|
||||
.card .image {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@@ -1484,6 +1546,10 @@ textarea.form-control {
|
||||
.card .description {
|
||||
font-size: 16px;
|
||||
color: #66615b; }
|
||||
.card h5 {
|
||||
font-size: 1.57em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 15px; }
|
||||
.card h6 {
|
||||
font-size: 12px;
|
||||
margin: 0; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,17 +1,17 @@
|
||||
/*!
|
||||
|
||||
|
||||
=========================================================
|
||||
* Paper Dashboard - v1.1.2
|
||||
=========================================================
|
||||
|
||||
|
||||
* Product Page: http://www.creative-tim.com/product/paper-dashboard
|
||||
* Copyright 2017 Creative Tim (http://www.creative-tim.com)
|
||||
* Licensed under MIT (https://github.com/creativetimofficial/paper-dashboard/blob/master/LICENSE.md)
|
||||
|
||||
|
||||
=========================================================
|
||||
|
||||
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
|
||||
*/
|
||||
|
||||
|
||||
@@ -23,6 +23,7 @@
|
||||
// Core CSS
|
||||
@import "paper/misc";
|
||||
@import "paper/sidebar-and-main-panel";
|
||||
@import "paper/badges";
|
||||
@import "paper/buttons";
|
||||
@import "paper/inputs";
|
||||
|
||||
|
||||
47
public/assets/admin/sass/paper/_badges.scss
Normal file
47
public/assets/admin/sass/paper/_badges.scss
Normal file
@@ -0,0 +1,47 @@
|
||||
/* badges */
|
||||
.badge {
|
||||
border-radius: 8px;
|
||||
padding: 4px 8px;
|
||||
text-transform: uppercase;
|
||||
font-size: $font-size-mini;
|
||||
line-height: 12px;
|
||||
background-color: $transparent-bg;
|
||||
border: $border;
|
||||
margin-bottom: 5px;
|
||||
border-radius: $border-radius-extreme;
|
||||
}
|
||||
|
||||
.badge-icon {
|
||||
padding: 0.4em 0.55em;
|
||||
i {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
}
|
||||
|
||||
.badge-default {
|
||||
@include badge-color($default-color);
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
@include badge-color($primary-color);
|
||||
}
|
||||
|
||||
.badge-info {
|
||||
@include badge-color($info-color);
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
@include badge-color($success-color);
|
||||
}
|
||||
|
||||
.badge-warning {
|
||||
@include badge-color($warning-color);
|
||||
}
|
||||
|
||||
.badge-danger {
|
||||
@include badge-color($danger-color);
|
||||
}
|
||||
|
||||
.badge-neutral {
|
||||
@include badge-color($white-color);
|
||||
}
|
||||
@@ -1,4 +1,5 @@
|
||||
.card{
|
||||
border: 0;
|
||||
border-radius: $border-radius-extreme;
|
||||
box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
|
||||
background-color: #FFFFFF;
|
||||
@@ -7,6 +8,20 @@
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
|
||||
.card-block {
|
||||
flex: 1 1 auto;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #f96332;
|
||||
}
|
||||
|
||||
.image{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@@ -32,6 +47,12 @@
|
||||
color: $font-color;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.57em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
h6{
|
||||
font-size: $font-size-small;
|
||||
margin: 0;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
//Utilities
|
||||
//Utilities
|
||||
|
||||
@import "mixins/transparency";
|
||||
@import "mixins/vendor-prefixes";
|
||||
@@ -6,6 +6,7 @@
|
||||
|
||||
//Components
|
||||
|
||||
@import "mixins/badges";
|
||||
@import "mixins/buttons";
|
||||
@import "mixins/inputs";
|
||||
@import "mixins/labels";
|
||||
@@ -14,4 +15,4 @@
|
||||
@import "mixins/icons";
|
||||
@import "mixins/cards";
|
||||
@import "mixins/chartist";
|
||||
@import "mixins/sidebar";
|
||||
@import "mixins/sidebar";
|
||||
|
||||
@@ -32,6 +32,7 @@
|
||||
}
|
||||
i{
|
||||
position: relative;
|
||||
margin-right: 5px;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -117,3 +117,10 @@ strong{
|
||||
color: $danger-color;
|
||||
}
|
||||
}
|
||||
|
||||
.description,
|
||||
.card-description,
|
||||
.footer-big p {
|
||||
color: $dark-gray;
|
||||
font-weight: $font-weight-light;
|
||||
}
|
||||
|
||||
@@ -114,6 +114,9 @@ $border-radius-btn-large: 50px !default;
|
||||
|
||||
// Cristina: am schimbat aici si s-au modificat inputurile
|
||||
$margin-bottom: 0 0 10px 0 !default;
|
||||
$border: 1px solid !default;
|
||||
$border-radius-extra-small: 0.125rem !default;
|
||||
$border-radius-tiny: 0.1875rem !default;
|
||||
$border-radius-small: 3px !default;
|
||||
$border-radius-base: 4px !default;
|
||||
$border-radius-large: 6px !default;
|
||||
@@ -126,6 +129,11 @@ $btn-round-radius: 30px !default;
|
||||
|
||||
$height-base: 40px !default;
|
||||
|
||||
$btn-icon-font-size: 24px !default;
|
||||
$btn-icon-size: 56px !default;
|
||||
$btn-icon-size-mini: 36px !default;
|
||||
$btn-icon-font-size-mini: 14px !default;
|
||||
|
||||
$font-size-base: 14px !default;
|
||||
$font-size-xs: 12px !default;
|
||||
$font-size-small: 12px !default;
|
||||
@@ -142,6 +150,7 @@ $font-size-h6: 0.9em !default;
|
||||
$font-paragraph: 16px !default;
|
||||
$font-size-navbar: 16px !default;
|
||||
$font-size-small: 12px !default;
|
||||
$font-size-mini: 0.7142em !default;
|
||||
|
||||
$font-weight-light: 300 !default;
|
||||
$font-weight-normal: 400 !default;
|
||||
|
||||
4
public/assets/admin/sass/paper/mixins/_badges.scss
Normal file
4
public/assets/admin/sass/paper/mixins/_badges.scss
Normal file
@@ -0,0 +1,4 @@
|
||||
@mixin badge-color($color) {
|
||||
border-color: $color;
|
||||
color: $color;
|
||||
}
|
||||
Reference in New Issue
Block a user