Skip to content

Q
question2answer
Commit 3524c62f by Scott
Options

SnowFlat: merge media queries

parent a1bbb78d
Showing with 195 additions and 283 deletions
qa-theme/SnowFlat/qa-styles-rtl.css
...@@ -60,6 +60,10 @@ h1 { ...@@ -60,6 +60,10 @@ h1 {
left: 10px; left: 10px;
} }
.qa-logo {
margin: 0 0 0 1px;
}
@media (max-width: 979px) { @media (max-width: 979px) {
.qam-search-mobile { .qam-search-mobile {
border-left: 0; border-left: 0;
...@@ -89,31 +93,22 @@ h1 { ...@@ -89,31 +93,22 @@ h1 {
.qam-search-mobile.wet-asphalt { .qam-search-mobile.wet-asphalt {
border-right-color: #3d566e; border-right-color: #3d566e;
} }
}
@media (max-width: 979px) {
.qam-menu-toggle { .qam-menu-toggle {
float: right; float: right;
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
}
.qa-logo {
margin: 0 0 0 1px;
}
@media (min-width: 980px) {
.qa-logo {
float: right;
}
}
@media (max-width: 979px) {
.qa-nav-main { .qa-nav-main {
left: auto; left: auto;
right: 0; right: 0;
} }
}
@media (min-width: 980px) { .qa-nav-main-link:before {
.qa-nav-main { margin: 0 0 0 15px;
}
.qa-nav-sub-item {
float: right; float: right;
} }
} }
...@@ -122,9 +117,6 @@ h1 { ...@@ -122,9 +117,6 @@ h1 {
.qa-nav-main-item { .qa-nav-main-item {
float: right; float: right;
} }
}
@media (min-width: 980px) {
.qa-nav-main-item-opp { .qa-nav-main-item-opp {
float: left; float: left;
} }
...@@ -133,18 +125,6 @@ h1 { ...@@ -133,18 +125,6 @@ h1 {
} }
} }
@media (max-width: 979px) {
.qa-nav-main-link:before {
margin: 0 0 0 15px;
}
}
@media (max-width: 979px) {
.qa-nav-sub-item {
float: right;
}
}
.qam-account-items-wrapper { .qam-account-items-wrapper {
float: left; float: left;
} }
...@@ -247,13 +227,7 @@ h1 { ...@@ -247,13 +227,7 @@ h1 {
.qa-top-users-label .qa-user-link { .qa-top-users-label .qa-user-link {
float: right; float: right;
} }
@media (min-width: 980px) {
.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:before { .qa-top-users-label .qa-user-link:before {
left: auto; left: auto;
right: -5px; right: -5px;
...@@ -265,6 +239,12 @@ h1 { ...@@ -265,6 +239,12 @@ h1 {
left: 0; left: 0;
border-right: 7px solid #e74c3c; 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 { .qa-top-users-label .qa-user-link.qa-user-favorited {
padding-right: 22px; padding-right: 22px;
...@@ -300,8 +280,7 @@ h1 { ...@@ -300,8 +280,7 @@ h1 {
float: left; float: left;
clear: left; clear: left;
} }
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile { .qa-template-user .qa-part-form-profile {
float: right; float: right;
} }
...@@ -370,13 +349,6 @@ h1 { ...@@ -370,13 +349,6 @@ h1 {
border-bottom: 0; border-bottom: 0;
} }
@media (min-width: 980px) {
.qa-a-item-main {
float: right;
margin: 0 20px 0 0;
}
}
.qa-a-item-avatar { .qa-a-item-avatar {
right: auto; right: auto;
left: 20px; left: 20px;
...@@ -396,6 +368,11 @@ h1 { ...@@ -396,6 +368,11 @@ h1 {
left: auto; left: auto;
right: 20px; right: 20px;
} }
.qa-a-item-main {
float: right;
margin: 0 20px 0 0;
}
} }
.qa-a-selection .qa-waiting { .qa-a-selection .qa-waiting {
margin: -7px -7px 0 0; margin: -7px -7px 0 0;
...@@ -436,49 +413,39 @@ h1 { ...@@ -436,49 +413,39 @@ h1 {
margin-left: 8px; margin-left: 8px;
} }
@media (min-width: 980px) {
.qam-footer-col {
float: right;
}
}
@media (min-width: 480px) { @media (min-width: 480px) {
.qa-nav-footer { .qa-nav-footer {
float: right; float: right;
} }
}
.qa-nav-footer-item {
float: right;
}
.qa-nav-footer-link {
padding: 0 0 0 5px;
border-width: 0 0 0 1px;
}
@media (min-width: 480px) {
.qa-attribution { .qa-attribution {
float: left; float: left;
border-left: 1px solid rgba(255, 255, 255, 0.5); border-left: 1px solid rgba(255, 255, 255, 0.5);
} }
}
@media (min-width: 480px) {
.qam-attribution { .qam-attribution {
float: left; float: left;
padding: 0 5px 0 0; padding: 0 5px 0 0;
} }
} }
@media (min-width: 980px) { .qa-nav-footer-item {
.qa-main {
float: right; float: right;
} }
.qa-nav-footer-link {
padding: 0 0 0 5px;
border-width: 0 0 0 1px;
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-main {
float: right;
}
.qa-sidepanel { .qa-sidepanel {
float: left; float: left;
} }
.qam-footer-col {
float: right;
}
} }
qa-theme/SnowFlat/qa-styles.css
...@@ -361,17 +361,6 @@ blockquote p { ...@@ -361,17 +361,6 @@ blockquote p {
} }
/*------[ main nav css ]------*/ /*------[ main nav css ]------*/
@media (max-width: 979px) {
.qam-body-fixed {
padding-top: 70px;
}
}
@media (min-width: 980px) {
.qam-body-fixed {
padding-top: 80px;
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.qa-template-questions.qam-body-fixed, .qa-template-unanswered.qam-body-fixed, .qa-template-user.qam-body-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, .qa-template-account.qam-body-fixed, .qa-template-messages.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
...@@ -386,26 +375,26 @@ blockquote p { ...@@ -386,26 +375,26 @@ blockquote p {
padding-top: 105px; padding-top: 105px;
} }
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-template-user.qam-body-fixed, .qa-template-account.qam-body-fixed, .qa-template-favorites.qam-body-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 { [class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
padding-top: 142px; padding-top: 142px;
} }
}
@media (max-width: 979px) { .qam-body-fixed {
padding-top: 70px;
}
.qa-template-messages.qam-body-fixed { .qa-template-messages.qam-body-fixed {
padding-top: 95px; padding-top: 95px;
} }
}
@media (max-width: 979px) {
.qa-template-admin.qam-body-fixed { .qa-template-admin.qam-body-fixed {
padding-top: 240px; padding-top: 240px;
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qam-body-fixed {
padding-top: 80px;
}
.qa-template-admin.qam-body-fixed { .qa-template-admin.qam-body-fixed {
padding-top: 105px; padding-top: 105px;
} }
...@@ -429,11 +418,7 @@ blockquote p { ...@@ -429,11 +418,7 @@ blockquote p {
color: #bdc3c7; color: #bdc3c7;
padding: 10px; padding: 10px;
} }
@media (max-width: 979px) {
.qam-main-nav-wrapper {
position: relative;
}
}
.qam-main-nav-wrapper a { .qam-main-nav-wrapper a {
color: #fff; color: #fff;
} }
...@@ -441,20 +426,25 @@ blockquote p { ...@@ -441,20 +426,25 @@ blockquote p {
.qam-menu-toggle { .qam-menu-toggle {
display: none; display: none;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qam-main-nav-wrapper {
position: relative;
}
.qam-menu-toggle { .qam-menu-toggle {
display: block; /* turn on menu icon */ display: block; /* turn on menu icon */
float: left; float: left;
font-size: 34px;
margin: 0 10px 0 0; margin: 0 10px 0 0;
font-size: 34px;
} }
.qam-menu-toggle.current { .qam-menu-toggle.current {
color: #fff; color: #fff;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.75); text-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
} }
.qam-menu-toggle .icon-th-list { .qam-menu-toggle .icon-th-list {
margin-top: 7px;
display: block; display: block;
margin-top: 7px;
} }
} }
...@@ -473,15 +463,7 @@ blockquote p { ...@@ -473,15 +463,7 @@ blockquote p {
line-height: 49px; line-height: 49px;
display: block; display: block;
} }
@media (min-width: 980px) {
.qa-logo-link {
background: #34495e;
padding: 5px 15px;
}
.qa-logo-link:hover {
background: #445f7a;
}
}
.qa-logo-link:hover { .qa-logo-link:hover {
text-decoration: none; text-decoration: none;
} }
...@@ -503,10 +485,30 @@ blockquote p { ...@@ -503,10 +485,30 @@ blockquote p {
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-logo-link {
background: #34495e;
padding: 5px 15px;
}
.qa-logo-link:hover {
background: #445f7a;
}
.qa-nav-main { .qa-nav-main {
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
} }
.qa-nav-main-item {
float: left;
margin: 0 1px;
}
.qa-nav-main-item-opp {
float: right;
margin: 0 1px;
}
.qa-nav-main-item-opp:last-child {
margin: 0 0 0 50px;
}
} }
.qa-nav-main-list { .qa-nav-main-list {
...@@ -515,13 +517,6 @@ blockquote p { ...@@ -515,13 +517,6 @@ blockquote p {
list-style: none; list-style: none;
} }
@media (min-width: 980px) {
.qa-nav-main-item {
float: left;
margin: 0 1px;
}
}
.qa-nav-main-activity .qa-nav-main-link:before { .qa-nav-main-activity .qa-nav-main-link:before {
content: '\e804'; content: '\e804';
} }
...@@ -574,16 +569,6 @@ blockquote p { ...@@ -574,16 +569,6 @@ blockquote p {
content: '\e80d'; content: '\e80d';
} }
@media (min-width: 980px) {
.qa-nav-main-item-opp {
float: right;
margin: 0 1px;
}
.qa-nav-main-item-opp:last-child {
margin: 0 0 0 50px;
}
}
.qa-nav-main-link { .qa-nav-main-link {
background-color: #34495e; background-color: #34495e;
display: block; display: block;
...@@ -592,17 +577,6 @@ blockquote p { ...@@ -592,17 +577,6 @@ blockquote p {
width: auto; width: auto;
height: auto; height: auto;
} }
@media (max-width: 979px) {
.qa-nav-main-link {
padding: 5px 10px;
}
}
@media (min-width: 980px) {
.qa-nav-main-link {
padding: 5px;
text-align: center;
}
}
.qa-nav-main-link:hover { .qa-nav-main-link:hover {
text-decoration: none; text-decoration: none;
background: #445f7a; background: #445f7a;
...@@ -612,7 +586,11 @@ blockquote p { ...@@ -612,7 +586,11 @@ blockquote p {
font-size: 24px; font-size: 24px;
content: '\e80d'; content: '\e80d';
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-nav-main-link {
padding: 5px 10px;
}
.qa-nav-main-link:before { .qa-nav-main-link:before {
display: inline-block; display: inline-block;
width: 24px; width: 24px;
...@@ -620,6 +598,10 @@ blockquote p { ...@@ -620,6 +598,10 @@ blockquote p {
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-nav-main-link {
padding: 5px;
text-align: center;
}
.qa-nav-main-link:before { .qa-nav-main-link:before {
display: block; display: block;
text-align: center; text-align: center;
...@@ -634,24 +616,17 @@ blockquote p { ...@@ -634,24 +616,17 @@ blockquote p {
background-color: #e0e4e5; background-color: #e0e4e5;
text-align: center; text-align: center;
} }
@media (max-width: 979px) {
.qa-nav-sub {
font-size: 10px;
}
}
@media (min-width: 980px) {
.qa-nav-sub {
font-size: 12px;
padding: 0 6px;
}
}
.qa-nav-sub-list { .qa-nav-sub-list {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-nav-sub {
font-size: 10px;
}
.qa-nav-sub-list { .qa-nav-sub-list {
*zoom: 1; *zoom: 1;
} }
...@@ -662,9 +637,7 @@ blockquote p { ...@@ -662,9 +637,7 @@ blockquote p {
.qa-nav-sub-list:after { .qa-nav-sub-list:after {
clear: both; clear: both;
} }
}
@media (max-width: 979px) {
.qa-nav-sub-item { .qa-nav-sub-item {
width: 33.33%; width: 33.33%;
float: left; float: left;
...@@ -676,6 +649,10 @@ blockquote p { ...@@ -676,6 +649,10 @@ blockquote p {
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-nav-sub {
font-size: 12px;
padding: 0 6px;
}
.qa-nav-sub-item { .qa-nav-sub-item {
display: inline-block; display: inline-block;
margin: 0 5px 0 0; margin: 0 5px 0 0;
...@@ -872,11 +849,42 @@ blockquote p { ...@@ -872,11 +849,42 @@ blockquote p {
} }
/*------[ qa content parts ]------*/ /*------[ qa content parts ]------*/
.qa-main {
.qa-main, .qa-main-wrapper {
overflow: hidden; overflow: hidden;
*zoom: 1; *zoom: 1;
} }
.qa-body-wrapper {
margin: 20px auto;
overflow: hidden;
*zoom: 1;
}
@media (min-width: 980px) {
.qa-main {
width: 74.5%;
float: left;
}
.qam-topbar, .qa-main-wrapper {
width: 100%;
}
}
@media (max-width: 1023px) {
.qa-body-wrapper {
width: 100%;
margin-top: 10px;
padding: 0 10px;
}
}
@media (min-width: 1024px) {
.qa-body-wrapper {
width: 1024px;
}
}
h1 { h1 {
padding: 8px 52px 8px 20px; padding: 8px 52px 8px 20px;
margin-bottom: 5px; margin-bottom: 5px;
...@@ -1050,33 +1058,6 @@ h1 a:hover, h1 a:focus, h1 a:visited { ...@@ -1050,33 +1058,6 @@ h1 a:hover, h1 a:focus, h1 a:visited {
} }
} }
@media (min-width: 800px) {
.qa-voting {
width: 68px;
height: 60px;
line-height: 0.5;
float: left;
}
}
@media (min-width: 800px) {
.qa-a-count {
width: 65px;
height: 60px;
line-height: 0.5;
float: left;
}
}
@media (max-width: 799px) {
.qa-voting, .qa-a-count {
width: 60px;
height: 60px;
line-height: 0.5;
display: block;
}
}
.qa-voting { .qa-voting {
background-color: #ecf0f1; background-color: #ecf0f1;
color: #445f7a; color: #445f7a;
...@@ -1096,8 +1077,14 @@ h1 a:hover, h1 a:focus, h1 a:visited { ...@@ -1096,8 +1077,14 @@ h1 a:hover, h1 a:focus, h1 a:visited {
background-color: #27ae60; background-color: #27ae60;
} }
@media (max-width: 799px) {
.qa-voting, .qa-a-count {
width: 60px;
height: 60px;
line-height: 0.5;
display: block;
}
@media (min-width: 800px) {
.qa-netvote-count-data, .qa-a-count-data { .qa-netvote-count-data, .qa-a-count-data {
font-size: 24px; font-size: 24px;
line-height: 40px; line-height: 40px;
...@@ -1105,7 +1092,21 @@ h1 a:hover, h1 a:focus, h1 a:visited { ...@@ -1105,7 +1092,21 @@ h1 a:hover, h1 a:focus, h1 a:visited {
} }
} }
@media (max-width: 799px) { @media (min-width: 800px) {
.qa-voting {
width: 68px;
height: 60px;
line-height: 0.5;
float: left;
}
.qa-a-count {
width: 65px;
height: 60px;
line-height: 0.5;
float: left;
}
.qa-netvote-count-data, .qa-a-count-data { .qa-netvote-count-data, .qa-a-count-data {
font-size: 24px; font-size: 24px;
line-height: 40px; line-height: 40px;
...@@ -1535,13 +1536,7 @@ h1 a:hover, h1 a:focus, h1 a:visited { ...@@ -1535,13 +1536,7 @@ h1 a:hover, h1 a:focus, h1 a:visited {
background-color: #eb695c; background-color: #eb695c;
text-decoration: none; text-decoration: none;
} }
@media (min-width: 980px) {
.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:before { .qa-top-users-label .qa-user-link:before {
content: ""; content: "";
position: absolute; position: absolute;
...@@ -1554,7 +1549,14 @@ h1 a:hover, h1 a:focus, h1 a:visited { ...@@ -1554,7 +1549,14 @@ h1 a:hover, h1 a:focus, h1 a:visited {
border-bottom: 5px solid transparent; border-bottom: 5px solid transparent;
border-right: 5px solid #e74c3c; border-right: 5px solid #e74c3c;
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.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:after { .qa-top-users-label .qa-user-link:after {
content: ""; content: "";
display: block; display: block;
...@@ -2016,14 +2018,10 @@ input[type="submit"], button { ...@@ -2016,14 +2018,10 @@ input[type="submit"], button {
.qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list { .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
width: 49.8%; width: 49.8%;
} }
}
@media (min-width: 980px) {
.qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list { .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
float: right; float: right;
clear: right; clear: right;
} }
}
@media (min-width: 980px) {
.qa-template-user .qa-part-form-profile { .qa-template-user .qa-part-form-profile {
float: left; float: left;
} }
...@@ -2283,13 +2281,7 @@ input[type="submit"], button { ...@@ -2283,13 +2281,7 @@ input[type="submit"], button {
float: left; float: left;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-q-view-stats { .qa-q-view-stats, .qa-voting {
margin-bottom: 5px;
}
}
@media (max-width: 979px) {
.qa-voting {
margin-bottom: 5px; margin-bottom: 5px;
} }
} }
...@@ -2347,9 +2339,6 @@ input[type="submit"], button { ...@@ -2347,9 +2339,6 @@ input[type="submit"], button {
font-size: 0.875em; font-size: 0.875em;
line-height: 1.71429em; line-height: 1.71429em;
} }
}
@media (max-width: 979px) {
.qa-q-view-main { .qa-q-view-main {
width: 100%; width: 100%;
} }
...@@ -2467,19 +2456,6 @@ input[type="submit"], button { ...@@ -2467,19 +2456,6 @@ input[type="submit"], button {
min-height: 190px; min-height: 190px;
} }
@media (max-width: 979px) {
.qa-a-item-main {
width: 100%;
}
}
@media (min-width: 980px) {
.qa-a-item-main {
float: left;
margin: 0 0 0 20px;
width: 81%;
}
}
.qa-a-item-avatar-meta { .qa-a-item-avatar-meta {
font-size: 12px; font-size: 12px;
display: block; display: block;
...@@ -2496,13 +2472,6 @@ input[type="submit"], button { ...@@ -2496,13 +2472,6 @@ input[type="submit"], button {
border-bottom: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7;
display: block; display: block;
} }
@media (max-width: 979px) {
.qa-a-item-meta {
clear: left;
font-size: 0.875em;
line-height: 1.71429em;
}
}
.qa-a-item-buttons { .qa-a-item-buttons {
margin-top: 10px; margin-top: 10px;
...@@ -2517,13 +2486,30 @@ input[type="submit"], button { ...@@ -2517,13 +2486,30 @@ input[type="submit"], button {
.qa-a-selection { .qa-a-selection {
position: absolute; position: absolute;
} }
@media (max-width: 979px) { @media (max-width: 979px) {
.qa-a-item-main {
width: 100%;
}
.qa-a-item-meta {
clear: left;
font-size: 0.875em;
line-height: 1.71429em;
}
.qa-a-selection { .qa-a-selection {
left: 100px; left: 100px;
top: 20px; top: 20px;
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-a-item-main {
float: left;
margin: 0 0 0 20px;
width: 81%;
}
.qa-a-selection { .qa-a-selection {
left: 20px; left: 20px;
top: 100px; top: 100px;
...@@ -3010,17 +2996,6 @@ input[type="submit"], button { ...@@ -3010,17 +2996,6 @@ input[type="submit"], button {
font-weight: normal; font-weight: normal;
border: none; border: none;
} }
@media (min-width: 980px) {
.qam-footer-row {
width: 100%;
}
}
@media (min-width: 1024px) {
.qam-footer-row {
width: 1024px;
margin: 0 auto;
}
}
.qam-footer-col-heading { .qam-footer-col-heading {
border-bottom: 1px solid rgba(255, 255, 255, 0.75); border-bottom: 1px solid rgba(255, 255, 255, 0.75);
...@@ -3034,6 +3009,10 @@ input[type="submit"], button { ...@@ -3034,6 +3009,10 @@ input[type="submit"], button {
} }
} }
@media (min-width: 980px) { @media (min-width: 980px) {
.qam-footer-row {
width: 100%;
}
.qam-footer-col { .qam-footer-col {
width: 25%; width: 25%;
float: left; float: left;
...@@ -3046,6 +3025,12 @@ input[type="submit"], button { ...@@ -3046,6 +3025,12 @@ input[type="submit"], button {
padding-right: 0; padding-right: 0;
} }
} }
@media (min-width: 1024px) {
.qam-footer-row {
width: 1024px;
margin: 0 auto;
}
}
.qa-footer { .qa-footer {
padding: 10px; padding: 10px;
...@@ -3065,18 +3050,6 @@ input[type="submit"], button { ...@@ -3065,18 +3050,6 @@ input[type="submit"], button {
border-bottom: 0; border-bottom: 0;
} }
@media (max-width: 479px) {
.qa-nav-footer {
display: block;
margin-bottom: 5px;
}
}
@media (min-width: 480px) {
.qa-nav-footer {
float: left;
}
}
.qa-nav-footer-list { .qa-nav-footer-list {
list-style: none; list-style: none;
margin: 0; margin: 0;
...@@ -3098,11 +3071,20 @@ input[type="submit"], button { ...@@ -3098,11 +3071,20 @@ input[type="submit"], button {
} }
@media (max-width: 479px) { @media (max-width: 479px) {
.qa-nav-footer {
display: block;
margin-bottom: 5px;
}
.qa-attribution { .qa-attribution {
display: block; display: block;
} }
} }
@media (min-width: 480px) { @media (min-width: 480px) {
.qa-nav-footer {
float: left;
}
.qa-attribution { .qa-attribution {
float: right; float: right;
display: block; display: block;
...@@ -3140,20 +3122,13 @@ input[type="submit"], button { ...@@ -3140,20 +3122,13 @@ input[type="submit"], button {
margin: 0 !important; margin: 0 !important;
} }
@media (min-width: 980px) {
.qam-ask-search-box {
display: none;
}
}
@media (max-width: 979px) { @media (max-width: 979px) {
.qam-ask-search-box { .qam-ask-search-box {
padding: 10px 10px 0 10px; padding: 10px 10px 0 10px;
display: table; display: table;
width: 100%; width: 100%;
} }
}
@media (max-width: 979px) {
.qam-ask-mobile { .qam-ask-mobile {
display: table-cell; display: table-cell;
} }
...@@ -3279,6 +3254,13 @@ input[type="submit"], button { ...@@ -3279,6 +3254,13 @@ input[type="submit"], button {
background-position: center; background-position: center;
} }
} }
@media (min-width: 980px) {
.qam-ask-search-box {
display: none;
}
}
@-webkit-keyframes shake { @-webkit-keyframes shake {
0% { 0% {
transform: scale(1); transform: scale(1);
...@@ -3575,40 +3557,3 @@ input[type="submit"], button { ...@@ -3575,40 +3557,3 @@ input[type="submit"], button {
.icon-reply:before { .icon-reply:before {
content: '\e82e'; content: '\e82e';
} }
/*------[ responsive css ]------*/
@media (min-width: 980px) {
.qam-topbar, .qa-main-wrapper {
width: 100%;
}
}
.qa-body-wrapper {
margin: 20px auto;
overflow: hidden;
*zoom: 1;
}
@media (max-width: 1023px) {
.qa-body-wrapper {
width: 100%;
margin-top: 10px;
padding: 0 10px;
}
}
@media (min-width: 1024px) {
.qa-body-wrapper {
width: 1024px;
}
}
.qa-main-wrapper {
overflow: hidden;
*zoom: 1;
}
@media (min-width: 980px) {
.qa-main {
width: 74.5%;
float: left;
}
}
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