/*

Question2Answer 1.3-beta-2 (c) 2010, Gideon Greenspan


http://www.question2answer.org/



File: qa-theme/Default/qa-styles.css

Version: 1.3-beta-2

Date: 2010-11-11 10:26:02 GMT

Description: CSS file for included Candy theme



This program is free software; you can redistribute it and/or

modify it under the terms of the GNU General Public License

as published by the Free Software Foundation; either version 2

of the License, or (at your option) any later version.


This program is distributed in the hope that it will be useful,

but WITHOUT ANY WARRANTY; without even the implied warranty of

MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

GNU General Public License for more details.


More about this license: http://www.question2answer.org/license.php

  • /



/* General page layout */


body { direction: rtl;background: #cfd1c4; margin: 0; padding: 0; text-align: center;}

body,td,input,textarea {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

a:link,a:active,a:visited {text-decoration:none;}

a:hover {text-decoration:underline;}

p {margin-top: 0;}


.qa-body-wrapper {background: #fff; border-right: 1px solid #293d39; border-left: 1px solid #293d39; width: 980px; margin: 0 auto; text-align: right;}


/* Clearing classes */


.qa-nav-main-clear,

.qa-nav-sub-clear,

.qa-q-item-clear,

.qa-q-view-clear,

.qa-a-item-clear,

.qa-c-item-clear,

.qa-footer-clear,

.qa-vote-count-clear,

.qa-page-links-clear {clear:both;}


/* Headings */


h1 {font-size: 1em margin: 22px; 0} h2 {font-size: 16px; padding-top: 12px; clear: both;}


.qa-error {background: #fee; border: 1px solid #c00; color: #c00; font-size: 16px; padding: .5em; margin: 1em 0; font-weight: bold;}

.qa-error a {color:#900; text-decoration:underline;}

.qa-error a:hover {color:#f00;}


/* Page sections */


.qa-header {padding: 10px 20px 0 20px; border-bottom: 2px solid #293d39;}

.qa-sidepanel {float: left; width: 176px; margin-left: 18px;}

  • html .qa-sidepanel {margin-left: 10px;} /* IE6 */

.qa-sidebar {padding: 12px; font-size: 14px; background: #f5e4c3; border: 1px solid #f3c772; margin: 24px 0;}

.qa-feed {background: url(feed-icon-14x14.png) no-repeat right top; padding-right: 20px; height: 16px; margin: 24px 0;}

.qa-feed-link {font-size:10px; color:#666;}

.qa-main {padding-right: 20px; float: right; margin-bottom: 2em; width: 750px;}

.qa-main-hidden h1 {color:#999;}

.qa-footer {clear: both; background: #293D39; color: #FFF; font-size: 10px; padding: 12px;}

  • html .qa-footer {padding-top: 6px;} /* IE6 */


/* Header sections */


.qa-logo {float: right; margin-bottom: 16px; font-size: 40px; font-weight: bold; color: #293d39;}

.qa-logo-link, .qa-logo-link:hover {color:#293d39;}


.qa-nav-user {float:left; font-size:14px; color:#293D39; white-space:nowrap;}

.qa-nav-user-list {list-style: none; padding: 0; margin: 0; display: inline;}

.qa-nav-user-item {display: inline; margin-right: 12px; font-weight: bold;}

.qa-nav-user-link {color:#293d39;}

.qa-logged-in {display:inline;}


.qa-search {float: left; clear: left; margin-top: 12px; white-space: nowrap;}

.qa-search-field {width: 2px} margin-left: 12em;;


/* Main, sub and category navigation */


.qa-nav-main {clear:both;}

.qa-nav-main-list {font-size: 16px; list-style: none; padding: 0; margin: 0;}

.qa-nav-main-item,.qa-nav-main-item-opp {border-top:1px solid #1f2e2b; border-right:1px solid #1f2e2b; border-left:1px solid #1f2e2b;}

.qa-nav-main-item {float: 4px} margin-left: right;; .qa-nav-main-item-opp {float: 4px} margin-right: left;; .qa-nav-main-link {color: #FFF; display: block; padding: 6px 10px; background: #293d39;}

.qa-nav-main-link:hover, .qa-nav-main-selected {background:#396e63; text-decoration:none;}


.qa-nav-sub {clear: both; float: right; padding-top: 3px;}

.qa-nav-sub-list {font-size: 12px; list-style: none; padding: 0; margin: 0;}

.qa-nav-sub-item {float: 2px;margin-bottom: margin-left: right; 2px;} .qa-nav-sub-link {background: #cfd1c4; color: #396e63; font-weight: bold; padding: 5px 8px; display: block;}

.qa-nav-sub-link:hover, .qa-nav-sub-selected {background:#9cdbce; text-decoration:none;}

.qa-nav-sub-link.qa-nav-selected {background:#396e63;}


.qa-nav-cat-list {font-size: 14px; list-style: none; padding: 0; margin: 0; margin: 24px 0;}

.qa-nav-cat-item {margin: 0.5em 0;}

.qa-nav-cat-link {font-weight:bold;}

.qa-nav-cat-selected,.qa-nav-cat-selected:hover {text-decoration:none; color:#000;}


/* Pagination */


.qa-page-links {padding: 12px 0; font-size: 14px; clear: both; zoom: 1;} /* zoom: 1 for IE6 */

.qa-page-links-label {color:#333;}

.qa-page-links-list {margin: 0; padding: 0; list-style: none; display: inline;}

.qa-page-links-item {display:inline;}

.qa-page-link,.qa-page-selected,.qa-page-prev,.qa-page-next {margin: 3px 1px; padding: 3px 5px; border: 1px solid #666;}

.qa-page-link:hover,.qa-page-prev:hover,.qa-page-next:hover {text-decoration:none; background-color:#777; color:#eee;}

.qa-page-link {color:#333;}

.qa-page-prev,.qa-page-next {color:#333; background:#DDD;}

.qa-page-selected {color:#fff; background-color:#666;}

.qa-page-ellipsis {color:#666;}


/* Standard form (tall version) */


.qa-form-tall-table {border:1px solid #658296; background-color:#d9e3ea; width:500px;}

.qa-form-tall-spacer {background: #E3F4FF; line-height: 1px; padding: 0; font-size: 1px;}

.qa-form-tall-ok {background: #efe; border: 1px solid #090; color: #090; font-size: 18px; padding: 6px; text-align: center;}

.qa-form-tall-label {color: #253845; padding: 12px 8px 2px 8px; font-size: 13px; font-weight: bold;}

.qa-form-tall-data {padding: 0px 8px 10px 8px; width: 480px;}

.qa-form-tall-text,.qa-form-tall-number {padding: 3px;}

.qa-form-tall-text {width:480px; border:1px solid #658296;}

.qa-form-tall-number {width:48px; border:1px solid #658296;}

.qa-form-tall-checkbox {float: 6px} margin-left: right;; .qa-form-tall-image {text-align: 12px} margin-top: center;; .qa-form-tall-image img {border:1px solid #000;}

.qa-form-tall-error {background: #fee; border: 1px solid #c00; color: #c00; font-size: 14px; margin-top: 6px; padding: .5em; display: inline-block;}

.qa-form-tall-note {margin-top: 6px;}

.qa-form-tall-note a {color:#293D39; text-decoration:underline;}

.qa-form-tall-note a:hover {color:#396E63;}

.qa-form-tall-buttons {padding: center} text-align: 8px;;


/* Standard form (wide version) */


.qa-form-wide-table {border:1px solid #658296; background-color:#d9e3ea;}

.qa-form-wide-spacer {background: #E3F4FF; line-height: 1px; padding: 0; font-size: 1px;}

.qa-form-wide-ok {background: #efe; border: 1px solid #090; color: #090; font-size: 16px; padding: 6px; text-align: center;}

.qa-form-wide-label {color: #253845; padding: 6px 10px; font-size: 13px; font-weight: bold; white-space: nowrap;}

.qa-form-wide-data {padding: 6px 10px;}

.qa-form-wide-text,.qa-form-wide-number {padding: 3px;}

.qa-form-wide-text {width:320px; border:1px solid #658296;}

.qa-form-wide-number {width:48px; border:1px solid #658296; vertical-align:middle;}

.qa-form-wide-error {display: inline-block; background: #fee; border: 1px solid #c00; color: #c00; font-size: 11px; margin-right: 6px; padding: .5em;}

.qa-form-wide-note {font-size: 10px; margin-right: 4px; color: #235272;}

.qa-form-wide-buttons {padding: center} text-align: 8px;;


/* Standard form (light version - buttons only) */


.qa-form-light-button,.qa-form-light-hover {background: none; border: 1px solid #fff; cursor: pointer; padding: 0; margin-left: 6px; font-size: 10px; overflow: visible;} /* overflow: visible for IE, 1px border needed for tooltips to work more reliably in IE */

.qa-form-light-button {color:#666;}

.qa-form-light-hover, .qa-form-light-button:hover {color:#000;}


/* Standard form (basic version - buttons only) */


.qa-form-basic-button,.qa-form-basic-hover {background: none repeat scroll 0 0 #293D39; border: 1px solid #293D39; margin: 4px 4px 4px 0; padding: 3px 4px; vertical-align: middle;}

.qa-form-basic-button {color:#FFF;}

.qa-form-basic-hover,.qa-form-basic-button:hover {background:#396E63; border:1px solid #293D39; color:#FFF;}


.qa-form-basic-note {font-size:11px;}


/* Question list */


.qa-q-list-item {margin-bottom: 24px; padding-bottom: 1px; zoom: 1;} /* zoom for IE, padding for early FF */

.qa-q-item-main {float:right; width:550px;}

.qa-q-item-title {color:#235272; font-weight:bold; font-size:16px;}

.qa-q-item-title a {color:#235272;}

.qa-q-item-avatar {display: inline-block; vertical-align: middle; margin-top: 6px; margin-left: 2px;}

.qa-q-item-meta {display: inline-block; vertical-align: middle; margin-top: 6px;}

.qa-q-item-when-data {font-weight:bold;}

.qa-q-item-who-title {font-size:80%; font-weight:bold; color:#900707;}

.qa-q-item-points-data {font-weight:bold;}

.qa-q-item-tags {margin-top: 8px;}

.qa-q-item-tag-list {list-style: none; margin: 0; padding: 0;}

.qa-q-item-tag-item {display:inline;}


.qa-suggest-next {font-size: 14px; padding: 0.5em 0; text-align: right; clear: both;}

.qa-suggest-next a {border: 1px solid #1f2e2b; color: #fff; padding: 3px 6px; background: #293d39; margin: 0 2px;}

.qa-suggest-next a:hover {color:#fff; background:#396e63; text-decoration:none;}


/* Votes */


/* qa-*-hover classes are substituted by JS (for IE), qa-*-button:hover is a backup for other browsers if JS is off */


.qa-voting {background: #b7e3da; border: 1px solid #62847d; margin-left: 1.5em; float: right; height: 42px; overflow: hidden; padding: 18px 0;}

.qa-vote-buttons {float: right; width: 18px; padding-right: 12px;}


.qa-vote-one-button {margin: 12px 0;}

.qa-vote-second-button {margin-top: 12px;}


.qa-vote-up-button,.qa-vote-up-hover,.qa-vote-up-disabled {background:url(vote-buttons.gif) no-repeat; border:0; font-size:1px; height:15px; width:17px;}

.qa-vote-up-button {background-position:0 0; color:#38544e;}

.qa-vote-up-disabled {background-position:0 -60px; color:#38544e;}

.qa-vote-up-hover,.qa-vote-up-button:hover {background-position:0 -15px; color:#65968e;}


.qa-vote-down-button,.qa-vote-down-hover,.qa-vote-down-disabled {background:url(vote-buttons.gif) no-repeat; border:0; font-size:1px; height:15px; width:17px;}

.qa-vote-down-button {background-position:-17px 0; color:#38544e;}

.qa-vote-down-disabled {background-position:-17px -60px; color:#38544e;}

.qa-vote-down-hover,.qa-vote-down-button:hover {background-position:-17px -15px; color:#65968e;}


.qa-voted-up-button,.qa-voted-up-hover {background:url(vote-buttons.gif) no-repeat; border:0; font-size:1px; height:15px; width:17px;}

.qa-voted-up-button {background-position:0 -30px; color:#f3cb7f;}

.qa-voted-up-hover,.qa-voted-up-button:hover {background-position:0 -45px; color:#f3cb7f;}


.qa-voted-down-button,.qa-voted-down-hover {background: url(vote-buttons.gif) no-repeat; border: 0; font-size: 1px; height: 15px; width: 17px; margin: 12px 0;}

.qa-voted-down-button {background-position:-17px -30px; color:#f3cb7f;}

.qa-voted-down-hover,.qa-voted-down-button:hover {background-position:-17px -45px; color:#f3cb7f;}


.qa-vote-count {float:right; text-align:center;}


.qa-netvote-count {width:60px; display:block;}

.qa-netvote-count-data {padding-top: 1px; font-size: 20px; font-weight: bold; display: block;}

.qa-netvote-count-pad {font-size:11px;}


.qa-upvote-count,.qa-downvote-count {width:48px; height:27px; position:relative; top:-4px; display:block;}

.qa-upvote-count-data,.qa-downvote-count-data {font-size:18px; font-weight:bold; display:inline;}

.qa-upvote-count-pad,.qa-downvote-count-pad {font-size:9px; display:none;}


/* Answer count */


.qa-a-count {background: #f7cd7d; border: 1px solid #d6ae64; text-align: center; width: 60px; height: 42px; overflow: hidden; float: right; padding: 18px 0; margin-left: 1.5em;}

.qa-a-count-data {font-size:24px; font-weight:bold; display:block;}

.qa-a-count-pad {font-size:11px;}


/* Top tags and users tables */


.qa-top-tags-table {float: right; border-collapse: collapse; margin-bottom: 1em;}

.qa-top-tags-count {border: 1px solid #658296; border-left: 1px dashed #c1ced6; color: #235272; text-align: left; padding: 6px 8px 6px 12px;}

.qa-top-tags-label {border: 1px solid #658296; border-right: none; background: #e7eff4; padding: 3px 16px 0px 8px;}

.qa-top-tags-label .qa-tag-link {font-weight:normal;}

.qa-top-tags-spacer {padding: 0 4px;}


.qa-top-users-table {float: right; border-collapse: collapse; margin-bottom: 1em;}

.qa-top-users-label {border: 1px solid #c1c5a9; border-left: 1px dashed #c1c5a9; padding: 6px 16px 6px 12px; text-align: right;}

.qa-top-users-score {border: 1px solid #c1c5a9; border-right: none; background: #e9ebde; color: #414944; text-align: left; padding: 6px 12px;}

.qa-top-users-spacer {padding: 0 4px;}


/* Question view */


.qa-q-view-main {float:right; width:600px;}

.qa-q-view-content {font-size: 16px} margin-bottom: 14px;; .qa-q-view-avatar {display: inline-block; vertical-align: middle; margin-left: 8px;}

.qa-q-view-meta {display:inline-block; vertical-align:middle; font-size:13px;}

.qa-q-view-follows {font-size: 12px} margin-bottom: 13px;; .qa-q-view-when-data {font-weight:bold;}

.qa-q-view-who-title {font-size:80%; font-weight:bold; color:#900707;}

.qa-q-view-points-data {font-weight:bold;}

.qa-q-view-tags {margin-bottom: 12px;}

.qa-q-view-tag-list {list-style: none; margin: 0; padding: 0;}

.qa-q-view-tag-item {display:inline;}

.qa-q-view-buttons {text-align:left; clear:both;}

.qa-q-view-c-list {clear: both; margin: 24px 0 0 24px; border-top: 1px dotted #666;}


.qa-q-view-hidden {}

.qa-q-view-hidden .qa-voting {background:#fff; border:1px solid #ccc; color:#ccc;}

.qa-q-view-hidden .qa-q-view-content {color:#999;}

.qa-q-view-hidden .qa-q-view-meta {color:#ccc;}

.qa-q-view-hidden .qa-user-link {color:#999;}

.qa-q-view-hidden .qa-q-view-who-title {color:#999;}

.qa-q-view-hidden .qa-category-link {color:#999;}

.qa-q-view-hidden .qa-tag-link {background-color:#ccc;}


/* Answer view */


.qa-a-list-item {margin-bottom: 40px; zoom: 1; padding-bottom: 1px;} /* zoom for IE, padding for early FF */

.qa-a-list-item-hidden {}

.qa-a-list-item-hidden .qa-voting {background:#FFF; border:1px solid #ccc; color:#ccc;}

.qa-a-list-item-hidden .qa-a-item-content {color:#999;}

.qa-a-list-item-hidden .qa-a-item-what {color:#ccc;}

.qa-a-list-item-hidden .qa-a-item-meta {color:#ccc;}

.qa-a-list-item-hidden .qa-a-item-who-title {color:#999;}

.qa-a-list-item-hidden .qa-user-link {color:#999;}


.qa-a-item-main {float:right; width:600px; display:inline-block;} /* inline-block for IE */

.qa-a-item-selected {background-color: #d7e3e1; border: 1px dashed #486a63; padding: 10px;}

.qa-a-item-content {font-size: 12px} margin-bottom: 14px;; .qa-a-item-avatar {display: inline-block; vertical-align: middle; margin-left: 8px;}

.qa-a-item-meta {display:inline-block; vertical-align:middle; font-size:13px;}

.qa-a-item-when-data {font-weight:bold;}

.qa-a-item-who-title {font-size:80%; font-weight:bold; color:#900707;}

.qa-a-item-points-data {font-weight:bold;}

.qa-a-item-buttons {text-align: left; margin-top: 12px; clear: both;}

.qa-a-item-c-list {clear: both; margin: 12px 0 0 12px; border-top: 1px dotted #666;}


/* Answer selection */


.qa-a-selection {float: left; width: 48px; text-align: center; padding: 6px 0;}


.qa-a-select-button,.qa-a-select-hover {background:url(select-star.png) no-repeat; border:0; height:28px; width:30px;}

.qa-a-select-button {background-position: 0 -28px;}

.qa-a-select-hover,.qa-a-select-button:hover {background-position: 0 -56px;}


.qa-a-unselect-button,.qa-a-unselect-hover {background:url(selected-star.png) no-repeat; border:0; height:28px; width:30px;}

.qa-a-unselect-button {background-position: 0 0;}

.qa-a-unselect-hover,.qa-a-unselect-button:hover {background-position: 0 -28px;}


.qa-a-selected {background: url(selected-star.png) no-repeat 0 0; height: 28px; width: 30px; margin: 0 auto;}

.qa-a-selected-text {font-size: 10px; font-weight: bold; display: block; margin-top: 6px;}


/* Comments */


.qa-c-list-item {border-bottom: 1px dotted #666; padding: 6px; padding-left: 0;}

.qa-c-item-hidden {}

.qa-c-item-hidden .qa-c-item-content {color:#bbb;}

.qa-c-item-hidden .qa-c-item-link {color:#aaf;}

.qa-c-item-hidden .qa-c-item-what {color:#ccc;}

.qa-c-item-hidden .qa-c-item-meta {color:#ccc;}

.qa-c-item-hidden .qa-c-item-who-title {color:#999;}

.qa-c-item-hidden .qa-user-link {color:#999;}


.qa-c-item-link {display: 6px} margin-bottom: block;; .qa-c-item-content {display: block; color: #333; font-size: 12px; margin-bottom: 6px;}

.qa-c-item-footer {position:relative; height:1%;} /* height for IE6 */

.qa-c-item-avatar {display: inline-block; vertical-align: middle; margin-left: 4px;}

.qa-c-item-meta {display:inline-block; vertical-align:middle; font-size:10px; color:#666;}

.qa-c-item-who-title {font-size:80%; font-weight:bold; color:#900707;}

.qa-c-item-who-points {display:none;}

.qa-c-item-buttons {display:block; position:absolute; bottom:0px; left:0px;}


/* Footer parts */


.qa-nav-footer-list {float: right; list-style-type: none; padding: 0; margin: 0;}

.qa-nav-footer-item {float: 12px} margin-left: right;; .qa-nav-footer-link {color:#FFF; text-decoration:underline !important;}

.qa-nav-footer-link:hover {color:#f5d495;}

.qa-attribution {float:left;}

.qa-attribution a {color:#FFF; text-decoration:underline; !important;}

.qa-attribution a:hover {color:#f5d495;}


/* Classes in HTML passed to theme class */


.qa-user-link {color:#079075; font-weight:bold;}

.qa-category-link {color:#473A9F; font-weight:bold;}

.qa-tag-link {font-size: 11px; color: #FFF !important; font-weight: bold; padding: 3px 5px; margin-bottom: 3px; background-color: #658296; display: -moz-inline-stack; display: inline-block; vertical-align: middle; text-decoration: none !important;} /* inline-block for IE, -moz-inline-stack for early FF */

.qa-tag-link:hover {text-decoration:none; background-color:#235272;}

.qa-avatar-image {border:0; vertical-align:middle;}

.qa-avatar-link,.qa-avatar-link:hover {text-decoration:none;}

/* Right To Left CSS By: BH - CSS [2] RTL 1.0 Visit: http://br4v3-h34r7.com for more information.

  • /