mirror of
https://github.com/Karaka-Management/cssOMS.git
synced 2026-01-11 19:18:40 +00:00
Improve tasks layout
This commit is contained in:
parent
19792f4e4c
commit
50fdc1e669
22
section.css
22
section.css
|
|
@ -28,18 +28,18 @@ section.box {
|
|||
box-shadow: 0px 1px 0px 0px #f1f1f1;
|
||||
border: 1px solid #b7b7b7;
|
||||
background: #fff; }
|
||||
section.box section.box.orange {
|
||||
section.box.orange {
|
||||
border-top: 3px solid #FBA026; }
|
||||
section.box section.box.orange.red {
|
||||
border-top: 3px solid #B8312F; }
|
||||
section.box section.box.orange.green {
|
||||
border-top: 3px solid #41A85F; }
|
||||
section.box section.box.orange.blue {
|
||||
border-top: 3px solid #2C82C9; }
|
||||
section.box section.box.orange.purple {
|
||||
border-top: 3px solid #553982; }
|
||||
section.box section.box.orange.darkblue {
|
||||
border-top: 3px solid #2969B0; }
|
||||
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; }
|
||||
|
||||
section header > h1 {
|
||||
margin: 10px 10px 0 10px;
|
||||
|
|
|
|||
32
section.scss
32
section.scss
|
|
@ -22,28 +22,28 @@ section.box {
|
|||
border: 1px solid $content-border-color;
|
||||
background: #fff;
|
||||
|
||||
section.box.orange {
|
||||
&.orange {
|
||||
border-top: 3px solid #FBA026;
|
||||
}
|
||||
|
||||
&.red {
|
||||
border-top: 3px solid #B8312F;
|
||||
}
|
||||
&.red {
|
||||
border-top: 3px solid #B8312F;
|
||||
}
|
||||
|
||||
&.green {
|
||||
border-top: 3px solid #41A85F;
|
||||
}
|
||||
&.green {
|
||||
border-top: 3px solid #41A85F;
|
||||
}
|
||||
|
||||
&.blue {
|
||||
border-top: 3px solid #2C82C9;
|
||||
}
|
||||
&.blue {
|
||||
border-top: 3px solid #2C82C9;
|
||||
}
|
||||
|
||||
&.purple {
|
||||
border-top: 3px solid #553982;
|
||||
}
|
||||
&.purple {
|
||||
border-top: 3px solid #553982;
|
||||
}
|
||||
|
||||
&.darkblue {
|
||||
border-top: 3px solid #2969B0;
|
||||
}
|
||||
&.darkblue {
|
||||
border-top: 3px solid #2969B0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
38
styles.css
38
styles.css
|
|
@ -570,11 +570,11 @@ article {
|
|||
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
||||
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
|
||||
77.7% {
|
||||
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
|
||||
transform: skewX(0.39063deg) skewY(0.39063deg); }
|
||||
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
||||
transform: skewX(0.390625deg) skewY(0.390625deg); }
|
||||
88.8% {
|
||||
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
|
||||
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
|
||||
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
||||
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
|
||||
@keyframes jello {
|
||||
from, 11.1%, to {
|
||||
-webkit-transform: none;
|
||||
|
|
@ -595,11 +595,11 @@ article {
|
|||
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
|
||||
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
|
||||
77.7% {
|
||||
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
|
||||
transform: skewX(0.39063deg) skewY(0.39063deg); }
|
||||
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
|
||||
transform: skewX(0.390625deg) skewY(0.390625deg); }
|
||||
88.8% {
|
||||
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
|
||||
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
|
||||
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
|
||||
transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
|
||||
.jello {
|
||||
-webkit-animation-name: jello;
|
||||
animation-name: jello;
|
||||
|
|
@ -4564,18 +4564,18 @@ section.box {
|
|||
box-shadow: 0px 1px 0px 0px #f1f1f1;
|
||||
border: 1px solid #b7b7b7;
|
||||
background: #fff; }
|
||||
section.box section.box.orange {
|
||||
section.box.orange {
|
||||
border-top: 3px solid #FBA026; }
|
||||
section.box section.box.orange.red {
|
||||
border-top: 3px solid #B8312F; }
|
||||
section.box section.box.orange.green {
|
||||
border-top: 3px solid #41A85F; }
|
||||
section.box section.box.orange.blue {
|
||||
border-top: 3px solid #2C82C9; }
|
||||
section.box section.box.orange.purple {
|
||||
border-top: 3px solid #553982; }
|
||||
section.box section.box.orange.darkblue {
|
||||
border-top: 3px solid #2969B0; }
|
||||
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; }
|
||||
|
||||
section header > h1 {
|
||||
margin: 10px 10px 0 10px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user