harmonize colors palette (v2)
This commit is contained in:
@@ -1,10 +1,10 @@
|
||||
/* Standard Tags */
|
||||
|
||||
body, html {
|
||||
background:$col_white;
|
||||
background:$col_none;
|
||||
font-family:Verdana, Arial;
|
||||
color:$col_blue;
|
||||
background:$col_blue;
|
||||
color:$col_main_1;
|
||||
background:$col_main_1;
|
||||
padding:0;
|
||||
margin:0;
|
||||
min-width:1024px;
|
||||
@@ -30,23 +30,23 @@ input, textarea, select {
|
||||
border:none;
|
||||
}
|
||||
input[type=text], input[type=password] {
|
||||
border:2px solid $col_blue;
|
||||
border:2px solid $col_main_1;
|
||||
padding:5px;
|
||||
width:200px;
|
||||
}
|
||||
|
||||
input[type=button]:hover, input[type=submit]:hover, input[type=password]:hover, input[type=text]:hover, input[type=text]:focus {
|
||||
background-color:$col_orange;
|
||||
background-color:$col_hover_1;
|
||||
}
|
||||
|
||||
input[disabled="disabled"], textarea[disabled="disabled"], input:disabled, textarea:disabled {
|
||||
background-color:$col_bright_blue;
|
||||
border-color:$col_bright_blue;
|
||||
border:2px solid $col_blue;
|
||||
background-color:$col_main_2;
|
||||
border-color:$col_main_2;
|
||||
border:2px solid $col_main_1;
|
||||
}
|
||||
|
||||
input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, input:disabled:hover, textarea:disabled:hover {
|
||||
background-color:$col_bright_blue;
|
||||
background-color:$col_main_2;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {
|
||||
@@ -58,10 +58,10 @@ input[type=button], .clickable {
|
||||
}
|
||||
|
||||
select {
|
||||
background:$col_white;
|
||||
border:2px solid $col_blue;
|
||||
background:$col_none;
|
||||
border:2px solid $col_main_1;
|
||||
padding:5px;
|
||||
color:$col_blue;
|
||||
color:$col_main_1;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
@@ -70,7 +70,7 @@ textarea {
|
||||
}
|
||||
|
||||
input, select, textarea, h1, h2, h3, h4, p, a {
|
||||
color:$col_blue;
|
||||
color:$col_main_1;
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -183,45 +183,45 @@ img {
|
||||
}
|
||||
|
||||
.error, .error a {
|
||||
color:red;
|
||||
border-color:red;
|
||||
color:$col_error;
|
||||
border-color:$col_error;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.warning, .warning a {
|
||||
color:orange;
|
||||
border-color:orange;
|
||||
color:$col_warning;
|
||||
border-color:$col_warning;
|
||||
font-size:13px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
.success, .success a {
|
||||
color:green;
|
||||
border-color:green;
|
||||
color:$col_success;
|
||||
border-color:$col_success;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
.default_text {
|
||||
color:$col_bright_blue !important;
|
||||
color:$col_main_2 !important;
|
||||
}
|
||||
|
||||
a.button {
|
||||
padding:7px;
|
||||
margin-right:5px;
|
||||
background:$col_bright_blue;
|
||||
background:$col_main_2;
|
||||
font-size:12px;
|
||||
cursor:pointer;
|
||||
border:1px solid $col_blue;
|
||||
border:1px solid $col_main_1;
|
||||
/*position:relative;*/
|
||||
display:inline-block;
|
||||
}
|
||||
a.button:hover {
|
||||
background-color:$col_orange;
|
||||
background-color:$col_hover_1;
|
||||
}
|
||||
a.button:active {
|
||||
background-color:$col_blue;
|
||||
color:$col_white;
|
||||
background-color:$col_main_1;
|
||||
color:$col_none;
|
||||
}
|
||||
|
||||
a.button .fa {
|
||||
@@ -234,13 +234,13 @@ a.button.strong .value {
|
||||
}
|
||||
|
||||
a.button.inverse {
|
||||
background-color:$col_blue;
|
||||
color:$col_bright_blue;
|
||||
background-color:$col_main_1;
|
||||
color:$col_main_2;
|
||||
}
|
||||
|
||||
a.button.inverse:hover {
|
||||
background-color:$col_orange;
|
||||
color:$col_blue;
|
||||
background-color:$col_hover_1;
|
||||
color:$col_main_1;
|
||||
}
|
||||
|
||||
a.button.heavy {
|
||||
@@ -258,7 +258,7 @@ a.button.gimmespace {
|
||||
}
|
||||
|
||||
.addr:hover {
|
||||
background-color:$col_white;
|
||||
background-color:$col_none;
|
||||
}
|
||||
|
||||
.maximized {
|
||||
@@ -284,7 +284,7 @@ a.button.gimmespace {
|
||||
a.internal_link {
|
||||
text-decoration:underline;
|
||||
font-style:normal;
|
||||
background:$col_bright_blue;
|
||||
background:$col_main_2;
|
||||
padding:1px 8px 1px 5px;
|
||||
margin:0;
|
||||
}
|
||||
@@ -300,19 +300,19 @@ a[href^="table"].internal_link span.item {
|
||||
|
||||
.author_box {
|
||||
padding:5px 10px;
|
||||
border:1px solid $col_blue;
|
||||
color:$col_blue;
|
||||
border:1px solid $col_main_1;
|
||||
color:$col_main_1;
|
||||
font-style:italic;
|
||||
font-size:12px;
|
||||
}
|
||||
.author_box:nth-child(odd) {
|
||||
background:$col_brighter_blue;
|
||||
background:$col_main_3;
|
||||
}
|
||||
.author_box:nth-child(even) {
|
||||
background:$col_bright_blue;
|
||||
background:$col_main_2;
|
||||
}
|
||||
.author_box:hover {
|
||||
border-color:$col_orange;
|
||||
border-color:$col_hover_1;
|
||||
}
|
||||
|
||||
.author_box a {
|
||||
@@ -341,7 +341,7 @@ a[href^="table"].internal_link span.item {
|
||||
margin-top:10px;
|
||||
}
|
||||
.standalone .author_box:hover {
|
||||
color:$col_orange;
|
||||
color:$col_hover_1;
|
||||
}
|
||||
|
||||
.hide, .mobile {
|
||||
@@ -354,22 +354,22 @@ a[href^="table"].internal_link span.item {
|
||||
margin-top:5px;
|
||||
margin-bottom:5px;
|
||||
padding:10px;
|
||||
background:$col_bright_blue;
|
||||
color:$col_blue;
|
||||
border: 2px solid $col_blue;
|
||||
background:$col_main_2;
|
||||
color:$col_main_1;
|
||||
border: 2px solid $col_main_1;
|
||||
}
|
||||
.step_box:nth-child(even) {
|
||||
background:$col_brighter_blue;
|
||||
background:$col_main_3;
|
||||
}
|
||||
|
||||
.step_box input, .step_box textarea, .step_box select, .step_box .read.textarea, .step_box .read.input {
|
||||
margin-top:10px;
|
||||
background:$col_white;
|
||||
background:$col_none;
|
||||
font-size:14px;
|
||||
border-width:1px;
|
||||
}
|
||||
.step_box input:disabled, .step_box textarea:disabled, .step_box select:disabled, .step_box input:hover:disabled, .step_box textarea:hover:disabled, .step_box select:hover:disabled {
|
||||
background-color:$col_white;
|
||||
background-color:$col_none;
|
||||
}
|
||||
.step_box input[type=text], .step_box textarea, .step_box .read.textarea, .step_box .read.input {
|
||||
width:100%;
|
||||
@@ -377,26 +377,26 @@ a[href^="table"].internal_link span.item {
|
||||
.step_box textarea, .step_box .read.textarea {
|
||||
height:200px;
|
||||
padding:5px;
|
||||
background:$col_white;
|
||||
border:1px solid $col_blue;
|
||||
background:$col_none;
|
||||
border:1px solid $col_main_1;
|
||||
}
|
||||
.step_box .read.textarea, .step_box .read.input {
|
||||
border-color:$col_bright_blue;
|
||||
border-color:$col_main_2;
|
||||
font-weight:bold;
|
||||
}
|
||||
.step_box .read.textarea {
|
||||
background-color:$col_brighter_blue;
|
||||
background-color:$col_main_3;
|
||||
}
|
||||
.step_box:nth-child(even) .read.textarea {
|
||||
background-color:$col_bright_blue;
|
||||
background-color:$col_main_2;
|
||||
}
|
||||
.step_box .read.input {
|
||||
background-color:$col_bright_blue;
|
||||
background-color:$col_main_2;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
.step_box .step_nb_box, .step_box .step_box_title {
|
||||
border-bottom:1px solid $col_blue;
|
||||
border-bottom:1px solid $col_main_1;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
@@ -423,11 +423,11 @@ a[href^="table"].internal_link span.item {
|
||||
}
|
||||
|
||||
.scrollbar .thumb, .scrollbar .thumb .end {
|
||||
background-color:$col_blue;
|
||||
background-color:$col_main_1;
|
||||
width:13px;
|
||||
}
|
||||
.scrollbar .track {
|
||||
background-color:$col_bright_blue;
|
||||
background-color:$col_main_2;
|
||||
height:100%;
|
||||
width:13px;
|
||||
position:relative;
|
||||
@@ -462,13 +462,13 @@ a[href^="table"].internal_link span.item {
|
||||
height:100%;
|
||||
height:210px;
|
||||
z-index:2;
|
||||
border:1px solid $col_blue;
|
||||
background:$col_white;
|
||||
border:1px solid $col_main_1;
|
||||
background:$col_none;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.uploader_droparea-active {
|
||||
background:$col_orange;
|
||||
background:$col_hover_1;
|
||||
}
|
||||
.uploader_droparea span {
|
||||
display:block;
|
||||
@@ -504,13 +504,13 @@ a[href^="table"].internal_link span.item {
|
||||
|
||||
a.uploader_item_cancel {
|
||||
text-decoration:underline;
|
||||
color:$col_blue;
|
||||
color:$col_main_1;
|
||||
}
|
||||
|
||||
.uploader_box .image_description {
|
||||
border-width:1px;
|
||||
padding:3px 5px;
|
||||
background:$col_white;
|
||||
background:$col_none;
|
||||
}
|
||||
|
||||
|
||||
@@ -531,9 +531,9 @@ a.uploader_item_cancel {
|
||||
}
|
||||
|
||||
.uploader_item_failed {
|
||||
color:red;
|
||||
color:$col_error;
|
||||
}
|
||||
|
||||
.uploader_item_success .fa-c-delete:hover, .uploader_item_cancel .fa-c-delete:hover {
|
||||
color:$col_orange;
|
||||
color:$col_hover_1;
|
||||
}
|
||||
Reference in New Issue
Block a user