Commit 1ef423d1 by Scott

Final cleanup of SnowFlat CSS

Reduce unnecessary nesting
parent 07768a11
......@@ -21,14 +21,14 @@
*/
/*------[ variables css ]------*/
/*------[ mixins ]------*/
.qa-q-item-clear, .clearfix, .qa-nav-main-list, .qa-nav-sub, .qam-qa-list-meta-box, .qa-q-item-avatar-meta, .qa-page-links, .qa-page-links ul.qa-page-links-list, .qa-template-admin .qa-message-item .qa-message-buttons, .qam-approve-users .qa-message-item, .qa-message-item, .qa-part-q-view, .qa-part-q-view .qa-q-view-buttons, .qa-part-form-q-edit, .qa-a-list .qa-a-list-item, .qa-a-list .qa-a-item-buttons, .qa-c-item-buttons, .qa-c-item-clear, .qam-footer-row, .qa-nav-footer .qa-nav-footer-list, .qa-footer-clear, .qam-icons-info {
.qa-q-item-clear, .clearfix, .qa-nav-main-list, .qa-nav-sub, .qam-qa-list-meta-box, .qa-q-item-avatar-meta, .qa-page-links, .qa-page-links-list, .qa-template-admin .qa-message-buttons, .qam-approve-users .qa-message-item, .qa-message-item, .qa-part-q-view, .qa-q-view-buttons, .qa-part-form-q-edit, .qa-a-list-item, .qa-a-item-buttons, .qa-c-item-buttons, .qa-c-item-clear, .qam-footer-row, .qa-nav-footer-list, .qa-footer-clear {
*zoom: 1;
}
.qa-q-item-clear:before, .clearfix:before, .qa-nav-main-list:before, .qa-nav-sub:before, .qam-qa-list-meta-box:before, .qa-q-item-avatar-meta:before, .qa-page-links:before, .qa-page-links ul.qa-page-links-list:before, .qa-template-admin .qa-message-item .qa-message-buttons:before, .qam-approve-users .qa-message-item:before, .qa-message-item:before, .qa-part-q-view:before, .qa-part-q-view .qa-q-view-buttons:before, .qa-part-form-q-edit:before, .qa-a-list .qa-a-list-item:before, .qa-a-list .qa-a-item-buttons:before, .qa-c-item-buttons:before, .qa-c-item-clear:before, .qam-footer-row:before, .qa-nav-footer .qa-nav-footer-list:before, .qa-footer-clear:before, .qam-icons-info:before, .qa-q-item-clear:after, .clearfix:after, .qa-nav-main-list:after, .qa-nav-sub:after, .qam-qa-list-meta-box:after, .qa-q-item-avatar-meta:after, .qa-page-links:after, .qa-page-links ul.qa-page-links-list:after, .qa-template-admin .qa-message-item .qa-message-buttons:after, .qam-approve-users .qa-message-item:after, .qa-message-item:after, .qa-part-q-view:after, .qa-part-q-view .qa-q-view-buttons:after, .qa-part-form-q-edit:after, .qa-a-list .qa-a-list-item:after, .qa-a-list .qa-a-item-buttons:after, .qa-c-item-buttons:after, .qa-c-item-clear:after, .qam-footer-row:after, .qa-nav-footer .qa-nav-footer-list:after, .qa-footer-clear:after, .qam-icons-info:after {
.qa-q-item-clear:before, .clearfix:before, .qa-nav-main-list:before, .qa-nav-sub:before, .qam-qa-list-meta-box:before, .qa-q-item-avatar-meta:before, .qa-page-links:before, .qa-page-links-list:before, .qa-template-admin .qa-message-buttons:before, .qam-approve-users .qa-message-item:before, .qa-message-item:before, .qa-part-q-view:before, .qa-q-view-buttons:before, .qa-part-form-q-edit:before, .qa-a-list-item:before, .qa-a-item-buttons:before, .qa-c-item-buttons:before, .qa-c-item-clear:before, .qam-footer-row:before, .qa-nav-footer-list:before, .qa-footer-clear:before, .qa-q-item-clear:after, .clearfix:after, .qa-nav-main-list:after, .qa-nav-sub:after, .qam-qa-list-meta-box:after, .qa-q-item-avatar-meta:after, .qa-page-links:after, .qa-page-links-list:after, .qa-template-admin .qa-message-buttons:after, .qam-approve-users .qa-message-item:after, .qa-message-item:after, .qa-part-q-view:after, .qa-q-view-buttons:after, .qa-part-form-q-edit:after, .qa-a-list-item:after, .qa-a-item-buttons:after, .qa-c-item-buttons:after, .qa-c-item-clear:after, .qam-footer-row:after, .qa-nav-footer-list:after, .qa-footer-clear:after {
content: " ";
display: table;
}
.qa-q-item-clear:after, .clearfix:after, .qa-nav-main-list:after, .qa-nav-sub:after, .qam-qa-list-meta-box:after, .qa-q-item-avatar-meta:after, .qa-page-links:after, .qa-page-links ul.qa-page-links-list:after, .qa-template-admin .qa-message-item .qa-message-buttons:after, .qam-approve-users .qa-message-item:after, .qa-message-item:after, .qa-part-q-view:after, .qa-part-q-view .qa-q-view-buttons:after, .qa-part-form-q-edit:after, .qa-a-list .qa-a-list-item:after, .qa-a-list .qa-a-item-buttons:after, .qa-c-item-buttons:after, .qa-c-item-clear:after, .qam-footer-row:after, .qa-nav-footer .qa-nav-footer-list:after, .qa-footer-clear:after, .qam-icons-info:after {
.qa-q-item-clear:after, .clearfix:after, .qa-nav-main-list:after, .qa-nav-sub:after, .qam-qa-list-meta-box:after, .qa-q-item-avatar-meta:after, .qa-page-links:after, .qa-page-links-list:after, .qa-template-admin .qa-message-buttons:after, .qam-approve-users .qa-message-item:after, .qa-message-item:after, .qa-part-q-view:after, .qa-q-view-buttons:after, .qa-part-form-q-edit:after, .qa-a-list-item:after, .qa-a-item-buttons:after, .qa-c-item-buttons:after, .qa-c-item-clear:after, .qam-footer-row:after, .qa-nav-footer-list:after, .qa-footer-clear:after {
clear: both;
}
......@@ -245,13 +245,11 @@ blockquote p {
}
.qam-search.orange .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.orange .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.orange .qa-search-field:focus {
border-color: #b06f09;
......@@ -267,13 +265,11 @@ blockquote p {
}
.qam-search.carrot .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.carrot .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.carrot .qa-search-field:focus {
border-color: #a85913;
......@@ -289,13 +285,11 @@ blockquote p {
}
.qam-search.alizarin .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.alizarin .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.alizarin .qa-search-field:focus {
border-color: #bf2718;
......@@ -311,13 +305,11 @@ blockquote p {
}
.qam-search.turquoise .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.turquoise .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.turquoise .qa-search-field:focus {
border-color: #117964;
......@@ -333,13 +325,11 @@ blockquote p {
}
.qam-search.emerald .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.emerald .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.emerald .qa-search-field:focus {
border-color: #208e4e;
......@@ -355,13 +345,11 @@ blockquote p {
}
.qam-search.peter-river .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.peter-river .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.peter-river .qa-search-field:focus {
border-color: #1d6fa5;
......@@ -377,13 +365,11 @@ blockquote p {
}
.qam-search.amethyst .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.amethyst .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.amethyst .qa-search-field:focus {
border-color: #713b87;
......@@ -399,13 +385,11 @@ blockquote p {
}
.qam-search.wet-asphalt .qa-search a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-search.wet-asphalt .qa-search a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-search.wet-asphalt .qa-search-field:focus {
border-color: #19232d;
......@@ -428,13 +412,11 @@ blockquote p {
}
.qa-error a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-error a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-notice {
......@@ -449,13 +431,11 @@ blockquote p {
}
.qa-notice a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-notice a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-notice-close-button {
......@@ -488,42 +468,51 @@ blockquote p {
/*------[ main nav css ]------*/
@media (max-width: 979px) {
body.fixed {
.qam-body-fixed {
padding-top: 70px;
}
}
@media (min-width: 980px) {
body.fixed {
.qam-body-fixed {
padding-top: 80px;
}
}
@media (max-width: 767px) {
body.qa-template-questions.fixed, body.qa-template-unanswered.fixed, body.qa-template-user.fixed, body.qa-template-account.fixed, body.qa-template-messages.fixed, body.qa-template-favorites.fixed, body[class^="qa-template-user-"].fixed, body[class*="qa-template-user-"].fixed {
.qa-template-questions.qam-body-fixed, .qa-template-unanswered.qam-body-fixed, .qa-template-user.qam-body-fixed,
.qa-template-account.qam-body-fixed, .qa-template-messages.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
[class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
padding-top: 118px;
}
}
@media (min-width: 768px) {
body.qa-template-questions.fixed, body.qa-template-unanswered.fixed, body.qa-template-user.fixed, body.qa-template-account.fixed, body.qa-template-messages.fixed, body.qa-template-favorites.fixed, body[class^="qa-template-user-"].fixed, body[class*="qa-template-user-"].fixed {
.qa-template-questions.qam-body-fixed, .qa-template-unanswered.qam-body-fixed, .qa-template-user.qam-body-fixed,
.qa-template-account.qam-body-fixed, .qa-template-messages.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
[class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
padding-top: 105px;
}
}
@media (max-width: 979px) {
body.qa-template-user.fixed, body[class^="qa-template-user-"].fixed, body[class*="qa-template-user-"].fixed, body.qa-template-account.fixed, body.qa-template-favorites.fixed {
.qa-template-user.qam-body-fixed, .qa-template-account.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
[class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
padding-top: 142px;
}
}
@media (max-width: 979px) {
body.qa-template-messages.fixed {
.qa-template-messages.qam-body-fixed {
padding-top: 95px;
}
}
@media (max-width: 979px) {
body.qa-template-admin.fixed {
.qa-template-admin.qam-body-fixed {
padding-top: 240px;
}
}
@media (min-width: 980px) {
body.qa-template-admin.fixed {
.qa-template-admin.qam-body-fixed {
padding-top: 105px;
}
}
......@@ -554,21 +543,22 @@ blockquote p {
.qam-main-nav-wrapper a {
color: white;
}
.qam-main-nav-wrapper .qam-menu-toggle {
.qam-menu-toggle {
display: none;
}
@media (max-width: 979px) {
.qam-main-nav-wrapper .qam-menu-toggle {
.qam-menu-toggle {
font-size: 34px;
float: left;
display: block;
margin-right: 10px;
}
.qam-main-nav-wrapper .qam-menu-toggle.current {
.qam-menu-toggle.current {
color: white;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
}
.qam-main-nav-wrapper .qam-menu-toggle .icon-th-list {
.qam-menu-toggle .icon-th-list {
margin-top: 7px;
display: block;
}
......@@ -588,26 +578,27 @@ blockquote p {
float: left;
}
}
.qa-logo .qa-logo-link {
.qa-logo img {
max-height: 49px;
width: auto;
}
.qa-logo-link {
line-height: 49px;
display: block;
}
@media (min-width: 980px) {
.qa-logo .qa-logo-link {
.qa-logo-link {
background: #34495e;
padding: 5px 15px;
}
.qa-logo .qa-logo-link:hover {
.qa-logo-link:hover {
background: #445f7a;
}
}
.qa-logo .qa-logo-link:hover {
.qa-logo-link:hover {
text-decoration: none;
}
.qa-logo img {
max-height: 49px;
width: auto;
}
@media (max-width: 767px) {
.qa-nav-main {
......@@ -644,46 +635,56 @@ blockquote p {
margin: 0 1px;
}
}
.qa-nav-main-item.qa-nav-main-activity .qa-nav-main-link:before {
.qa-nav-main-activity .qa-nav-main-link:before {
content: '\e804';
}
.qa-nav-main-item.qa-nav-main-questions .qa-nav-main-link:before {
.qa-nav-main-questions .qa-nav-main-link:before {
content: '\e80b';
}
.qa-nav-main-item.qa-nav-main-hot .qa-nav-main-link {
background: #f39c12;
.qa-nav-main-hot .qa-nav-main-link {
color: #f39c12;
}
.qa-nav-main-item.qa-nav-main-hot .qa-nav-main-link:before {
.qa-nav-main-hot .qa-nav-main-link:before {
content: '\e805';
}
.qa-nav-main-item.qa-nav-main-hot .qa-nav-main-link.qa-nav-main-selected {
background: #3498db;
.qa-nav-main-hot .qa-nav-main-link.qa-nav-main-selected {
color: #f5b043;
}
.qa-nav-main-item.qa-nav-main-unanswered .qa-nav-main-link:before {
.qa-nav-main-unanswered .qa-nav-main-link:before {
content: '\e80c';
}
.qa-nav-main-item.qa-nav-main-tag .qa-nav-main-link:before {
.qa-nav-main-tag .qa-nav-main-link:before {
content: '\e806';
}
.qa-nav-main-item.qa-nav-main-categories .qa-nav-main-link:before {
.qa-nav-main-categories .qa-nav-main-link:before {
content: '\e808';
}
.qa-nav-main-item.qa-nav-main-user .qa-nav-main-link:before {
.qa-nav-main-user .qa-nav-main-link:before {
content: '\e809';
}
.qa-nav-main-item.qa-nav-main-ask .qa-nav-main-link {
background: #1abc9c;
.qa-nav-main-ask .qa-nav-main-link {
color: #2ecc71;
}
.qa-nav-main-item.qa-nav-main-ask .qa-nav-main-link:before {
.qa-nav-main-ask .qa-nav-main-link:before {
content: '\e801';
}
.qa-nav-main-item.qa-nav-main-ask .qa-nav-main-link.qa-nav-main-selected {
background: #3498db;
.qa-nav-main-ask .qa-nav-main-link.qa-nav-main-selected {
color: #54d98c;
}
.qa-nav-main-item.qa-nav-main-admin .qa-nav-main-link:before {
.qa-nav-main-admin .qa-nav-main-link:before {
content: '\e80a';
}
.qa-nav-main-item.qa-nav-main- .qa-nav-main-link:before {
.qa-nav-main- .qa-nav-main-link:before {
content: '\e80d';
}
......@@ -692,9 +693,9 @@ blockquote p {
float: right;
margin: 0 1px;
}
}
.qa-nav-main-item-opp:last-child {
margin-left: 50px;
.qa-nav-main-item-opp:last-child {
margin-left: 50px;
}
}
.qa-nav-main-link {
......@@ -794,12 +795,13 @@ blockquote p {
margin: 0 5px 0 0;
}
}
.qa-nav-sub-item .qa-nav-sub-link {
.qa-nav-sub-link, .qa-nav-sub-link:visited, .qa-nav-sub-link:hover {
display: block;
padding: 0 4px;
color: black;
}
.qa-nav-sub-item .qa-nav-sub-link.qa-nav-sub-selected {
.qa-nav-sub-link.qa-nav-sub-selected, .qa-nav-sub-link:visited.qa-nav-sub-selected, .qa-nav-sub-link:hover.qa-nav-sub-selected {
background-color: #3498db;
color: white;
}
......@@ -817,7 +819,8 @@ blockquote p {
position: relative;
}
}
.qam-account-items-wrapper #qam-account-toggle {
#qam-account-toggle {
background-color: #34495e;
display: block;
text-align: center;
......@@ -825,14 +828,15 @@ blockquote p {
min-width: 60px;
padding: 2px;
}
.qam-account-items-wrapper #qam-account-toggle .qam-auth-key {
#qam-account-toggle .qam-auth-key {
font-size: 38px;
}
.qam-account-items-wrapper #qam-account-toggle .qam-auth-key:before {
#qam-account-toggle .qam-auth-key:before {
display: block;
line-height: 50px;
}
.qam-account-items-wrapper .qam-account-items {
.qam-account-items {
background-color: #34495e;
display: none;
position: absolute;
......@@ -842,10 +846,11 @@ blockquote p {
padding: 10px;
z-index: 1100;
}
.qam-account-items-wrapper .qam-account-items input[type="text"], .qam-account-items-wrapper .qam-account-items input[type="password"] {
.qam-account-items input[type="text"], .qam-account-items input[type="password"] {
width: 100%;
}
.qam-account-items-wrapper .qam-account-handle {
.qam-account-handle {
font-size: 12px;
}
......@@ -865,10 +870,12 @@ blockquote p {
white-space: nowrap;
margin: -10px;
}
.qa-nav-user .qa-nav-user-facebook-login, .qa-nav-user .qa-nav-user-register {
.qa-nav-user-facebook-login, .qa-nav-user-register {
padding: 0 !important;
}
.qa-nav-user .qa-nav-user-register .qa-nav-user-link {
.qa-nav-user-register .qa-nav-user-link {
background-color: #27ae60;
width: 100%;
display: block;
......@@ -879,27 +886,29 @@ blockquote p {
line-height: 20px;
border: 1px solid #27ae60;
}
.qa-nav-user .qa-nav-user-register .qa-nav-user-link:hover {
.qa-nav-user-register .qa-nav-user-link:hover {
background-color: #2ecc71;
border-color: #2ecc71;
text-decoration: none;
}
.qa-nav-user .qa-nav-user-facebook-login {
.qa-nav-user-facebook-login {
border-bottom: none !important;
}
.qa-nav-user .qa-nav-user-facebook-login .qa-nav-user-nolink {
.qa-nav-user-facebook-login .qa-nav-user-nolink {
width: 100%;
display: block;
margin: 2px 0 15px;
padding: 5px !important;
line-height: normal;
}
.qa-nav-user .qa-logged-in {
.qa-logged-in {
display: block;
padding: 10px 20px;
border-bottom: 1px solid #2c3e50;
}
.qa-nav-user .qa-logged-in:before {
.qa-logged-in:before {
content: '\e80e';
font-family: "fontello";
display: inline-block;
......@@ -911,11 +920,12 @@ blockquote p {
line-height: normal;
border-radius: 1em;
}
.qa-nav-user .qam-logged-in-points {
.qam-logged-in-points {
padding: 10px 20px;
border-bottom: 1px solid #2c3e50;
}
.qa-nav-user .qam-logged-in-points:before {
.qam-logged-in-points:before {
content: '\e810';
font-family: "fontello";
display: inline-block;
......@@ -941,11 +951,13 @@ blockquote p {
.qa-nav-user-item:last-child {
border-bottom: none;
}
.qa-nav-user-item .qa-nav-user-link {
.qa-nav-user-link {
padding: 10px 0;
display: inline-block;
}
.qa-nav-user-item.qa-nav-user-updates:before {
.qa-nav-user-updates:before {
content: '\e812';
font-family: "fontello";
display: inline-block;
......@@ -957,7 +969,8 @@ blockquote p {
line-height: normal;
border-radius: 1em;
}
.qa-nav-user-item.qa-nav-user-logout:before {
.qa-nav-user-logout:before {
content: '\e813';
font-family: "fontello";
display: inline-block;
......@@ -987,7 +1000,7 @@ blockquote p {
h1 {
background: #3498db;
color: white;
padding: 8px 10px;
padding: 8px 20px;
margin-bottom: 5px;
margin-top: 0px;
position: relative;
......@@ -995,13 +1008,11 @@ h1 {
}
h1 a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
h1 a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
h1 a {
line-height: inherit;
......@@ -1282,10 +1293,6 @@ h1 a:hover, h1 a:focus, h1 a:visited {
background: url('../images/vote-buttons.png?1403612046');
border: none;
cursor: pointer;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-vote-up-button {
......@@ -1407,17 +1414,18 @@ h1 a:hover, h1 a:focus, h1 a:visited {
.qa-q-item-title a:hover, .qa-q-item-title a:active, .qa-q-item-title a:focus, .qa-q-item-title a:visited {
color: #3498db;
}
.qa-q-item-title .qam-q-list-close-icon {
.qa-q-item-title:hover .qam-q-list-close-icon {
background-color: #c0392b;
cursor: help;
}
.qam-q-list-close-icon {
background-color: #34495e;
padding: 3px;
border-radius: 18px;
float: left;
margin: 5px 5px 0 0;
}
.qa-q-item-title:hover .qam-q-list-close-icon {
background-color: #c0392b;
cursor: help;
}
.qam-qa-list-meta-box {
display: block;
......@@ -1429,7 +1437,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
}
.qa-q-item-avatar {
margin: 0 5px 0 0;
margin: 0 2px 0 0;
}
@media (min-width: 320px) {
.qa-q-item-avatar {
......@@ -1439,14 +1447,15 @@ h1 a:hover, h1 a:focus, h1 a:visited {
@media (min-width: 480px) {
.qa-q-item-avatar {
display: inline-block;
float: left;
vertical-align: middle;
line-height: 1;
}
}
.qa-q-item-meta {
display: inline-block;
font-size: 11px;
float: left;
vertical-align: middle;
font-size: 12px;
line-height: 20px;
}
.qa-q-item-meta .qa-category-link.qa-cat-favorited {
......@@ -1496,7 +1505,9 @@ h1 a:hover, h1 a:focus, h1 a:visited {
display: inline;
}
.qa-tag-link, .qa-widget-side .qa-q-view-tag-item, .qa-widget-side > div > a {
.qa-tag-link,
.qa-widget-side .qa-q-view-tag-item,
.qa-widget-side > div > a {
background: #e67e22;
color: white !important;
display: inline-block;
......@@ -1508,16 +1519,22 @@ h1 a:hover, h1 a:focus, h1 a:visited {
text-decoration: none !important;
transition: all 0.75s ease-in-out 0s;
}
.qa-tag-link:hover, .qa-widget-side .qa-q-view-tag-item:hover, .qa-widget-side > div > a:hover {
.qa-tag-link:hover,
.qa-widget-side .qa-q-view-tag-item:hover,
.qa-widget-side > div > a:hover {
background: #f39c12;
color: white !important;
transition: all 0.25s ease-in-out 0s;
}
.qa-tag-link.qa-tag-favorited, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited, .qa-widget-side > div > a.qa-tag-favorited {
.qa-tag-link.qa-tag-favorited,
.qa-widget-side .qa-q-view-tag-item.qa-tag-favorited,
.qa-widget-side > div > a.qa-tag-favorited {
position: relative;
padding-left: 25px;
}
.qa-tag-link.qa-tag-favorited:before, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before, .qa-widget-side > div > a.qa-tag-favorited:before {
.qa-tag-link.qa-tag-favorited:before,
.qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before,
.qa-widget-side > div > a.qa-tag-favorited:before {
position: absolute;
top: 0;
left: 0;
......@@ -1528,7 +1545,13 @@ h1 a:hover, h1 a:focus, h1 a:visited {
background-color: #b94a00;
}
.qa-page-links .qa-page-links-label {
.qa-page-links-list {
margin: 0;
padding: 0;
list-style: none;
}
.qa-page-links-label {
float: left;
margin-right: 2px;
background: white;
......@@ -1536,16 +1559,12 @@ h1 a:hover, h1 a:focus, h1 a:visited {
margin-bottom: 5px;
display: block;
}
.qa-page-links ul.qa-page-links-list {
margin: 0;
padding: 0;
list-style: none;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item {
.qa-page-links-item {
float: left;
margin-right: 2px;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item a {
.qa-page-links-item a {
background: white;
padding: 5px 10px;
margin-bottom: 5px;
......@@ -1553,40 +1572,28 @@ h1 a:hover, h1 a:focus, h1 a:visited {
text-decoration: none;
color: #34495e;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item a:hover, .qa-page-links ul.qa-page-links-list li.qa-page-links-item a:focus {
.qa-page-links-item a:hover, .qa-page-links-item a:focus {
background: #e67e22;
color: white;
padding: 5px 10px;
margin-bottom: 5px;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item a:hover a, .qa-page-links ul.qa-page-links-list li.qa-page-links-item a:focus a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item a:hover a:hover, .qa-page-links ul.qa-page-links-list li.qa-page-links-item a:focus a:hover {
color: white;
font-weight: bold;
border-bottom: none;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item .qa-page-selected {
.qa-page-selected {
background: #3498db;
color: white;
padding: 5px 10px;
margin-bottom: 5px;
display: block;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item .qa-page-selected a {
.qa-page-selected a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item .qa-page-selected a:hover {
.qa-page-selected a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-page-links ul.qa-page-links-list li.qa-page-links-item .qa-page-ellipsis {
.qa-page-ellipsis {
background: white;
padding: 5px 10px;
margin-bottom: 5px;
......@@ -1595,16 +1602,17 @@ h1 a:hover, h1 a:focus, h1 a:visited {
.qa-template-admin .qa-q-item-main {
width: auto;
float: none;
}
.qa-template-admin .qa-q-item-main .qa-q-item-title {
.qa-template-admin .qa-q-item-title {
border-bottom: 1px solid #ecf0f1;
margin-bottom: 5px;
}
.qa-template-admin .qa-q-item-main .qa-q-item-content {
.qa-template-admin .qa-q-item-content {
font-size: 0.75em;
line-height: 2em;
}
.qa-template-admin .qa-q-item-main .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;
......@@ -1615,32 +1623,30 @@ h1 a:hover, h1 a:focus, h1 a:visited {
padding: 20px;
margin-bottom: 5px;
}
.qa-template-admin .qa-message-item .qa-message-content {
.qa-template-admin .qa-message-content {
font-size: 0.75em;
line-height: 2em;
}
.qa-template-admin .qa-message-item .qa-message-avatar-meta {
.qa-template-admin .qa-message-avatar-meta {
padding: 5px 0;
margin: 10px 0;
display: block;
border-top: 1px solid #ecf0f1;
}
.qa-template-admin .qa-message-item .qa-message-avatar-meta .qa-message-who-data a {
.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a {
background: #e74c3c;
color: white;
padding: 3px 10px;
margin-bottom: 5px;
display: inline-block;
}
.qa-template-admin .qa-message-item .qa-message-avatar-meta .qa-message-who-data a a {
.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-template-admin .qa-message-item .qa-message-avatar-meta .qa-message-who-data a a:hover {
.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
/*------[ lists ]------*/
......@@ -1657,10 +1663,15 @@ h1 a:hover, h1 a:focus, h1 a:visited {
}
}
.qa-template-users table.qa-top-users-table tbody tr:hover, .qa-template-favorites table.qa-top-users-table tbody tr:hover {
background-color: transparent;
.qa-top-users-label .qa-avatar-link {
display: block;
float: left;
margin-right: 1em;
}
.qa-top-users-label .qa-avatar-link img {
border: 1px solid #cbd7e3;
}
.qa-template-users .qa-top-users-label .qa-user-link, .qa-template-favorites .qa-top-users-label .qa-user-link {
.qa-top-users-label .qa-user-link {
background-color: #e74c3c;
display: block;
float: left;
......@@ -1668,24 +1679,18 @@ h1 a:hover, h1 a:focus, h1 a:visited {
padding: 2px 1em;
position: relative;
}
.qa-template-users .qa-top-users-label .qa-user-link:hover, .qa-template-users .qa-top-users-label .qa-user-link:focus, .qa-template-favorites .qa-top-users-label .qa-user-link:hover, .qa-template-favorites .qa-top-users-label .qa-user-link:focus {
.qa-top-users-label .qa-user-link:hover, .qa-top-users-label .qa-user-link:focus {
background-color: #eb695c;
text-decoration: none;
}
@media (min-width: 980px) {
.qa-template-users .qa-top-users-label .qa-user-link:hover:after, .qa-template-users .qa-top-users-label .qa-user-link:focus:after, .qa-template-favorites .qa-top-users-label .qa-user-link:hover:after, .qa-template-favorites .qa-top-users-label .qa-user-link:focus:after {
.qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:focus:after {
-ms-transform: translate(80px, 0);
-webkit-transform: translate(80px, 0);
transform: translate(80px, 0);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
}
.qa-template-users .qa-top-users-label .qa-user-link:before, .qa-template-favorites .qa-top-users-label .qa-user-link:before {
.qa-top-users-label .qa-user-link:before {
content: "";
position: absolute;
left: -5px;
......@@ -1698,7 +1703,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
border-right: 5px solid #e74c3c;
}
@media (min-width: 980px) {
.qa-template-users .qa-top-users-label .qa-user-link:after, .qa-template-favorites .qa-top-users-label .qa-user-link:after {
.qa-top-users-label .qa-user-link:after {
content: "";
display: block;
width: 0;
......@@ -1721,21 +1726,14 @@ h1 a:hover, h1 a:focus, h1 a:visited {
transition-timing-function: ease;
}
}
.qa-template-users .qa-top-users-label .qa-user-link.qa-user-favorited, .qa-template-favorites .qa-top-users-label .qa-user-link.qa-user-favorited {
.qa-top-users-label .qa-user-link.qa-user-favorited {
background-image: url('../images/icons/fev-star.png?1410117644');
background-repeat: no-repeat;
background-position: 2px center;
padding-left: 22px;
}
.qa-template-users .qa-avatar-link, .qa-template-favorites .qa-avatar-link {
display: block;
float: left;
margin-right: 1em;
}
.qa-template-users .qa-avatar-link img, .qa-template-favorites .qa-avatar-link img {
border: 1px solid #cbd7e3;
}
.qa-template-users .qam-user-score-icon, .qa-template-favorites .qam-user-score-icon {
.qam-user-score-icon {
display: inline-block;
padding: 2px 6px 2px 1.8em;
background-color: #2ecc71;
......@@ -1743,7 +1741,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
position: relative;
float: right;
}
.qa-template-users .qam-user-score-icon:before, .qa-template-favorites .qam-user-score-icon:before {
.qam-user-score-icon:before {
background-color: #27ae60;
content: '\e810';
font-family: "fontello";
......@@ -1757,41 +1755,51 @@ h1 a:hover, h1 a:focus, h1 a:visited {
left: 0;
}
.qa-template-tags table.qa-top-tags-table tbody tr td.qa-top-tags-count, .qa-template-favorites table.qa-top-tags-table tbody tr td.qa-top-tags-count {
.qa-top-tags-count {
width: 8%;
}
.qa-template-categories ul.qa-browse-cat-list, .qa-template-favorites ul.qa-browse-cat-list {
.qa-browse-cat-list {
padding: 0;
margin: 0;
list-style: none;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item {
.qa-browse-cat-list .qa-browse-cat-list {
margin: 1em 0 0 1em;
}
.qa-browse-cat-item {
font-size: 0.875em;
line-height: 1.71429em;
border-bottom: 1px solid #ecf0f1;
padding: 5px 0;
position: relative;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-nolink, .qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-nolink, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link {
.qa-browse-cat-item:last-child {
border-bottom: none !important;
}
.qa-browse-cat-nolink, .qa-browse-cat-link {
background-color: #e74c3c;
display: inline-block;
color: white;
padding: 2px 0.6em;
position: relative;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-nolink, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-nolink {
.qa-browse-cat-nolink {
cursor: help;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link {
.qa-browse-cat-link {
cursor: pointer;
background-color: #c0392b;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:hover, .qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:focus, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:hover, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:focus {
.qa-browse-cat-link:hover, .qa-browse-cat-link:focus {
text-decoration: none;
background-color: #d34a3b;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:before, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:before {
.qa-browse-cat-link:before {
content: "";
position: absolute;
right: -5px;
......@@ -1803,12 +1811,13 @@ h1 a:hover, h1 a:focus, h1 a:visited {
border-bottom: 5px solid transparent;
border-left: 5px solid #c0392b;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note {
.qa-browse-cat-note {
display: block;
font-size: 0.75em;
line-height: 2em;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a {
.qa-browse-cat-note a {
position: absolute;
top: 5px;
right: 5px;
......@@ -1817,7 +1826,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
background-color: #2ecc71;
color: white;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:before, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:before {
.qa-browse-cat-note a:before {
background-color: #27ae60;
content: '\e801';
font-family: "fontello";
......@@ -1830,21 +1839,15 @@ h1 a:hover, h1 a:focus, h1 a:visited {
top: 0;
left: 0;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:hover, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:hover {
.qa-browse-cat-note a:hover {
background-color: #48d684;
text-decoration: none;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note.qam-cat-note, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note.qam-cat-note {
.qa-browse-cat-note.qam-cat-note {
padding: 5px;
margin: 10px 0 0;
background-color: #f5f7f7;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item:last-child, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item:last-child {
border-bottom: none !important;
}
.qa-template-categories ul.qa-browse-cat-list .qa-browse-cat-list, .qa-template-favorites ul.qa-browse-cat-list .qa-browse-cat-list {
margin: 1em 0 0 1em;
}
[class^="qa-part-form-plugin-"] {
background: white;
......@@ -1867,11 +1870,11 @@ h1 a:hover, h1 a:focus, h1 a:visited {
margin: 0;
border-bottom: 1px solid #ecf0f1;
}
.qam-approve-users .qa-message-item .qa-message-avatar-meta {
.qam-approve-users .qa-message-avatar-meta {
float: left;
margin: 0;
}
.qam-approve-users .qa-message-item .qa-message-buttons {
.qam-approve-users .qa-message-buttons {
float: right;
}
......@@ -1886,7 +1889,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
padding: 10px;
}
.qa-message-item:nth-child(even) {
background-color: #eff2f3;
background-color: #f2f5f5;
}
.qa-message-item:last-child {
border-bottom: none;
......@@ -1914,13 +1917,11 @@ h1 a:hover, h1 a:focus, h1 a:visited {
}
.qa-part-form-message .qam-pm-message a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-part-form-message .qam-pm-message a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-part-form-message .qam-pm-message:before {
font-family: "fontello";
......@@ -2155,16 +2156,12 @@ input[type="submit"], button {
line-height: 0;
}
.qa-template-ask .qa-part-form table tbody tr:hover {
background-color: transparent;
.qa-ask-similar {
background-color: #ecf0f1;
padding: 10px;
margin-bottom: 5px;
border: 1px solid #dde4e6;
}
.qa-template-ask .qa-part-form table tbody tr td {
border: none;
.qa-ask-similar-title {
background: #e74c3c;
......@@ -2201,45 +2198,30 @@ input[type="submit"], button {
background: white;
padding: 20px;
margin-bottom: 5px;
font-size: 0.875em;
line-height: 1.71429em;
}
.qa-template-user .qa-main {
width: 100%;
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile, .qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-message-list {
width: 49.8%;
}
.qa-template-user .qa-form-wide-buttons,
.qa-template-user .qa-form-tall-buttons {
border-bottom: none;
padding-bottom: 0;
}
.qa-template-user .qa-form-wide-label {
min-width: 25%;
width: auto;
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile {
.qa-part-form-profile {
float: left;
}
}
.qa-template-user .qa-part-form-profile .qa-form-tall-image {
.qa-part-form-profile .qa-form-tall-image {
text-align: center;
}
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a {
background-color: #27ae60;
background-image: url('../images/icons/mail-white.png?1410117644');
background-repeat: no-repeat;
background-position: 5px center;
padding: 2px 5px 2px 25px;
border: 1px solid #1e8449;
display: inline-block;
color: white;
text-transform: capitalize;
}
.qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:hover, .qa-template-user .qa-part-form-profile #level .qa-form-wide-static a:focus {
background-color: #2ecc71;
background-image: url('../images/icons/mail-white.png?1410117644');
border: 1px solid #25a25a;
color: white;
text-decoration: none;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve {
.qa-part-form-profile .qa-form-wide-button-approve {
padding: 10px 15px;
text-transform: capitalize;
border: none;
......@@ -2249,30 +2231,30 @@ input[type="submit"], button {
background: #27ae60;
color: white;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-template-user .qa-part-form-profile .qa-form-wide-button-approve:focus {
.qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-part-form-profile .qa-form-wide-button-approve:focus {
border: none;
outline: none;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve a {
.qa-part-form-profile .qa-form-wide-button-approve a {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve a:hover {
.qa-part-form-profile .qa-form-wide-button-approve a:hover {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-template-user .qa-part-form-profile .qa-form-wide-button-approve:focus {
.qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-part-form-profile .qa-form-wide-button-approve:focus {
background-color: #2ecc71;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve a {
.qa-part-form-profile .qa-form-wide-button-approve a {
color: white;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-approve a:hover {
.qa-part-form-profile .qa-form-wide-button-approve a:hover {
color: white;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block {
.qa-part-form-profile .qa-form-wide-button-block {
padding: 10px 15px;
text-transform: capitalize;
border: none;
......@@ -2282,111 +2264,136 @@ input[type="submit"], button {
background: #e74c3c;
color: white;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block:hover, .qa-template-user .qa-part-form-profile .qa-form-wide-button-block:focus {
.qa-part-form-profile .qa-form-wide-button-block:hover, .qa-part-form-profile .qa-form-wide-button-block:focus {
border: none;
outline: none;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block a {
.qa-part-form-profile .qa-form-wide-button-block a {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block a:hover {
.qa-part-form-profile .qa-form-wide-button-block a:hover {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block:hover, .qa-template-user .qa-part-form-profile .qa-form-wide-button-block:focus {
.qa-part-form-profile .qa-form-wide-button-block:hover, .qa-part-form-profile .qa-form-wide-button-block:focus {
background-color: #ea6153;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block a {
.qa-part-form-profile .qa-form-wide-button-block a {
color: white;
}
.qa-template-user .qa-part-form-profile .qa-form-wide-button-block a:hover {
.qa-part-form-profile .qa-form-wide-button-block a:hover {
color: white;
}
@media (min-width: 980px) {
.qa-part-form-profile, .qa-part-form-activity, .qa-part-message-list {
width: 49.8%;
}
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-message-list {
.qa-part-form-activity, .qa-part-message-list {
float: right;
clear: right;
}
}
.qa-template-user .qa-part-form-activity h2, .qa-template-user .qa-part-message-list h2 {
.qa-part-form-activity h2, .qa-part-message-list h2 {
margin-top: 0;
}
.qa-template-user .qa-part-form-activity .qa-uf-user-points,
.qa-template-user .qa-part-form-activity .qa-uf-user-q-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-a-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-c-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-q-votes,
.qa-template-user .qa-part-form-activity .qa-uf-user-a-votes,
.qa-template-user .qa-part-form-activity .qa-uf-user-upvotes,
.qa-template-user .qa-part-form-activity .qa-uf-user-downvotes,
.qa-template-user .qa-part-form-activity .qa-uf-user-upvoteds,
.qa-template-user .qa-part-form-activity .qa-uf-user-downvoteds {
#level .qa-form-wide-static a {
background-color: #27ae60;
background-image: url('../images/icons/mail-white.png?1410117644');
background-repeat: no-repeat;
background-position: 5px center;
padding: 2px 5px 2px 25px;
border: 1px solid #1e8449;
display: inline-block;
color: white;
text-transform: capitalize;
}
#level .qa-form-wide-static a:hover, #level .qa-form-wide-static a:focus {
background-color: #2ecc71;
background-image: url('../images/icons/mail-white.png?1410117644');
border: 1px solid #25a25a;
color: white;
text-decoration: none;
}
.qa-part-form-activity .qa-uf-user-points,
.qa-part-form-activity .qa-uf-user-q-posts,
.qa-part-form-activity .qa-uf-user-a-posts,
.qa-part-form-activity .qa-uf-user-c-posts,
.qa-part-form-activity .qa-uf-user-q-votes,
.qa-part-form-activity .qa-uf-user-a-votes,
.qa-part-form-activity .qa-uf-user-upvotes,
.qa-part-form-activity .qa-uf-user-downvotes,
.qa-part-form-activity .qa-uf-user-upvoteds,
.qa-part-form-activity .qa-uf-user-downvoteds {
font-size: 24px;
font-weight: 700;
}
.qa-template-user .qa-part-form-activity .qa-uf-user-points,
.qa-template-user .qa-part-form-activity .qa-uf-user-q-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-a-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-c-posts,
.qa-template-user .qa-part-form-activity .qa-uf-user-q-votes,
.qa-template-user .qa-part-form-activity .qa-uf-user-a-votes {
.qa-part-form-activity .qa-uf-user-points,
.qa-part-form-activity .qa-uf-user-q-posts,
.qa-part-form-activity .qa-uf-user-a-posts,
.qa-part-form-activity .qa-uf-user-c-posts,
.qa-part-form-activity .qa-uf-user-q-votes,
.qa-part-form-activity .qa-uf-user-a-votes {
color: #3498db;
}
.qa-template-user .qa-part-form-activity .qa-uf-user-upvotes,
.qa-template-user .qa-part-form-activity .qa-uf-user-upvoteds {
.qa-part-form-activity .qa-uf-user-upvotes,
.qa-part-form-activity .qa-uf-user-upvoteds {
color: #27ae60;
}
.qa-template-user .qa-part-form-activity .qa-uf-user-downvotes,
.qa-template-user .qa-part-form-activity .qa-uf-user-downvoteds {
.qa-part-form-activity .qa-uf-user-downvotes,
.qa-part-form-activity .qa-uf-user-downvoteds {
color: #e74c3c;
}
.qa-template-user .qa-part-form-activity .qa-form-wide-static {
.qa-part-form-activity .qa-form-wide-static {
color: #7f8c8d;
font-size: 12px;
}
.qa-template-user .qa-part-message-list .qa-message-list {
.qa-message-list {
margin-top: 10px;
}
.qa-template-user .qa-part-message-list .qa-message-item {
.qa-message-item {
border-bottom: 1px solid #ecf0f1;
margin: 0;
padding: 10px;
}
.qa-template-user .qa-part-message-list .qa-message-content {
.qa-message-content {
margin-bottom: 6px;
word-wrap: break-word;
}
.qa-template-user .qa-part-message-list .qa-message-avatar {
.qa-message-avatar {
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.qa-template-user .qa-part-message-list .qa-message-meta {
.qa-message-meta {
color: #666;
display: inline-block;
font-size: 10px;
vertical-align: middle;
}
.qa-template-user .qa-part-message-list .qa-message-buttons {
.qa-message-buttons {
display: inline-block;
margin-left: 12px;
vertical-align: middle;
}
.qa-template-user .qa-part-message-list .qa-message-buttons .qa-form-light-button {
.qa-message-buttons .qa-form-light-button {
padding: 0;
}
.qa-template-user .qa-form-wide-buttons,
.qa-template-user .qa-form-tall-buttons {
border-bottom: none;
padding-bottom: 0;
}
.qa-template-user .qa-form-wide-label {
min-width: 25%;
width: auto;
}
/*------[ favorites ]------*/
.qa-template-favorites h2 {
......@@ -2394,32 +2401,22 @@ input[type="submit"], button {
color: white;
padding: 10px;
margin-bottom: 5px;
font-weight: normal;
font-size: 90%;
}
.qa-template-favorites h2 a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-template-favorites h2 a:hover {
color: white;
font-weight: bold;
border-bottom: none;
}
.qa-template-favorites .qa-favorite-image {
width: 16px;
height: 16px;
display: inline-block;
background-color: #ecf0f1;
background-image: url('../images/favorite-icon-15x15.png?1407059306');
border-bottom: 0;
}
.qa-template-favorites .qa-part-ranking-users, .qa-template-favorites .qa-part-ranking-tags, .qa-template-favorites .qa-part-nav-list-categories {
.qa-part-ranking-users, .qa-part-ranking-tags, .qa-part-nav-list-categories {
background: white;
padding: 10px;
margin-bottom: 5px;
}
.qa-template-favorites .qa-part-ranking-users h2, .qa-template-favorites .qa-part-ranking-tags h2, .qa-template-favorites .qa-part-nav-list-categories h2 {
.qa-part-ranking-users h2, .qa-part-ranking-tags h2, .qa-part-nav-list-categories h2 {
margin: -10px -10px 5px -10px;
}
......@@ -2439,13 +2436,11 @@ input[type="submit"], button {
}
.qa-suggest-next a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-suggest-next a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
/*------[ q-view ]------*/
......@@ -2735,30 +2730,22 @@ input[type="submit"], button {
background-repeat: no-repeat;
}
.qa-template-question h1:first-of-type {
padding: 8px 20px;
}
.qa-template-question h1:first-of-type img.qam-q-view-close-icon {
background-color: #f1c40f;
padding: 4px;
border-radius: 24px;
float: left;
margin: 8px 5px 0 0;
}
.qa-template-question .qa-q-view-stats {
.qa-q-view-stats {
float: left;
}
@media (max-width: 979px) {
.qa-template-question .qa-q-view-stats {
.qa-q-view-stats {
margin-bottom: 5px;
}
}
@media (max-width: 979px) {
.qa-template-question .qa-voting {
.qa-voting {
margin-bottom: 5px;
}
}
.qa-template-question .qa-view-count {
.qa-view-count {
background-color: transparent;
background: none;
font-size: 12px;
......@@ -2767,69 +2754,86 @@ input[type="submit"], button {
height: auto;
margin-top: 10px;
}
.qa-template-question .qa-view-count .qa-view-count-data {
.qa-view-count-data {
font-size: inherit;
display: inline;
line-height: 12px;
}
.qa-template-question .qa-view-count .qa-view-count-pad {
.qa-view-count-pad {
font-size: inherit;
display: inline;
line-height: 12px;
}
.qam-q-view-close-icon {
background-color: #f1c40f;
padding: 4px;
border-radius: 24px;
float: left;
margin: 8px 10px 0 0;
}
.qa-part-q-view {
background: white;
padding: 20px;
margin-bottom: 5px;
position: relative;
}
.qa-part-q-view .qa-q-view-avatar-meta {
.qa-q-view-avatar-meta {
font-size: 12px;
display: block;
margin-bottom: 20px;
}
.qa-part-q-view .qa-q-view-avatar {
.qa-q-view-avatar {
position: absolute;
top: 20px;
right: 20px;
}
.qa-part-q-view .qa-q-view-meta {
.qa-q-view-meta {
border-bottom: 1px solid #bdc3c7;
display: block;
}
@media (max-width: 979px) {
.qa-part-q-view .qa-q-view-meta {
.qa-q-view-meta {
clear: left;
font-size: 0.875em;
line-height: 1.71429em;
}
}
@media (max-width: 979px) {
.qa-part-q-view .qa-q-view-main {
.qa-q-view-main {
width: 100%;
}
}
@media (min-width: 980px) {
.qa-part-q-view .qa-q-view-main {
.qa-q-view-main {
float: left;
margin: 0 0 0 20px;
width: 81%;
}
}
.qa-part-q-view .qa-q-view-tags {
.qa-q-view-tags {
margin-top: 20px;
}
.qa-part-q-view .qa-q-view-buttons {
.qa-q-view-buttons {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #dee1e3;
}
.qa-part-q-view .qa-q-view-buttons .qa-waiting {
.qa-q-view-buttons .qa-waiting {
float: right;
margin: 9px 0 0 5px;
}
.qa-part-q-view .qa-q-view-closed {
.qa-q-view-closed {
position: relative;
background-color: #ecf0f1;
padding: 10px 10px 10px 54px;
......@@ -2839,7 +2843,7 @@ input[type="submit"], button {
font-weight: bold;
text-transform: capitalize;
}
.qa-part-q-view .qa-q-view-closed:before {
.qa-q-view-closed:before {
position: absolute;
top: 0;
bottom: 0;
......@@ -2850,28 +2854,27 @@ input[type="submit"], button {
display: block;
content: url('../images/icons/closed-note.png?1410117644');
}
.qa-part-q-view .qa-q-view-closed:hover {
.qa-q-view-closed:hover {
background: #e74c3c;
color: white;
padding: 10px 10px 10px 54px;
margin-bottom: 5px;
cursor: help;
}
.qa-part-q-view .qa-q-view-closed:hover a {
.qa-q-view-closed:hover a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-part-q-view .qa-q-view-closed:hover a:hover {
.qa-q-view-closed:hover a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-part-q-view .qa-q-view-closed:hover:before {
.qa-q-view-closed:hover:before {
background-color: #c0392b;
content: url('../images/icons/closed-note-white.png?1410117644');
}
.qa-part-q-view .qa-q-view-closed .qa-q-view-closed-content {
.qa-q-view-closed-content {
font-weight: normal !important;
}
......@@ -2882,20 +2885,10 @@ input[type="submit"], button {
position: relative;
}
.qa-part-a-form h2:first-of-type {
/*------[ a-list ]------*/
.qa-part-a-form h2 {
margin-top: 0;
}
.qa-part-a-form .qa-a-form {
background: white;
padding: 20px;
margin-bottom: 5px;
}
.qa-part-a-form .qa-a-form table tbody tr:hover {
background-color: transparent;
}
.qa-part-a-form .qa-a-form table tbody tr td {
border: none;
}
#a_list_title {
background: #2ecc71;
......@@ -2906,80 +2899,91 @@ input[type="submit"], button {
}
#a_list_title a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
#a_list_title a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-a-list .qa-a-list-item {
.qa-a-list-item {
background: white;
padding: 20px;
margin-bottom: 5px;
position: relative;
min-height: 190px;
}
@media (max-width: 979px) {
.qa-a-list .qa-a-item-main {
.qa-a-item-main {
width: 100%;
}
}
@media (min-width: 980px) {
.qa-a-list .qa-a-item-main {
.qa-a-item-main {
float: left;
margin: 0 0 0 20px;
width: 81%;
}
}
.qa-a-list .qa-a-item-avatar-meta {
.qa-a-item-avatar-meta {
font-size: 12px;
display: block;
margin-bottom: 20px;
}
.qa-a-list .qa-a-item-avatar {
.qa-a-item-avatar {
position: absolute;
top: 20px;
right: 20px;
}
.qa-a-list .qa-a-item-meta {
.qa-a-item-meta {
border-bottom: 1px solid #bdc3c7;
display: block;
}
@media (max-width: 979px) {
.qa-a-list .qa-a-item-meta {
.qa-a-item-meta {
clear: left;
font-size: 0.875em;
line-height: 1.71429em;
}
}
.qa-a-list .qa-a-item-buttons {
.qa-a-item-buttons {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #dee1e3;
}
.qa-a-list .qa-a-item-buttons .qa-waiting {
.qa-a-item-buttons .qa-waiting {
float: right;
margin: 9px 0 0 5px;
}
.qa-a-list .qa-a-selection {
.qa-a-selection {
position: absolute;
}
@media (max-width: 979px) {
.qa-a-list .qa-a-selection {
.qa-a-selection {
left: 100px;
top: 20px;
}
}
@media (min-width: 980px) {
.qa-a-list .qa-a-selection {
.qa-a-selection {
left: 20px;
top: 100px;
}
}
.qa-a-list .qa-a-selection .qa-a-select-button, .qa-a-list .qa-a-selection .qa-a-unselect-button, .qa-a-list .qa-a-selection .qa-a-selected {
.qa-a-selection .qa-waiting {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
}
.qa-a-select-button, .qa-a-unselect-button, .qa-a-selected {
width: 60px;
height: 60px;
border: none;
......@@ -2995,36 +2999,40 @@ input[type="submit"], button {
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.qa-a-list .qa-a-selection .qa-a-select-button {
.qa-a-select-button {
background-color: #bdc3c7;
}
.qa-a-list .qa-a-selection .qa-a-select-button:hover, .qa-a-list .qa-a-selection .qa-a-select-button:focus {
.qa-a-select-button:hover, .qa-a-select-button:focus {
background-color: #27ae60;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.qa-a-list .qa-a-selection .qa-a-unselect-button {
.qa-a-unselect-button {
background-color: #27ae60;
}
.qa-a-list .qa-a-selection .qa-a-unselect-button:hover, .qa-a-list .qa-a-selection .qa-a-unselect-button:focus {
.qa-a-unselect-button:hover, .qa-a-unselect-button:focus {
background-color: #bdc3c7;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.qa-a-list .qa-a-selection .qa-a-selected {
.qa-a-selected {
background-color: #27ae60;
}
@media (max-width: 979px) {
.qa-a-list .qa-a-selection .qa-a-selected-text {
.qa-a-selected-text {
display: none;
}
}
@media (min-width: 980px) {
.qa-a-list .qa-a-selection .qa-a-selected-text {
.qa-a-selected-text {
font-size: 10px;
color: #27ae60;
display: block;
......@@ -3032,16 +3040,12 @@ input[type="submit"], button {
text-align: center;
}
}
.qa-a-list .qa-a-selection .qa-waiting {
position: absolute;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
}
.qa-a-list .answer-selected, .qa-a-list .qa-a-list-item-selected {
.answer-selected, .qa-a-list-item-selected {
border: 1px solid #27ae60;
}
/*------[ c-list ]------*/
.qa-q-view-c-list, .qa-a-item-c-list {
margin-top: 20px;
font-size: 14px;
......@@ -3054,9 +3058,6 @@ input[type="submit"], button {
background-color: #f4f4f4;
position: relative;
}
.qa-c-list-item:hover {
background-color: #ecf0f1;
}
.qa-c-list-item .qa-form-light-button {
padding: 0px;
text-transform: capitalize;
......@@ -3292,7 +3293,7 @@ input[type="submit"], button {
}
.qa-c-item-meta {
border-bottom: 1px solid #bdc3c7;
border-bottom: 1px solid #d6dadb;
display: block;
}
@media (max-width: 767px) {
......@@ -3311,7 +3312,7 @@ input[type="submit"], button {
.qa-c-item-buttons {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #dee1e3;
border-top: 1px solid #d6dadb;
}
.qa-c-item-buttons .qa-waiting {
float: right;
......@@ -3327,13 +3328,11 @@ input[type="submit"], button {
}
.qa-widget-main h2:first-of-type a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-widget-main h2:first-of-type a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
/*------[ sidebar ]------*/
......@@ -3408,8 +3407,8 @@ input[type="submit"], button {
}
}
.qa-sidepanel h1 {
line-height: normal;
.qa-sidepanel h1, .qa-sidepanel h2, .qa-sidepanel h3, .qa-sidepanel h4, .qa-sidepanel h5, .qa-sidepanel h6 {
margin-top: 0px;
}
@media (min-width: 980px) {
.qa-sidepanel {
......@@ -3428,9 +3427,6 @@ input[type="submit"], button {
padding: 20px;
margin-bottom: 5px;
}
.qa-sidebar h1, .qa-sidebar h2, .qa-sidebar h3, .qa-sidebar h4, .qa-sidebar h5, .qa-sidebar h6 {
margin-top: 0px;
}
.qa-sidebar.orange {
background: #f39c12;
color: white;
......@@ -3439,13 +3435,11 @@ input[type="submit"], button {
}
.qa-sidebar.orange a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.orange a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.carrot {
background: #e67e22;
......@@ -3455,13 +3449,11 @@ input[type="submit"], button {
}
.qa-sidebar.carrot a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.carrot a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.alizarin {
background: #e74c3c;
......@@ -3471,13 +3463,11 @@ input[type="submit"], button {
}
.qa-sidebar.alizarin a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.alizarin a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.turquoise {
background: #1abc9c;
......@@ -3487,13 +3477,11 @@ input[type="submit"], button {
}
.qa-sidebar.turquoise a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.turquoise a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.emerald {
background: #2ecc71;
......@@ -3503,13 +3491,11 @@ input[type="submit"], button {
}
.qa-sidebar.emerald a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.emerald a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.peter-river {
background: #3498db;
......@@ -3519,13 +3505,11 @@ input[type="submit"], button {
}
.qa-sidebar.peter-river a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.peter-river a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.amethyst {
background: #9b59b6;
......@@ -3535,13 +3519,11 @@ input[type="submit"], button {
}
.qa-sidebar.amethyst a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.amethyst a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.wet-asphalt {
background: #34495e;
......@@ -3551,13 +3533,11 @@ input[type="submit"], button {
}
.qa-sidebar.wet-asphalt a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-sidebar.wet-asphalt a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-sidebar.orange a, .qa-sidebar.carrot a, .qa-sidebar.alizarin a, .qa-sidebar.turquoise a, .qa-sidebar.emerald a, .qa-sidebar.peter-river a, .qa-sidebar.amethyst a, .qa-sidebar.wet-asphalt a {
color: white !important;
......@@ -3577,7 +3557,8 @@ input[type="submit"], button {
overflow: hidden;
*zoom: 1;
}
.qa-activity-count .qa-activity-count-item {
.qa-activity-count-item {
width: 50%;
margin: 0;
padding-bottom: 10px;
......@@ -3586,7 +3567,7 @@ input[type="submit"], button {
text-transform: uppercase;
position: relative;
}
.qa-activity-count .qa-activity-count-item:before {
.qa-activity-count-item:before {
font-family: "fontello";
display: inline-block;
font-size: 32px;
......@@ -3597,63 +3578,65 @@ input[type="submit"], button {
left: 10px;
opacity: 0.2;
}
.qa-activity-count .qa-activity-count-item:hover {
.qa-activity-count-item:hover {
cursor: help;
}
.qa-activity-count .qa-activity-count-item:hover:before {
.qa-activity-count-item:hover:before {
opacity: 1;
-webkit-animation: shake 0.25s;
-moz-animation: shake 0.25s;
-o-animation: shake 0.25s;
animation: shake 0.25s;
}
.qa-activity-count .qa-activity-count-item:nth-child(1) {
.qa-activity-count-item:nth-child(1) {
background: #1abc9c;
}
.qa-activity-count .qa-activity-count-item:nth-child(1):before {
.qa-activity-count-item:nth-child(1):before {
content: '\e801';
}
.qa-activity-count .qa-activity-count-item:nth-child(2) {
.qa-activity-count-item:nth-child(2) {
background: #2ecc71;
}
.qa-activity-count .qa-activity-count-item:nth-child(2):before {
.qa-activity-count-item:nth-child(2):before {
content: '\e802';
}
.qa-activity-count .qa-activity-count-item:nth-child(3) {
.qa-activity-count-item:nth-child(3) {
background: #f1c40f;
}
.qa-activity-count .qa-activity-count-item:nth-child(3):before {
.qa-activity-count-item:nth-child(3):before {
content: '\e803';
}
.qa-activity-count .qa-activity-count-item:nth-child(4) {
.qa-activity-count-item:nth-child(4) {
background: #e67e22;
}
.qa-activity-count .qa-activity-count-item:nth-child(4):before {
.qa-activity-count-item:nth-child(4):before {
content: '\e809';
}
.qa-activity-count .qa-activity-count-item .qa-activity-count-data {
.qa-activity-count-data {
padding: 10px 10px 0 10px;
font-size: 2em;
line-height: 1.5em;
display: block;
}
.qa-related-qs .qa-related-q-list {
.qa-related-q-list {
margin: 0;
padding: 0;
list-style: none;
}
.qa-related-qs .qa-related-q-item a {
padding: 5px 0;
.qa-related-q-item a {
display: block;
padding: 5px 0;
border-bottom: 1px solid #ecf0f1;
}
.qa-related-qs .qa-related-q-item:first-child a {
.qa-related-q-item:first-child a {
padding-top: 0;
}
.qa-related-qs .qa-related-q-item:last-child a {
.qa-related-q-item:last-child a {
padding-bottom: 0;
border-bottom: none;
border-bottom: 0;
}
.qa-nav-cat {
......@@ -3661,24 +3644,30 @@ input[type="submit"], button {
padding: 20px;
margin-bottom: 5px;
}
.qa-nav-cat ul.qa-nav-cat-list {
.qa-nav-cat-list {
padding: 0;
margin: 0;
list-style: none;
}
.qa-nav-cat ul.qa-nav-cat-list ul {
.qa-nav-cat-list .qa-nav-cat-list {
margin-left: 20px;
}
.qa-nav-cat ul .qa-nav-cat-item {
.qa-nav-cat-item {
padding: 2px 0;
display: block;
border-bottom: 1px solid #ecf0f1;
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-link.qa-nav-cat-favorited {
.qa-nav-cat-item:last-child {
border-bottom: none;
}
.qa-nav-cat-link.qa-nav-cat-favorited {
position: relative;
padding-left: 20px;
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-link.qa-nav-cat-favorited:before {
.qa-nav-cat-link.qa-nav-cat-favorited:before {
position: absolute;
top: 2px;
left: 0;
......@@ -3687,24 +3676,23 @@ input[type="submit"], button {
display: block;
content: url('../images/favorite-icon-15x15.png?1407059306');
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-note {
.qa-nav-cat-note {
color: #7f8c8d;
float: right;
font-size: 12px;
}
.qa-nav-cat ul .qa-nav-cat-item:last-child {
border-bottom: none;
}
.qa-feed {
background: white;
padding: 20px;
margin-bottom: 5px;
}
.qa-feed .qa-feed-link {
.qa-feed-link {
line-height: 32px;
}
.qa-feed .qa-feed-link:before {
.qa-feed-link:before {
font-family: "fontello";
font-size: 32px;
content: '\e81d';
......@@ -3724,13 +3712,11 @@ input[type="submit"], button {
}
.qam-footer-box a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-footer-box a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-footer-row a, .qam-footer-row a:visited {
......@@ -3743,79 +3729,6 @@ input[type="submit"], button {
font-weight: normal;
border: none;
}
.qam-footer-row .qam-footer-col-heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.75);
margin-top: 0;
}
.qam-footer-row .qam-footer-advert {
width: 100%;
min-height: 250px;
background-color: #314559;
border: 1px solid rgba(255, 255, 255, 0.07);
text-align: center;
font-size: 2em;
line-height: normal;
font-family: "Ubuntu", sans-serif;
}
.qam-footer-row .qam-footer-advert p {
margin-top: 1.8em;
color: rgba(255, 255, 255, 0.35);
}
.qam-footer-row .qam-footer-links {
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
}
.qam-footer-row .qam-footer-links li a {
padding: 2px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}
.qam-footer-row .qam-footer-links li:last-child a {
border-bottom: none !important;
}
.qam-footer-row .qam-footer-links.qam-social-links li:nth-child(odd) a {
background-color: #33475B;
}
.qam-footer-row .qam-footer-links.qam-social-links li:nth-child(even) a {
background-color: #314559;
}
.qam-footer-row .qam-footer-links.qam-social-links li a {
border: none !important;
width: 33.33%;
display: block;
float: left;
font-size: 3em;
padding: 20px 0;
text-align: center;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.facebook:hover {
background-color: #3b5998;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.twitter:hover {
background-color: #00aced;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.linkedin:hover {
background-color: #007bb6;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.gplus:hover {
background-color: #dd4b39;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.youtube:hover {
background-color: #bb0000;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.vimeo:hover {
background-color: #aad450;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.pinterest:hover {
background-color: #cb2027;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.github:hover {
background-color: #111111;
}
.qam-footer-row .qam-footer-links.qam-social-links li a.wordpress:hover {
background-color: #21759b;
}
@media (min-width: 980px) {
.qam-footer-row {
width: 100%;
......@@ -3828,6 +3741,11 @@ input[type="submit"], button {
}
}
.qam-footer-col-heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.75);
margin-top: 0;
}
@media (max-width: 979px) {
.qam-footer-col {
width: 100%;
......@@ -3853,18 +3771,17 @@ input[type="submit"], button {
color: white;
padding: 10px;
margin-bottom: 5px;
margin-bottom: 0;
font-size: 12px;
line-height: 12px;
}
.qa-footer a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-footer a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
@media (max-width: 479px) {
......@@ -3878,25 +3795,25 @@ input[type="submit"], button {
float: left;
}
}
.qa-nav-footer .qa-nav-footer-list {
.qa-nav-footer-list {
list-style: none;
margin: 0;
padding: 0;
}
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item {
.qa-nav-footer-item {
float: left;
padding: 0 10px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.qa-nav-footer-item:last-child {
border-right: 0;
}
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item a.qa-nav-footer-link {
.qa-nav-footer-link {
display: block;
font-weight: normal;
padding: 0 5px 0 0;
border-style: none solid none none;
border-width: 0 1px 0 0;
border-color: rgba(255, 255, 255, 0.5);
}
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item a.qa-nav-footer-link:last-child {
border: none;
padding: 0;
}
@media (max-width: 479px) {
......@@ -3908,266 +3825,14 @@ input[type="submit"], button {
.qa-attribution {
float: right;
display: block;
padding: 0 5px;
padding: 0 10px;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
}
@media (max-width: 479px) {
.qam-attribution {
display: block;
margin-bottom: 5px;
}
}
@media (min-width: 480px) {
.qam-attribution {
float: right;
display: block;
padding: 0 0 0 5px;
.qa-attribution:nth-child(2) {
border-right: 0;
}
}
.qam-icons-info {
background-color: #2c3e50;
text-align: center;
font-size: 12px;
color: #bdc3c7;
display: block;
border-bottom: 1px solid #354b60;
}
.qam-icons-info .qam-icon-item {
display: inline-block;
padding: 0 8px 0 0;
line-height: 32px;
border-right: 1px solid #354b60;
opacity: 0.25;
}
.qam-icons-info .qam-icon-item:first-child {
border-left: 1px solid #354b60;
}
.qam-icons-info .qam-icon-item:hover {
opacity: 1;
cursor: help;
}
.qam-icons-info .qam-icon-item span {
float: left;
display: block;
padding: 0 !important;
padding: 10px 15px;
text-transform: capitalize;
border: none;
font-size: 14px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
background: #2c3e50;
color: white;
}
.qam-icons-info .qam-icon-item span:hover, .qam-icons-info .qam-icon-item span:focus {
border: none;
outline: none;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qam-icons-info .qam-icon-item span a {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qam-icons-info .qam-icon-item span a:hover {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.qam-icons-info .qam-icon-item span:hover, .qam-icons-info .qam-icon-item span:focus {
background-color: #34495e;
}
.qam-icons-info .qam-icon-item span a {
color: white;
}
.qam-icons-info .qam-icon-item span a:hover {
color: white;
}
.qam-icons-info .qam-icon-item .answer {
background-image: url('../images/icons/answer-white.png?1404150036');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .answer:hover, .qam-icons-info .qam-icon-item .answer:focus {
background-image: url('../images/icons/answer-white.png?1404150036');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .comment {
background-image: url('../images/icons/comment-white.png?1404151058');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .comment:hover, .qam-icons-info .qam-icon-item .comment:focus {
background-image: url('../images/icons/comment-white.png?1404151058');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .hide {
background-image: url('../images/icons/hide-white.png?1404150104');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .hide:hover, .qam-icons-info .qam-icon-item .hide:focus {
background-image: url('../images/icons/hide-white.png?1404150104');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .reshow {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .reshow:hover, .qam-icons-info .qam-icon-item .reshow:focus {
background-image: url('../images/icons/show-white.png?1404150100');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .close {
background-image: url('../images/icons/close-white.png?1404150114');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .close:hover, .qam-icons-info .qam-icon-item .close:focus {
background-image: url('../images/icons/close-white.png?1404150114');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .reopen {
background-image: url('../images/icons/open-white.png?1404150118');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .reopen:hover, .qam-icons-info .qam-icon-item .reopen:focus {
background-image: url('../images/icons/open-white.png?1404150118');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .flag {
background-image: url('../images/icons/flag-white.png?1404150096');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .flag:hover, .qam-icons-info .qam-icon-item .flag:focus {
background-image: url('../images/icons/flag-white.png?1404150096');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .unflag {
background-image: url('../images/icons/un-flag-white.png?1404150136');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .unflag:hover, .qam-icons-info .qam-icon-item .unflag:focus {
background-image: url('../images/icons/un-flag-white.png?1404150136');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .edit {
background-image: url('../images/icons/edit-white.png?1404150090');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .edit:hover, .qam-icons-info .qam-icon-item .edit:focus {
background-image: url('../images/icons/edit-white.png?1404150090');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .delete {
background-image: url('../images/icons/delete-white.png?1404150126');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .delete:hover, .qam-icons-info .qam-icon-item .delete:focus {
background-image: url('../images/icons/delete-white.png?1404150126');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .approve {
background-image: url('../images/icons/approve-white.png?1404150364');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .approve:hover, .qam-icons-info .qam-icon-item .approve:focus {
background-image: url('../images/icons/approve-white.png?1404150364');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .reject {
background-image: url('../images/icons/rejected-white.png?1404150412');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .reject:hover, .qam-icons-info .qam-icon-item .reject:focus {
background-image: url('../images/icons/rejected-white.png?1404150412');
background-position: center;
background-repeat: no-repeat;
}
.qam-icons-info .qam-icon-item .reply {
background-image: url('../images/icons/reply-white.png?1407960514');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 32px;
height: 32px;
text-align: center;
}
.qam-icons-info .qam-icon-item .reply:hover, .qam-icons-info .qam-icon-item .reply:focus {
background-image: url('../images/icons/reply-white.png?1407960514');
background-position: center;
background-repeat: no-repeat;
}
.qa-ask-box {
background: #3498db;
color: white;
......@@ -4177,13 +3842,11 @@ input[type="submit"], button {
}
.qa-ask-box a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-ask-box a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qa-ask-box form {
margin: 0;
......@@ -4227,13 +3890,11 @@ input[type="submit"], button {
}
.qam-ask-mobile a a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qam-ask-mobile a a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
.qam-ask-mobile a:hover, .qam-ask-mobile a:focus {
font-weight: normal;
......@@ -4678,3 +4339,5 @@ input[type="submit"], button {
float: right;
}
}
/*# sourceMappingURL=snow-core.css.map */
......@@ -92,7 +92,7 @@ blockquote {
}
}
@media (max-width: 979px) {
.qam-main-nav-wrapper .qam-menu-toggle {
.qam-menu-toggle {
float: right;
margin-left: 10px;
}
......@@ -151,22 +151,24 @@ blockquote {
}
}
.qam-account-items-wrapper .qam-account-items {
.qam-account-items {
left: 0;
top: 52px;
}
.qa-nav-user .qa-logged-in:before {
.qa-logged-in:before {
margin: 0 0 0 10px;
}
.qa-nav-user .qam-logged-in-points:before {
.qam-logged-in-points:before {
margin: 0 0 0 10px;
}
.qa-nav-user-item.qa-nav-user-updates:before {
.qa-nav-user-updates:before {
margin: 0 0 0 10px;
}
.qa-nav-user-item.qa-nav-user-logout:before {
.qa-nav-user-logout:before {
margin: 0 0 0 10px;
}
......@@ -200,7 +202,7 @@ blockquote {
}
}
.qa-q-item-title .qam-q-list-close-icon {
.qam-q-list-close-icon {
float: right;
margin: 5px 0 0 5px;
}
......@@ -237,60 +239,63 @@ blockquote {
right: 0;
}
.qa-template-users .qa-top-users-label .qa-user-link, .qa-template-favorites .qa-top-users-label .qa-user-link {
.qa-top-users-label .qa-avatar-link {
float: right;
margin-left: 1em;
}
.qa-top-users-label .qa-user-link {
float: right;
}
@media (min-width: 980px) {
.qa-template-users .qa-top-users-label .qa-user-link:hover:after, .qa-template-users .qa-top-users-label .qa-user-link:focus:after, .qa-template-favorites .qa-top-users-label .qa-user-link:hover:after, .qa-template-favorites .qa-top-users-label .qa-user-link:focus:after {
.qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:focus:after {
-ms-transform: translate(-80px, 0);
-webkit-transform: translate(-80px, 0);
transform: translate(-80px, 0);
}
}
.qa-template-users .qa-top-users-label .qa-user-link:before, .qa-template-favorites .qa-top-users-label .qa-user-link:before {
.qa-top-users-label .qa-user-link:before {
right: -5px;
border-left: 5px solid #e74c3c;
}
@media (min-width: 980px) {
.qa-template-users .qa-top-users-label .qa-user-link:after, .qa-template-favorites .qa-top-users-label .qa-user-link:after {
.qa-top-users-label .qa-user-link:after {
left: 0;
border-right: 7px solid #e74c3c;
}
}
.qa-template-users .qa-top-users-label .qa-user-link.qa-user-favorited, .qa-template-favorites .qa-top-users-label .qa-user-link.qa-user-favorited {
.qa-top-users-label .qa-user-link.qa-user-favorited {
padding-right: 22px;
}
.qa-template-users .qa-avatar-link, .qa-template-favorites .qa-avatar-link {
float: right;
margin-left: 1em;
}
.qa-template-users .qam-user-score-icon, .qa-template-favorites .qam-user-score-icon {
.qam-user-score-icon {
padding: 2px 1.8em 2px 6px;
float: left;
}
.qa-template-users .qam-user-score-icon:before, .qa-template-favorites .qam-user-score-icon:before {
.qam-user-score-icon:before {
right: 0;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:before, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-link:before {
.qa-browse-cat-link:before {
left: -5px;
border-right: 5px solid #c0392b;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a {
.qa-browse-cat-note a {
left: 5px;
padding: 2px 2em 2px 10px;
}
.qa-template-categories ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:before, .qa-template-favorites ul.qa-browse-cat-list li.qa-browse-cat-item .qa-browse-cat-note a:before {
.qa-browse-cat-note a:before {
right: 0;
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile {
.qa-part-form-profile {
float: right;
}
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-activity, .qa-template-user .qa-part-message-list {
.qa-part-form-activity, .qa-part-message-list {
float: left;
}
}
......@@ -309,74 +314,78 @@ blockquote {
float: right;
}
.qa-template-question h1:first-of-type img.qam-q-view-close-icon {
.qa-q-view-stats {
float: right;
margin: 8px 0 5px 0;
}
.qa-template-question .qa-q-view-stats {
.qam-q-view-close-icon {
float: right;
margin: 8px 0 5px 0;
}
.qa-part-q-view .qa-q-view-avatar {
.qa-q-view-avatar {
left: 20px;
}
@media (max-width: 979px) {
.qa-part-q-view .qa-q-view-meta {
.qa-q-view-meta {
clear: right;
}
}
@media (min-width: 980px) {
.qa-part-q-view .qa-q-view-main {
.qa-q-view-main {
float: right;
margin: 0 20px 0 0;
}
}
.qa-part-q-view .qa-q-view-closed {
.qa-q-view-closed {
padding: 10px 54px 10px 10px;
}
.qa-part-q-view .qa-q-view-closed:before {
.qa-q-view-closed:before {
right: 0;
}
.qa-part-q-view .qa-q-view-closed:hover {
.qa-q-view-closed:hover {
background: #e74c3c;
color: white;
padding: 10px 54px 10px 10px;
margin-bottom: 5px;
}
.qa-part-q-view .qa-q-view-closed:hover a {
.qa-q-view-closed:hover a {
color: white;
font-weight: bold;
border-bottom: 2px dotted white;
border-bottom: 1px dotted white;
}
.qa-part-q-view .qa-q-view-closed:hover a:hover {
.qa-q-view-closed:hover a:hover {
color: white;
font-weight: bold;
border-bottom: none;
border-bottom: 0;
}
@media (min-width: 980px) {
.qa-a-list .qa-a-item-main {
.qa-a-item-main {
float: right;
margin: 0 20px 0 0;
}
}
.qa-a-list .qa-a-item-avatar {
.qa-a-item-avatar {
left: 20px;
}
.qa-a-list .qa-a-selection {
.qa-a-selection {
position: absolute;
}
@media (max-width: 979px) {
.qa-a-list .qa-a-selection {
.qa-a-selection {
right: 100px;
}
}
@media (min-width: 980px) {
.qa-a-list .qa-a-selection {
.qa-a-selection {
right: 20px;
}
}
.qa-a-list .qa-a-selection .qa-waiting {
.qa-a-selection .qa-waiting {
right: 50%;
margin: -7px -7px 0 0;
}
......@@ -393,21 +402,22 @@ blockquote {
left: 10px;
}
.qa-activity-count .qa-activity-count-item {
.qa-activity-count-item {
float: right;
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-link.qa-nav-cat-favorited {
.qa-nav-cat-link.qa-nav-cat-favorited {
padding-right: 20px;
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-link.qa-nav-cat-favorited:before {
.qa-nav-cat-link.qa-nav-cat-favorited:before {
right: 0;
}
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-note {
.qa-nav-cat-note {
float: left;
}
.qa-feed .qa-feed-link:before {
.qa-feed-link:before {
float: right;
margin-left: 15px;
}
......@@ -423,10 +433,12 @@ blockquote {
float: right;
}
}
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item {
.qa-nav-footer-item {
float: right;
}
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item a.qa-nav-footer-link {
.qa-nav-footer-link {
padding: 0 0 0 5px;
border-width: 0 0 0 1px;
}
......@@ -445,13 +457,6 @@ blockquote {
}
}
.qam-icons-info .qam-icon-item {
border-left: 1px solid #354b60;
}
.qam-icons-info .qam-icon-item:first-child {
border-right: 1px solid #354b60;
}
@media (min-width: 980px) {
.qa-main {
float: right;
......@@ -463,3 +468,5 @@ blockquote {
float: left;
}
}
/*# sourceMappingURL=snow-rtl.css.map */
......@@ -168,7 +168,7 @@ class qa_html_theme extends qa_html_theme_base
$class .= ' qam-approve-users';
}
$class .= ' ' . $qam_snow->fixed_topbar;
$class .= ' qam-body-' . $qam_snow->fixed_topbar;
$this->output('class="' . $class . ' qa-body-js-off"');
}
......@@ -348,7 +348,7 @@ class qa_html_theme extends qa_html_theme_base
$this->output('</div> <!-- END qam-footer-row -->');
// key to icons in footer
$this->output($this->icons_info());
// $this->output($this->icons_info());
qa_html_theme_base::footer();
$this->output('</div> <!-- END qam-footer-box -->', '');
......
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