451 lines
7.2 KiB
CSS
451 lines
7.2 KiB
CSS
|
|
/*------[ variables css ]------*/
|
|
/*------[ mixins ]------*/
|
|
body {
|
|
direction: rtl;
|
|
}
|
|
|
|
pre {
|
|
border-left: 0;
|
|
border-right: 11px solid #3498db;
|
|
margin: 1.7em 0.3em 1.7em 0;
|
|
padding: 0.1em 0.7em 0.3em 0.5em;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 0;
|
|
border-right: 11px solid #3498db;
|
|
}
|
|
|
|
h1 {
|
|
padding: 8px 20px 8px 52px;
|
|
}
|
|
|
|
|
|
.qa-search-field {
|
|
margin: 0 0 0 -40px;
|
|
padding: 0 5px 0 40px;
|
|
}
|
|
|
|
.qa-search-button {
|
|
position: relative;
|
|
}
|
|
|
|
.qam-title-rss {
|
|
float: left;
|
|
}
|
|
|
|
.entry-content th, .entry-content td, .qa-c-item-content th, .qa-c-item-content td {
|
|
text-align: right;
|
|
}
|
|
.entry-content ul, .qa-c-item-content ul {
|
|
margin: 20px 20px 20px 0;
|
|
}
|
|
.entry-content ul > li:before, .qa-c-item-content ul > li:before {
|
|
left: auto;
|
|
right: -1.6em;
|
|
}
|
|
.entry-content ul > li > ul, .qa-c-item-content ul > li > ul {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
.entry-content ol, .qa-c-item-content ol {
|
|
margin: 20px 20px 20px 0;
|
|
}
|
|
.entry-content ol > li > ol, .qa-c-item-content ol > li > ol {
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
.qa-favoriting {
|
|
right: auto;
|
|
left: 10px;
|
|
}
|
|
|
|
.qa-logo {
|
|
margin: 0 0 0 1px;
|
|
}
|
|
|
|
@media (max-width: 979px) {
|
|
.qam-search-mobile {
|
|
border-left: 0;
|
|
border-right: 1px solid #1dd2af;
|
|
}
|
|
.qam-search-mobile.orange {
|
|
border-right-color: #f4a62a;
|
|
}
|
|
.qam-search-mobile.carrot {
|
|
border-right-color: #e98b39;
|
|
}
|
|
.qam-search-mobile.alizarin {
|
|
border-right-color: #ea6153;
|
|
}
|
|
.qam-search-mobile.turquoise {
|
|
border-right-color: #1dd2af;
|
|
}
|
|
.qam-search-mobile.emerald {
|
|
border-right-color: #40d47e;
|
|
}
|
|
.qam-search-mobile.peter-river {
|
|
border-right-color: #4aa3df;
|
|
}
|
|
.qam-search-mobile.amethyst {
|
|
border-right-color: #a66bbe;
|
|
}
|
|
.qam-search-mobile.wet-asphalt {
|
|
border-right-color: #3d566e;
|
|
}
|
|
|
|
.qam-menu-toggle {
|
|
float: right;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.qa-nav-main {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.qa-nav-main-link:before {
|
|
margin: 0 0 0 15px;
|
|
}
|
|
|
|
.qa-nav-sub-item {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 980px) {
|
|
.qa-nav-main-item {
|
|
float: right;
|
|
}
|
|
.qa-nav-main-item-opp {
|
|
float: left;
|
|
}
|
|
.qa-nav-main-item-opp:last-child {
|
|
margin: 0 50px 0 0;
|
|
}
|
|
}
|
|
|
|
.qam-account-items-wrapper {
|
|
float: left;
|
|
}
|
|
|
|
.qam-account-items {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.qa-logged-in:before {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.qam-logged-in-points:before {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.qa-nav-user-updates:before {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.qa-nav-user-logout:before {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.qa-q-list-item.qa-q-favorited {
|
|
border-right: 1px solid #8e44ad;
|
|
}
|
|
|
|
.qa-q-item-stats {
|
|
float: right;
|
|
}
|
|
|
|
@media (min-width: 800px) {
|
|
.qa-voting {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 800px) {
|
|
.qa-a-count, .qa-view-count {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.qa-q-item-main {
|
|
float: right;
|
|
padding-right: 10px;
|
|
}
|
|
@media (max-width: 240px) {
|
|
.qa-q-item-main {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
.qam-q-list-close-icon {
|
|
float: right;
|
|
margin: 5px 0 0 5px;
|
|
}
|
|
|
|
.qa-q-item-avatar {
|
|
margin: 0 0 0 5px;
|
|
}
|
|
@media (min-width: 480px) {
|
|
.qa-q-item-avatar {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.qa-q-item-meta {
|
|
float: right;
|
|
}
|
|
.qa-q-item-meta .qa-category-link.qa-cat-favorited {
|
|
padding-right: 14px;
|
|
}
|
|
.qa-q-item-meta .qa-category-link.qa-cat-favorited:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.qa-q-item-meta .qa-user-link.qa-user-favorited {
|
|
padding-right: 14px;
|
|
}
|
|
.qa-q-item-meta .qa-user-link.qa-user-favorited:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.qa-tag-link.qa-tag-favorited, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited {
|
|
padding-right: 25px;
|
|
}
|
|
.qa-tag-link.qa-tag-favorited:before, .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.qa-top-users-label .qa-avatar-link {
|
|
float: right;
|
|
margin-left: 1em;
|
|
}
|
|
.qa-top-users-label .qa-user-link {
|
|
float: right;
|
|
}
|
|
|
|
.qa-top-users-label .qa-user-link:before {
|
|
left: auto;
|
|
right: -5px;
|
|
border-left: 5px solid #e74c3c;
|
|
}
|
|
@media (min-width: 980px) {
|
|
.qa-top-users-label .qa-user-link:after {
|
|
right: auto;
|
|
left: 0;
|
|
border-right: 7px solid #e74c3c;
|
|
}
|
|
|
|
.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-top-users-label .qa-user-link.qa-user-favorited {
|
|
padding-right: 22px;
|
|
}
|
|
|
|
.qam-user-score-icon {
|
|
padding: 2px 1.8em 2px 6px;
|
|
float: left;
|
|
}
|
|
.qam-user-score-icon:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.qa-browse-cat-link:before {
|
|
right: auto;
|
|
left: -5px;
|
|
border-right: 5px solid #c0392b;
|
|
}
|
|
|
|
.qa-browse-cat-note a {
|
|
right: auto;
|
|
left: 5px;
|
|
padding: 2px 2em 2px 10px;
|
|
}
|
|
.qa-browse-cat-note a:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
@media (min-width: 980px) {
|
|
.qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
|
|
float: left;
|
|
clear: left;
|
|
}
|
|
|
|
.qa-template-user .qa-part-form-profile {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
.qa-form-light-button {
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
.qa-form-light-button-answer {
|
|
float: right;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.qa-form-light-button-comment {
|
|
float: right;
|
|
}
|
|
|
|
.qa-q-view-stats {
|
|
float: right;
|
|
}
|
|
|
|
.qam-q-view-close-icon {
|
|
float: right;
|
|
margin: 8px 0 5px 0;
|
|
}
|
|
|
|
.qa-q-view-avatar {
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
|
|
@media (max-width: 979px) {
|
|
.qa-q-view-meta {
|
|
clear: right;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 980px) {
|
|
.qa-q-view-main {
|
|
float: right;
|
|
margin: 0 20px 0 0;
|
|
}
|
|
}
|
|
|
|
.qa-q-view-closed {
|
|
padding: 10px 54px 10px 10px;
|
|
}
|
|
.qa-q-view-closed:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.qa-q-view-closed:hover {
|
|
padding: 10px 54px 10px 10px;
|
|
margin-bottom: 5px;
|
|
background: #e74c3c;
|
|
color: #fff;
|
|
}
|
|
.qa-q-view-closed:hover a {
|
|
color: #fff;
|
|
border-bottom: 1px dotted #fff;
|
|
}
|
|
.qa-q-view-closed:hover a:hover {
|
|
color: #fff;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.qa-a-item-avatar {
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
|
|
.qa-a-selection {
|
|
position: absolute;
|
|
}
|
|
@media (max-width: 979px) {
|
|
.qa-a-selection {
|
|
left: auto;
|
|
right: 100px;
|
|
}
|
|
}
|
|
@media (min-width: 980px) {
|
|
.qa-a-selection {
|
|
left: auto;
|
|
right: 20px;
|
|
}
|
|
|
|
.qa-a-item-main {
|
|
float: left;
|
|
margin: 0 20px 0 0;
|
|
}
|
|
}
|
|
.qa-a-selection .qa-waiting {
|
|
margin: -7px -7px 0 0;
|
|
}
|
|
|
|
.qa-c-list-item .qa-form-light-button {
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.qa-c-list-item .qa-form-light-button-comment {
|
|
float: right;
|
|
}
|
|
|
|
.qa-c-item-avatar {
|
|
right: auto;
|
|
left: 10px;
|
|
}
|
|
|
|
.qa-activity-count-item {
|
|
float: right;
|
|
}
|
|
|
|
.qa-nav-cat-link.qa-nav-cat-favorited {
|
|
padding-right: 20px;
|
|
}
|
|
.qa-nav-cat-link.qa-nav-cat-favorited:before {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.qa-nav-cat-note {
|
|
float: left;
|
|
}
|
|
|
|
.qa-feed-link:before {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
.qa-nav-footer {
|
|
float: right;
|
|
}
|
|
|
|
.qa-attribution {
|
|
float: left;
|
|
border-left: 1px solid rgba(255, 255, 255, 0.5);
|
|
}
|
|
.qam-attribution {
|
|
float: left;
|
|
padding: 0 5px 0 0;
|
|
}
|
|
}
|
|
|
|
.qa-nav-footer-item {
|
|
float: right;
|
|
}
|
|
|
|
.qa-nav-footer-link {
|
|
padding: 0 0 0 5px;
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
|
|
@media (min-width: 980px) {
|
|
.qa-main {
|
|
float: right;
|
|
}
|
|
.qa-sidepanel {
|
|
float: left;
|
|
}
|
|
|
|
.qam-footer-col {
|
|
float: right;
|
|
}
|
|
}
|