Modified css roules (70810885) · Commits · Giacomo Lavermicocca / kanboard-theme

Template/css/app.css

+69 −49

Original line number	Diff line number	Diff line
		/* HELLO LESS */
		/* BYE BYE LESS */
		/* EX-INLINE */
		.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down {
		color: #315C7B;
		}
		.fa.fa-caret-down {
		color: #222222;
		}
		.table-list-row.color-cyan {
		.color-cyan {
		border-left: 5px solid #0ce3ac !important;
		}
		::placeholder {
		/* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #315C7B !important;
		opacity: 1;
		/* Firefox */
		}
		/* END */
		h1,
		li,
		@@ -70,11 +79,11 @@ a {
		}
		a:focus {
		outline: 0;
		color: #0ce3ac !important;
		color: #315C7B !important;
		text-decoration: none;
		}
		a:hover {
		color: #0ce3ac !important;
		color: #315C7B !important;
		text-decoration: none;
		}
		a .fa {
		@@ -135,8 +144,8 @@ table.table-striped tr:nth-child(odd) {
		table th {
		text-align: left;
		padding: 0.5em 3px;
		border: 1px solid #eee;
		background: #fbfbfb;
		border: 1px solid #0ce3ac;
		background: #0ce3ac;
		}
		table th a {
		text-decoration: none;
		@@ -147,7 +156,7 @@ table th a:hover {
		text-decoration: underline;
		}
		table td {
		border: 1px solid #eee;
		border: 1px solid #0ce3ac;
		padding: 0.5em 3px;
		vertical-align: top;
		}
		@@ -486,7 +495,7 @@ tr.draggable-item-selected td:last-child {
		}
		.table-list-header {
		background: #0ce3ac;
		border: solid #EAEAEA;
		border: solid #0ce3ac;
		border-top: 1px;
		border-left: 0px;
		border-right: 0px;
		@@ -531,7 +540,7 @@ tr.draggable-item-selected td:last-child {
		border-radius: 0 0 5px 5px;
		}
		.table-list-row:hover {
		background: #4078C0;
		background: #0ce3ac;
		border-bottom: 1px solid #6EBEBE;
		border-right: 1px solid #6EBEBE;
		}
		@@ -624,7 +633,7 @@ tr.draggable-item-selected td:last-child {
		color: #000;
		}
		.table-list-category a:hover {
		color: #0ce3ac;
		color: #315C7B;
		}
		fieldset {
		border: 1px solid #ddd;
		@@ -854,10 +863,11 @@ ul.form-errors li {
		.input-addon-field {
		flex: 1;
		font-size: 1em;
		color: #999;
		color: #3F3F3F;
		margin: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: #696969;
		}
		.input-addon-field:first-child {
		border-radius: 5px 0 0 5px;
		@@ -866,7 +876,7 @@ ul.form-errors li {
		border-radius: 0 5px 5px 0;
		}
		.input-addon-item {
		background-color: rgba(147, 128, 108, 0.1);
		background-color: #3F3F3F;
		color: #666;
		font: inherit;
		font-weight: normal;
		@@ -884,8 +894,9 @@ ul.form-errors li {
		}
		.input-addon-field,
		.input-addon-item {
		border: 1px solid rgba(147, 128, 108, 0.25);
		border-bottom: 1px solid;
		padding: 4px 0.75em;
		background-color: #3F3F3F;
		}
		.input-addon-field:not(:first-child),
		.input-addon-item:not(:first-child) {
		@@ -1031,7 +1042,7 @@ a.btn {
		}
		#tooltip-container {
		padding: 5px;
		background: #fff;
		background: #3F3F3F;
		border: 1px solid #ddd;
		border-radius: 4px;
		box-shadow: 0 6px 12px #aaa;
		@@ -1085,11 +1096,11 @@ ul.dropdown-submenu-open {
		border: none;
		}
		.dropdown-submenu-open li:not(.no-hover):hover {
		background: #4078C0;
		color: #0ce3ac;
		background: #0ce3ac;
		color: #315C7B;
		}
		.dropdown-submenu-open li:hover a {
		color: #0ce3ac;
		color: #315C7B;
		}
		.dropdown-submenu-open a {
		text-decoration: none;
		@@ -1100,7 +1111,7 @@ ul.dropdown-submenu-open {
		}
		.dropdown-menu-link-text,
		.dropdown-menu-link-icon {
		color: #0ce3ac;
		color: #315C7B;
		text-decoration: none;
		}
		.dropdown-menu-link-text:hover {
		@@ -1130,7 +1141,7 @@ td a.dropdown-menu:hover i {
		.accordion-title h3 {
		display: inline;
		padding-right: 5px;
		background: #fff;
		background: #0ce3ac;
		}
		.accordion-content {
		margin-top: 15px;
		@@ -1164,47 +1175,52 @@ td a.dropdown-menu:hover i {
		z-index: 1000;
		min-width: 160px;
		padding: 5px 0;
		background: #fff;
		background: #3F3F3F;
		list-style: none;
		border: 1px solid #ccc;
		border: 1px solid #315C7B;
		border-radius: 3px;
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		overflow: scroll;
		overflow: auto;
		}
		.select-dropdown-menu-item {
		white-space: nowrap;
		overflow: hidden;
		padding: 3px 10px;
		color: #555;
		color: #0ce3ac;
		cursor: pointer;
		border-bottom: 1px solid #f8f8f8;
		border-bottom: 1px solid #315C7B;
		line-height: 1.5em;
		font-weight: 400;
		}
		.select-dropdown-menu-item.active {
		color: #fff;
		background: #428bca;
		color: #315C7B;
		background: #0ce3ac;
		}
		.select-dropdown-menu-item:last-child {
		border: none;
		}
		.select-dropdown-input-container {
		position: relative;
		border: 1px solid #ccc;
		border-bottom: 1px solid #0ce3ac;
		border-right: 0px;
		border-left: 0px;
		border-top: 0px;
		border-radius: 5px;
		background-color: #fff;
		background-color: #0ce3ac;
		color: #315C7B;
		}
		.select-dropdown-input-container input.select-dropdown-input {
		margin: 0 0 0 5px;
		border: none;
		height: 23px;
		background-color: #0ce3ac;
		}
		.select-dropdown-input-container input.select-dropdown-input:focus {
		border: none;
		box-shadow: none;
		}
		.select-dropdown-input-container .select-dropdown-chevron {
		color: #555;
		color: #315C7B;
		position: absolute;
		top: 4px;
		right: 5px;
		@@ -1297,11 +1313,13 @@ td a.dropdown-menu:hover i {
		header {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0px solid #70C0C0;
		border-right: 0px solid #70C0C0;
		/border-bottom:1px solid @color-logo;/
		/border-right:1px solid @color-logo;/
		border-bottom: 0px solid;
		background-color: #315C7B;
		margin: 10px;
		border-radius: 5px;
		padding: 15px;
		}
		header .title-container {
		flex: 1;
		@@ -1341,14 +1359,14 @@ header .menus-container {
		}
		header h1 {
		font-size: 1.5em;
		color: #7FC0C2;
		color: #0ce3ac;
		}
		header h1 .tooltip {
		opacity: 0.3;
		font-size: 0.7em;
		}
		a i.web-notification-icon {
		color: #0ce3ac;
		color: #315C7B;
		}
		a i.web-notification-icon:focus,
		a i.web-notification-icon:hover {
		@@ -1385,9 +1403,10 @@ a i.web-notification-icon:hover {
		padding: 0;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		color: #0ce3ac;
		}
		.page-header h2 a {
		color: #333;
		color: #315C7B;
		text-decoration: none;
		}
		.page-header h2 a:focus,
		@@ -1484,15 +1503,15 @@ a i.web-notification-icon:hover {
		padding-left: 13px;
		}
		.sidebar > ul li:hover {
		border-left: 5px solid #0ce3ac;
		border-left: 5px solid #315C7B;
		padding-left: 8px;
		}
		.sidebar > ul li.active {
		border-left: 5px solid #0ce3ac;
		border-left: 5px solid #315C7B;
		padding-left: 8px;
		}
		.sidebar > ul li.active a {
		color: #0ce3ac;
		color: #315C7B;
		font-weight: bold;
		}
		.sidebar-icons > ul li {
		@@ -1757,8 +1776,8 @@ a i.web-notification-icon:hover {
		}
		.views li {
		white-space: nowrap;
		background: #fafafa;
		border: 1px solid #ddd;
		background: #315C7B;
		border: 1px solid #0ce3ac;
		border-right: none;
		padding: 4px 8px;
		display: inline;
		@@ -1768,12 +1787,12 @@ a i.web-notification-icon:hover {
		display: block;
		margin-top: 5px;
		border-radius: 5px;
		border: 1px solid #ddd;
		border: 1px solid #0ce3ac;
		}
		}
		.views li.active a {
		font-weight: bold;
		color: #000;
		color: #0ce3ac;
		text-decoration: none;
		}
		.views li:first-child {
		@@ -1786,11 +1805,11 @@ a i.web-notification-icon:hover {
		border-bottom-right-radius: 5px;
		}
		.views a {
		color: #555;
		color: #222222;
		text-decoration: none;
		}
		.views a:hover {
		color: #333;
		color: #0ce3ac;
		text-decoration: underline;
		}
		.dashboard-project-stats small {
		@@ -1877,7 +1896,7 @@ td.board-column-task-collapsed {
		}
		.board-add-icon i {
		text-decoration: none;
		color: #0ce3ac;
		color: #315C7B;
		font-size: 1.4em;
		}
		.board-add-icon i:focus,
		@@ -2098,7 +2117,7 @@ span.task-icon-age-column {
		}
		span.task-date-today {
		opacity: 1;
		color: #0ce3ac;
		color: #315C7B;
		}
		span.task-date-overdue {
		opacity: 1;
		@@ -2276,7 +2295,7 @@ span.task-date-overdue {
		}
		.subtask-cell a:hover,
		.subtask-cell a:focus {
		color: #0ce3ac;
		color: #315C7B;
		}
		.subtask-cell:first-child {
		border-left: none;
		@@ -2331,7 +2350,7 @@ span.task-date-overdue {
		margin-right: 10px;
		}
		.text-editor a:hover {
		color: #0ce3ac;
		color: #315C7B;
		}
		.text-editor .text-editor-preview-area {
		border: 1px solid #dedede;
		@@ -2416,9 +2435,9 @@ span.task-date-overdue {
		padding: 8px 35px 8px 10px;
		margin-top: 10px;
		margin-bottom: 15px;
		border: 1px solid #ddd;
		border: 1px solid #0ce3ac;
		color: #333;
		background-color: #fcfcfc;
		background-color: #0ce3ac;
		overflow: auto;
		}
		.panel li {
		@@ -2429,9 +2448,10 @@ span.task-date-overdue {
		.activity-event {
		margin-bottom: 15px;
		padding: 10px;
		background-color: #222222;
		}
		.activity-event:nth-child(even) {
		background: #fafafa;
		background: #3F3F3F;
		}
		.activity-event:hover {
		background: #fff8dc;

Template/css/app.original.less

+74 −50

Original line number	Diff line number	Diff line
		@@ -2,26 +2,39 @@

		/* HELLO LESS */

		@color-link: #0ce3ac;
		@color-link: #315C7B;//#0ce3ac;

		@color-nolink : #0ce3ac;
		@color-title-bar: #315C7B;

		@color-base: #222222;
		@color-base-odd: #3F3F3F;
		@color-upper: #EAEAEA;
		@color-rows-hover: #4078C0;
		@color-rows-hover: #0ce3ac;
		@color-input-box:rgb(105, 105, 105);

		@color-borders: #EAEAEA;
		@color-borders: #0ce3ac;

		@color-main-text: #0ce3ac;
		@color-sub-text: #999;
		@color-logo: #7FC0C2;
		@color-logo: #0ce3ac;

		@input-field-fill:#3F3F3F;
		/* BYE BYE LESS */

		/* EX-INLINE */
		.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down{
		color: @color-link;
		}
		.fa.fa-caret-down{
		color: @color-base;
		}
		.table-list-row.color-cyan{
		border-left: 5px solid @color-link !important;
		.color-cyan{
		border-left: 5px solid @color-borders !important;
		}
		::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: @color-title-bar !important;
		opacity: 1; /* Firefox */
		}

		// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{
		@@ -122,7 +135,7 @@ a:hover {
		a .fa {
		padding-right:3px;
		text-decoration:none;
		color: @color-link;
		color: @color-main-text;
		}
		h1,h2,h3 {
		font-weight:normal;
		@@ -175,8 +188,8 @@ table.table-striped tr:nth-child(odd) {
		table th {
		text-align:left;
		padding:0.5em 3px;
		border:1px solid #eee;
		background:#fbfbfb
		border:1px solid @color-borders;
		background:@color-borders;
		}
		table th a {
		text-decoration:none;
		@@ -186,7 +199,7 @@ table th a:focus,table th a:hover {
		text-decoration:underline
		}
		table td {
		border:1px solid #eee;
		border:1px solid @color-borders;
		padding:0.5em 3px;
		vertical-align:top
		}
		@@ -523,7 +536,7 @@ tr.draggable-item-selected td:last-child {
		margin-bottom:20px
		}
		.table-list-header {
		background: @color-link;
		background: @color-borders;
		border:solid @color-borders;
		border-top: 1px;
		border-left: 0px;
		@@ -555,11 +568,11 @@ tr.draggable-item-selected td:last-child {
		.table-list-row {
		padding-left:3px;
		padding-right:3px;
		border-bottom:1px solid @color-link;
		border-right:1px solid @color-link;
		border-bottom:1px solid @color-borders;
		border-right:1px solid @color-borders;
		}
		.table-list-row.table-border-left {
		border-left:1px solid @color-link;
		border-left:1px solid @color-borders;
		}
		.table-list-row:nth-child(odd) {
		background:#3F3F3F;
		@@ -866,10 +879,11 @@ ul.form-errors li {
		.input-addon-field {
		flex:1;
		font-size:1em;
		color:#999;
		color: @input-field-fill;
		margin:0;
		-webkit-appearance:none;
		-moz-appearance:none
		-moz-appearance:none;
		background-color: @color-input-box;
		}
		.input-addon-field:first-child {
		border-radius:5px 0 0 5px
		@@ -878,7 +892,7 @@ ul.form-errors li {
		border-radius:0 5px 5px 0
		}
		.input-addon-item {
		background-color:rgba(147,128,108,0.1);
		background-color: @input-field-fill;
		color:#666;
		font:inherit;
		font-weight:normal
		@@ -895,8 +909,9 @@ ul.form-errors li {
		}
		}
		.input-addon-field,.input-addon-item {
		border:1px solid rgba(147,128,108,0.25);
		padding:4px 0.75em
		border-bottom:1px solid;
		padding:4px 0.75em;
		background-color: @input-field-fill;
		}
		.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) {
		border-left:0
		@@ -1038,7 +1053,7 @@ a.btn {
		}
		#tooltip-container {
		padding:5px;
		background:#fff;
		background:@color-base-odd;
		border:1px solid #ddd;
		border-radius:4px;
		box-shadow:0 6px 12px #aaa;
		@@ -1100,7 +1115,7 @@ ul.dropdown-submenu-open {
		}
		.dropdown-submenu-open a {
		text-decoration:none;
		color:@color-link;
		color:@color-main-text;
		}
		.dropdown-submenu-open a:focus {
		text-decoration:underline
		@@ -1136,7 +1151,7 @@ td a.dropdown-menu:hover i {
		.accordion-title h3 {
		display:inline;
		padding-right:5px;
		background:#fff
		background:@color-borders;
		}
		.accordion-content {
		margin-top:15px;
		@@ -1170,47 +1185,52 @@ td a.dropdown-menu:hover i {
		z-index:1000;
		min-width:160px;
		padding:5px 0;
		background:#fff;
		background:@color-base-odd;
		list-style:none;
		border:1px solid #ccc;
		border:1px solid @color-link;
		border-radius:3px;
		box-shadow:0 6px 12px rgba(0,0,0,0.175);
		overflow:scroll
		overflow:auto;
		}
		.select-dropdown-menu-item {
		white-space:nowrap;
		overflow:hidden;
		padding:3px 10px;
		color:#555;
		color:@color-main-text;
		cursor:pointer;
		border-bottom:1px solid #f8f8f8;
		border-bottom:1px solid @color-link;
		line-height:1.5em;
		font-weight:400
		}
		.select-dropdown-menu-item.active {
		color:#fff;
		background:#428bca
		color:@color-link;
		background:@color-rows-hover;
		}
		.select-dropdown-menu-item:last-child {
		border:none
		}
		.select-dropdown-input-container {
		position:relative;
		border:1px solid #ccc;
		border-bottom:1px solid @color-borders;
		border-right: 0px;
		border-left: 0px;
		border-top: 0px;
		border-radius:5px;
		background-color:#fff
		background-color:@color-logo;
		color: @color-title-bar;
		}
		.select-dropdown-input-container input.select-dropdown-input {
		margin:0 0 0 5px;
		border:none;
		height:23px
		height:23px;
		background-color: @color-logo;
		}
		.select-dropdown-input-container input.select-dropdown-input:focus {
		border:none;
		box-shadow:none
		}
		.select-dropdown-input-container .select-dropdown-chevron {
		color:#555;
		color:@color-link;
		position:absolute;
		top:4px;
		right:5px;
		@@ -1303,11 +1323,13 @@ td a.dropdown-menu:hover i {
		header {
		display:flex;
		flex-wrap:wrap;
		border-bottom:0px solid #70C0C0;
		border-right:0px solid #70C0C0;
		background-color:#315C7B;
		/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;
		}
		header .title-container {
		flex:1;
		@@ -1378,7 +1400,7 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover {
		margin-bottom:20px;
		}
		.page-header ul li a{ /EXTRA CLASS/
		color:@color-link;
		color:@color-main-text;
		}
		.page-header .dropdown {
		padding-right:10px
		@@ -1387,10 +1409,11 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover {
		margin:0;
		padding:0;
		font-weight:bold;
		border-bottom:1px dotted #ccc
		border-bottom:1px dotted #ccc;
		color:@color-logo;
		}
		.page-header h2 a {
		color:#333;
		color:@color-link;
		text-decoration:none
		}
		.page-header h2 a:focus,.page-header h2 a:hover {
		@@ -1751,8 +1774,8 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover {
		}
		.views li {
		white-space:nowrap;
		background:#fafafa;
		border:1px solid #ddd;
		background:@color-link;
		border:1px solid @color-borders;
		border-right:none;
		padding:4px 8px;
		display:inline
		@@ -1762,12 +1785,12 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover {
		display:block;
		margin-top:5px;
		border-radius:5px;
		border:1px solid #ddd
		border:1px solid @color-borders;
		}
		}
		.views li.active a {
		font-weight:bold;
		color:#000;
		color:@color-main-text;
		text-decoration:none
		}
		.views li:first-child {
		@@ -1780,11 +1803,11 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover {
		border-bottom-right-radius:5px
		}
		.views a {
		color:#555;
		color:@color-base;
		text-decoration:none
		}
		.views a:hover {
		color:#333;
		color:@color-main-text;
		text-decoration:underline
		}
		.dashboard-project-stats small {
		@@ -2395,9 +2418,9 @@ span.task-date-overdue {
		padding:8px 35px 8px 10px;
		margin-top:10px;
		margin-bottom:15px;
		border:1px solid #ddd;
		border:1px solid @color-borders;
		color:#333;
		background-color:#fcfcfc;
		background-color:@color-borders;
		overflow:auto
		}
		.panel li {
		@@ -2407,10 +2430,11 @@ span.task-date-overdue {
		}
		.activity-event {
		margin-bottom:15px;
		padding:10px
		padding:10px;
		background-color: @color-base;
		}
		.activity-event:nth-child(even) {
		background:#fafafa
		background:@color-base-odd;
		}
		.activity-event:hover {
		background:#fff8dc