diff --git a/Template/css/app.original.less b/Template/css/app.original.less index e8b8ce96f98ebe7f271832fd109282d6cf65a416..ee08c6884e38d26b4a02687ab70256146c266190 100644 --- a/Template/css/app.original.less +++ b/Template/css/app.original.less @@ -1,2549 +1,2606 @@ -//nodemon --watch ./*.less --exec lessc app.original.less app.css - /* HELLO LESS */ -@color-link: #315C7B;//#0ce3ac; +@color-toolbar : #315C7B; +@color-primary : #0ce3ac; -@color-nolink : #0ce3ac; -@color-title-bar: #315C7B; +@color-secondary-text : #696969; +@color-third-text : #2e2e2e; +@color-light-text : #b6b6b6; -@color-base: #222222; -@color-base-odd: #3F3F3F; -@color-upper: #EAEAEA; -@color-rows-hover: #0ce3ac; -@color-input-box:rgb(105, 105, 105); +@color-odd : #3F3F3F; +@color-odd-hover : rgb(73, 73, 73); -@color-borders: #0ce3ac; +@color-background : #222222; -@color-main-text: #0ce3ac; -@color-sub-text: #999; -@color-logo: #0ce3ac; +@color-yellow: #ffffd5; -@input-field-fill:#3F3F3F; /* BYE BYE LESS */ /* EX-INLINE */ -.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down{ - color: @color-link; +.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down { + color: @color-toolbar; } -.fa.fa-caret-down{ - color: @color-base; +.fa.fa-caret-down { + color: @color-background; } -.color-cyan{ - border-left: 5px solid @color-borders !important; +.color-cyan { + border-left: 5px solid @color-primary !important; } -::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ - color: @color-title-bar !important; - opacity: 1; /* Firefox */ +::placeholder { + /* Chrome, Firefox, Opera, Safari 10.1+ */ + color: @color-toolbar !important; + opacity: 1; + /* Firefox */ +} +.task-summary-container.color-yellow{ + background-color: @color-yellow; + border-color: @color-yellow; } - -// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{ -// color: @color-uppe333 !important; -// } -// .table-list-row .table333list-title a{ -// color: @color-uppe333 !important; -// } -// .sidebar > ul li.activ333 a{ -// color: @color-uppe333 !important; -// } -// .sidebar > ul li.activ333 :hover{ -// color: @color-link !important; -// } -// .table-list-row.color-cyan{ -// border-left: 5px solid @color-link !important; -// } -// .page-header h2{ -// color: @color-link !important; -// } -// .page-header h2 a{ -// color: @color-link !important; -// } -// a .fa{ -// color: @color-upper !important; -// } -// a .fa :hover{ -// color: @color-upper !important; -// } -// ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ -// color: rgb(116, 116, 116) !important; -// opacity: 1; /* Firefox */ -// } -// .title-container span{ -// color: @color-upper !important; -// } /* END */ - -h1,li,ul,ol,table,tr,td,th,p,blockquote,body { - margin:0; - padding:0; - font-size:100% +h1, +li, +ul, +ol, +table, +tr, +td, +th, +p, +blockquote, +body { + margin: 0; + padding: 0; + font-size: 100%; } body { - padding-bottom:10px; - color:#E5E5E5; - font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; - text-rendering:optimizeLegibility; - background-color: @color-base; + padding-bottom: 10px; + color: @color-secondary-text; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + text-rendering: optimizeLegibility; + background-color: @color-background; } small { - font-size:0.8em + font-size: 0.8em; } hr { - border:0; - height:0; - border-top:1px solid rgba(0,0,0,0.1); - border-bottom:1px solid rgba(255,255,255,0.3) + border: 0; + height: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .page { - margin-left:10px; - margin-right:10px + margin-left: 10px; + margin-right: 10px; } .margin-top { - margin-top:20px + margin-top: 20px; } .margin-bottom { - margin-bottom:20px + margin-bottom: 20px; } .pull-right { - text-align:right + text-align: right; } ul.no-bullet li { - list-style-type:none; - margin-left:0 + list-style-type: none; + margin-left: 0; } #app-loading-icon { - position:fixed; - right:3px; - bottom:3px + position: fixed; + right: 3px; + bottom: 3px; } .assign-me { - vertical-align:bottom + vertical-align: bottom; } a { - color:@color-upper; - border:none + color: @color-primary; + border: none; } a:focus { - outline:0; - color:@color-link !important; - text-decoration:none + outline: 0; + color: @color-toolbar !important; + text-decoration: none; } a:hover { - color:@color-link !important; - text-decoration:none + color: @color-toolbar !important; + text-decoration: none; } a .fa { - padding-right:3px; - text-decoration:none; - color: @color-main-text; + padding-right: 3px; + text-decoration: none; + color: @color-primary; } -h1,h2,h3 { - font-weight:normal; - color:#333 +h1, +h2, +h3 { + font-weight: normal; + color:@color-third-text; } h1 { - font-size:1.5em; + font-size: 1.5em; } h2 { - font-size:1.4em; - margin-bottom:10px + font-size: 1.4em; + margin-bottom: 10px; } h3 { - margin-top:10px; - font-size:1.2em + margin-top: 10px; + font-size: 1.2em; } table { - width:100%; - border-collapse:collapse; - border-spacing:0; - margin-bottom:20px + width: 100%; + border-collapse: collapse; + border-spacing: 0; + margin-bottom: 20px; } table.table-fixed { - table-layout:fixed; - white-space:nowrap + table-layout: fixed; + white-space: nowrap; } table.table-fixed th { - overflow:hidden + overflow: hidden; } table.table-fixed td { - white-space:nowrap; - overflow:hidden; - text-overflow:ellipsis + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } table.table-small { - font-size:0.8em + font-size: 0.8em; } table.table-striped tr:nth-child(odd) { - background:#fefefe + background: @color-odd; } @media (max-width: 768px) { - table.table-scrolling { - overflow-x:auto; - display:inline-block; - vertical-align:top; - max-width:100%; - white-space:nowrap - } + table.table-scrolling { + overflow-x: auto; + display: inline-block; + vertical-align: top; + max-width: 100%; + white-space: nowrap; + } } table th { - text-align:left; - padding:0.5em 3px; - border:1px solid @color-borders; - background:@color-borders; + text-align: left; + padding: 0.5em 3px; + border: 1px solid @color-primary; + background: @color-primary; } table th a { - text-decoration:none; - color:#333 + text-decoration: none; + color:@color-third-text; } -table th a:focus,table th a:hover { - text-decoration:underline +table th a:focus, +table th a:hover { + text-decoration: underline; } table td { - border:1px solid @color-borders; - padding:0.5em 3px; - vertical-align:top + border: 1px solid @color-primary; + padding: 0.5em 3px; + vertical-align: top; } table td li { - margin-left:20px + margin-left: 20px; } .column-1 { - width:1% + width: 1%; } .column-2 { - width:2% + width: 2%; } .column-3 { - width:3% + width: 3%; } .column-4 { - width:4% + width: 4%; } .column-5 { - width:5% + width: 5%; } .column-6 { - width:6% + width: 6%; } .column-7 { - width:7% + width: 7%; } .column-8 { - width:8% + width: 8%; } .column-9 { - width:9% + width: 9%; } .column-10 { - width:10% + width: 10%; } .column-11 { - width:11% + width: 11%; } .column-12 { - width:12% + width: 12%; } .column-13 { - width:13% + width: 13%; } .column-14 { - width:14% + width: 14%; } .column-15 { - width:15% + width: 15%; } .column-16 { - width:16% + width: 16%; } .column-17 { - width:17% + width: 17%; } .column-18 { - width:18% + width: 18%; } .column-19 { - width:19% + width: 19%; } .column-20 { - width:20% + width: 20%; } .column-21 { - width:21% + width: 21%; } .column-22 { - width:22% + width: 22%; } .column-23 { - width:23% + width: 23%; } .column-24 { - width:24% + width: 24%; } .column-25 { - width:25% + width: 25%; } .column-26 { - width:26% + width: 26%; } .column-27 { - width:27% + width: 27%; } .column-28 { - width:28% + width: 28%; } .column-29 { - width:29% + width: 29%; } .column-30 { - width:30% + width: 30%; } .column-31 { - width:31% + width: 31%; } .column-32 { - width:32% + width: 32%; } .column-33 { - width:33% + width: 33%; } .column-34 { - width:34% + width: 34%; } .column-35 { - width:35% + width: 35%; } .column-36 { - width:36% + width: 36%; } .column-37 { - width:37% + width: 37%; } .column-38 { - width:38% + width: 38%; } .column-39 { - width:39% + width: 39%; } .column-40 { - width:40% + width: 40%; } .column-41 { - width:41% + width: 41%; } .column-42 { - width:42% + width: 42%; } .column-43 { - width:43% + width: 43%; } .column-44 { - width:44% + width: 44%; } .column-45 { - width:45% + width: 45%; } .column-46 { - width:46% + width: 46%; } .column-47 { - width:47% + width: 47%; } .column-48 { - width:48% + width: 48%; } .column-49 { - width:49% + width: 49%; } .column-50 { - width:50% + width: 50%; } .column-51 { - width:51% + width: 51%; } .column-52 { - width:52% + width: 52%; } .column-53 { - width:53% + width: 53%; } .column-54 { - width:54% + width: 54%; } .column-55 { - width:55% + width: 55%; } .column-56 { - width:56% + width: 56%; } .column-57 { - width:57% + width: 57%; } .column-58 { - width:58% + width: 58%; } .column-59 { - width:59% + width: 59%; } .column-60 { - width:60% + width: 60%; } .column-61 { - width:61% + width: 61%; } .column-62 { - width:62% + width: 62%; } .column-63 { - width:63% + width: 63%; } .column-64 { - width:64% + width: 64%; } .column-65 { - width:65% + width: 65%; } .column-66 { - width:66% + width: 66%; } .column-67 { - width:67% + width: 67%; } .column-68 { - width:68% + width: 68%; } .column-69 { - width:69% + width: 69%; } .column-70 { - width:70% + width: 70%; } .column-71 { - width:71% + width: 71%; } .column-72 { - width:72% + width: 72%; } .column-73 { - width:73% + width: 73%; } .column-74 { - width:74% + width: 74%; } .column-75 { - width:75% + width: 75%; } .column-76 { - width:76% + width: 76%; } .column-77 { - width:77% + width: 77%; } .column-78 { - width:78% + width: 78%; } .column-79 { - width:79% + width: 79%; } .column-80 { - width:80% + width: 80%; } .column-81 { - width:81% + width: 81%; } .column-82 { - width:82% + width: 82%; } .column-83 { - width:83% + width: 83%; } .column-84 { - width:84% + width: 84%; } .column-85 { - width:85% + width: 85%; } .column-86 { - width:86% + width: 86%; } .column-87 { - width:87% + width: 87%; } .column-88 { - width:88% + width: 88%; } .column-89 { - width:89% + width: 89%; } .column-90 { - width:90% + width: 90%; } .column-91 { - width:91% + width: 91%; } .column-92 { - width:92% + width: 92%; } .column-93 { - width:93% + width: 93%; } .column-94 { - width:94% + width: 94%; } .column-95 { - width:95% + width: 95%; } .column-96 { - width:96% + width: 96%; } .column-97 { - width:97% + width: 97%; } .column-98 { - width:98% + width: 98%; } .column-99 { - width:99% + width: 99%; } .column-100 { - width:100% + width: 100%; } .draggable-row-handle { - cursor:move; - color:#dedede + cursor: move; + color: #dedede; } .draggable-row-handle:hover { - color:#333 + color:@color-third-text; } tr.draggable-item-selected { - background:#fff; - border:2px solid #666; - box-shadow:4px 2px 10px -4px rgba(0,0,0,0.55) + background: #fff; + border: 2px solid #666; + box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55); } tr.draggable-item-selected td { - border-top:none; - border-bottom:none + border-top: none; + border-bottom: none; } tr.draggable-item-selected td:first-child { - border-left:none + border-left: none; } tr.draggable-item-selected td:last-child { - border-right:none + border-right: none; } -.table-stripped tr.draggable-item-hover,.table-stripped tr.draggable-item-hover { - background:#FEFFF2 +.table-stripped tr.draggable-item-hover, +.table-stripped tr.draggable-item-hover { + background: #FEFFF2; } .table-list { - font-size:0.85em; - margin-bottom:20px + font-size: 0.85em; + margin-bottom: 20px; } .table-list-header { - background: @color-borders; - border:solid @color-borders; - border-top: 1px; - border-left: 0px; - border-right: 0px; - border-bottom: 0px; - border-radius:5px 5px 0 0; - line-height:28px; - padding-left:3px; - padding-right:3px + background: @color-primary; + border: solid @color-primary; + border-top: 1px; + border-left: 0px; + border-right: 0px; + border-bottom: 0px; + border-radius: 5px 5px 0 0; + line-height: 28px; + padding-left: 3px; + padding-right: 3px; } .table-list-header a { - color:#333; - font-weight:500; - text-decoration:none; - margin-right:10px + color:@color-third-text; + font-weight: 500; + text-decoration: none; + margin-right: 10px; } -.table-list-header a:hover,.table-list-header a:focus { - color: @color-base; +.table-list-header a:hover, +.table-list-header a:focus { + color: @color-background; } .table-list-header .table-list-header-count { - margin-left: 10px; - color: @color-base; - display:inline-block; - float:left + margin-left: 10px; + color: @color-background; + display: inline-block; + float: left; } .table-list-header .table-list-header-menu { - text-align:right; + text-align: right; } .table-list-row { - padding-left:3px; - padding-right:3px; - border-bottom:1px solid @color-borders; - border-right:1px solid @color-borders; + padding-left: 3px; + padding-right: 3px; + border-bottom: 1px solid @color-primary; + border-right: 1px solid @color-primary; } .table-list-row.table-border-left { - border-left:1px solid @color-borders; + border-left: 1px solid @color-primary; } .table-list-row:nth-child(odd) { - background:#3F3F3F; + background: @color-odd; } .table-list-row:last-child { - border-radius:0 0 5px 5px + border-radius: 0 0 5px 5px; } .table-list-row:hover { - background:@color-rows-hover; - border-bottom:1px solid #6EBEBE; - border-right:1px solid #6EBEBE; + background: @color-toolbar; + border-bottom: 1px solid @color-primary; + border-right: 1px solid @color-primary; } .table-list-row .table-list-title { - font-weight:500; - line-height:23px + font-weight: 500; + line-height: 23px; } .table-list-row .table-list-title.status-closed { - text-decoration:line-through; - margin-right:10px + text-decoration: line-through; + margin-right: 10px; } .table-list-row .table-list-title.status-closed a { - font-style:italic + font-style: italic; } .table-list-row .table-list-title a { - color:@color-main-text; - text-decoration:none + color: @color-primary; + text-decoration-color: @color-primary; + text-decoration: none; } -.table-list-row .table-list-title a:hover,.table-list-row .table-list-title a:focus { - text-decoration:underline +.table-list-row .table-list-title a:hover, +.table-list-row .table-list-title a:focus { + text-decoration: underline; } .table-list-row .table-list-details { - color:@color-sub-text; - font-weight:300; - line-height:20px + color: @color-light-text; + font-weight: 300; + line-height: 20px; } .table-list-row .table-list-details span { - margin-left:5px + margin-left: 5px; } .table-list-row .table-list-details span:first-child { - margin-left:0 + margin-left: 0; } .table-list-row .table-list-details li { - display:inline; - list-style-type:none + display: inline; + list-style-type: none; } .table-list-row .table-list-details li:after { - content:', ' + content: ', '; } .table-list-row .table-list-details li:last-child:after { - content:'' + content: ''; } .table-list-row .table-list-details strong { - font-weight:400; - color: @color-sub-text; + font-weight: 400; + color: @color-light-text; } .table-list-row .table-list-details-with-icons { - float:left + float: left; } @media (max-width: 768px) { - .table-list-row .table-list-details-with-icons { - float:none - } + .table-list-row .table-list-details-with-icons { + float: none; + } } .table-list-row .table-list-icons { - font-size:0.8em; - text-align:right; - line-height:30px + font-size: 0.8em; + text-align: right; + line-height: 30px; } @media (max-width: 768px) { - .table-list-row .table-list-icons { - text-align:left; - line-height:20px - } + .table-list-row .table-list-icons { + text-align: left; + line-height: 20px; + } } .table-list-row .table-list-icons span { - margin-left:5px + margin-left: 5px; } .table-list-row .table-list-icons a { - text-decoration:none + text-decoration: none; } .table-list-row .table-list-icons a:hover { - color:#333 + color:@color-third-text; } .table-list-row .table-list-icons a:hover i { - color:#333 + color:@color-third-text; } .table-list-category { - font-size:0.9em; - font-weight:500; - color:#000; - padding:1px 2px 1px 2px; - border-radius:3px; - background:#fcfcfc; - border:1px solid #ccc + font-size: 0.9em; + font-weight: 500; + color: @color-primary; + padding: 1px 2px 1px 2px; + border-radius: 3px; + background: #fcfcfc; + border: 1px solid @color-primary; } .table-list-category a { - text-decoration:none; - color:#000 + text-decoration: none; + color: @color-secondary-text; + text-decoration-color: @color-secondary-text; } .table-list-category a:hover { - color:@color-link + color: @color-toolbar; } fieldset { - border:1px solid #ddd; - margin-top:10px + border: 1px solid @color-primary; + margin-top: 10px; } legend { - font-weight:500; - font-size:1.2em + font-weight: 500; + font-size: 1.2em; } label { - cursor:pointer; - display:block; - margin-top:10px; - font-weight:400 -} -input[type="number"],input[type="date"],input[type="email"],input[type="password"],input[type="text"]:not(.input-addon-field) { - color:#999; - border:1px solid #ccc; - width:300px; - max-width:95%; - font-size:1em; - height:25px; - padding-bottom:0; - padding-left:4px; - font-family:sans-serif; - -webkit-appearance:none; - -moz-appearance:none -} -input[type="number"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder { - color:#dedede -} -input[type="number"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="text"]:not(.input-addon-field)::-moz-placeholder { - color:#dedede -} -input[type="number"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="text"]:not(.input-addon-field):-ms-input-placeholder { - color:#dedede -} -input[type="number"]:focus,input[type="date"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="text"]:focus { - color:#000; - border-color:rgba(82,168,236,0.8); - outline:0; - box-shadow:0 0 8px rgba(82,168,236,0.6) + cursor: pointer; + display: block; + margin-top: 10px; + font-weight: 400; + color: @color-primary; +} +input[type="number"], +input[type="date"], +input[type="email"], +input[type="password"], +input[type="text"]:not(.input-addon-field) { + color: @color-primary; + border: 1px solid @color-primary; + width: 300px; + max-width: 95%; + font-size: 1em; + height: 25px; + padding-bottom: 0; + padding-left: 4px; + font-family: sans-serif; + -webkit-appearance: none; + -moz-appearance: none; + background-color: @color-background; +} +input[type="number"]::-webkit-input-placeholder, +input[type="date"]::-webkit-input-placeholder, +input[type="email"]::-webkit-input-placeholder, +input[type="password"]::-webkit-input-placeholder, +input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder { + color: @color-primary; +} +input[type="number"]::-moz-placeholder, +input[type="date"]::-moz-placeholder, +input[type="email"]::-moz-placeholder, +input[type="password"]::-moz-placeholder, +input[type="text"]:not(.input-addon-field)::-moz-placeholder { + color: @color-primary; +} +input[type="number"]:-ms-input-placeholder, +input[type="date"]:-ms-input-placeholder, +input[type="email"]:-ms-input-placeholder, +input[type="password"]:-ms-input-placeholder, +input[type="text"]:not(.input-addon-field):-ms-input-placeholder { + color: @color-primary; +} +input[type="number"]:focus, +input[type="date"]:focus, +input[type="email"]:focus, +input[type="password"]:focus, +input[type="text"]:focus { + color: @color-primary; + border-color: @color-primary; + outline: 0; + box-shadow: 0 0 8px @color-primary; } input[type="number"] { - width:70px + width: 70px; } input[type="text"]:not(.input-addon-field).form-numeric { - width:70px + width: 70px; + background-color: @color-secondary-text; } -input[type="text"]:not(.input-addon-field).form-datetime,input[type="text"]:not(.input-addon-field).form-date { - width:150px +input[type="text"]:not(.input-addon-field).form-datetime, +input[type="text"]:not(.input-addon-field).form-date { + width: 150px; + background-color: @color-secondary-text; } input[type="text"]:not(.input-addon-field).form-input-large { - width:400px + width: 400px; + background-color: @color-secondary-text; } input[type="text"]:not(.input-addon-field).form-input-small { - width:150px + width: 150px; + background-color: @color-secondary-text; } textarea:focus { - color:#000; - border-color:rgba(82,168,236,0.8); - outline:0; - box-shadow:0 0 8px rgba(82,168,236,0.6) + color: @color-primary; + border-color: @color-primary; + outline: 0; + box-shadow: 0 0 8px @color-primary; } textarea { - padding:4px; - border:1px solid #ccc; - width:400px; - max-width:99%; - height:200px; - font-family:sans-serif; - font-size:1em + padding: 4px; + border: 1px solid @color-primary; + width: 400px; + max-width: 99%; + height: 200px; + font-family: sans-serif; + font-size: 1em; } textarea::-webkit-input-placeholder { - color:#dedede + color: @color-secondary-text; } textarea::-moz-placeholder { - color:#dedede + color: @color-secondary-text; } textarea:-ms-input-placeholder { - color:#dedede + color: @color-secondary-text; } select { - font-size:1.0em; - max-width:95% + font-size: 1em; + max-width: 95%; } select:focus { - outline:0 + outline: 0; } select[multiple] { - width:300px + width: 300px; } .tag-autocomplete { - width:400px + width: 400px; } span.select2-container { - margin-top:2px + margin-top: 2px; } .form-actions { - padding-top:20px; - clear:both + padding-top: 20px; + clear: both; } .form-required { - color:red; - padding-left:5px; - font-weight:bold + color: red; + padding-left: 5px; + font-weight: bold; } @media (max-width: 480px) { - .form-required { - display:none - } + .form-required { + display: none; + } } input[type="text"].form-max-width { - width:100% + width: 100%; } -input.form-error,textarea.form-error { - border:2px solid #b94a48 +input.form-error, +textarea.form-error { + border: 2px solid #b94a48; } -input.form-error:focus,textarea.form-error:focus { - box-shadow:none; - border:2px solid #b94a48 +input.form-error:focus, +textarea.form-error:focus { + box-shadow: none; + border: 2px solid #b94a48; } .form-errors { - color:#b94a48; - list-style-type:none + color: #b94a48; + list-style-type: none; } ul.form-errors li { - margin-left:0 + margin-left: 0; } .form-help { - font-size:0.8em; - color:brown; - margin-bottom:15px + font-size: 0.8em; + color: brown; + margin-bottom: 15px; } .form-inline { - padding:0; - margin:0; - border:none + padding: 0; + margin: 0; + border: none; } .form-inline label { - display:inline; - padding-right:3px + display: inline; + padding-right: 3px; } -.form-inline input,.form-inline select { - margin:0 15px 0 0 +.form-inline input, +.form-inline select { + margin: 0 15px 0 0; } .form-inline .form-required { - display:none + display: none; } .form-inline .form-actions { - display:inline-block + display: inline-block; } .form-inline .js-submit-buttons-rendered { - display:inline-block + display: inline-block; } .form-inline-group { - display:inline + display: inline; } .form-columns { - display:-webkit-flex; - display:flex; - -webkit-flex-direction:row; - flex-direction:row; - -webkit-flex-wrap:wrap; - flex-wrap:wrap; - -webkit-justify-content:flex-start; - justify-content:flex-start + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-justify-content: flex-start; + justify-content: flex-start; } .form-columns .form-column { - margin-right:25px; - flex-grow:1 + margin-right: 25px; + flex-grow: 1; } .form-columns fieldset { - margin-top:0 + margin-top: 0; } .form-login { - max-width:350px; - margin:5% auto 0 + max-width: 350px; + margin: 5% auto 0; } @media (max-width: 480px) { - .form-login { - margin-left:5px - } + .form-login { + margin-left: 5px; + } } .form-login li { - margin-left:25px; - line-height:25px + margin-left: 25px; + line-height: 25px; } .form-login h2 { - margin-bottom:30px; - font-weight:bold + margin-bottom: 30px; + font-weight: bold; } .reset-password { - margin-top:20px; - margin-bottom:20px + margin-top: 20px; + margin-bottom: 20px; } .reset-password a { - color:#999 + color: @color-light-text; } .input-addon { - display:flex + display: flex; } .input-addon-field { - flex:1; - font-size:1em; - color: @input-field-fill; - margin:0; - -webkit-appearance:none; - -moz-appearance:none; - background-color: @color-input-box; + flex: 1; + font-size: 1em; + color: #3F3F3F; + margin: 0; + -webkit-appearance: none; + -moz-appearance: none; + background-color: @color-secondary-text; } .input-addon-field:first-child { - border-radius:5px 0 0 5px + border-radius: 5px 0 0 5px; } .input-addon-field:last-child { - border-radius:0 5px 5px 0 + border-radius: 0 5px 5px 0; } .input-addon-item { - background-color: @input-field-fill; - color:#666; - font:inherit; - font-weight:normal + background-color: #3F3F3F; + color: #666; + font: inherit; + font-weight: normal; } .input-addon-item:first-child { - border-radius:5px 0 0 5px + border-radius: 5px 0 0 5px; } .input-addon-item:last-child { - border-radius:0 5px 5px 0 + border-radius: 0 5px 5px 0; } @media (max-width: 480px) { - .input-addon-item .dropdown .fa-caret-down { - display:none - } + .input-addon-item .dropdown .fa-caret-down { + display: none; + } } -.input-addon-field,.input-addon-item { - border-bottom:1px solid; - padding:4px 0.75em; - background-color: @input-field-fill; +.input-addon-field, +.input-addon-item { + border-bottom: 1px solid; + padding: 4px 0.75em; + background-color: #3F3F3F; } -.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) { - border-left:0 +.input-addon-field:not(:first-child), +.input-addon-item:not(:first-child) { + border-left: 0; } .icon-success { - color:#468847 + color: #468847; } .icon-error { - color:#b94a48 + color: #b94a48; } .icon-fade-out { - opacity:1; - animation:icon-fadeout 5s linear forwards + opacity: 1; + animation: icon-fadeout 5s linear forwards; } @keyframes icon-fadeout { - 0% { - opacity:1 - } - 100% { - opacity:0 - } + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } } .alert { - padding:8px 35px 8px 14px; - margin-top:5px; - margin-bottom:5px; - color:#c09853; - background-color:#3F3F3F; - border:1px solid @color-base; - border-radius:4px + padding: 8px 35px 8px 14px; + margin-top: 5px; + margin-bottom: 5px; + color: #c09853; + background-color: #3F3F3F; + border: 1px solid @color-background; + border-radius: 4px; } .alert-success { - color:#468847; - background-color:#dff0d8; - border-color:#d6e9c6 + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; } .alert-error { - color:#b94a48; - background-color:#f2dede; - border-color:#eed3d7 + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; } .alert-info { - color:#3a87ad; - background-color:#d9edf7; - border-color:#bce8f1 + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; } .alert-normal { - color:#333; - background-color:#f0f0f0; - border-color:#ddd + color:@color-third-text; + background-color: #f0f0f0; + border-color: #ddd; } .alert ul { - margin-top:10px; - margin-bottom:10px + margin-top: 10px; + margin-bottom: 10px; } .alert li { - margin-left:25px + margin-left: 25px; } .alert-fade-out { - text-align:center; - position:fixed; - bottom:0; - left:20%; - width:60%; - padding-top:5px; - padding-bottom:5px; - margin-bottom:0; - border-width:1px 0 0; - border-radius:4px 4px 0 0; - z-index:9999; - opacity:1; - animation:fadeout 5s linear forwards + text-align: center; + position: fixed; + bottom: 0; + left: 20%; + width: 60%; + padding-top: 5px; + padding-bottom: 5px; + margin-bottom: 0; + border-width: 1px 0 0; + border-radius: 4px 4px 0 0; + z-index: 9999; + opacity: 1; + animation: fadeout 5s linear forwards; } @keyframes fadeout { - 0% { - opacity:1 - } - 100% { - opacity:0 - } + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } } a.btn { - text-decoration:none + text-decoration: none; } .btn { - -webkit-appearance:none; - -moz-appearance:none; - font-size:1.2em; - font-weight:normal; - cursor:pointer; - display:inline-block; - border-radius:2px; - padding:3px 10px; - margin:0; - border:1px solid #ddd; - background:#f5f5f5; - color:#333 -} -.btn:hover,.btn:focus { - border-color:#bbb; - background:#fafafa; - color:#000 + -webkit-appearance: none; + -moz-appearance: none; + font-size: 1.2em; + font-weight: normal; + cursor: pointer; + display: inline-block; + border-radius: 2px; + padding: 3px 10px; + margin: 0; + border: 1px solid @color-primary; + background: @color-primary; + color: @color-primary; +} +.btn:hover, +.btn:focus { + border-color: @color-primary; + background: @color-primary; + color: @color-primary; } .btn-red { - border-color:#b0281a; - background:#d14836; - color:#fff + border-color: #b0281a; + background: #d14836; + color: #fff; } -.btn-red:hover,.btn-red:focus { - border-color:#b0281a; - background:#c53727; - color:#fff +.btn-red:hover, +.btn-red:focus { + border-color: #b0281a; + background: #c53727; + color: #fff; } .btn-blue { - border-color:#3079ed; - background:#4d90fe; - color:#fff + border-color: #3079ed; + background: #4d90fe; + color: #fff; } -.btn-blue:hover,.btn-blue:focus { - border-color:#3079ed; - background:#357ae8; - color:#fff +.btn-blue:hover, +.btn-blue:focus { + border-color: #3079ed; + background: #357ae8; + color: #fff; } .btn:disabled { - color:#ccc; - border-color:#ccc; - background:#f7f7f7 + color: #ccc; + border-color: #ccc; + background: #f7f7f7; } .buttons-header { - font-size:0.8em; - margin-top:5px; - margin-bottom:15px + font-size: 0.8em; + margin-top: 5px; + margin-bottom: 15px; } .tooltip i.fa { - cursor:pointer + cursor: pointer; } .tooltip .fa-info-circle { - color:#999 + color: @color-light-text; } #tooltip-container { - padding:5px; - background:@color-base-odd; - border:1px solid #ddd; - border-radius:4px; - box-shadow:0 6px 12px #aaa; - position:absolute; - min-width:350px + padding: 5px; + background: #3F3F3F; + border: 1px solid #ddd; + border-radius: 4px; + box-shadow: 0 6px 12px #aaa; + position: absolute; + min-width: 350px; } #tooltip-container .markdown p { - margin-bottom:0 + margin-bottom: 0; } #tooltip-container .tooltip-large { - width:600px + width: 600px; } h2 .dropdown ul { - display:none + display: none; } .dropdown { - display:inline; - position:relative + display: inline; + position: relative; } .dropdown ul { - display:none + display: none; } .dropdown-smaller { - font-size:0.85em + font-size: 0.85em; } ul.dropdown-submenu-open { - display:block; - position:absolute; - z-index:1000; - min-width:285px; - list-style:none; - margin:3px 0 0 1px; - padding:6px 0; - background-color: @color-base-odd; - border:1px solid #b2b2b2; - border-radius:3px; - box-shadow:0 1px 3px rgba(0,0,0,0.15) + display: block; + position: absolute; + z-index: 1000; + min-width: 285px; + list-style: none; + margin: 3px 0 0 1px; + padding: 6px 0; + background-color: #3F3F3F; + border: 1px solid #b2b2b2; + border-radius: 3px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .dropdown-submenu-open li { - display:block; - margin:0; - padding:8px 10px; - font-size:0.9em; - border-bottom:1px solid #f8f8f8; - cursor:pointer + display: block; + margin: 0; + padding: 8px 10px; + font-size: 0.9em; + border-bottom: 1px solid #f8f8f8; + cursor: pointer; } .dropdown-submenu-open li.no-hover { - cursor:default + cursor: default; } .dropdown-submenu-open li:last-child { - border:none + border: none; } .dropdown-submenu-open li:not(.no-hover):hover { - background:@color-rows-hover; - color:@color-link; + background: @color-primary; + color: @color-toolbar; } .dropdown-submenu-open li:hover a { - color:@color-link; + color: @color-toolbar; } .dropdown-submenu-open a { - text-decoration:none; - color:@color-main-text; + text-decoration: none; + color: @color-primary; } .dropdown-submenu-open a:focus { - text-decoration:underline + text-decoration: underline; } -.dropdown-menu-link-text,.dropdown-menu-link-icon { - color:@color-link; - text-decoration:none +.dropdown-menu-link-text, +.dropdown-menu-link-icon { + color: @color-toolbar; + text-decoration: none; } .dropdown-menu-link-text:hover { - text-decoration:underline + text-decoration: underline; } td a.dropdown-menu strong { - color:#333 + color:@color-third-text; } td a.dropdown-menu strong i { - color:#333 + color:@color-third-text; } td a.dropdown-menu i { - columns: #767676; + columns: #767676; } td a.dropdown-menu:hover strong { - color:#555 + color: #555; } td a.dropdown-menu:hover strong i { - color:#555 + color: #555; } td a.dropdown-menu:hover i { - color:#333 + color:@color-third-text; } .accordion-title { - background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px; } .accordion-title h3 { - display:inline; - padding-right:5px; - background:@color-borders; + display: inline; + padding-right: 5px; + background: @color-primary; + border-radius: 2px; + padding-left: 5px; + padding-right: 5px; } .accordion-content { - margin-top:15px; - margin-bottom:25px + margin-top: 15px; + margin-bottom: 25px; } .accordion-toggle { - color:#333; - text-decoration:none + color:@color-third-text; + text-decoration: none; } .accordion-toggle:focus { - color:#333 + color:@color-third-text; } .accordion-toggle:hover { - color:#999 + color: @color-light-text; } .accordion-toggle:before { - content:"\f0d7" + content: "\f0d7"; } .accordion-collapsed { - margin-bottom:25px + margin-bottom: 25px; } .accordion-collapsed .accordion-toggle:before { - content:"\f0da" + content: "\f0da"; } .accordion-collapsed .accordion-content { - display:none + display: none; } #select-dropdown-menu { - position:absolute; - display:block; - z-index:1000; - min-width:160px; - padding:5px 0; - background:@color-base-odd; - list-style:none; - border:1px solid @color-link; - border-radius:3px; - box-shadow:0 6px 12px rgba(0,0,0,0.175); - overflow:auto; + position: absolute; + display: block; + z-index: 1000; + min-width: 160px; + padding: 5px 0; + background: #3F3F3F; + list-style: none; + border: 1px solid @color-toolbar; + border-radius: 3px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + overflow: auto; } .select-dropdown-menu-item { - white-space:nowrap; - overflow:hidden; - padding:3px 10px; - color:@color-main-text; - cursor:pointer; - border-bottom:1px solid @color-link; - line-height:1.5em; - font-weight:400 + white-space: nowrap; + overflow: hidden; + padding: 3px 10px; + color: @color-primary; + cursor: pointer; + border-bottom: 1px solid @color-toolbar; + line-height: 1.5em; + font-weight: 400; } .select-dropdown-menu-item.active { - color:@color-link; - background:@color-rows-hover; + color: @color-toolbar; + background: @color-primary; } .select-dropdown-menu-item:last-child { - border:none + border: none; } .select-dropdown-input-container { - position:relative; - border-bottom:1px solid @color-borders; - border-right: 0px; - border-left: 0px; - border-top: 0px; - border-radius:5px; - background-color:@color-logo; - color: @color-title-bar; + position: relative; + border-bottom: 1px solid @color-primary; + border-right: 0px; + border-left: 0px; + border-top: 0px; + border-radius: 5px; + background-color: @color-primary; + color: @color-toolbar; } .select-dropdown-input-container input.select-dropdown-input { - margin:0 0 0 5px; - border:none; - height:23px; - background-color: @color-logo; + margin: 0 0 0 5px; + border: none; + height: 23px; + background-color: @color-primary; } .select-dropdown-input-container input.select-dropdown-input:focus { - border:none; - box-shadow:none + border: none; + box-shadow: none; } .select-dropdown-input-container .select-dropdown-chevron { - color:@color-link; - position:absolute; - top:4px; - right:5px; - cursor:pointer + color: @color-toolbar; + position: absolute; + top: 4px; + right: 5px; + cursor: pointer; } .select-dropdown-input-container .select-loading-icon { - color:#555; - position:absolute; - top:4px; - right:5px + color: #555; + position: absolute; + top: 4px; + right: 5px; } #suggest-menu { - position:absolute; - display:block; - z-index:1000; - min-width:160px; - padding:5px 0; - background:#fff; - list-style:none; - border:1px solid #ccc; - border-radius:3px; - box-shadow:0 6px 12px rgba(0,0,0,0.175) + position: absolute; + display: block; + z-index: 1000; + min-width: 160px; + padding: 5px 0; + background: #fff; + list-style: none; + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .suggest-menu-item { - white-space:nowrap; - padding:3px 10px; - color:#333; - font-weight:bold; - cursor:pointer + white-space: nowrap; + padding: 3px 10px; + color:@color-third-text; + font-weight: bold; + cursor: pointer; } .suggest-menu-item.active { - color:#fff; - background:#428bca + color: #fff; + background: #428bca; } .suggest-menu-item.active small { - color:#fff + color: #fff; } .suggest-menu-item small { - color:#999; - font-weight:normal + color: @color-light-text; + font-weight: normal; } #modal-overlay { - position:fixed; - top:0; - left:0; - width:100%; - height:100%; - background:rgba(0,0,0,0.9); - overflow:auto; - z-index:100 + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.9); + overflow: auto; + z-index: 100; } #modal-box { - position:fixed; - max-height:calc(100% - 30px); - top:2%; - left:50%; - transform:translateX(-50%); - background:#fff; - overflow:auto; - border-radius:5px + position: fixed; + max-height: calc(100% - 30px); + top: 2%; + left: 50%; + transform: translateX(-50%); + background: #3F3F3F; + overflow: auto; + border-radius: 5px; } #modal-content { - padding:0 5px 5px + padding: 0 5px 5px; } #modal-header { - text-align:right; - padding-right:5px + text-align: right; + padding-right: 5px; } #modal-close-button { - color:#333 + color:@color-third-text; } #modal-close-button:hover { - color:#b94a48 + color: #b94a48; } .pagination { - text-align:center; - font-size:0.9em + text-align: center; + font-size: 0.9em; } .pagination-showing { - margin-right:5px; - padding-right:5px; - border-right:1px solid #999 + margin-right: 5px; + padding-right: 5px; + border-right: 1px solid @color-light-text; } .pagination-next { - margin-left:5px + margin-left: 5px; } .pagination-previous { - margin-right:5px + margin-right: 5px; } header { - display:flex; - flex-wrap:wrap; - /*border-bottom:1px solid @color-logo;*/ - /*border-right:1px solid @color-logo;*/ - border-bottom: 0px solid; - background-color: @color-title-bar; - margin: 10px; - border-radius: 5px; - padding: 15px; + display: flex; + flex-wrap: wrap; + /*border-bottom:1px solid @color-logo;*/ + /*border-right:1px solid @color-logo;*/ + border-bottom: 0px solid; + background-color: @color-toolbar; + margin: 10px; + border-radius: 5px; + padding: 15px; } header .title-container { - flex:1; - min-width:300px + flex: 1; + min-width: 300px; } @media (max-width: 480px) { - header .title-container { - order:3 - } + header .title-container { + order: 3; + } } header .board-selector-container { - min-width:320px; - display:flex; - align-items:center + min-width: 320px; + display: flex; + align-items: center; } @media (max-width: 480px) { - header .board-selector-container { - order:2; - min-width:300px - } - header .board-selector-container input[type=text] { - max-width:280px - } + header .board-selector-container { + order: 2; + min-width: 300px; + } + header .board-selector-container input[type=text] { + max-width: 280px; + } } header .menus-container { - min-width:120px; - display:flex; - align-items:center; - justify-content:flex-end + min-width: 120px; + display: flex; + align-items: center; + justify-content: flex-end; } @media (max-width: 480px) { - header .menus-container { - order:1; - margin-bottom:5px; - margin-left:auto - } + header .menus-container { + order: 1; + margin-bottom: 5px; + margin-left: auto; + } } header h1 { - font-size:1.5em; - color: @color-logo; + font-size: 1.5em; + color: @color-primary; } header h1 .tooltip { - opacity:0.3; - font-size:0.7em + opacity: 0.3; + font-size: 0.7em; } a i.web-notification-icon { - color:@color-link + color: @color-toolbar; } -a i.web-notification-icon:focus,a i.web-notification-icon:hover { - color:#000 +a i.web-notification-icon:focus, +a i.web-notification-icon:hover { + color: @color-secondary-text; + text-decoration-color: @color-secondary-text; } .logo a { - opacity:0.5; - color:#d40000; - text-decoration:none + opacity: 0.5; + color: #d40000; + text-decoration: none; } .logo span { - color:#333 + color:@color-third-text; } .logo a:hover { - opacity:0.8; - color:#333 + opacity: 0.8; + color:@color-third-text; } -.logo a:focus span,.logo a:hover span { - color:#d40000 +.logo a:focus span, +.logo a:hover span { + color: #d40000; } .page-header { - margin-bottom:20px; + margin-bottom: 20px; } -.page-header ul li a{ /*EXTRA CLASS*/ - color:@color-main-text; +.page-header ul li a { + /*EXTRA CLASS*/ + color: @color-primary; } .page-header .dropdown { - padding-right:10px + padding-right: 10px; } .page-header h2 { - margin:0; - padding:0; - font-weight:bold; - border-bottom:1px dotted #ccc; - color:@color-logo; + margin: 0; + padding: 0; + font-weight: bold; + border-bottom: 1px dotted #ccc; + color: @color-primary; } .page-header h2 a { - color:@color-link; - text-decoration:none + color: @color-toolbar; + text-decoration: none; } -.page-header h2 a:focus,.page-header h2 a:hover { - color:#999 +.page-header h2 a:focus, +.page-header h2 a:hover { + color: @color-light-text; } .page-header ul { - text-align:left; - margin-top:5px; - display:inline-block + text-align: left; + margin-top: 5px; + display: inline-block; } .page-header li { - display:inline; - padding-right:15px; + display: inline; + padding-right: 15px; } @media (max-width: 480px) { - .page-header li { - display:block; - line-height:1.5em - } + .page-header li { + display: block; + line-height: 1.5em; + } } .page-header li.active a { - color:#333; - text-decoration:none; - font-weight:bold; + color:@color-third-text; + text-decoration: none; + font-weight: bold; } -.page-header li.active a:hover,.page-header li.active a:focus { - text-decoration:underline +.page-header li.active a:hover, +.page-header li.active a:focus { + text-decoration: underline; } .menu-inline { - margin-bottom:5px + margin-bottom: 5px; } .menu-inline li { - display:inline; - padding-right:15px + display: inline; + padding-right: 15px; } .menu-inline li .active a { - font-weight:bold; - color:#000; - text-decoration:none + font-weight: bold; + color: @color-secondary-text; + text-decoration: none; } .sidebar-container { - height:100%; - display:flex; - flex-flow:row + height: 100%; + display: flex; + flex-flow: row; } @media (max-width: 768px) { - .sidebar-container { - flex-flow:wrap - } + .sidebar-container { + flex-flow: wrap; + } } .sidebar-content { - max-width:100%; - overflow-wrap:break-word + max-width: 100%; + overflow-wrap: break-word; } @media (max-width: 768px) { - .sidebar-content { - padding-left:0; - order:1; - max-width:100% - } + .sidebar-content { + padding-left: 0; + order: 1; + max-width: 100%; + } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { - .sidebar-content { - max-width:75% - } + .sidebar-content { + max-width: 75%; + } } .sidebar { - max-width:25%; - min-width:230px + max-width: 25%; + min-width: 230px; } @media (max-width: 768px) { - .sidebar { - flex:1 auto; - order:2 - } + .sidebar { + flex: 1 auto; + order: 2; + } } .sidebar h2 { - margin-top:0 + margin-top: 0; } -.sidebar>ul a { - text-decoration:none; - color:#999; - font-weight:300 +.sidebar > ul a { + text-decoration: none; + color: @color-light-text; + font-weight: 300; } -.sidebar>ul a:hover { - color:#333 +.sidebar > ul a:hover { + color:@color-third-text; } -.sidebar>ul li { - list-style-type:none; - line-height:35px; - border-bottom:1px dotted #efefef; - padding-left:13px +.sidebar > ul li { + list-style-type: none; + line-height: 35px; + border-bottom: 1px dotted #efefef; + padding-left: 13px; } -.sidebar>ul li:hover { - border-left:5px solid @color-link; - padding-left:8px +.sidebar > ul li:hover { + border-left: 5px solid @color-toolbar; + padding-left: 8px; } -.sidebar>ul li.active { - border-left:5px solid @color-link; - padding-left:8px +.sidebar > ul li.active { + border-left: 5px solid @color-toolbar; + padding-left: 8px; } -.sidebar>ul li.active a { - color:@color-link; - font-weight:bold +.sidebar > ul li.active a { + color: @color-toolbar; + font-weight: bold; } -.sidebar-icons>ul li { - padding-left:0 +.sidebar-icons > ul li { + padding-left: 0; } -.sidebar-icons>ul li:hover,.sidebar-icons>ul li.active { - padding-left:0; - border-left:none +.sidebar-icons > ul li:hover, +.sidebar-icons > ul li.active { + padding-left: 0; + border-left: none; } -.sidebar>ul li.active a:focus,.sidebar>ul li.active a:hover { - color:#555 +.sidebar > ul li.active a:focus, +.sidebar > ul li.active a:hover { + color: #555; } -.sidebar>ul li:last-child { - margin-bottom:15px +.sidebar > ul li:last-child { + margin-bottom: 15px; } .avatar img { - vertical-align:bottom + vertical-align: bottom; } .avatar-left { - float:left; - margin-right:10px + float: left; + margin-right: 10px; } .avatar-inline { - display:inline-block; - margin-right:3px + display: inline-block; + margin-right: 3px; } -.avatar-48 img,.avatar-48 div { - border-radius:30px +.avatar-48 img, +.avatar-48 div { + border-radius: 30px; } .avatar-48 .avatar-letter { - line-height:48px; - width:48px; - font-size:25px + line-height: 48px; + width: 48px; + font-size: 25px; } -.avatar-20 img,.avatar-20 div { - border-radius:10px +.avatar-20 img, +.avatar-20 div { + border-radius: 10px; } .avatar-20 .avatar-letter { - line-height:20px; - width:20px; - font-size:11px + line-height: 20px; + width: 20px; + font-size: 11px; } .avatar-letter { - color:#fff; - text-align:center -} -#file-dropzone,#screenshot-zone { - position:relative; - border:2px dashed #ccc; - width:99%; - height:250px; - overflow:auto -} -#file-dropzone-inner,#screenshot-inner { - position:absolute; - left:0; - bottom:48%; - width:100%; - text-align:center; - color:#aaa + color: #fff; + text-align: center; +} +#file-dropzone, +#screenshot-zone { + position: relative; + border: 2px dashed #ccc; + width: 99%; + height: 250px; + overflow: auto; +} +#file-dropzone-inner, +#screenshot-inner { + position: absolute; + left: 0; + bottom: 48%; + width: 100%; + text-align: center; + color: #aaa; } #screenshot-zone.screenshot-pasted { - border:2px solid #333 + border: 2px solid@color-third-text; } #file-list { - margin:20px + margin: 20px; } #file-list li { - list-style-type:none; - padding-top:8px; - padding-bottom:8px; - border-bottom:1px dotted #ddd; - width:95% + list-style-type: none; + padding-top: 8px; + padding-bottom: 8px; + border-bottom: 1px dotted #ddd; + width: 95%; } #file-list li .file-error { - font-weight:bold; - color:#b94a48 + font-weight: bold; + color: #b94a48; } .file-thumbnails { - display:-webkit-flex; - display:flex; - -webkit-flex-direction:row; - flex-direction:row; - -webkit-flex-wrap:wrap; - flex-wrap:wrap; - -webkit-justify-content:flex-start; - justify-content:flex-start + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-justify-content: flex-start; + justify-content: flex-start; } .file-thumbnail { - width:250px; - border:1px solid #efefef; - border-radius:5px; - margin-bottom:20px; - box-shadow:4px 2px 10px -6px rgba(0,0,0,0.55); - margin-right:15px + width: 250px; + border: 1px solid #efefef; + border-radius: 5px; + margin-bottom: 20px; + box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55); + margin-right: 15px; } .file-thumbnail img { - cursor:pointer; - border-top-left-radius:5px; - border-top-right-radius:5px + cursor: pointer; + border-top-left-radius: 5px; + border-top-right-radius: 5px; } .file-thumbnail img:hover { - opacity:0.5 + opacity: 0.5; } .file-thumbnail-content { - padding-left:8px; - padding-right:8px + padding-left: 8px; + padding-right: 8px; } .file-thumbnail-title { - font-weight:700; - font-size:0.9em; - color:#555; - overflow:hidden; - text-overflow:ellipsis + font-weight: 700; + font-size: 0.9em; + color: #555; + overflow: hidden; + text-overflow: ellipsis; } .file-thumbnail-description { - font-size:0.8em; - color:#999; - margin-top:8px; - margin-bottom:5px + font-size: 0.8em; + color: @color-light-text; + margin-top: 8px; + margin-bottom: 5px; } .file-viewer { - position:relative + position: relative; } .file-viewer img { - max-width:95%; - max-height:85%; - margin-top:10px + max-width: 95%; + max-height: 85%; + margin-top: 10px; } .color-picker { - width:180px + width: 180px; } .color-picker-option { - height:25px + height: 25px; } .color-picker-square { - display:inline-block; - width:18px; - height:18px; - margin-right:5px; - border:1px solid #000 + display: inline-block; + width: 18px; + height: 18px; + margin-right: 5px; + border: 1px solid @color-secondary-text; } .color-picker-label { - display:inline-block; - vertical-align:bottom; - padding-bottom:3px + display: inline-block; + vertical-align: bottom; + padding-bottom: 3px; } .filter-box { - max-width:1024px + max-width: 1024px; } .action-menu { - color:#333; - text-decoration:none + color:@color-third-text; + text-decoration: none; } -.action-menu:hover,.action-menu:focus { - text-decoration:underline +.action-menu:hover, +.action-menu:focus { + text-decoration: underline; } .js-project-creation-options { - max-width:500px; - border-left:3px dotted #efefef; - margin-top:20px; - padding-left:15px; - padding-bottom:5px; - padding-top:5px + max-width: 500px; + border-left: 3px dotted #efefef; + margin-top: 20px; + padding-left: 15px; + padding-bottom: 5px; + padding-top: 5px; } .project-overview-columns { - display:-webkit-flex; - display:flex; - -webkit-flex-direction:row; - flex-direction:row; - -webkit-flex-wrap:wrap; - flex-wrap:wrap; - -webkit-align-items:center; - align-items:center; - -webkit-justify-content:center; - justify-content:center; - margin-bottom:20px; - font-size:1.4em + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; + margin-bottom: 20px; + font-size: 1.4em; } @media (max-width: 480px) { - .project-overview-columns { - display:block - } + .project-overview-columns { + display: block; + } } .project-overview-column { - text-align:center; - margin-right:3%; - margin-top:5px; - padding:3px 15px 3px 15px; - border:1px dashed #ddd + text-align: center; + margin-right: 3%; + margin-top: 5px; + padding: 3px 15px 3px 15px; + border: 1px dashed #ddd; } @media (max-width: 480px) { - .project-overview-column { - text-align:left - } + .project-overview-column { + text-align: left; + } } .project-overview-column small { - color:#999 + color: @color-light-text; } .project-overview-column strong { - color:#555; - display:block + color: #555; + display: block; } @media (max-width: 480px) { - .project-overview-column strong { - display:inline - } + .project-overview-column strong { + display: inline; + } } .project-header { - margin-bottom:8px + margin-bottom: 8px; } .project-header .dropdown-component { - margin-top:4px; - margin-right:5px; - float:left + margin-top: 4px; + margin-right: 5px; + float: left; } @media (max-width: 768px) { - .project-header .dropdown-component { - float:none - } + .project-header .dropdown-component { + float: none; + } } .project-header .views-switcher-component { - margin-top:4px; - float:left + margin-top: 4px; + float: left; } @media (max-width: 768px) { - .project-header .views-switcher-component { - float:none; - margin-bottom:10px - } + .project-header .views-switcher-component { + float: none; + margin-bottom: 10px; + } } .project-header .filter-box-component form { - margin:0 + margin: 0; } .views { - margin-right:10px; - margin-top:1px; - font-size:0.9em + margin-right: 10px; + margin-top: 1px; + font-size: 0.9em; } @media (max-width: 560px) { - .views { - width:100% - } + .views { + width: 100%; + } } @media (max-width: 768px) { - .views { - margin-top:10px; - font-size:1em - } + .views { + margin-top: 10px; + font-size: 1em; + } } @media (max-width: 480px) { - .views { - margin-top:5px - } + .views { + margin-top: 5px; + } } .views li { - white-space:nowrap; - background:@color-link; - border:1px solid @color-borders; - border-right:none; - padding:4px 8px; - display:inline + white-space: nowrap; + background: @color-toolbar; + border: 1px solid @color-primary; + border-right: none; + padding: 4px 8px; + display: inline; } @media (max-width: 560px) { - .views li { - display:block; - margin-top:5px; - border-radius:5px; - border:1px solid @color-borders; - } + .views li { + display: block; + margin-top: 5px; + border-radius: 5px; + border: 1px solid @color-primary; + } } .views li.active a { - font-weight:bold; - color:@color-main-text; - text-decoration:none + font-weight: bold; + color: @color-primary; + text-decoration: none; } .views li:first-child { - border-top-left-radius:5px; - border-bottom-left-radius:5px + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .views li:last-child { - border-right:1px solid #ddd; - border-top-right-radius:5px; - border-bottom-right-radius:5px + border-right: 1px solid #ddd; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .views a { - color:@color-base; - text-decoration:none + color: @color-background; + text-decoration: none; } .views a:hover { - color:@color-main-text; - text-decoration:underline + color: @color-primary; + text-decoration: underline; } .dashboard-project-stats small { - margin-right:10px; - color:#999 + margin-right: 10px; + color: @color-light-text; } .dashboard-table-link { - font-weight:bold; - color:#000; - text-decoration:none + font-weight: bold; + color: @color-secondary-text; + text-decoration: none; } -.dashboard-table-link:focus,.dashboard-table-link:hover { - color:#999 +.dashboard-table-link:focus, +.dashboard-table-link:hover { + color: @color-light-text; } .public-board { - margin-top:5px + margin-top: 5px; } .public-task { - max-width:800px; - margin:5px auto 0 + max-width: 800px; + margin: 5px auto 0; } #board-container { - overflow-x:auto + overflow-x: auto; } #board { - table-layout:fixed; - margin-bottom:0 + table-layout: fixed; + margin-bottom: 0; } #board th.board-column-header { - width:240px + width: 240px; } #board td { - vertical-align:top + vertical-align: top; } .board-container-compact { - overflow-x:initial + overflow-x: initial; } @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { - .board-container-compact #board { - table-layout:auto - } + .board-container-compact #board { + table-layout: auto; + } } #board th.board-column-header.board-column-compact { - width:initial + width: initial; } .board-column-collapsed { - display:none + display: none; } td.board-column-task-collapsed { - font-weight:bold; - background-color:#fbfbfb + font-weight: bold; + background-color: @color-toolbar; } #board th.board-column-header-collapsed { - width:28px; - min-width:28px; - text-align:center; - overflow:hidden + width: 28px; + min-width: 28px; + text-align: center; + overflow: hidden; } .board-rotation-wrapper { - position:relative; - padding:8px 4px; - min-height:150px; - overflow:hidden + position: relative; + padding: 8px 4px; + min-height: 150px; + overflow: hidden; } .board-rotation { - white-space:nowrap; - -webkit-backface-visibility:hidden; - -webkit-transform:rotate(90deg); - -moz-transform:rotate(90deg); - -ms-transform:rotate(90deg); - transform:rotate(90deg); - -webkit-transform-origin:0 100%; - -moz-transform-origin:0 100%; - -ms-transform-origin:0 100%; - transform-origin:0 100% + white-space: nowrap; + -webkit-backface-visibility: hidden; + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-transform-origin: 0 100%; + -moz-transform-origin: 0 100%; + -ms-transform-origin: 0 100%; + transform-origin: 0 100%; +} +.board-column-title.board-rotation.board-toggle-column-view { + color: @color-primary; } .board-column-title .dropdown-menu { - text-decoration:none + text-decoration: none; } .board-add-icon { - float:left; - padding:0 5px + float: left; + padding: 0 5px; } .board-add-icon i { - text-decoration:none; - color:@color-link; - font-size:1.4em + text-decoration: none; + color: @color-toolbar; + font-size: 1.4em; } -.board-add-icon i:focus,.board-add-icon i:hover { - text-decoration:none; - color:red +.board-add-icon i:focus, +.board-add-icon i:hover { + text-decoration: none; + color: red; } .board-column-header-task-count { - color:#999; - font-weight:normal + color: @color-light-text; + font-weight: normal; } a.board-swimlane-toggle { - text-decoration:none + text-decoration: none; } -a.board-swimlane-toggle:hover,a.board-swimlane-toggle:focus { - color:#000; - text-decoration:none; - border:none +a.board-swimlane-toggle:hover, +a.board-swimlane-toggle:focus { + color: @color-secondary-text; + text-decoration: none; + border: none; } .board-task-list { - min-height:60px + min-height: 60px; } .board-task-list .task-board:last-child { - margin-bottom:0 + margin-bottom: 0; } .board-task-list-limit { - background-color:#DF5353 + background-color: #DF5353; } .draggable-item { - cursor:pointer; - user-select:none; - -webkit-user-select:none; - -moz-user-select:none + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; } .draggable-placeholder { - border:2px dashed #000; - background:#fafafa; - height:70px; - margin-bottom:10px + border: 2px dashed @color-secondary-text; + background: #fafafa; + height: 70px; + margin-bottom: 10px; } div.draggable-item-selected { - border:1px solid #000 + border: 1px solid @color-secondary-text; } .task-board-sort-handle { - float:left; - padding-right:5px + float: left; + padding-right: 5px; } .task-board { - position:relative; - margin-bottom:4px; - border:1px solid #000; - padding:2px; - word-wrap:break-word; - font-size:0.9em; - border-radius:6px + position: relative; + margin-bottom: 4px; + border: 1px solid @color-secondary-text; + padding: 2px; + word-wrap: break-word; + font-size: 0.9em; + border-radius: 6px; } div.task-board-recent { - border-width:2px + border-width: 2px; } div.task-board-status-closed { - user-select:none; - border:1px dotted #555 + user-select: none; + border: 1px dotted #555; } .task-board a { - color:#000; - text-decoration:none + color: @color-secondary-text; + text-decoration: none; } .task-board-collapsed { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .task-board-title { - margin-top:5px; - margin-bottom:8px + margin-top: 5px; + margin-bottom: 8px; } .task-board-title a:hover { - text-decoration:underline + text-decoration: underline; } .task-board-saving-state { - opacity:0.3 + opacity: 0.3; } .task-board-saving-icon { - position:absolute; - margin:auto; - width:100%; - text-align:center; - color:#000 + position: absolute; + margin: auto; + width: 100%; + text-align: center; + color: @color-secondary-text; } .task-board-avatars { - text-align:right; - float:right + text-align: right; + float: right; } .task-board-change-assignee { - cursor:pointer + cursor: pointer; } .task-board-change-assignee:hover { - opacity:0.6 + opacity: 0.6; } .task-list-avatars { - display:inline-block; - float:left + display: inline-block; + float: left; } @media (max-width: 768px) { - .task-list-avatars { - float:none; - display:block - } + .task-list-avatars { + float: none; + display: block; + } } .task-list-avatars .task-avatar-assignee { - font-weight:300; - color:#999 + font-weight: 300; + color: @color-light-text; } .task-list-avatars:hover .task-avatar-assignee { - font-weight:400; - color:#000 + font-weight: 400; + color: @color-secondary-text; } -.task-board-icons,.task-list-icons { - font-size:0.8em; - text-align:right +.task-board-icons, +.task-list-icons { + font-size: 0.8em; + text-align: right; } -.task-board-icons a,.task-list-icons a { - text-decoration:none +.task-board-icons a, +.task-list-icons a { + text-decoration: none; } -.task-board-icons a:hover,.task-list-icons a:hover { - color:#333 +.task-board-icons a:hover, +.task-list-icons a:hover { + color:@color-third-text; } -.task-board-icons a:hover i,.task-list-icons a:hover i { - color:#333 +.task-board-icons a:hover i, +.task-list-icons a:hover i { + color:@color-third-text; } -.task-board-icons .task-score,.task-list-icons .task-score { - font-weight:bold +.task-board-icons .task-score, +.task-list-icons .task-score { + font-weight: bold; } -.task-board-icons .flag-milestone,.task-list-icons .flag-milestone { - color:green +.task-board-icons .flag-milestone, +.task-list-icons .flag-milestone { + color: green; } .task-board-icons { - margin-top:7px + margin-top: 7px; } .task-board-icons a { - opacity:0.5 + opacity: 0.5; } .task-board-icons span { - opacity:0.5; - margin-left:4px + opacity: 0.5; + margin-left: 4px; } .task-board-icons a:hover { - opacity:1.0; - font-weight:bold + opacity: 1; + font-weight: bold; } .task-board-icons .task-board-icons-row { - line-height:22px + line-height: 22px; } .task-list-icons { - line-height:22px + line-height: 22px; } -.task-list-icons a,.task-list-icons span,.task-list-icons i { - color:#999; - opacity:1.0 +.task-list-icons a, +.task-list-icons span, +.task-list-icons i { + color: @color-light-text; + opacity: 1; } .task-list-icons span { - margin-left:5px + margin-left: 5px; } @media (max-width: 768px) { - .task-list-icons { - text-align:left - } + .task-list-icons { + text-align: left; + } } .task-icon-age { - display:inline-block + display: inline-block; } span.task-icon-age-total { - border:1px solid #e5e5e5; - padding:1px 3px 1px 3px; - border-top-left-radius:3px; - border-bottom-left-radius:3px + border: 1px solid #e5e5e5; + padding: 1px 3px 1px 3px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } span.task-icon-age-column { - border:1px solid #e5e5e5; - border-left:none; - margin-left:-5px; - padding:1px 3px 1px 3px; - border-top-right-radius:3px; - border-bottom-right-radius:3px + border: 1px solid #e5e5e5; + border-left: none; + margin-left: -5px; + padding: 1px 3px 1px 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } -.task-board span.task-icon-age-total,.task-board span.task-icon-age-column { - border-color:#666 +.task-board span.task-icon-age-total, +.task-board span.task-icon-age-column { + border-color: #666; } .task-board-category-container { - text-align:right; - margin-top:8px; - margin-bottom:8px + text-align: right; + margin-top: 8px; + margin-bottom: 8px; } .task-board-category { - border:1px solid #555; - font-size:0.9em; - font-weight:500; - color:#000; - padding:1px 3px 1px 2px; - border-radius:3px + border: 1px solid #555; + font-size: 0.9em; + font-weight: 500; + color: @color-secondary-text; + padding: 1px 3px 1px 2px; + border-radius: 3px; } .task-board-category a:hover { - text-decoration:underline + text-decoration: underline; } .task-date { - font-weight:500; - color:#000 + font-weight: 500; + color: @color-secondary-text; } span.task-date-today { - opacity:1.0; - color:@color-link + opacity: 1; + color: @color-toolbar; } span.task-date-overdue { - opacity:1.0; - color:#b94a48 + opacity: 1; + color: #b94a48; } .task-tags li { - display:inline-block; - margin:3px 3px 0 0; - padding:1px 3px 1px 3px; - color:#333; - border:1px solid #333; - border-radius:4px + display: inline-block; + margin: 3px 3px 0 0; + padding: 1px 3px 1px 3px; + color:@color-third-text; + border: 1px solid@color-third-text; + border-radius: 4px; } .task-summary-container .task-tags { - margin-top:10px + margin-top: 10px; } .task-list-tag { - background:#ffeb8e; - border-color:#333 + background: #ffeb8e; + border-color:@color-third-text; } #task-summary { - margin-bottom:15px + margin-bottom: 15px; } #task-summary h2 { - color:#555; - font-size:1.6em; - margin-top:0; - padding-top:0 + color: #555; + font-size: 1.6em; + margin-top: 0; + padding-top: 0; } .task-summary-container { - border:2px solid #000; - border-radius:8px; - padding:10px + border: 2px solid @color-secondary-text; + border-radius: 8px; + padding: 10px; } .task-summary-columns { - display:flex; - flex-flow:row; - justify-content:space-between + display: flex; + flex-flow: row; + justify-content: space-between; } @media (max-width: 768px) { - .task-summary-columns { - flex-flow:column - } + .task-summary-columns { + flex-flow: column; + } } .task-summary-column { - color:#333 + color:@color-third-text; } .task-summary-column span { - color:#555 + color: #555; } .task-summary-column li { - line-height:23px + line-height: 23px; } #external-task-view { - padding:10px; - margin-top:10px; - margin-bottom:10px; - border:1px dotted #ccc + padding: 10px; + margin-top: 10px; + margin-bottom: 10px; + border: 1px dotted #ccc; } .task-form-container { - box-sizing:border-box; - display:flex; - flex-wrap:wrap + box-sizing: border-box; + display: flex; + flex-wrap: wrap; } -.task-form-container>* { - box-sizing:border-box +.task-form-container > * { + box-sizing: border-box; } -.task-form-container>* { - width:1% +.task-form-container > * { + width: 1%; } .task-form-main-column { - width:60% + width: 60%; } @media (max-width: 1000px) { - .task-form-main-column { - width:100% - } + .task-form-main-column { + width: 100%; + } } .task-form-main-column input[type="text"] { - width:700px; - max-width:99% + width: 700px; + max-width: 99%; } .task-form-secondary-column { - max-width:250px; - min-width:200px; - max-height:600px; - padding-left:10px; - overflow:auto; - width:20% + max-width: 250px; + min-width: 200px; + max-height: 600px; + padding-left: 10px; + overflow: auto; + width: 20%; } @media (max-width: 1000px) { - .task-form-secondary-column { - width:100%; - max-width:99%; - max-height:none - } + .task-form-secondary-column { + width: 100%; + max-width: 99%; + max-height: none; + } } @media (max-width: 768px) { - .task-form-secondary-column { - padding-left:0 - } + .task-form-secondary-column { + padding-left: 0; + } } .task-form-secondary-column label:first-child { - margin-top:0 + margin-top: 0; } @media (max-width: 1000px) { - .task-form-secondary-column label:first-child { - margin-top:10px - } + .task-form-secondary-column label:first-child { + margin-top: 10px; + } } .task-form-bottom { - width:100% + width: 100%; } .comment-sorting { - text-align:right + text-align: right; } .comment-sorting a { - color:#555; - font-weight:normal; - text-decoration:none + color: #555; + font-weight: normal; + text-decoration: none; } .comment-sorting a:hover { - color:#999 + color: @color-light-text; } .comment { - padding:5px; - margin-bottom:15px + padding: 5px; + margin-bottom: 15px; } .comment-title { - border-bottom:1px dotted #eee; - margin-left:55px + border-bottom: 1px dotted #eee; + margin-left: 55px; } .comment-date { - color:#999; - font-weight:200 + color: @color-light-text; + font-weight: 200; } .comment-actions { - text-align:right + text-align: right; } .comment-content { - margin-left:55px + margin-left: 55px; } .comments .text-editor textarea { - height:90px + height: 90px; } .comments .text-editor .text-editor-preview-area { - height:90px + height: 90px; } .comments .comment-highlighted { - background-color:#fff8dc; - border:2px solid #ffeb8e + background-color: @color-odd; + border: 5px solid @color-odd; } .comments .comment-highlighted:hover { - background-color:#fff8dc + background-color: @color-odd-hover; + border-radius: 5px; } .comments .comment:hover { - background:#fff8dc + background: @color-odd-hover; + border-radius: 5px; } .comments .comment:nth-child(even):not(.comment-highlighted) { - background:#fbfbfb + background: @color-odd; + border-radius: 5px; } .comments .comment:nth-child(even):not(.comment-highlighted):hover { - background:#fff8dc + background: @color-odd-hover; } .subtask-cell { - padding:4px 10px; - border-top:1px dotted #dedede; - border-left:1px dotted #dedede; - display:table-cell; - vertical-align:middle + padding: 4px 10px; + border-top: 1px dotted #dedede; + border-left: 1px dotted #dedede; + display: table-cell; + vertical-align: middle; } .subtask-cell a { - color:#333; - text-decoration:none + color:@color-third-text; + text-decoration: none; } -.subtask-cell a:hover,.subtask-cell a:focus { - color:@color-link +.subtask-cell a:hover, +.subtask-cell a:focus { + color: @color-toolbar; } .subtask-cell:first-child { - border-left:none + border-left: none; } @media (max-width: 768px) { - .subtask-cell { - width:90%; - display:block; - border-left:none - } + .subtask-cell { + width: 90%; + display: block; + border-left: none; + } } .task-list-subtasks { - display:table; - width:100% + display: table; + width: 100%; } @media (max-width: 768px) { - .task-list-subtasks { - display:block - } + .task-list-subtasks { + display: block; + } } .task-list-subtask { - display:table-row + display: table-row; } @media (max-width: 768px) { - .task-list-subtask { - display:block - } + .task-list-subtask { + display: block; + } } @media (max-width: 768px) { - .subtask-assignee,.subtask-time-tracking-cell { - display:none - } + .subtask-assignee, + .subtask-time-tracking-cell { + display: none; + } } .task-links-table td { - vertical-align:middle + vertical-align: middle; } .task-links-task-count { - color:#999; - font-weight:normal + color: @color-light-text; + font-weight: normal; } .task-link-closed { - text-decoration:line-through + text-decoration: line-through; } .text-editor { - margin-top:10px + margin-top: 10px; } .text-editor a { - font-size:1em; - color:#999; - text-decoration:none; - margin-right:10px + font-size: 1em; + color: @color-light-text; + text-decoration: none; + margin-right: 10px; } .text-editor a:hover { - color:@color-link + color: @color-toolbar; } .text-editor .text-editor-preview-area { - border:1px solid #dedede; - width:700px; - max-width:99%; - height:250px; - overflow:auto; - padding:2px + border: 1px solid #dedede; + width: 700px; + max-width: 99%; + height: 250px; + overflow: auto; + padding: 2px; } .text-editor textarea { - width:700px; - max-width:98%; - height:250px + width: 700px; + max-width: 98%; + height: 250px; + background-color: @color-secondary-text; } .markdown { - line-height:1.4em + line-height: 1.4em; } .markdown h1 { - margin-top:5px; - margin-bottom:10px; - font-weight:bold + margin-top: 5px; + margin-bottom: 10px; + font-weight: bold; } .markdown h2 { - font-weight:bold + font-weight: bold; } .markdown p { - margin-bottom:10px + margin-bottom: 10px; } -.markdown ol,.markdown ul { - margin-left:25px; - margin-top:10px; - margin-bottom:10px +.markdown ol, +.markdown ul { + margin-left: 25px; + margin-top: 10px; + margin-bottom: 10px; } .markdown pre { - background:#fbfbfb; - padding:10px; - border-radius:5px; - border:1px solid #ddd; - overflow:auto; - overflow-wrap:initial; - color:#555 + background: #fbfbfb; + padding: 10px; + border-radius: 5px; + border: 1px solid #ddd; + overflow: auto; + overflow-wrap: initial; + color: #555; } .markdown blockquote { - font-style:italic; - border-left:3px solid #ddd; - padding-left:10px; - margin-bottom:10px; - margin-left:20px + font-style: italic; + border-left: 3px solid #ddd; + padding-left: 10px; + margin-bottom: 10px; + margin-left: 20px; } .markdown img { - display:block; - max-width:80%; - margin-top:10px + display: block; + max-width: 80%; + margin-top: 10px; } .documentation { - margin:0 auto; - padding:20px; - max-width:850px; - background:#fefefe; - border:1px solid #ccc; - border-radius:5px; - color:#555 + margin: 0 auto; + padding: 20px; + max-width: 850px; + background: #fefefe; + border: 1px solid #ccc; + border-radius: 5px; + color: #555; } .documentation img { - border:1px solid #333 + border: 1px solid@color-third-text; } .documentation h1 { - text-decoration:none; - margin-bottom:30px + text-decoration: none; + margin-bottom: 30px; } .documentation h2 { - text-decoration:none; - border-bottom:1px solid #ccc; - margin-bottom:25px + text-decoration: none; + border-bottom: 1px solid #ccc; + margin-bottom: 25px; } .documentation li { - line-height:30px + line-height: 30px; } .panel { - border-radius:4px; - padding:8px 35px 8px 10px; - margin-top:10px; - margin-bottom:15px; - border:1px solid @color-borders; - color:#333; - background-color:@color-borders; - overflow:auto + border-radius: 4px; + padding: 8px 35px 8px 10px; + margin-top: 10px; + margin-bottom: 15px; + border: 1px solid @color-primary; + color:@color-third-text; + background-color: @color-primary; + overflow: auto; } .panel li { - list-style-type:square; - margin-left:20px; - line-height:1.35em + list-style-type: square; + margin-left: 20px; + line-height: 1.35em; } .activity-event { - margin-bottom:15px; - padding:10px; - background-color: @color-base; + margin-bottom: 15px; + padding: 10px; + background-color: @color-background; } .activity-event:nth-child(even) { - background:@color-base-odd; + background: #3F3F3F; } .activity-event:hover { - background:#fff8dc + background: #fff8dc; } .activity-date { - margin-left:10px; - font-weight:normal; - color:#999 + margin-left: 10px; + font-weight: normal; + color: @color-light-text; } .activity-content { - margin-left:55px + margin-left: 55px; } .activity-title { - font-weight:bold; - color:#000; - border-bottom:1px dotted #efefef + font-weight: bold; + color: @color-secondary-text; + border-bottom: 1px dotted #efefef; } .activity-description { - color:#555; - margin-top:10px + color: #555; + margin-top: 10px; } @media (max-width: 480px) { - .activity-description { - overflow:auto - } + .activity-description { + overflow: auto; + } } .activity-description li { - list-style-type:circle + list-style-type: circle; } .activity-description ul { - margin-top:10px; - margin-left:20px + margin-top: 10px; + margin-left: 20px; } .user-mention-link { - font-weight:bold; - color:#000; - text-decoration:none + font-weight: bold; + color: @color-secondary-text; + text-decoration: none; } .user-mention-link:hover { - color:#555 + color: #555; } .image-slideshow-overlay { - position:fixed; - top:0; - left:0; - width:100%; - height:100%; - background:rgba(0,0,0,0.95); - overflow:auto; - z-index:100 + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.95); + overflow: auto; + z-index: 100; } .image-slideshow-overlay img { - display:block; - margin:auto + display: block; + margin: auto; } .image-slideshow-overlay figcaption { - color:#fff; - opacity:0.7; - position:absolute; - bottom:5px; - right:15px + color: #fff; + opacity: 0.7; + position: absolute; + bottom: 5px; + right: 15px; } .slideshow-icon { - color:#fff; - position:absolute; - font-size:2.5em; - opacity:0.6 + color: #fff; + position: absolute; + font-size: 2.5em; + opacity: 0.6; } .slideshow-icon:hover { - opacity:0.9; - cursor:pointer + opacity: 0.9; + cursor: pointer; } .slideshow-previous-icon { - left:10px; - top:45% + left: 10px; + top: 45%; } .slideshow-next-icon { - right:10px; - top:45% + right: 10px; + top: 45%; } .slideshow-close-icon { - right:10px; - top:10px; - font-size:1.4em + right: 10px; + top: 10px; + font-size: 1.4em; } .slideshow-download-icon { - left:10px; - bottom:10px; - font-size:1.3em + left: 10px; + bottom: 10px; + font-size: 1.3em; } -.list-item-links,.list-item-actions { - display:inline-block; - float:left; - margin-left:10px +.list-item-links, +.list-item-actions { + display: inline-block; + float: left; + margin-left: 10px; } .list-item-links a { - margin:0 + margin: 0; } .list-item-action-hidden { - display:none + display: none; } .bulk-change-checkbox { - float:left + float: left; } .bulk-change-inputs { - float:left; - padding-left:10px + float: left; + padding-left: 10px; } .bulk-change-inputs label { - margin-top:0; - margin-bottom:3px + margin-top: 0; + margin-bottom: 3px; }