Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-11 11:18:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve tasks layout

Browse Source
This commit is contained in:
Dennis Eichhorn 2017-11-29 14:28:22 +01:00
parent 19792f4e4c
commit 50fdc1e669
3 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
section.css
View File

@ -28,18 +28,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 { section.box.orange {
border-top: 3px solid #FBA026; } border-top: 3px solid #FBA026; }
section.box section.box.orange.red { section.box.red {
border-top: 3px solid #B8312F; } border-top: 3px solid #B8312F; }
section.box section.box.orange.green { section.box.green {
border-top: 3px solid #41A85F; } border-top: 3px solid #41A85F; }
section.box section.box.orange.blue { section.box.blue {
border-top: 3px solid #2C82C9; } border-top: 3px solid #2C82C9; }
section.box section.box.orange.purple { section.box.purple {
border-top: 3px solid #553982; } border-top: 3px solid #553982; }
section.box section.box.orange.darkblue { section.box.darkblue {
border-top: 3px solid #2969B0; } border-top: 3px solid #2969B0; }
section header > h1 { section header > h1 {
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;

34
section.scss
View File

@ -21,29 +21,29 @@ section.box {
@include box-shadow-bottom(#f1f1f1); @include box-shadow-bottom(#f1f1f1);
border: 1px solid $content-border-color; border: 1px solid $content-border-color;
background: #fff; background: #fff;
section.box.orange { &.orange {
border-top: 3px solid #FBA026; border-top: 3px solid #FBA026;
}
&.red { &.red {
border-top: 3px solid #B8312F; border-top: 3px solid #B8312F;
} }
&.green { &.green {
border-top: 3px solid #41A85F; border-top: 3px solid #41A85F;
} }
&.blue { &.blue {
border-top: 3px solid #2C82C9; border-top: 3px solid #2C82C9;
} }
&.purple { &.purple {
border-top: 3px solid #553982; border-top: 3px solid #553982;
} }
&.darkblue { &.darkblue {
border-top: 3px solid #2969B0; border-top: 3px solid #2969B0;
}
} }
} }

38
styles.css
View File

@ -570,11 +570,11 @@ article {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); } transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { 77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.39063deg) skewY(0.39063deg); } transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { 88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } } transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello { @keyframes jello {
from, 11.1%, to { from, 11.1%, to {
-webkit-transform: none; -webkit-transform: none;
@ -595,11 +595,11 @@ article {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); } transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { 77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg); -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.39063deg) skewY(0.39063deg); } transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { 88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } } transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello { .jello {
-webkit-animation-name: jello; -webkit-animation-name: jello;
animation-name: jello; animation-name: jello;
@ -4564,18 +4564,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 { section.box.orange {
border-top: 3px solid #FBA026; } border-top: 3px solid #FBA026; }
section.box section.box.orange.red { section.box.red {
border-top: 3px solid #B8312F; } border-top: 3px solid #B8312F; }
section.box section.box.orange.green { section.box.green {
border-top: 3px solid #41A85F; } border-top: 3px solid #41A85F; }
section.box section.box.orange.blue { section.box.blue {
border-top: 3px solid #2C82C9; } border-top: 3px solid #2C82C9; }
section.box section.box.orange.purple { section.box.purple {
border-top: 3px solid #553982; } border-top: 3px solid #553982; }
section.box section.box.orange.darkblue { section.box.darkblue {
border-top: 3px solid #2969B0; } border-top: 3px solid #2969B0; }
section header > h1 { section header > h1 {
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;