Skip to content

Q
question2answer
Commit 1ef423d1 by Scott
Options

Final cleanup of SnowFlat CSS 

Reduce unnecessary nesting
parent 07768a11
Showing with 67 additions and 60 deletions
qa-theme/SnowFlat/css/snow-rtl.css
...@@ -92,7 +92,7 @@ blockquote { ...@@ -92,7 +92,7 @@ blockquote {
} }
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qam-main-nav-wrapper .qam-menu-toggle { .qam-menu-toggle {
float: right; float: right;
margin-left: 10px; margin-left: 10px;
} }
...@@ -151,22 +151,24 @@ blockquote { ...@@ -151,22 +151,24 @@ blockquote {
} }
} }
.qam-account-items-wrapper .qam-account-items { .qam-account-items {
left: 0; left: 0;
top: 52px; top: 52px;
} }
.qa-nav-user .qa-logged-in:before { .qa-logged-in:before {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.qa-nav-user .qam-logged-in-points:before {
.qam-logged-in-points:before {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.qa-nav-user-item.qa-nav-user-updates:before { .qa-nav-user-updates:before {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.qa-nav-user-item.qa-nav-user-logout:before {
.qa-nav-user-logout:before {
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
...@@ -200,7 +202,7 @@ blockquote { ...@@ -200,7 +202,7 @@ blockquote {
} }
} }
.qa-q-item-title .qam-q-list-close-icon { .qam-q-list-close-icon {
float: right; float: right;
margin: 5px 0 0 5px; margin: 5px 0 0 5px;
} }
...@@ -237,60 +239,63 @@ blockquote { ...@@ -237,60 +239,63 @@ blockquote {
right: 0; 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; float: right;
} }
@media (min-width: 980px) { @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); -ms-transform: translate(-80px, 0);
-webkit-transform: translate(-80px, 0); -webkit-transform: translate(-80px, 0);
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; right: -5px;
border-left: 5px solid #e74c3c; border-left: 5px solid #e74c3c;
} }
@media (min-width: 980px) { @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; left: 0;
border-right: 7px solid #e74c3c; 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; padding-right: 22px;
} }
.qa-template-users .qa-avatar-link, .qa-template-favorites .qa-avatar-link {
float: right; .qam-user-score-icon {
margin-left: 1em;
}
.qa-template-users .qam-user-score-icon, .qa-template-favorites .qam-user-score-icon {
padding: 2px 1.8em 2px 6px; padding: 2px 1.8em 2px 6px;
float: left; 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; 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; left: -5px;
border-right: 5px solid #c0392b; 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; left: 5px;
padding: 2px 2em 2px 10px; 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; right: 0;
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-template-user .qa-part-form-profile { .qa-part-form-profile {
float: right; float: right;
} }
} }
@media (min-width: 980px) { @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; float: left;
} }
} }
...@@ -309,74 +314,78 @@ blockquote { ...@@ -309,74 +314,78 @@ blockquote {
float: right; float: right;
} }
.qa-template-question h1:first-of-type img.qam-q-view-close-icon { .qa-q-view-stats {
float: right; float: right;
margin: 8px 0 5px 0;
} }
.qa-template-question .qa-q-view-stats {
.qam-q-view-close-icon {
float: right; float: right;
margin: 8px 0 5px 0;
} }
.qa-part-q-view .qa-q-view-avatar { .qa-q-view-avatar {
left: 20px; left: 20px;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-part-q-view .qa-q-view-meta { .qa-q-view-meta {
clear: right; clear: right;
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-part-q-view .qa-q-view-main { .qa-q-view-main {
float: right; float: right;
margin: 0 20px 0 0; margin: 0 20px 0 0;
} }
} }
.qa-part-q-view .qa-q-view-closed {
.qa-q-view-closed {
padding: 10px 54px 10px 10px; padding: 10px 54px 10px 10px;
} }
.qa-part-q-view .qa-q-view-closed:before { .qa-q-view-closed:before {
right: 0; right: 0;
} }
.qa-part-q-view .qa-q-view-closed:hover { .qa-q-view-closed:hover {
background: #e74c3c; background: #e74c3c;
color: white; color: white;
padding: 10px 54px 10px 10px; padding: 10px 54px 10px 10px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.qa-part-q-view .qa-q-view-closed:hover a { .qa-q-view-closed:hover a {
color: white; color: white;
font-weight: bold; border-bottom: 1px dotted white;
border-bottom: 2px dotted white;
} }
.qa-part-q-view .qa-q-view-closed:hover a:hover { .qa-q-view-closed:hover a:hover {
color: white; color: white;
font-weight: bold; border-bottom: 0;
border-bottom: none;
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-a-list .qa-a-item-main { .qa-a-item-main {
float: right; float: right;
margin: 0 20px 0 0; margin: 0 20px 0 0;
} }
} }
.qa-a-list .qa-a-item-avatar {
.qa-a-item-avatar {
left: 20px; left: 20px;
} }
.qa-a-list .qa-a-selection {
.qa-a-selection {
position: absolute; position: absolute;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-a-list .qa-a-selection { .qa-a-selection {
right: 100px; right: 100px;
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-a-list .qa-a-selection { .qa-a-selection {
right: 20px; right: 20px;
} }
} }
.qa-a-list .qa-a-selection .qa-waiting { .qa-a-selection .qa-waiting {
right: 50%; right: 50%;
margin: -7px -7px 0 0; margin: -7px -7px 0 0;
} }
...@@ -393,21 +402,22 @@ blockquote { ...@@ -393,21 +402,22 @@ blockquote {
left: 10px; left: 10px;
} }
.qa-activity-count .qa-activity-count-item { .qa-activity-count-item {
float: right; 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; 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; right: 0;
} }
.qa-nav-cat ul .qa-nav-cat-item .qa-nav-cat-note {
.qa-nav-cat-note {
float: left; float: left;
} }
.qa-feed .qa-feed-link:before { .qa-feed-link:before {
float: right; float: right;
margin-left: 15px; margin-left: 15px;
} }
...@@ -423,10 +433,12 @@ blockquote { ...@@ -423,10 +433,12 @@ blockquote {
float: right; float: right;
} }
} }
.qa-nav-footer .qa-nav-footer-list .qa-nav-footer-item {
.qa-nav-footer-item {
float: right; 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; padding: 0 0 0 5px;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
} }
...@@ -445,13 +457,6 @@ blockquote { ...@@ -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) { @media (min-width: 980px) {
.qa-main { .qa-main {
float: right; float: right;
...@@ -463,3 +468,5 @@ blockquote { ...@@ -463,3 +468,5 @@ blockquote {
float: left; float: left;
} }
} }
/*# sourceMappingURL=snow-rtl.css.map */
qa-theme/SnowFlat/qa-theme.php
...@@ -168,7 +168,7 @@ class qa_html_theme extends qa_html_theme_base ...@@ -168,7 +168,7 @@ class qa_html_theme extends qa_html_theme_base
$class .= ' qam-approve-users'; $class .= ' qam-approve-users';
} }
$class .= ' ' . $qam_snow->fixed_topbar; $class .= ' qam-body-' . $qam_snow->fixed_topbar;
$this->output('class="' . $class . ' qa-body-js-off"'); $this->output('class="' . $class . ' qa-body-js-off"');
} }
...@@ -348,7 +348,7 @@ class qa_html_theme extends qa_html_theme_base ...@@ -348,7 +348,7 @@ class qa_html_theme extends qa_html_theme_base
$this->output('</div> <!-- END qam-footer-row -->'); $this->output('</div> <!-- END qam-footer-row -->');
// key to icons in footer // key to icons in footer
$this->output($this->icons_info()); // $this->output($this->icons_info());
qa_html_theme_base::footer(); qa_html_theme_base::footer();
$this->output('</div> <!-- END qam-footer-box -->', ''); $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