Skip to content

Q
question2answer
Commit d53df20d by Scott
Options

Improve contrast of various borders in SnowFlat 

Fixes #439
parent 0e6bb109
Showing with 54 additions and 65 deletions
qa-theme/SnowFlat/qa-styles.css
...@@ -923,27 +923,23 @@ blockquote p { ...@@ -923,27 +923,23 @@ blockquote p {
.qa-q-view-content table, .qa-a-item-content table, .qa-c-item-content table { .qa-q-view-content table, .qa-a-item-content table, .qa-c-item-content table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #ecf0f1;
font-size: 14px; font-size: 14px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.qa-q-view-content tr:hover, .qa-a-item-content tr:hover, .qa-c-item-content tr:hover { .qa-q-view-content tr:hover, .qa-a-item-content tr:hover, .qa-c-item-content tr:hover {
background-color: #ecf0f1; background-color: #f4f4f4;
} }
.qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th, .qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th,
.qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td { .qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td {
padding: 10px; padding: 10px;
border-width: 1px; border: 1px solid #e0e0e0;
border-style: solid;
text-align: left; text-align: left;
} }
.qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th { .qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th {
background-color: #bdc3c7; background-color: #eaeaea;
border-color: #95a5a6;
font-weight: 700; font-weight: 700;
} }
.qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td { .qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td {
border-color: #ecf0f1;
} }
.qa-q-view-content ul, .qa-a-item-content ul, .qa-c-item-content ul, .qa-q-view-content ul, .qa-a-item-content ul, .qa-c-item-content ul,
.qa-q-view-content ol, .qa-a-item-content ol, .qa-c-item-content ol { .qa-q-view-content ol, .qa-a-item-content ol, .qa-c-item-content ol {
...@@ -1454,17 +1450,17 @@ blockquote p { ...@@ -1454,17 +1450,17 @@ blockquote p {
float: none; float: none;
} }
.qa-template-admin .qa-q-item-title { .qa-template-admin .qa-q-item-title {
border-bottom: 1px solid #ecf0f1;
margin-bottom: 5px; margin-bottom: 5px;
} }
.qa-template-admin .qa-q-item-content { .qa-template-admin .qa-q-item-content {
font-size: 0.75em; padding: 10px 0;
max-height: 150px; max-height: 150px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
font-size: 0.75em;
overflow-y: auto; overflow-y: auto;
} }
.qa-template-admin .qa-q-item-avatar-meta { .qa-template-admin .qa-q-item-avatar-meta {
border-top: 1px solid #ecf0f1;
border-bottom: 1px solid #ecf0f1;
padding: 5px; padding: 5px;
margin: 10px 0; margin: 10px 0;
} }
...@@ -1481,7 +1477,6 @@ blockquote p { ...@@ -1481,7 +1477,6 @@ blockquote p {
padding: 5px 0; padding: 5px 0;
margin: 10px 0; margin: 10px 0;
display: block; display: block;
border-top: 1px solid #ecf0f1;
} }
.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a { .qa-template-admin .qa-message-avatar-meta .qa-message-who-data a {
padding: 3px 10px; padding: 3px 10px;
...@@ -1644,15 +1639,16 @@ blockquote p { ...@@ -1644,15 +1639,16 @@ blockquote p {
.qa-browse-cat-item { .qa-browse-cat-item {
font-size: 0.875em; font-size: 0.875em;
line-height: 1.71429em; line-height: 1.71429em;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
padding: 5px 0; padding: 5px 0;
position: relative; position: relative;
} }
.qa-browse-cat-item:last-child { .qa-browse-cat-item:last-child {
border-bottom: none !important; border-bottom: 0 !important;
} }
.qa-browse-cat-nolink, .qa-browse-cat-link { .qa-browse-cat-nolink, .qa-browse-cat-link,
.qa-browse-cat-link:hover, .qa-browse-cat-link:visited {
background-color: #e74c3c; background-color: #e74c3c;
display: inline-block; display: inline-block;
color: #fff; color: #fff;
...@@ -1729,13 +1725,13 @@ blockquote p { ...@@ -1729,13 +1725,13 @@ blockquote p {
.qa-part-form-plugin-options h2 { .qa-part-form-plugin-options h2 {
margin: 0 0 10px 0; margin: 0 0 10px 0;
font-weight: normal; font-weight: normal;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
} }
.qam-approve-users .qa-message-item { .qam-approve-users .qa-message-item {
padding: 5px 0 0; padding: 5px 0 0;
margin: 0; margin: 0;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
} }
.qam-approve-users .qa-message-avatar-meta { .qam-approve-users .qa-message-avatar-meta {
float: left; float: left;
...@@ -1751,10 +1747,16 @@ blockquote p { ...@@ -1751,10 +1747,16 @@ blockquote p {
background: #fff; background: #fff;
} }
.qa-message-list {
margin-top: 10px;
}
.qa-message-item { .qa-message-item {
border-bottom: 1px solid #bdc3c7; border-bottom: 1px solid #e0e0e0;
margin: 0;
padding: 10px; padding: 10px;
} }
.qa-message-item:nth-child(even) { .qa-message-item:nth-child(even) {
background-color: #f2f5f5; background-color: #f2f5f5;
} }
...@@ -1766,7 +1768,8 @@ blockquote p { ...@@ -1766,7 +1768,8 @@ blockquote p {
display: block; display: block;
padding-bottom: 10px; padding-bottom: 10px;
margin-bottom: 10px; margin-bottom: 10px;
border-bottom: 1px solid #dee1e3; border-bottom: 1px dashed #e0e0e0;
word-wrap: break-word;
} }
.qa-message-avatar-meta { .qa-message-avatar-meta {
...@@ -1775,6 +1778,32 @@ blockquote p { ...@@ -1775,6 +1778,32 @@ blockquote p {
margin: 0; margin: 0;
} }
.qa-message-avatar {
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.qa-message-meta {
color: #666;
display: inline-block;
font-size: 10px;
vertical-align: middle;
}
.qa-message-buttons {
display: inline-block;
margin-left: 12px;
vertical-align: middle;
}
.qa-message-buttons .qa-form-light-button {
padding: 0;
}
.qa-part-form-message .qam-pm-message { .qa-part-form-message .qam-pm-message {
padding: 10px; padding: 10px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -1918,8 +1947,8 @@ input[type="submit"], button { ...@@ -1918,8 +1947,8 @@ input[type="submit"], button {
.qa-form-wide-label, .qa-form-wide-data, .qa-form-wide-label, .qa-form-wide-data,
.qa-form-tall-spacer { .qa-form-tall-spacer {
border-top: 1px solid #ecf0f1; border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
} }
.qa-form-tall-label { .qa-form-tall-label {
...@@ -1963,7 +1992,6 @@ input[type="submit"], button { ...@@ -1963,7 +1992,6 @@ input[type="submit"], button {
background-color: #ecf0f1; background-color: #ecf0f1;
padding: 10px; padding: 10px;
margin-bottom: 5px; margin-bottom: 5px;
border: 1px solid #dde4e6;
} }
.qa-ask-similar-title { .qa-ask-similar-title {
...@@ -2102,44 +2130,6 @@ input[type="submit"], button { ...@@ -2102,44 +2130,6 @@ input[type="submit"], button {
font-size: 12px; font-size: 12px;
} }
.qa-message-list {
margin-top: 10px;
}
.qa-message-item {
border-bottom: 1px solid #ecf0f1;
margin: 0;
padding: 10px;
}
.qa-message-content {
margin-bottom: 6px;
word-wrap: break-word;
}
.qa-message-avatar {
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.qa-message-meta {
color: #666;
display: inline-block;
font-size: 10px;
vertical-align: middle;
}
.qa-message-buttons {
display: inline-block;
margin-left: 12px;
vertical-align: middle;
}
.qa-message-buttons .qa-form-light-button {
padding: 0;
}
/*------[ favorites ]------*/ /*------[ favorites ]------*/
.qa-template-favorites h2 { .qa-template-favorites h2 {
padding: 10px; padding: 10px;
...@@ -2646,11 +2636,10 @@ input[type="submit"], button { ...@@ -2646,11 +2636,10 @@ input[type="submit"], button {
} }
.qa-c-list-item { .qa-c-list-item {
padding: 10px; position: relative;
border: 1px solid #ecf0f1;
margin-bottom: 5px; margin-bottom: 5px;
padding: 10px;
background-color: #f4f4f4; background-color: #f4f4f4;
position: relative;
} }
/* highlight selected comment */ /* highlight selected comment */
.qa-c-list-item:target { .qa-c-list-item:target {
...@@ -2993,7 +2982,7 @@ input[type="submit"], button { ...@@ -2993,7 +2982,7 @@ input[type="submit"], button {
.qa-related-q-item a { .qa-related-q-item a {
display: block; display: block;
padding: 5px 0; padding: 5px 0;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
} }
.qa-related-q-item:first-child a { .qa-related-q-item:first-child a {
padding-top: 0; padding-top: 0;
...@@ -3021,7 +3010,7 @@ input[type="submit"], button { ...@@ -3021,7 +3010,7 @@ input[type="submit"], button {
.qa-nav-cat-item { .qa-nav-cat-item {
padding: 2px 0; padding: 2px 0;
display: block; display: block;
border-bottom: 1px solid #ecf0f1; border-bottom: 1px solid #e0e0e0;
} }
.qa-nav-cat-item:last-child { .qa-nav-cat-item:last-child {
border-bottom: none; border-bottom: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment