Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 38
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 38
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 38
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 38
Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 39
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 39
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 39
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 39
Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 40
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 40
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 40
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 40
Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 41
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 41
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 41
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 41
Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 42
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 42
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 42
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 42
Warning: Undefined variable $dirTree in /home/public/template/css/colors.php on line 43
Warning: Undefined variable $row in /home/public/template/css/colors.php on line 43
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 43
Warning: Trying to access array offset on value of type null in /home/public/template/css/colors.php on line 43
/* CUSTOMIZED CHECKBOXES */
.workload {display:block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.workload input {position:absolute;opacity:0;height:0;width:0;}
.checkmark {position:relative;}
.checkmark:after {content:"";position:absolute;display:none;}
.workload input:checked ~ .checkmark:after {display:block;}
/* CUSTOM STYLING */
/* FORMATTING */
.workload {width:25%;height:100px;padding-left:100px;margin:10px auto;}
.workload .slot {display:flex;flex-direction:column;}
.workload .id {display:flex;padding:12px 10px 12px 25px;}
.workload .status {padding:4px 4px 4px 35px;}
.checkmark {right:85px;top:85px;}
.checkmark:after {left:15px;bottom:2px;}
@media only screen and (max-width: 1280px) {
.workload {height:75px;padding-left:75px;}
.workload .id {padding:7px 5px 6px 12px;}
.workload .status {padding:4px 4px 4px 35px;}
.checkmark {right:75px;top:75px;}
.checkmark:after {left:18px;bottom:6px;}
}
/* FONT AND TEXT */
.workload .id {text-align:center;font-weight:bold;font-size:24pt;text-transform:uppercase;}
.workload .status {font-size:20pt;font-style:italic;text-transform:uppercase;margin:0 20px;}
.checkmark:after {font-weight:bold;font-size:42pt;content:"✘";}
@media only screen and (max-width: 1280px) {
.workload .id {font-size:18pt;}
.workload .status {font-size:16pt;margin:0;}
.checkmark:after {font-size:42pt;}
}
/* STATUS COLORS */
.workload {color:#e2ddee;}
.checkmark {background:#cfd2ad;}
.checkmark:after {color:#e2ddee;}
#available.workload, #paid.workload, #working.workload, #complete.workload {background:#9da35a;border:4px solid #351d17;}
#available.workload .id, #paid.workload .id, #working.workload .id, #complete.workload .id {background:#50522d;}
#available.workload input:checked ~ .checkmark, #paid.workload input:checked ~ .checkmark, #working.workload input:checked ~ .checkmark, #complete.workload input:checked ~ .checkmark {background:#ecedde;}
#available.workload .checkmark:after, #paid.workload .checkmark:after, #working.workload .checkmark:after, #complete.workload .checkmark:after {content:"✓";color:#30311b;}
#paused.workload, #proposed.workload, #testing.workload {background:#ccaa31;border:4px solid #3e330f;}
#paused.workload .id, #proposed.workload .id, #testing.workload .id {background:#675519;}
#paused.workload input:checked ~ .checkmark, #proposed.workload input:checked ~ .checkmark, #testing.workload input:checked ~ .checkmark {background:#f5eed6;}
#paused.workload .checkmark:after,#proposed.workload .checkmark:after, #testing.workload .checkmark:after {content:"?";margin-left:3px;color:#3e330f;}
#cancelled.workload, #closed.workload {background:#b0624d;border:4px solid #351d17;}
#cancelled.workload .id, #closed.workload .id {background:#593127;}
#cancelled.workload input:checked ~ .checkmark, #closed.workload input:checked ~ .checkmark {background:#efe0dc;}
#cancelled.workload .checkmark:after, #closed.workload .checkmark:after {content:"✘";color:#351d17;}
/* EYECATCH: COMMISSION INFORMATION */
#eyecatch {display:flex;flex:nowrap row;justify-content:space-around;align-items:stretch;align-content:stretch;border-radius:15px; padding:10px 0;}
#eyecatch {background:#362b55 url("/template/img/bg/lgdotw.png") center;background-size:contain;}
#eyecatch .item {padding:4px 0;align-self:center;}
#eyecatch .workload {margin:4px 10px;width:300px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;} #eyecatch .slot {margin:0px;padding:0;align-self:stretch;}
#eyecatch:after, #eyecatch:before {display:flex;flex:0 1 auto;align-items:center;margin:auto 0;height:512px;width:512px;content:"";}
#eyecatch:after {background:url("http://creative.tsunderdog.art/content/creative/th/kaye-peacesign.png") no-repeat center center; background-size:contain;}
#eyecatch.comm .workload {margin:10px;}
#eyecatch.comm {background:#4c3c76 url("/template/img/bg/x-green-full.png") center;background-size:contain;}
#eyecatch.comm:after {display:block;background:none;} #eyecatch.comm:before {background:url("http://creative.tsunderdog.art/content/creative/th/kaye-gesture-r-1024.png") no-repeat bottom center; background-size:cover;}
#eyecatch.comm:before {height:700px;width:700px;}
@media only screen and (max-width: 1280px) {
#eyecatch.comm:before {background:url("http://creative.tsunderdog.art/content/creative/th/kaye-gesture-r.png") no-repeat bottom center;}
#eyecatch.comm:before {width:512px;height:600px;}
#eyecatch.comm:after {display:none;} }