mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-02-10 06:58:40 +00:00
update styles
This commit is contained in:
parent
35af5535e9
commit
7637251ffb
706
styles.css
706
styles.css
|
|
@ -128,40 +128,6 @@ article {
|
||||||
.darkblue {
|
.darkblue {
|
||||||
background: #2969B0; }
|
background: #2969B0; }
|
||||||
|
|
||||||
.w-100 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 100%;
|
|
||||||
width: calc(100% - 5px); }
|
|
||||||
|
|
||||||
.w-50 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 49%;
|
|
||||||
width: calc(50% - 5px); }
|
|
||||||
|
|
||||||
.w-33 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 32%;
|
|
||||||
width: calc(33.33% - 5px); }
|
|
||||||
|
|
||||||
.w-25 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 25%;
|
|
||||||
width: calc(25% - 5px); }
|
|
||||||
|
|
||||||
.w-75 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 75%;
|
|
||||||
width: calc(75% - 5px); }
|
|
||||||
|
|
||||||
.w-66 {
|
|
||||||
min-width: 215px;
|
|
||||||
width: 66%;
|
|
||||||
width: calc(66.66% - 5px); }
|
|
||||||
|
|
||||||
.wd-100 {
|
|
||||||
width: 100%;
|
|
||||||
width: calc(100% - 105px); }
|
|
||||||
|
|
||||||
.wf-100 {
|
.wf-100 {
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
|
|
@ -183,30 +149,6 @@ article {
|
||||||
.spacer {
|
.spacer {
|
||||||
padding: 5px; }
|
padding: 5px; }
|
||||||
|
|
||||||
.fw-100 {
|
|
||||||
width: 100%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.fw-50 {
|
|
||||||
width: 50%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.fw-33 {
|
|
||||||
width: 33%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.fw-25 {
|
|
||||||
width: 25%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.fw-75 {
|
|
||||||
width: 75%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.fw-66 {
|
|
||||||
width: 66%;
|
|
||||||
margin: 5px; }
|
|
||||||
|
|
||||||
.resizable {
|
.resizable {
|
||||||
resize: both;
|
resize: both;
|
||||||
overflow: auto; }
|
overflow: auto; }
|
||||||
|
|
@ -3242,7 +3184,7 @@ article {
|
||||||
background: #2969B0; }
|
background: #2969B0; }
|
||||||
|
|
||||||
*[draggable] {
|
*[draggable] {
|
||||||
cursor: pointer; }
|
cursor: move; }
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 0 0 10px 0;
|
margin: 0 0 10px 0;
|
||||||
|
|
@ -3250,9 +3192,8 @@ p {
|
||||||
p span {
|
p span {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
|
p + p {
|
||||||
p + p {
|
margin-top: 5px; }
|
||||||
margin-top: 5px; }
|
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
|
|
@ -3263,44 +3204,40 @@ p + p {
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
|
.tooltip > i {
|
||||||
.tooltip > i {
|
-webkit-border-radius: 3px;
|
||||||
-webkit-border-radius: 3px;
|
-moz-border-radius: 3px;
|
||||||
-moz-border-radius: 3px;
|
-ms-border-radius: 3px;
|
||||||
-ms-border-radius: 3px;
|
border-radius: 3px;
|
||||||
border-radius: 3px;
|
background-clip: padding-box;
|
||||||
background-clip: padding-box;
|
text-align: center;
|
||||||
text-align: center;
|
font-size: 0.7em;
|
||||||
font-size: 0.7em;
|
color: #fff;
|
||||||
color: #fff;
|
line-height: 1.0em;
|
||||||
line-height: 1.0em;
|
background: #000000;
|
||||||
background: #000000;
|
position: absolute;
|
||||||
position: absolute;
|
padding: 5px;
|
||||||
padding: 5px;
|
bottom: 100%;
|
||||||
bottom: 100%;
|
left: -50%;
|
||||||
left: -50%;
|
margin-bottom: 10px;
|
||||||
margin-bottom: 10px;
|
visibility: hidden;
|
||||||
visibility: hidden;
|
opacity: 0;
|
||||||
opacity: 0;
|
white-space: pre; }
|
||||||
white-space: pre; }
|
.tooltip > i:before, .tooltip > i:after {
|
||||||
|
content: "";
|
||||||
.tooltip > i:before, .tooltip > i:after {
|
position: absolute;
|
||||||
content: "";
|
border-left: 10px solid transparent;
|
||||||
position: absolute;
|
border-right: 10px solid transparent;
|
||||||
border-left: 10px solid transparent;
|
top: 100%;
|
||||||
border-right: 10px solid transparent;
|
left: 50%;
|
||||||
top: 100%;
|
margin-left: -10px; }
|
||||||
left: 50%;
|
.tooltip > i:after {
|
||||||
margin-left: -10px; }
|
border-top: 10px solid #000000;
|
||||||
|
margin-top: 0;
|
||||||
.tooltip > i:after {
|
z-index: 1; }
|
||||||
border-top: 10px solid #000000;
|
.tooltip:hover > i {
|
||||||
margin-top: 0;
|
visibility: visible;
|
||||||
z-index: 1; }
|
opacity: 1; }
|
||||||
|
|
||||||
.tooltip:hover > i {
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1; }
|
|
||||||
|
|
||||||
.spinner-1 {
|
.spinner-1 {
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|
@ -3532,22 +3469,17 @@ canvas {
|
||||||
/* Colors */
|
/* Colors */
|
||||||
form li {
|
form li {
|
||||||
margin: 5px 0 5px 0; }
|
margin: 5px 0 5px 0; }
|
||||||
|
|
||||||
form td {
|
form td {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding-bottom: 5px; }
|
padding-bottom: 5px; }
|
||||||
|
form td textarea + i {
|
||||||
form td textarea + i {
|
vertical-align: top; }
|
||||||
vertical-align: top; }
|
|
||||||
|
|
||||||
form label {
|
form label {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
color: #878787;
|
color: #878787;
|
||||||
text-shadow: -1px -1px 1px #ffffff; }
|
text-shadow: -1px -1px 1px #ffffff; }
|
||||||
|
|
||||||
form i + i {
|
form i + i {
|
||||||
margin-left: 3px; }
|
margin-left: 3px; }
|
||||||
|
|
||||||
form .inputPrefix {
|
form .inputPrefix {
|
||||||
border-left: 1px solid #b7b7b7;
|
border-left: 1px solid #b7b7b7;
|
||||||
border-top: 1px solid #b7b7b7;
|
border-top: 1px solid #b7b7b7;
|
||||||
|
|
@ -3555,10 +3487,8 @@ form .inputPrefix {
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #bebebe; }
|
background: #bebebe; }
|
||||||
|
|
||||||
form .layout td + td {
|
form .layout td + td {
|
||||||
padding-left: 5px; }
|
padding-left: 5px; }
|
||||||
|
|
||||||
form .list {
|
form .list {
|
||||||
font-size: 0.9em; }
|
font-size: 0.9em; }
|
||||||
form .list td {
|
form .list td {
|
||||||
|
|
@ -3602,11 +3532,9 @@ img.frame-1 {
|
||||||
-ms-border-radius: 3px;
|
-ms-border-radius: 3px;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-clip: padding-box; }
|
background-clip: padding-box; }
|
||||||
|
|
||||||
img.frame-2 {
|
img.frame-2 {
|
||||||
border: 1px solid #b7b7b7;
|
border: 1px solid #b7b7b7;
|
||||||
background: #f5f5ff; }
|
background: #f5f5ff; }
|
||||||
|
|
||||||
img.frame-3 {
|
img.frame-3 {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
|
@ -3641,59 +3569,50 @@ img.frame-3 {
|
||||||
left: -400%; } }
|
left: -400%; } }
|
||||||
div.slider-1 {
|
div.slider-1 {
|
||||||
overflow: hidden; }
|
overflow: hidden; }
|
||||||
|
div.slider-1 figure {
|
||||||
div.slider-1 figure img {
|
position: relative;
|
||||||
width: 20%;
|
width: 500%;
|
||||||
float: left; }
|
margin: 0;
|
||||||
|
left: 0;
|
||||||
div.slider-1 figure {
|
text-align: left;
|
||||||
position: relative;
|
font-size: 0;
|
||||||
width: 500%;
|
animation: 30s slidy infinite; }
|
||||||
margin: 0;
|
div.slider-1 figure img {
|
||||||
left: 0;
|
width: 20%;
|
||||||
text-align: left;
|
float: left; }
|
||||||
font-size: 0;
|
|
||||||
animation: 30s slidy infinite; }
|
|
||||||
|
|
||||||
.slider-2 {
|
.slider-2 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: auto;
|
padding-top: auto;
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
|
.slider-2 > img {
|
||||||
.slider-2 > img {
|
width: 100%;
|
||||||
width: 100%;
|
position: absolute;
|
||||||
position: absolute;
|
left: 0;
|
||||||
left: 0;
|
top: 0;
|
||||||
top: 0;
|
transition: all 0.5s;
|
||||||
transition: all 0.5s;
|
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75); }
|
||||||
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75); }
|
.slider-2 input {
|
||||||
|
display: none; }
|
||||||
.slider-2 input {
|
.slider-2 input:checked + label {
|
||||||
display: none; }
|
border-color: #666;
|
||||||
|
opacity: 1; }
|
||||||
.slider-2 label {
|
.slider-2 input:checked + label + img {
|
||||||
display: inline-block;
|
opacity: 1;
|
||||||
margin-top: calc(50% + 15px);
|
transform: scale(1); }
|
||||||
margin-left: 15px;
|
.slider-2 input ~ img {
|
||||||
border: 3px solid #999;
|
opacity: 0;
|
||||||
cursor: pointer;
|
transform: scale(1.1); }
|
||||||
opacity: 0.6; }
|
.slider-2 label {
|
||||||
|
display: inline-block;
|
||||||
.slider-2 label img {
|
margin-top: calc(50% + 15px);
|
||||||
display: block; }
|
margin-left: 15px;
|
||||||
|
border: 3px solid #999;
|
||||||
.slider-2 input:checked + label {
|
cursor: pointer;
|
||||||
border-color: #666;
|
opacity: 0.6; }
|
||||||
opacity: 1; }
|
.slider-2 label img {
|
||||||
|
display: block; }
|
||||||
.slider-2 input ~ img {
|
|
||||||
opacity: 0;
|
|
||||||
transform: scale(1.1); }
|
|
||||||
|
|
||||||
.slider-2 input:checked + label + img {
|
|
||||||
opacity: 1;
|
|
||||||
transform: scale(1); }
|
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
|
|
@ -3709,6 +3628,7 @@ progress {
|
||||||
min-width: 150px; }
|
min-width: 150px; }
|
||||||
|
|
||||||
.textarea,
|
.textarea,
|
||||||
|
.tag-input,
|
||||||
textarea,
|
textarea,
|
||||||
select,
|
select,
|
||||||
input[type="password"],
|
input[type="password"],
|
||||||
|
|
@ -3729,6 +3649,7 @@ input[type="datetime-local"] {
|
||||||
transition: background 0.3s, border 0.3s;
|
transition: background 0.3s, border 0.3s;
|
||||||
box-shadow: inset 1px 1px 4px -2px #c5c5c5; }
|
box-shadow: inset 1px 1px 4px -2px #c5c5c5; }
|
||||||
.textarea:focus,
|
.textarea:focus,
|
||||||
|
.tag-input:focus,
|
||||||
textarea:focus,
|
textarea:focus,
|
||||||
select:focus,
|
select:focus,
|
||||||
input[type="password"]:focus,
|
input[type="password"]:focus,
|
||||||
|
|
@ -3853,6 +3774,14 @@ select.plain {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
|
||||||
|
.tag-input input {
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0; }
|
||||||
|
.tag-input .tag {
|
||||||
|
padding: 3px;
|
||||||
|
font-size: 0.8rem; }
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
/* Content box */
|
/* Content box */
|
||||||
|
|
@ -3861,67 +3790,60 @@ select.plain {
|
||||||
.ac-container {
|
.ac-container {
|
||||||
margin: 10px auto 30px auto;
|
margin: 10px auto 30px auto;
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
.ac-container > input {
|
||||||
.ac-container > input {
|
display: none; }
|
||||||
display: none; }
|
.ac-container > input:checked + label {
|
||||||
|
background: #ffffff;
|
||||||
.ac-container > label {
|
background: -moz-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
display: block;
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f5f5ff));
|
||||||
padding: 5px 20px;
|
background: -webkit-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
position: relative;
|
background: -o-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
z-index: 20;
|
background: -ms-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
margin-top: -1px;
|
background: linear-gradient(to bottom, #ffffff 0, #f5f5ff 100);
|
||||||
cursor: pointer;
|
color: #000; }
|
||||||
color: #777;
|
.ac-container > input:checked + label + section {
|
||||||
font-size: 1em;
|
display: inherit; }
|
||||||
border: 1px solid #b7b7b7;
|
.ac-container > input + label + section {
|
||||||
-webkit-border-radius: 3px;
|
display: none; }
|
||||||
-moz-border-radius: 3px;
|
.ac-container label {
|
||||||
-ms-border-radius: 3px;
|
display: block;
|
||||||
border-radius: 3px;
|
padding: 5px 20px;
|
||||||
background-clip: padding-box;
|
position: relative;
|
||||||
background: #f5f5ff;
|
z-index: 20;
|
||||||
background: -moz-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
margin-top: -1px;
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e3eb), color-stop(100, #f5f5ff));
|
cursor: pointer;
|
||||||
background: -webkit-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
color: #777;
|
||||||
background: -o-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
font-size: 1em;
|
||||||
background: -ms-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
border: 1px solid #b7b7b7;
|
||||||
background: linear-gradient(to bottom, #e0e3eb 0, #f5f5ff 100); }
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
.ac-container > label:hover {
|
-ms-border-radius: 3px;
|
||||||
background: #ffffff;
|
border-radius: 3px;
|
||||||
background: -moz-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background-clip: padding-box;
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f5f5ff));
|
background: #f5f5ff;
|
||||||
background: -webkit-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -moz-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
||||||
background: -o-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e3eb), color-stop(100, #f5f5ff));
|
||||||
background: -ms-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -webkit-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
||||||
background: linear-gradient(to bottom, #ffffff 0, #f5f5ff 100); }
|
background: -o-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
||||||
|
background: -ms-linear-gradient(top, #e0e3eb 0, #f5f5ff 100);
|
||||||
.ac-container > input:checked + label {
|
background: linear-gradient(to bottom, #e0e3eb 0, #f5f5ff 100); }
|
||||||
background: #ffffff;
|
.ac-container label:hover {
|
||||||
background: -moz-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: #ffffff;
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f5f5ff));
|
background: -moz-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
background: -webkit-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(100, #f5f5ff));
|
||||||
background: -o-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -webkit-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
background: -ms-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
background: -o-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
background: linear-gradient(to bottom, #ffffff 0, #f5f5ff 100);
|
background: -ms-linear-gradient(top, #ffffff 0, #f5f5ff 100);
|
||||||
color: #000; }
|
background: linear-gradient(to bottom, #ffffff 0, #f5f5ff 100); }
|
||||||
|
.ac-container > section {
|
||||||
.ac-container > section {
|
background: #f5f5ff;
|
||||||
background: #f5f5ff;
|
overflow: hidden;
|
||||||
overflow: hidden;
|
height: auto;
|
||||||
height: auto;
|
position: relative;
|
||||||
position: relative;
|
z-index: 10;
|
||||||
z-index: 10;
|
border-left: 1px solid #b7b7b7;
|
||||||
border-left: 1px solid #b7b7b7;
|
border-right: 1px solid #b7b7b7;
|
||||||
border-right: 1px solid #b7b7b7;
|
padding: 10px; }
|
||||||
padding: 10px; }
|
|
||||||
|
|
||||||
.ac-container > input + label + section {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.ac-container > input:checked + label + section {
|
|
||||||
display: inherit; }
|
|
||||||
|
|
||||||
div.alert {
|
div.alert {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
@ -3981,66 +3903,57 @@ blockquote {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.crumbs-1 li {
|
||||||
.crumbs-1 li {
|
background: #f5f5ff;
|
||||||
background: #f5f5ff;
|
border: 1px solid #b7b7b7;
|
||||||
border: 1px solid #b7b7b7;
|
padding: 10px 10px 10px 20px;
|
||||||
padding: 10px 10px 10px 20px;
|
position: relative;
|
||||||
position: relative;
|
display: block;
|
||||||
display: block;
|
float: left;
|
||||||
float: left;
|
text-shadow: -1px -1px 1px #ffffff;
|
||||||
text-shadow: -1px -1px 1px #ffffff;
|
cursor: pointer;
|
||||||
cursor: pointer;
|
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
box-shadow: inset 1px 1px 0px 0px #ffffff; }
|
||||||
box-shadow: inset 1px 1px 0px 0px #ffffff; }
|
.crumbs-1 li:first-child {
|
||||||
.crumbs-1 li:first-child {
|
-webkit-border-bottom-left-radius: 3px;
|
||||||
-webkit-border-bottom-left-radius: 3px;
|
border-bottom-left-radius: 3px;
|
||||||
border-bottom-left-radius: 3px;
|
-webkit-border-top-left-radius: 3px;
|
||||||
-webkit-border-top-left-radius: 3px;
|
border-top-left-radius: 3px;
|
||||||
border-top-left-radius: 3px;
|
background-clip: padding-box; }
|
||||||
|
.crumbs-1 li:not(.last):after, .crumbs-1 li:before {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 18px solid transparent;
|
||||||
|
border-bottom: 17px solid transparent;
|
||||||
|
border-left: 14px solid #f5f5ff;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -18px;
|
||||||
|
left: 100%; }
|
||||||
|
.crumbs-1 li:not(.last):after {
|
||||||
|
z-index: 2; }
|
||||||
|
.crumbs-1 li:before {
|
||||||
|
border-left-color: #b7b7b7;
|
||||||
|
margin-left: 1px;
|
||||||
|
z-index: 1; }
|
||||||
|
.crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
|
||||||
|
border-left: 14px solid #ffffff; }
|
||||||
|
.crumbs-1 .last {
|
||||||
|
padding-right: 20px;
|
||||||
|
-webkit-border-bottom-right-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
-webkit-border-top-right-radius: 3px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
background-clip: padding-box; }
|
background-clip: padding-box; }
|
||||||
|
.crumbs-1 .last:before {
|
||||||
.crumbs-1 .last {
|
border: none; }
|
||||||
padding-right: 20px;
|
.crumbs-1 .active {
|
||||||
-webkit-border-bottom-right-radius: 3px;
|
cursor: default; }
|
||||||
border-bottom-right-radius: 3px;
|
.crumbs-1 .active, .crumbs-1 li:hover {
|
||||||
-webkit-border-top-right-radius: 3px;
|
background: #ffffff; }
|
||||||
border-top-right-radius: 3px;
|
|
||||||
background-clip: padding-box; }
|
|
||||||
|
|
||||||
.crumbs-1 li:not(.last):after, .crumbs-1 li:before {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
border-top: 18px solid transparent;
|
|
||||||
border-bottom: 17px solid transparent;
|
|
||||||
border-left: 14px solid #f5f5ff;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -18px;
|
|
||||||
left: 100%; }
|
|
||||||
|
|
||||||
.crumbs-1 .last:before {
|
|
||||||
border: none; }
|
|
||||||
|
|
||||||
.crumbs-1 li:not(.last):after {
|
|
||||||
z-index: 2; }
|
|
||||||
|
|
||||||
.crumbs-1 li:before {
|
|
||||||
border-left-color: #b7b7b7;
|
|
||||||
margin-left: 1px;
|
|
||||||
z-index: 1; }
|
|
||||||
|
|
||||||
.crumbs-1 .active, .crumbs-1 li:hover {
|
|
||||||
background: #ffffff; }
|
|
||||||
|
|
||||||
.crumbs-1 .active {
|
|
||||||
cursor: default; }
|
|
||||||
|
|
||||||
.crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
|
|
||||||
border-left: 14px solid #ffffff; }
|
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
|
|
@ -4150,34 +4063,29 @@ ul.btns {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
ul.btns li {
|
||||||
ul.btns li {
|
background: #f5f5ff;
|
||||||
background: #f5f5ff;
|
border-left: 1px solid #b7b7b7;
|
||||||
border-left: 1px solid #b7b7b7;
|
border-top: 1px solid #b7b7b7;
|
||||||
border-top: 1px solid #b7b7b7;
|
border-bottom: 1px solid #b7b7b7;
|
||||||
border-bottom: 1px solid #b7b7b7;
|
float: left;
|
||||||
float: left;
|
text-shadow: -1px -1px 1px #ffffff;
|
||||||
text-shadow: -1px -1px 1px #ffffff;
|
cursor: pointer;
|
||||||
cursor: pointer;
|
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
box-shadow: inset 1px 1px 0px 0px #ffffff; }
|
||||||
box-shadow: inset 1px 1px 0px 0px #ffffff; }
|
ul.btns li:last-child {
|
||||||
ul.btns li:last-child {
|
border-right: 1px solid #b7b7b7; }
|
||||||
border-right: 1px solid #b7b7b7; }
|
ul.btns li:before {
|
||||||
|
border-left-color: #b7b7b7;
|
||||||
ul.btns a {
|
margin-left: 1px; }
|
||||||
display: block;
|
ul.btns a {
|
||||||
padding: 10px; }
|
display: block;
|
||||||
|
padding: 10px; }
|
||||||
ul.btns li:before {
|
ul.btns .active {
|
||||||
border-left-color: #b7b7b7;
|
cursor: default; }
|
||||||
margin-left: 1px; }
|
ul.btns .active, ul.btns li:hover {
|
||||||
|
background: #ffffff; }
|
||||||
ul.btns .active, ul.btns li:hover {
|
|
||||||
background: #ffffff; }
|
|
||||||
|
|
||||||
ul.btns .active {
|
|
||||||
cursor: default; }
|
|
||||||
|
|
||||||
button.simple {
|
button.simple {
|
||||||
background: #f5f5ff;
|
background: #f5f5ff;
|
||||||
|
|
@ -4221,13 +4129,12 @@ ul.boxed {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-clip: padding-box;
|
background-clip: padding-box;
|
||||||
border: 1px solid #b7b7b7; }
|
border: 1px solid #b7b7b7; }
|
||||||
|
ul.boxed li {
|
||||||
ul.boxed li {
|
margin: 5px 0 5px 0; }
|
||||||
margin: 5px 0 5px 0; }
|
ul.boxed li:first-child {
|
||||||
ul.boxed li:first-child {
|
margin-top: 0; }
|
||||||
margin-top: 0; }
|
ul.boxed li:last-child {
|
||||||
ul.boxed li:last-child {
|
margin-bottom: 0; }
|
||||||
margin-bottom: 0; }
|
|
||||||
|
|
||||||
ul.h-list li {
|
ul.h-list li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
@ -4238,12 +4145,10 @@ ul.h-list li {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
border-collapse: collapse; }
|
border-collapse: collapse; }
|
||||||
|
.bullet-list td:first-child {
|
||||||
.bullet-list td:first-child {
|
padding-right: 20px; }
|
||||||
padding-right: 20px; }
|
.bullet-list span {
|
||||||
|
margin-right: 5px; }
|
||||||
.bullet-list span {
|
|
||||||
margin-right: 5px; }
|
|
||||||
|
|
||||||
.bullet {
|
.bullet {
|
||||||
width: 7px;
|
width: 7px;
|
||||||
|
|
@ -4251,9 +4156,8 @@ ul.h-list li {
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
|
.bullet.active {
|
||||||
.bullet.active {
|
background: #000; }
|
||||||
background: #000; }
|
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
|
|
@ -4455,19 +4359,18 @@ main {
|
||||||
/* Can be anything */
|
/* Can be anything */
|
||||||
position: relative;
|
position: relative;
|
||||||
background: none !important; }
|
background: none !important; }
|
||||||
|
.meter > span {
|
||||||
.meter > span {
|
display: block;
|
||||||
display: block;
|
height: 100%;
|
||||||
height: 100%;
|
-webkit-border-radius: 3px;
|
||||||
-webkit-border-radius: 3px;
|
-moz-border-radius: 3px;
|
||||||
-moz-border-radius: 3px;
|
-ms-border-radius: 3px;
|
||||||
-ms-border-radius: 3px;
|
border-radius: 3px;
|
||||||
border-radius: 3px;
|
background-clip: padding-box;
|
||||||
background-clip: padding-box;
|
background-color: #2bc253;
|
||||||
background-color: #2bc253;
|
background-image: linear-gradient(to left top, color-stop(0, #2bc253), color-stop(1, #54f054));
|
||||||
background-image: linear-gradient(to left top, color-stop(0, #2bc253), color-stop(1, #54f054));
|
position: relative;
|
||||||
position: relative;
|
overflow: hidden; }
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.meter > span:after, .animate > span > span {
|
.meter > span:after, .animate > span > span {
|
||||||
content: "";
|
content: "";
|
||||||
|
|
@ -4519,13 +4422,11 @@ main {
|
||||||
margin: 0 0 30px 120px;
|
margin: 0 0 30px 120px;
|
||||||
padding-left: 30px;
|
padding-left: 30px;
|
||||||
border-left: 3px solid #eaeaea; }
|
border-left: 3px solid #eaeaea; }
|
||||||
|
.timeline li {
|
||||||
.timeline li {
|
margin: 0;
|
||||||
margin: 0;
|
position: relative; }
|
||||||
position: relative; }
|
.timeline p {
|
||||||
|
margin: 0 0 15px; }
|
||||||
.timeline p {
|
|
||||||
margin: 0 0 15px; }
|
|
||||||
|
|
||||||
.timeline-date {
|
.timeline-date {
|
||||||
margin-top: -18px;
|
margin-top: -18px;
|
||||||
|
|
@ -4601,48 +4502,37 @@ main {
|
||||||
height: 70px;
|
height: 70px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background-color: tomato; }
|
background-color: tomato; }
|
||||||
|
.progress-radial .overlay {
|
||||||
.progress-radial .overlay {
|
position: absolute;
|
||||||
position: absolute;
|
width: 60px;
|
||||||
width: 60px;
|
height: 60px;
|
||||||
height: 60px;
|
background-color: #fff;
|
||||||
background-color: #fff;
|
border-radius: 50%;
|
||||||
border-radius: 50%;
|
margin-left: 5px;
|
||||||
margin-left: 5px;
|
margin-top: 5px;
|
||||||
margin-top: 5px;
|
text-align: center;
|
||||||
text-align: center;
|
line-height: 60px;
|
||||||
line-height: 60px;
|
font-size: 9px; }
|
||||||
font-size: 9px; }
|
|
||||||
|
|
||||||
/* Global */
|
/* Global */
|
||||||
/* Content Container */
|
/* Content Container */
|
||||||
/* Content box */
|
/* Content box */
|
||||||
/* Navigation */
|
/* Navigation */
|
||||||
/* Colors */
|
/* Colors */
|
||||||
section.box.orange {
|
|
||||||
border-top: 3px solid #FBA026; }
|
|
||||||
|
|
||||||
section.box.red {
|
|
||||||
border-top: 3px solid #B8312F; }
|
|
||||||
|
|
||||||
section.box.green {
|
|
||||||
border-top: 3px solid #41A85F; }
|
|
||||||
|
|
||||||
section.box.blue {
|
|
||||||
border-top: 3px solid #2C82C9; }
|
|
||||||
|
|
||||||
section.box.purple {
|
|
||||||
border-top: 3px solid #553982; }
|
|
||||||
|
|
||||||
section.box.darkblue {
|
|
||||||
border-top: 3px solid #2969B0; }
|
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: 0.3rem; }
|
margin-top: 0.3rem; }
|
||||||
|
.box .inner {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
|
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
|
box-shadow: inset 1px 1px 0px 0px #ffffff;
|
||||||
|
padding: 10px; }
|
||||||
|
|
||||||
.box-container {
|
.box-container {
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
|
|
@ -4653,15 +4543,18 @@ section.box {
|
||||||
box-shadow: 0px 1px 0px 0px #f1f1f1;
|
box-shadow: 0px 1px 0px 0px #f1f1f1;
|
||||||
border: 1px solid #b7b7b7;
|
border: 1px solid #b7b7b7;
|
||||||
background: #fff; }
|
background: #fff; }
|
||||||
|
section.box section.box.orange {
|
||||||
.box .inner {
|
border-top: 3px solid #FBA026; }
|
||||||
-moz-box-sizing: border-box;
|
section.box section.box.orange.red {
|
||||||
-webkit-box-sizing: border-box;
|
border-top: 3px solid #B8312F; }
|
||||||
box-sizing: border-box;
|
section.box section.box.orange.green {
|
||||||
-moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
border-top: 3px solid #41A85F; }
|
||||||
-webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
|
section.box section.box.orange.blue {
|
||||||
box-shadow: inset 1px 1px 0px 0px #ffffff;
|
border-top: 3px solid #2C82C9; }
|
||||||
padding: 10px; }
|
section.box section.box.orange.purple {
|
||||||
|
border-top: 3px solid #553982; }
|
||||||
|
section.box section.box.orange.darkblue {
|
||||||
|
border-top: 3px solid #2969B0; }
|
||||||
|
|
||||||
section header > h1 {
|
section header > h1 {
|
||||||
margin: 10px 10px 0 10px;
|
margin: 10px 10px 0 10px;
|
||||||
|
|
@ -4669,7 +4562,6 @@ section header > h1 {
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
text-shadow: 1px 1px 1px #ffffff;
|
text-shadow: 1px 1px 1px #ffffff;
|
||||||
border-bottom: 1px solid #e1e1e1; }
|
border-bottom: 1px solid #e1e1e1; }
|
||||||
|
|
||||||
section > h2 {
|
section > h2 {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
|
|
@ -4786,47 +4678,21 @@ section > h2 {
|
||||||
/* Content box */
|
/* Content box */
|
||||||
/* Navigation */
|
/* Navigation */
|
||||||
/* Colors */
|
/* Colors */
|
||||||
.table.red {
|
.table {
|
||||||
background: none; }
|
background: none; }
|
||||||
.table.red caption {
|
.table caption {
|
||||||
background: #B8312F;
|
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
.table.red thead {
|
.table thead {
|
||||||
background: #B8312F;
|
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
.table.red caption, .table.red thead {
|
||||||
.table.orange {
|
background: #B8312F; }
|
||||||
background: none; }
|
.table.orange caption, .table.orange thead {
|
||||||
.table.orange caption {
|
background: #FBA026; }
|
||||||
background: #FBA026;
|
.table.green caption, .table.green thead {
|
||||||
color: #fff; }
|
background: #41A85F; }
|
||||||
.table.orange thead {
|
.table.blue caption, .table.blue thead {
|
||||||
background: #FBA026;
|
background: #2C82C9; }
|
||||||
color: #fff; }
|
.table.white caption, .table.white thead {
|
||||||
|
|
||||||
.table.green {
|
|
||||||
background: none; }
|
|
||||||
.table.green caption {
|
|
||||||
background: #41A85F;
|
|
||||||
color: #fff; }
|
|
||||||
.table.green thead {
|
|
||||||
background: #41A85F;
|
|
||||||
color: #fff; }
|
|
||||||
|
|
||||||
.table.blue {
|
|
||||||
background: none; }
|
|
||||||
.table.blue caption {
|
|
||||||
background: #2C82C9;
|
|
||||||
color: #fff; }
|
|
||||||
.table.blue thead {
|
|
||||||
background: #2C82C9;
|
|
||||||
color: #fff; }
|
|
||||||
|
|
||||||
.table.white {
|
|
||||||
background: none; }
|
|
||||||
.table.white caption {
|
|
||||||
background: #fff; }
|
|
||||||
.table.white thead {
|
|
||||||
background: #fff; }
|
background: #fff; }
|
||||||
|
|
||||||
table.table {
|
table.table {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user