commit 27e32d660d6f9604a1e42f595939d60d81c9c063 Author: mose Date: Sat Nov 25 17:15:18 2017 +0800 initial import diff --git a/README.md b/README.md new file mode 100644 index 0000000..b1f837d --- /dev/null +++ b/README.md @@ -0,0 +1,4 @@ +Crazy Toads theme for question2answer +===================================== + +based on Snow Flat Theme from http://www.q2amarket.com/ diff --git a/fonts/LICENSE-Ubuntu.txt b/fonts/LICENSE-Ubuntu.txt new file mode 100644 index 0000000..6e722c8 --- /dev/null +++ b/fonts/LICENSE-Ubuntu.txt @@ -0,0 +1,96 @@ +------------------------------- +UBUNTU FONT LICENCE Version 1.0 +------------------------------- + +PREAMBLE +This licence allows the licensed fonts to be used, studied, modified and +redistributed freely. The fonts, including any derivative works, can be +bundled, embedded, and redistributed provided the terms of this licence +are met. The fonts and derivatives, however, cannot be released under +any other licence. The requirement for fonts to remain under this +licence does not require any document created using the fonts or their +derivatives to be published under this licence, as long as the primary +purpose of the document is not to be a vehicle for the distribution of +the fonts. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this licence and clearly marked as such. This may +include source files, build scripts and documentation. + +"Original Version" refers to the collection of Font Software components +as received under this licence. + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to +a new environment. + +"Copyright Holder(s)" refers to all individuals and companies who have a +copyright ownership of the Font Software. + +"Substantially Changed" refers to Modified Versions which can be easily +identified as dissimilar to the Font Software by users of the Font +Software comparing the Original Version with the Modified Version. + +To "Propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification and with or without charging +a redistribution fee), making available to the public, and in some +countries other activities as well. + +PERMISSION & CONDITIONS +This licence does not grant any rights under trademark law and all such +rights are reserved. + +Permission is hereby granted, free of charge, to any person obtaining a +copy of the Font Software, to propagate the Font Software, subject to +the below conditions: + +1) Each copy of the Font Software must contain the above copyright +notice and this licence. These can be included either as stand-alone +text files, human-readable headers or in the appropriate machine- +readable metadata fields within text or binary files as long as those +fields can be easily viewed by the user. + +2) The font name complies with the following: +(a) The Original Version must retain its name, unmodified. +(b) Modified Versions which are Substantially Changed must be renamed to +avoid use of the name of the Original Version or similar names entirely. +(c) Modified Versions which are not Substantially Changed must be +renamed to both (i) retain the name of the Original Version and (ii) add +additional naming elements to distinguish the Modified Version from the +Original Version. The name of such Modified Versions must be the name of +the Original Version, with "derivative X" where X represents the name of +the new work, appended to that name. + +3) The name(s) of the Copyright Holder(s) and any contributor to the +Font Software shall not be used to promote, endorse or advertise any +Modified Version, except (i) as required by this licence, (ii) to +acknowledge the contribution(s) of the Copyright Holder(s) or (iii) with +their explicit written permission. + +4) The Font Software, modified or unmodified, in part or in whole, must +be distributed entirely under this licence, and must not be distributed +under any other licence. The requirement for fonts to remain under this +licence does not affect any document created using the Font Software, +except any version of the Font Software extracted from a document +created using the Font Software may only be distributed under this +licence. + +TERMINATION +This licence becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF +COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER +DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/Ubuntu-700.woff b/fonts/Ubuntu-700.woff new file mode 100644 index 0000000..d8fb69d Binary files /dev/null and b/fonts/Ubuntu-700.woff differ diff --git a/fonts/Ubuntu-700italic.woff b/fonts/Ubuntu-700italic.woff new file mode 100644 index 0000000..628b31b Binary files /dev/null and b/fonts/Ubuntu-700italic.woff differ diff --git a/fonts/Ubuntu-italic.woff b/fonts/Ubuntu-italic.woff new file mode 100644 index 0000000..4d491dc Binary files /dev/null and b/fonts/Ubuntu-italic.woff differ diff --git a/fonts/Ubuntu-regular.woff b/fonts/Ubuntu-regular.woff new file mode 100644 index 0000000..19a6189 Binary files /dev/null and b/fonts/Ubuntu-regular.woff differ diff --git a/fonts/fontello.eot b/fonts/fontello.eot new file mode 100644 index 0000000..1272666 Binary files /dev/null and b/fonts/fontello.eot differ diff --git a/fonts/fontello.svg b/fonts/fontello.svg new file mode 100644 index 0000000..a1b55db --- /dev/null +++ b/fonts/fontello.svg @@ -0,0 +1,49 @@ + + + +Copyright (C) 2016 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/fontello.ttf b/fonts/fontello.ttf new file mode 100644 index 0000000..cf6931a Binary files /dev/null and b/fonts/fontello.ttf differ diff --git a/fonts/fontello.woff b/fonts/fontello.woff new file mode 100644 index 0000000..d0f42e5 Binary files /dev/null and b/fonts/fontello.woff differ diff --git a/fonts/ubuntu.css b/fonts/ubuntu.css new file mode 100644 index 0000000..c2d1424 --- /dev/null +++ b/fonts/ubuntu.css @@ -0,0 +1,20 @@ +@font-face { + font-family: 'Ubuntu'; font-weight: 400; font-style: normal; + src: local('Ubuntu'), local('Ubuntu-regular'), + url('Ubuntu-regular.woff') format('woff'); +} +@font-face { + font-family: 'Ubuntu'; font-weight: 700; font-style: normal; + src: local('Ubuntu Bold'), local('Ubuntu-700'), + url('Ubuntu-700.woff') format('woff'); +} +@font-face { + font-family: 'Ubuntu'; font-weight: 400; font-style: italic; + src: local('Ubuntu Italic'), local('Ubuntu-italic'), + url('Ubuntu-italic.woff') format('woff'); +} +@font-face { + font-family: 'Ubuntu'; font-weight: 700; font-style: italic; + src: local('Ubuntu Bold Italic'), local('Ubuntu-700italic'), + url('Ubuntu-700italic.woff') format('woff'); +} diff --git a/images/answer-select.png b/images/answer-select.png new file mode 100644 index 0000000..e2e6794 Binary files /dev/null and b/images/answer-select.png differ diff --git a/images/favorite-icon-15x15.png b/images/favorite-icon-15x15.png new file mode 100644 index 0000000..6659079 Binary files /dev/null and b/images/favorite-icon-15x15.png differ diff --git a/images/favorite-light-icon-15x15.png b/images/favorite-light-icon-15x15.png new file mode 100644 index 0000000..5f779e7 Binary files /dev/null and b/images/favorite-light-icon-15x15.png differ diff --git a/images/icons/anchor-white.png b/images/icons/anchor-white.png new file mode 100644 index 0000000..d24270b Binary files /dev/null and b/images/icons/anchor-white.png differ diff --git a/images/icons/anchor.png b/images/icons/anchor.png new file mode 100644 index 0000000..00354b2 Binary files /dev/null and b/images/icons/anchor.png differ diff --git a/images/icons/answer-white.png b/images/icons/answer-white.png new file mode 100644 index 0000000..f803c6c Binary files /dev/null and b/images/icons/answer-white.png differ diff --git a/images/icons/answer.png b/images/icons/answer.png new file mode 100644 index 0000000..75a4c11 Binary files /dev/null and b/images/icons/answer.png differ diff --git a/images/icons/approve-white.png b/images/icons/approve-white.png new file mode 100644 index 0000000..6fcc20d Binary files /dev/null and b/images/icons/approve-white.png differ diff --git a/images/icons/approve.png b/images/icons/approve.png new file mode 100644 index 0000000..bdf53e4 Binary files /dev/null and b/images/icons/approve.png differ diff --git a/images/icons/claim-white.png b/images/icons/claim-white.png new file mode 100644 index 0000000..a8d35bc Binary files /dev/null and b/images/icons/claim-white.png differ diff --git a/images/icons/claim.png b/images/icons/claim.png new file mode 100644 index 0000000..4f37630 Binary files /dev/null and b/images/icons/claim.png differ diff --git a/images/icons/close-black.png b/images/icons/close-black.png new file mode 100644 index 0000000..52ccb53 Binary files /dev/null and b/images/icons/close-black.png differ diff --git a/images/icons/close-red.png b/images/icons/close-red.png new file mode 100644 index 0000000..e94541a Binary files /dev/null and b/images/icons/close-red.png differ diff --git a/images/icons/close-white.png b/images/icons/close-white.png new file mode 100644 index 0000000..2add3f8 Binary files /dev/null and b/images/icons/close-white.png differ diff --git a/images/icons/close.png b/images/icons/close.png new file mode 100644 index 0000000..f3a37ba Binary files /dev/null and b/images/icons/close.png differ diff --git a/images/icons/closed-note-white.png b/images/icons/closed-note-white.png new file mode 100644 index 0000000..e884f6a Binary files /dev/null and b/images/icons/closed-note-white.png differ diff --git a/images/icons/closed-note.png b/images/icons/closed-note.png new file mode 100644 index 0000000..e7df7b0 Binary files /dev/null and b/images/icons/closed-note.png differ diff --git a/images/icons/closed-q-list.png b/images/icons/closed-q-list.png new file mode 100644 index 0000000..e0bc6c9 Binary files /dev/null and b/images/icons/closed-q-list.png differ diff --git a/images/icons/closed-q-view.png b/images/icons/closed-q-view.png new file mode 100644 index 0000000..17f960a Binary files /dev/null and b/images/icons/closed-q-view.png differ diff --git a/images/icons/comment-white.png b/images/icons/comment-white.png new file mode 100644 index 0000000..2689ca5 Binary files /dev/null and b/images/icons/comment-white.png differ diff --git a/images/icons/comment.png b/images/icons/comment.png new file mode 100644 index 0000000..3afee80 Binary files /dev/null and b/images/icons/comment.png differ diff --git a/images/icons/delete-white.png b/images/icons/delete-white.png new file mode 100644 index 0000000..364521e Binary files /dev/null and b/images/icons/delete-white.png differ diff --git a/images/icons/delete.png b/images/icons/delete.png new file mode 100644 index 0000000..88329c7 Binary files /dev/null and b/images/icons/delete.png differ diff --git a/images/icons/edit-white.png b/images/icons/edit-white.png new file mode 100644 index 0000000..540aeb2 Binary files /dev/null and b/images/icons/edit-white.png differ diff --git a/images/icons/edit.png b/images/icons/edit.png new file mode 100644 index 0000000..c472120 Binary files /dev/null and b/images/icons/edit.png differ diff --git a/images/icons/fev-star.png b/images/icons/fev-star.png new file mode 100644 index 0000000..40f1a7c Binary files /dev/null and b/images/icons/fev-star.png differ diff --git a/images/icons/flag-white.png b/images/icons/flag-white.png new file mode 100644 index 0000000..fa8ed0c Binary files /dev/null and b/images/icons/flag-white.png differ diff --git a/images/icons/flag.png b/images/icons/flag.png new file mode 100644 index 0000000..590020b Binary files /dev/null and b/images/icons/flag.png differ diff --git a/images/icons/hide-white.png b/images/icons/hide-white.png new file mode 100644 index 0000000..496824d Binary files /dev/null and b/images/icons/hide-white.png differ diff --git a/images/icons/hide.png b/images/icons/hide.png new file mode 100644 index 0000000..4949c05 Binary files /dev/null and b/images/icons/hide.png differ diff --git a/images/icons/link-white.png b/images/icons/link-white.png new file mode 100644 index 0000000..2aed83b Binary files /dev/null and b/images/icons/link-white.png differ diff --git a/images/icons/link.png b/images/icons/link.png new file mode 100644 index 0000000..636a874 Binary files /dev/null and b/images/icons/link.png differ diff --git a/images/icons/mail-white.png b/images/icons/mail-white.png new file mode 100644 index 0000000..82ba91b Binary files /dev/null and b/images/icons/mail-white.png differ diff --git a/images/icons/mail.png b/images/icons/mail.png new file mode 100644 index 0000000..1c584ec Binary files /dev/null and b/images/icons/mail.png differ diff --git a/images/icons/open-white.png b/images/icons/open-white.png new file mode 100644 index 0000000..67a656f Binary files /dev/null and b/images/icons/open-white.png differ diff --git a/images/icons/open.png b/images/icons/open.png new file mode 100644 index 0000000..4cc2e16 Binary files /dev/null and b/images/icons/open.png differ diff --git a/images/icons/rejected-white.png b/images/icons/rejected-white.png new file mode 100644 index 0000000..4c70387 Binary files /dev/null and b/images/icons/rejected-white.png differ diff --git a/images/icons/rejected.png b/images/icons/rejected.png new file mode 100644 index 0000000..c27d74e Binary files /dev/null and b/images/icons/rejected.png differ diff --git a/images/icons/reply-white.png b/images/icons/reply-white.png new file mode 100644 index 0000000..94dc93d Binary files /dev/null and b/images/icons/reply-white.png differ diff --git a/images/icons/reply.png b/images/icons/reply.png new file mode 100644 index 0000000..3241ed2 Binary files /dev/null and b/images/icons/reply.png differ diff --git a/images/icons/search-mobile-collaps.png b/images/icons/search-mobile-collaps.png new file mode 100644 index 0000000..059d22c Binary files /dev/null and b/images/icons/search-mobile-collaps.png differ diff --git a/images/icons/search-mobile.png b/images/icons/search-mobile.png new file mode 100644 index 0000000..e335e32 Binary files /dev/null and b/images/icons/search-mobile.png differ diff --git a/images/icons/show-white.png b/images/icons/show-white.png new file mode 100644 index 0000000..8a6abfd Binary files /dev/null and b/images/icons/show-white.png differ diff --git a/images/icons/show.png b/images/icons/show.png new file mode 100644 index 0000000..e479edb Binary files /dev/null and b/images/icons/show.png differ diff --git a/images/icons/un-flag-white.png b/images/icons/un-flag-white.png new file mode 100644 index 0000000..49aaddc Binary files /dev/null and b/images/icons/un-flag-white.png differ diff --git a/images/icons/un-flag.png b/images/icons/un-flag.png new file mode 100644 index 0000000..45389cb Binary files /dev/null and b/images/icons/un-flag.png differ diff --git a/images/search-icon-white.png b/images/search-icon-white.png new file mode 100644 index 0000000..02bc03a Binary files /dev/null and b/images/search-icon-white.png differ diff --git a/images/search-icon.png b/images/search-icon.png new file mode 100644 index 0000000..e652931 Binary files /dev/null and b/images/search-icon.png differ diff --git a/images/spinner-icon-14x14.gif b/images/spinner-icon-14x14.gif new file mode 100644 index 0000000..26c49d3 Binary files /dev/null and b/images/spinner-icon-14x14.gif differ diff --git a/images/star.png b/images/star.png new file mode 100644 index 0000000..411f67e Binary files /dev/null and b/images/star.png differ diff --git a/images/star14.png b/images/star14.png new file mode 100644 index 0000000..c330b80 Binary files /dev/null and b/images/star14.png differ diff --git a/images/vote-buttons.png b/images/vote-buttons.png new file mode 100644 index 0000000..b82fc2e Binary files /dev/null and b/images/vote-buttons.png differ diff --git a/js/snow-core.js b/js/snow-core.js new file mode 100644 index 0000000..1ddc7d8 --- /dev/null +++ b/js/snow-core.js @@ -0,0 +1,87 @@ +/* + Q2A Market (c) Jatin Soni + http://www.q2amarket.com/ + + File: js/snow-core.js + Version: Snow 1.4 + Description: JavaScript helpers for SnowFlat 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 3 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. +*/ +$(document).ready(function () { + + /** + * Account menu box toggle script + */ + $('#qam-account-toggle').click(function (e) { + e.stopPropagation(); + $(this).toggleClass('account-active'); + $('.qam-account-items').slideToggle(100); + }); + + $(document).click(function () { + $('#qam-account-toggle.account-active').removeClass('account-active'); + $('.qam-account-items:visible').slideUp(100); + }); + + $('.qam-account-items').click(function (event) { + event.stopPropagation(); + }); + + /** + * Main navigation toggle script + */ + $('.qam-menu-toggle').click(function () { + $('.qa-nav-main').slideToggle(100); + $(this).toggleClass('current'); + }); + + /* + * Sidepannel Toggle Click Function + */ + $('#qam-sidepanel-toggle').click(function () { + $('#qam-sidepanel-mobile').toggleClass('open'); + $(this).toggleClass('active'); + $(this).find('i').toggleClass('icon-right-open-big'); + }); + + /** + * Toggle search box for small screen + */ + $('#qam-search-mobile').click(function () { + $(this).toggleClass('active'); + $('#the-top-search').slideToggle('fast'); + }); + + + /* + * Add wrapper to users point on users list + */ + $('.qa-top-users-score').wrapInner('
'); + + /* + * add wrapper to the message sent note 'td' + */ + $('.qa-part-form-message .qa-form-tall-ok').wrapInner('
'); + + // fix the visible issue for main nav, top search-box + $(window).resize(function () { + if (window.matchMedia('(min-width: 980px)').matches) { + $(".qam-search.the-top .qa-search").hide(); + $(".qa-nav-main").show('fast', function() { $(this).css('display','inline-block'); }); + } else { + $(".qam-search.the-top .qa-search").show(); + $(".qa-nav-main").hide(); + $('.qam-menu-toggle').removeClass('current'); + } + }); + +}); diff --git a/metadata.json b/metadata.json new file mode 100644 index 0000000..3220ff8 --- /dev/null +++ b/metadata.json @@ -0,0 +1,10 @@ +{ + "name": "SnowFlat", + "description": "SnowFlat responsive theme with RTL support", + "version": "1.4", + "date": "2014-03-11", + "author": "Q2A Market", + "author_uri": "http://www.q2amarket.com", + "license": "GPLv2", + "min_q2a": "1.7" +} diff --git a/qa-styles-rtl.css b/qa-styles-rtl.css new file mode 100644 index 0000000..6d7af25 --- /dev/null +++ b/qa-styles-rtl.css @@ -0,0 +1,451 @@ + +/*------[ 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; + } +} diff --git a/qa-styles.css b/qa-styles.css new file mode 100644 index 0000000..64653ad --- /dev/null +++ b/qa-styles.css @@ -0,0 +1,3495 @@ +/* + Theme Name: CrazyToad + Theme URI: + Theme Version: 1.0 + Theme Date: 2017-11-25 + Theme Author: Q2A Market + Theme Author URI: http://www.q2amarket.com/ + Theme License: GPLv2 +*/ + + +.clearfix, .qa-q-item-clear, +.qa-nav-main-list, .qa-nav-sub, +.qa-page-links, .qa-page-links-list, +.qa-template-admin .qa-message-buttons, +.qa-q-item-avatar-meta, .qa-message-item, +.qa-q-view, .qa-part-q-view, .qa-q-view-content, .qa-q-view-buttons, .qa-part-form-q-edit, +.qa-a-list-item, .qa-a-item-buttons, .qa-a-item-content, +.qa-c-item-buttons, .qa-c-item-clear, +.qam-footer-row, .qam-qa-list-meta-box, +.qa-nav-footer-list, .qa-footer-clear { + *zoom: 1; +} + +.qa-main:after, .qa-main-wrapper:after, .qa-body-wrapper:after, .qa-sidepanel:after, +.clearfix:after, .qa-q-item-clear:after, +.qa-nav-main-list:after, .qa-nav-sub:after, +.qa-page-links:after, .qa-page-links-list:after, +.qa-template-admin .qa-message-buttons:after, +.qa-q-item-avatar-meta:after, .qa-message-item:after, +.qa-q-view:after, .qa-part-q-view:after, .qa-q-view-content:after, .qa-q-view-buttons:after, .qa-part-form-q-edit:after, +.qa-a-list-item:after, .qa-a-item-buttons:after, .qa-a-item-content:after, +.qa-c-item-buttons:after, .qa-c-item-clear:after, +.qam-footer-row:after, .qam-qa-list-meta-box:after, +.qa-nav-footer-list:after, .qa-footer-clear:after { + content: " "; + display: table; + clear: both; +} + +/*------[ icon font ]------*/ +@font-face { + font-family: "fontello"; + src: url("fonts/fontello.eot?70015067") format("embedded-opentype"), + url("fonts/fontello.eot?70015067#iefix") format("embedded-opentype"), + url("fonts/fontello.woff?70015067") format("woff"), + url("fonts/fontello.ttf?70015067") format("truetype"), + url("fonts/fontello.svg?70015067#fontello") format("svg"); + font-weight: normal; + font-style: normal; +} + +/*------[ base css ]------*/ +html { + font-size: 16px; + line-height: 1.5; +} + +:-moz-placeholder { + color: #bdc3c7; + font-style: italic; +} + +::-webkit-input-placeholder { + color: #bdc3c7; + font-style: italic; +} + +* { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +html, body { + margin: 0; + padding: 0; +} + +body { + background: #ecf0f1 !important; + position: relative; + font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif; + color: #34495e; +} +body.body-overflow { + overflow-y: hidden !important; + position: fixed; +} + +a { + color: #2980b9; + text-decoration: none; +} +a:active, a:focus { + color: #3498db; + text-decoration: none; + outline: 0; +} +a:visited { + color: #2980b9; + text-decoration: none; +} +a:hover { + color: #3498db; + text-decoration: underline; +} + +h1 { + position: relative; + margin: 0 0 5px; + padding: 8px 52px 8px 20px; + background: #3498db; + color: #fff; + font-size: 1.4em; + line-height: 1.35em; +} +h1 a { + color: #fff; + border-bottom: 1px dotted #fff; + line-height: inherit; + border: none; + text-decoration: none; + opacity: 0.85; +} +h1 a:hover { + border-bottom: 0; +} +h1 a:hover, h1 a:focus, h1 a:visited { + color: #fff; + line-height: inherit !important; + opacity: 1; +} + +h2 { + font-size: 1.25em; +} +h3 { + font-size: 1em; +} +h4 { + font-size: 0.875em; +} +h5 { + font-size: 0.75em; +} +h6 { + font-size: 0.625em; +} + +p { + margin: 0 0 1em 0; +} + +hr { + background-color: #bdc3c7; + display: block; + margin: 20px 0; + border: none; + height: 1px; +} + +img { + vertical-align: bottom; + max-width: 100%; + height: auto !important; +} + +input, textarea, select { + font-size: 0.875em; +} + +b, strong { + font-weight: bold; +} + +small { + font-size: 0.75em; +} + +table { + border-collapse: collapse; + max-width: 100%; + width: 100%; +} + +th, td { + padding: 10px 0; +} + +pre { + background-color: #e0e4e5; + border-left: 8px solid #3498db; + margin: 1em 0; + overflow: auto; + padding: 0.4em 0.8em; + width: 98%; + font-size: 0.82em; +} +pre code { + background-color: #d6dadb; +} + +code, samp, kbd { + color: #34495e; + font-family: "Courier New",Courier,monospace,sans-serif; + text-align: left; +} + +blockquote { + background-color: #e0e4e5; + border-left: 11px solid #3498db; + padding: 1em; + margin: 1em 0; + overflow-x: auto; +} +blockquote p { + margin: 0; + font-size: 1em; + font-style: italic; + color: #7f8c8d; +} + +.qa-search { + padding: 8px; + margin-bottom: 5px; + background: #bdc3c7; +} + +.qa-search-field { + margin: 0 -40px 0 0; + padding: 0 40px 0 5px; + vertical-align: bottom; + width: 100%; + height: 36px; + border-width: 1px; + border-style: solid; + border-color: transparent; +} +.qa-search-field:focus { + border-color: #e6e6e6; +} + +.qa-search-button { + width: 36px; + height: 36px; + margin: 0 !important; + text-indent: -9999px; + background: #bdc3c7 url('images/search-icon-white.png') center no-repeat; + border: none; + outline: none; +} + +@media (max-width: 979px) { + .qam-search { + display: none; + } +} + +.qam-search.orange .qa-search { + background: #f39c12; +} +.qam-search.orange .qa-search-field:focus { + border-color: #b06f09; +} +.qam-search.orange .qa-search-button { + background-color: #b06f09; +} +.qam-search.carrot .qa-search { + background: #e67e22; +} +.qam-search.carrot .qa-search-field:focus { + border-color: #a85913; +} +.qam-search.carrot .qa-search-button { + background-color: #a85913; +} +.qam-search.alizarin .qa-search { + background: #e74c3c; +} +.qam-search.alizarin .qa-search-field:focus { + border-color: #bf2718; +} +.qam-search.alizarin .qa-search-button { + background-color: #bf2718; +} +.qam-search.turquoise .qa-search { + background: #1abc9c; +} +.qam-search.turquoise .qa-search-field:focus { + border-color: #117964; +} +.qam-search.turquoise .qa-search-button { + background-color: #117964; +} +.qam-search.emerald .qa-search { + background: #2ecc71; +} +.qam-search.emerald .qa-search-field:focus { + border-color: #208e4e; +} +.qam-search.emerald .qa-search-button { + background-color: #208e4e; +} +.qam-search.peter-river .qa-search { + background: #3498db; +} +.qam-search.peter-river .qa-search-field:focus { + border-color: #1d6fa5; +} +.qam-search.peter-river .qa-search-button { + background-color: #1d6fa5; +} +.qam-search.amethyst .qa-search { + background: #9b59b6; +} +.qam-search.amethyst .qa-search-field:focus { + border-color: #713b87; +} +.qam-search.amethyst .qa-search-button { + background-color: #713b87; +} +.qam-search.wet-asphalt .qa-search { + background: #34495e; +} +.qam-search.wet-asphalt .qa-search-field:focus { + border-color: #19232d; +} +.qam-search.wet-asphalt .qa-search-button { + background-color: #19232d; +} +.qam-search.the-top { + display: none; + margin: 0 10px 10px; +} + +.qa-error, .qa-warning, .qa-notice { + margin-bottom: 5px; + padding: 10px; + color: #fff; +} +.qa-error a, .qa-warning a, .qa-notice a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-error a:hover, .qa-warning a:hover, .qa-notice a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-error { + background: #e74c3c; + position: relative; + z-index: 999; +} + +.qa-warning { + background: #f1c40f; + position: relative; + z-index: 999; +} + +.qa-notice { + margin-bottom: 0; + background: #d35400; + text-align: center; + font-size: 1em; + line-height: 1.5em; +} + + +.qa-notice-close-button { + margin: 0; + float: right; + width: 24px; + height: 24px; + display: block; + background-color: transparent; + background-image: url('images/icons/close-black.png'); + background-repeat: no-repeat; + background-position: center; + text-indent: -9999px; + border: none; + outline: none; + -webkit-transition: background-image 0.5s; + transition: background-image 0.5s; +} +.qa-notice-close-button:hover, .qa-notice-close-button:focus { + background-color: transparent; /* override generic input styles */ + background-image: url('images/icons/close-red.png'); + outline: none; + border: none; +} + +/*------[ main nav css ]------*/ +@media (max-width: 767px) { + .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) { + .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) { + .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; + } + + .qam-body-fixed { + padding-top: 70px; + } + .qa-template-messages.qam-body-fixed { + padding-top: 95px; + } + .qa-template-admin.qam-body-fixed { + padding-top: 240px; + } +} +@media (min-width: 980px) { + .qam-body-fixed { + padding-top: 80px; + } + .qa-template-admin.qam-body-fixed { + padding-top: 105px; + } +} + +#qam-topbar { + font-size: 0.875em; +} +#qam-topbar.fixed { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: auto; + z-index: 99990; +} + +.qam-main-nav-wrapper { + background: #2c3e50; + color: #bdc3c7; + padding: 10px; +} + +.qam-main-nav-wrapper a { + color: #fff; +} + +.qam-menu-toggle { + display: none; +} + +@media (max-width: 979px) { + .qam-main-nav-wrapper { + position: relative; + } + + .qam-menu-toggle { + display: block; /* turn on menu icon */ + float: left; + margin: 0 10px 0 0; + font-size: 34px; + } + .qam-menu-toggle.current { + color: #fff; + text-shadow: 0 0 10px rgba(255, 255, 255, 0.75); + } + .qam-menu-toggle .icon-th-list { + display: block; + margin-top: 7px; + } +} + +.qa-logo { + display: inline-block; + vertical-align: top; + font-size: 24px; + margin: 0 1px 0 0; +} +.qa-logo img { + max-height: 49px; + width: auto; +} + +.qa-logo-link { + line-height: 49px; + display: block; +} + +.qa-logo-link:hover { + text-decoration: none; +} + +@media (max-width: 767px) { + .qa-nav-main { + width: 100% !important; + } +} +@media (max-width: 979px) { + .qa-nav-main { + width: 30%; + position: absolute; + top: 100%; + left: 0; + display: none; + z-index: 1090; + box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15); + } +} +@media (min-width: 980px) { + .qa-logo-link { + background: #34495e; + padding: 5px 15px; + } + .qa-logo-link:hover { + background: #445f7a; + } + + .qa-nav-main { + vertical-align: top; + 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 { + margin: 0; + padding: 0; + list-style: none; +} + +.qa-nav-main-activity .qa-nav-main-link:before { + content: '\e804'; +} + +.qa-nav-main-questions .qa-nav-main-link:before { + content: '\e80b'; +} + +.qa-nav-main-hot .qa-nav-main-link { + color: #f39c12; +} +.qa-nav-main-hot .qa-nav-main-link:before { + content: '\e805'; +} +.qa-nav-main-hot .qa-nav-main-link.qa-nav-main-selected { + color: #f5b043; +} + +.qa-nav-main-unanswered .qa-nav-main-link:before { + content: '\e80c'; +} + +.qa-nav-main-tag .qa-nav-main-link:before { + content: '\e806'; +} + +.qa-nav-main-categories .qa-nav-main-link:before { + content: '\e808'; +} + +.qa-nav-main-user .qa-nav-main-link:before { + content: '\e809'; +} + +.qa-nav-main-ask .qa-nav-main-link { + color: #2ecc71; +} +.qa-nav-main-ask .qa-nav-main-link:before { + content: '\e801'; +} +.qa-nav-main-ask .qa-nav-main-link.qa-nav-main-selected { + color: #54d98c; +} + +.qa-nav-main-admin .qa-nav-main-link:before { + content: '\e80a'; +} + +.qa-nav-main- .qa-nav-main-link:before { + content: '\e80d'; +} + +.qa-nav-main-link { + background-color: #34495e; + display: block; + line-height: normal; + min-width: 60px; + width: auto; + height: auto; +} +.qa-nav-main-link:hover { + text-decoration: none; + background: #445f7a; +} +.qa-nav-main-link:before { + font-family: "fontello"; + font-size: 24px; + content: '\e80d'; +} + +@media (max-width: 979px) { + .qa-nav-main-link { + padding: 5px 10px; + } + .qa-nav-main-link:before { + display: inline-block; + width: 24px; + margin: 0 15px 0 0; + } +} +@media (min-width: 980px) { + .qa-nav-main-link { + padding: 5px; + text-align: center; + } + .qa-nav-main-link:before { + display: block; + text-align: center; + margin-bottom: 5px; + } +} +.qa-nav-main-link.qa-nav-main-selected { + background: #3498db; +} + +.qa-nav-sub { + background-color: #e0e4e5; + text-align: center; + font-size: 12px; +} +.qa-nav-sub-list { + margin: 0; + padding: 0; + list-style: none; +} + +@media (max-width: 979px) { + .qa-nav-sub-list { + *zoom: 1; + } + .qa-nav-sub-list:before, .qa-nav-sub-list:after { + content: ""; + display: table; + } + .qa-nav-sub-list:after { + clear: both; + } + + .qa-nav-sub-item { + width: 33.33%; + float: left; + box-shadow: -1px -1px 0 0 #cfd9db inset; + } + .qa-nav-sub-item:nth-child(3) { + box-shadow: 0 -1px 0 0 #cfd9db inset; + } +} +@media (min-width: 980px) { + .qa-nav-sub { + font-size: 13px; + padding: 0 6px; + } + .qa-nav-sub-item { + display: inline-block; + } +} + +.qa-nav-sub-link, .qa-nav-sub-link:visited, .qa-nav-sub-link:hover { + display: block; + padding: 2px 10px 4px; + color: #000; +} +.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: #fff; +} + +.qam-account-items-wrapper { + float: right; + position: relative; +} + +#qam-account-toggle { + display: block; + cursor: pointer; + min-width: 60px; + min-height: 55px; + max-width: 80px; + padding: 2px; + background-color: #34495e; + text-align: center; +} +#qam-account-toggle:hover { + background: #445f7a; +} +#qam-account-toggle .qam-auth-key { + font-size: 28px; +} +#qam-account-toggle .qam-auth-key:before { + display: inline-block; +} + +.qam-account-items { + background-color: #34495e; + display: none; + position: absolute; + right: 0; + top: 60px; + width: 230px; + padding: 10px; + z-index: 1100; +} +.qam-account-items input[type="text"], .qam-account-items input[type="password"] { + width: 100%; +} + +.qam-account-handle { + font-size: 12px; + line-height: 1.8; + overflow: hidden; + text-overflow: ellipsis; +} + +.qam-account-items .qa-form-tall-button-login { + width: 100%; +} + +.qa-nav-user { + white-space: nowrap; + margin: -10px; +} + +.qa-nav-user-facebook-login, .qa-nav-user-register { + padding: 0 !important; +} + +.qa-nav-user-register .qa-nav-user-link { + background-color: #27ae60; + width: 100%; + display: block; + color: #fff; + margin: 2px 0 0; + padding: 5px !important; + text-align: center; + line-height: 20px; + border: 1px solid #27ae60; +} +.qa-nav-user-register .qa-nav-user-link:hover { + background-color: #2ecc71; + border-color: #2ecc71; + text-decoration: none; +} + +.qa-nav-user-facebook-login { + border-bottom: none !important; +} +.qa-nav-user-facebook-login .qa-nav-user-nolink { + width: 100%; + display: block; + margin: 2px 0 15px; + padding: 5px !important; + line-height: normal; +} + +.qa-logged-in { + display: block; + padding: 10px 20px; + border-bottom: 1px solid #2c3e50; +} +.qa-logged-in:before { + content: '\e80e'; + font-family: "fontello"; + display: inline-block; + width: 1em; + background-color: #2c3e50; + padding: 5px; + margin: 0 10px 0 0; + text-align: center; + line-height: normal; + border-radius: 1em; +} + +.qam-logged-in-points { + padding: 10px 20px; + border-bottom: 1px solid #2c3e50; +} +.qam-logged-in-points:before { + content: '\e810'; + font-family: "fontello"; + display: inline-block; + width: 1em; + background-color: #2c3e50; + padding: 5px; + margin: 0 10px 0 0; + text-align: center; + line-height: normal; + border-radius: 1em; +} + +.qa-nav-user-list { + margin: 0; + padding: 0; + list-style: none; +} + +.qa-nav-user-item { + padding: 0 20px; + border-bottom: 1px solid #2c3e50; +} +.qa-nav-user-item:last-child { + border-bottom: none; +} + +.qa-nav-user-link { + padding: 10px 0; + display: inline-block; +} + +.qa-nav-user-updates:before { + content: '\e812'; + font-family: "fontello"; + display: inline-block; + width: 1em; + background-color: #2c3e50; + padding: 5px; + margin: 0 10px 0 0; + text-align: center; + line-height: normal; + border-radius: 1em; +} + +.qa-nav-user-logout:before { + content: '\e824'; + font-family: "fontello"; + display: inline-block; + width: 1em; + background-color: #2c3e50; + padding: 5px; + margin: 0 10px 0 0; + text-align: center; + line-height: normal; + border-radius: 1em; +} + +.qa-logged-in:hover, .qam-logged-in-points:hover, .qa-nav-user-item:hover { + background-color: #2c3e50; +} + +.qa-nav-user-facebook-login:hover, .qa-nav-user-register:hover { + background-color: transparent; +} + +/*------[ qa content parts ]------*/ + +.qa-main, .qa-main-wrapper { + *zoom: 1; +} + +.qa-body-wrapper { + margin: 10px auto; + padding: 0 10px; + *zoom: 1; +} + +@media (min-width: 980px) { + .qa-main { + width: 74.5%; + float: left; + } + .qam-topbar, .qa-main-wrapper { + width: 100%; + } +} +@media (min-width: 1044px) { + .qa-body-wrapper { + width: 1024px; + } +} + +.qam-title-rss { + float: right; + color: #ecf0f1; +} +.qam-title-rss:hover { + color: #fff; +} +.qam-title-rss:before { + width: auto !important; +} + + +.qa-q-view-content, +.qa-a-item-content, +.qa-c-item-content { + word-wrap: break-word; +} + +.qa-q-view-content table, .qa-a-item-content table, .qa-c-item-content table { + width: 100%; + border-collapse: collapse; + border: 1px solid #ecf0f1; + font-size: 14px; + margin-bottom: 20px; +} +.qa-q-view-content tr:hover, .qa-a-item-content tr:hover, .qa-c-item-content tr:hover { + background-color: #ecf0f1; +} +.qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th, +.qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td { + padding: 10px; + border-width: 1px; + border-style: solid; + text-align: left; +} +.qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th { + background-color: #bdc3c7; + border-color: #95a5a6; + font-weight: 700; +} +.qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td { + border-color: #ecf0f1; +} +.qa-q-view-content ul, .qa-a-item-content ul, .qa-c-item-content ul, +.qa-q-view-content ol, .qa-a-item-content ol, .qa-c-item-content ol { + margin-left: 20px; + padding: 0; +} + + +.qa-waiting { + background: url('images/spinner-icon-14x14.gif?1410117644') no-repeat center; + display: inline-block; + font-size: 0; + height: 14px; + margin: 0 8px 0 4px; + vertical-align: middle; + width: 14px; +} + +.qa-favoriting { + position: absolute; + right: 10px; + top: 5px; +} +.qa-favoriting .qa-waiting { + position: absolute; + left: 50%; + top: 50%; + margin: -7px 0 0 -7px; + padding: 0; +} + +.qa-favorite-button, .qa-unfavorite-button { + background-image: url('images/star.png'); + background-repeat: no-repeat; + width: 38px; + height: 38px; + margin: 0; + border: none; + -webkit-transition: background-position 0s; + transition: background-position 0s; +} +.qa-favorite-button:hover, .qa-unfavorite-button:hover { + background-color: #f39c12; + background-position: center -38px; +} + +.qa-favorite-button { + background-color: #ecf0f1; + background-position: center top; +} + +.qa-unfavorite-button { + background-color: #f1c40f; + background-position: center bottom; +} + +/*------[ q-list ]------*/ +.qa-q-list-item { + padding: 10px; + margin-bottom: 5px; + background: #fff; +} +.qa-q-list-item.qa-q-favorited { + border-left: 1px solid #8e44ad; +} + +.qa-q-item-stats { + float: left; +} +@media (max-width: 240px) { + .qa-q-item-stats { + float: none; + display: none; + } +} +.qa-template-user-activity .qa-q-item-stats { + width: 65px; +} +.qa-template-user-answers .qa-q-item-stats { + width: 68px; +} +@media (min-width: 241px) and (max-width: 799px) { + .qa-template-user-activity .qa-q-item-stats { + width: 60px; + } + .qa-template-user-answers .qa-q-item-stats { + width: 60px; + } +} + +.qa-voting { + background-color: #ecf0f1; + color: #445f7a; +} + +.qa-a-count { + background-color: #3498db; + color: #fff; + text-align: center; +} + +.qa-a-count-zero { + background-color: #e74c3c; +} + +.qa-a-count-selected { + 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-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 { + font-size: 24px; + line-height: 40px; + display: block; + white-space: nowrap; +} + +.qa-netvote-count-pad, .qa-a-count-pad { + font-size: 12px; +} + +.qa-netvote-count { + display: block; + text-align: center; +} + + +/* separate vote buttons counter */ +.qa-vote-count-updown { + line-height: 1.5; +} + +.qa-upvote-count, +.qa-downvote-count { + text-align: center; + display: block; +} + +.qa-upvote-count-data, +.qa-downvote-count-data { + display: block; + margin-top: 2px; + font-size: 18px; + font-weight: 700; +} + +.qa-upvote-count-pad, +.qa-downvote-count-pad { + display: none; +} + + +.qa-vote-buttons { + float: left; + height: 60px; + width: 20px; + position: relative; +} + +.qa-vote-up-button, .qa-vote-down-button, .qa-voted-up-button, .qa-voted-down-button, .qa-vote-up-disabled, .qa-vote-down-disabled { + text-indent: -9999px; + background: url('images/vote-buttons.png'); + background-repeat: no-repeat; + width: 16px; + height: 10px; + border: none; + margin: 0; + padding: 0; + position: absolute; + left: 4px; + -webkit-transition: all 0s; + transition: all 0s; +} +.qa-vote-up-button:hover, .qa-vote-up-button:focus, .qa-vote-up-button:active,.qa-vote-down-button:hover, .qa-vote-down-button:focus, .qa-vote-down-button:active, +.qa-voted-up-button:hover, .qa-voted-up-button:focus, .qa-voted-up-button:active,.qa-voted-down-button:hover, .qa-voted-down-button:focus, .qa-voted-down-button:active, +.qa-vote-up-disabled:hover, .qa-vote-up-disabled:focus, .qa-vote-up-disabled:active,.qa-vote-down-disabled:hover, .qa-vote-down-disabled:focus, .qa-vote-down-disabled:active { + background: url('images/vote-buttons.png'); + border: none; + cursor: pointer; +} + +.qa-vote-up-button { + background-position: 0 0; + top: 10px; +} +.qa-vote-up-button:hover, .qa-vote-up-button:focus, .qa-vote-up-button:active { + background-position: 0 -10px; +} + +.qa-vote-down-button { + background-position: -16px 0; + bottom: 10px; +} +.qa-vote-down-button:hover, .qa-vote-down-button:focus, .qa-vote-down-button:active { + background-position: -16px -10px; +} + +.qa-vote-up-disabled { + background-position: 0 -40px; + top: 10px; +} +.qa-vote-up-disabled:hover, .qa-vote-up-disabled:focus, .qa-vote-up-disabled:active { + background-position: 0 -40px; +} + +.qa-vote-down-disabled { + background-position: -16px -40px; + bottom: 10px; +} +.qa-vote-down-disabled:hover, .qa-vote-down-disabled:focus, .qa-vote-down-disabled:active { + background-position: -16px -40px; +} + +.qa-vote-one-button { + top: 25px; +} + +.qa-voted-up-button { + background-position: 0 -10px; +} +.qa-voted-up-button:hover, .qa-voted-up-button:focus, .qa-voted-up-button:active { + background-position: 0 0; +} + +.qa-voted-down-button { + background-position: -16px -10px; +} +.qa-voted-down-button:hover, .qa-voted-down-button:focus, .qa-voted-down-button:active { + background-position: -16px 0; +} + +.qa-q-item-main { + float: left; + padding-left: 10px; +} +@media (max-width: 240px) { + .qa-q-item-main { + width: 100%; + float: none; + padding-left: 0; + } +} +@media (min-width: 320px) { + .qa-q-item-main { + width: 210px; + } +} +@media (min-width: 360px) { + .qa-q-item-main { + width: 250px; + } +} +@media (min-width: 480px) { + .qa-q-item-main { + width: 364px; + } +} +@media (min-width: 568px) { + .qa-q-item-main { + width: 452px; + } +} +@media (min-width: 600px) { + .qa-q-item-main { + width: 484px; + } +} +@media (min-width: 768px) { + .qa-q-item-main { + width: 652px; + } +} +@media (min-width: 800px) { + .qa-q-item-main { + width: 611px; + } +} +@media (min-width: 980px) { + .qa-q-item-main { + width: 550px; + } +} +@media (min-width: 1044px) { + .qa-q-item-main { + width: 592px; + } +} + +.qa-q-item-title { + font-weight: bold; + font-size: 1.125em; + line-height: 1.35em; + display: block; +} +.qa-q-item-title a { + color: #1a6a9b; +} +.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: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; +} + +.qam-qa-list-meta-box { + display: block; +} + +.qa-q-item-avatar-meta { + display: block; + margin-top: 5px; +} + +.qa-q-item-avatar { + margin: 0 2px 0 0; +} +@media (max-width: 479px) { + .qa-q-item-avatar { + display: none; + } +} +@media (min-width: 480px) { + .qa-q-item-avatar { + display: inline-block; + vertical-align: middle; + line-height: 1; + } +} + +.qa-q-item-meta { + display: inline-block; + vertical-align: middle; + font-size: 12px; +} +.qa-q-item-meta .qa-category-link.qa-cat-favorited { + position: relative; + padding-left: 14px; +} +.qa-q-item-meta .qa-category-link.qa-cat-favorited:before { + position: absolute; + top: 0; + left: 0; + width: 17px; + height: 100%; + display: block; + content: url('images/favorite-light-icon-15x15.png'); +} +.qa-q-item-meta .qa-user-link.qa-user-favorited { + position: relative; + padding-left: 14px; +} +.qa-q-item-meta .qa-user-link.qa-user-favorited:before { + position: absolute; + top: 0; + left: 0; + width: 17px; + height: 100%; + display: block; + content: url('images/favorite-light-icon-15x15.png'); +} + +.qa-q-item-when-data { + font-weight: 700; +} + +.qa-q-item-tags { + display: block; + margin-top: 5px; +} + +.qa-q-item-tag-list, .qa-q-view-tag-list { + line-height: 11px; + list-style: none; + margin: 0; + padding: 0; +} + +.qa-q-item-tag-item, .qa-q-view-tag-item { + display: inline; +} + +.qa-tag-link, +.qa-widget-side .qa-q-view-tag-item { + background: #e67e22; + color: #fff !important; + display: inline-block; + font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif; + font-size: 11px; + line-height: 1.5em; + padding: 2px 8px; + margin-bottom: 2px; + 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 { + background: #f39c12; + color: #fff !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 { + position: relative; + padding-left: 25px; +} +.qa-tag-link.qa-tag-favorited:before, +.qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before { + position: absolute; + top: 0; + left: 0; + width: 17px; + height: 100%; + display: block; + content: url('images/star14.png'); + background-color: #b94a00; +} + +.qa-page-links-list { + margin: 0; + padding: 0; + list-style: none; +} + +.qa-page-links-label { + float: left; + margin-right: 2px; + padding: 5px 10px; + margin-bottom: 5px; + background: #fff; + display: block; +} + +.qa-page-links-item { + float: left; + margin-right: 2px; +} +.qa-page-links-item a { + padding: 5px 10px; + margin-bottom: 5px; + background: #fff; + display: block; + text-decoration: none; + color: #34495e; +} +.qa-page-links-item a:hover, .qa-page-links-item a:focus { + background: #e67e22; + color: #fff; +} + +.qa-page-selected { + padding: 5px 10px; + margin-bottom: 5px; + background: #3498db; + color: #fff; + display: block; +} +.qa-page-selected a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-page-selected a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-page-ellipsis { + padding: 5px 10px; + margin-bottom: 5px; + background: #fff; + display: block; +} + +.qa-template-admin .qa-q-item-main { + width: auto; + float: none; +} +.qa-template-admin .qa-q-item-title { + border-bottom: 1px solid #ecf0f1; + margin-bottom: 5px; +} +.qa-template-admin .qa-q-item-content { + font-size: 0.75em; + max-height: 150px; + overflow-y: auto; +} +.qa-template-admin .qa-q-item-avatar-meta { + border-top: 1px solid #ecf0f1; + border-bottom: 1px solid #ecf0f1; + padding: 5px; + margin: 10px 0; +} +.qa-template-admin .qa-message-item { + padding: 20px; + margin-bottom: 5px; + background: #fff; +} +.qa-template-admin .qa-message-content { + font-size: 0.75em; + line-height: 2em; +} +.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-avatar-meta .qa-message-who-data a { + padding: 3px 10px; + margin-bottom: 5px; + background: #e74c3c; + color: #fff; + display: inline-block; +} +.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a:hover { + color: #fff; + border-bottom: 0; +} + +/*------[ lists ]------*/ +.qa-part-ranking, .qa-part-nav-list { + padding: 20px; + margin-bottom: 5px; + background: #fff; + width: 100%; +} +@media (max-width: 767px) { + .qa-part-ranking, .qa-part-nav-list { + overflow-x: auto; + overflow-y: hidden; + } +} + +.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-top-users-label .qa-user-link { + background-color: #e74c3c; + display: block; + float: left; + color: #fff; + padding: 2px 1em; + position: relative; +} +.qa-top-users-label .qa-user-link:hover, .qa-top-users-label .qa-user-link:focus { + background-color: #eb695c; + text-decoration: none; +} + +.qa-top-users-label .qa-user-link:before { + content: ""; + position: absolute; + left: -5px; + top: 5px; + display: block; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #e74c3c; +} + +@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 { + content: ""; + display: block; + width: 0; + height: 0; + position: absolute; + top: 50%; + right: 0; + margin-top: -7px; + border-top: 7px solid transparent; + border-bottom: 7px solid transparent; + border-left: 7px solid #e74c3c; + -ms-transform: translate(0, 0); + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; + } +} +.qa-top-users-label .qa-user-link.qa-user-favorited { + background-image: url('images/icons/fev-star.png'); + background-repeat: no-repeat; + background-position: 2px center; + padding-left: 22px; +} + +.qam-user-score-icon { + display: inline-block; + padding: 2px 6px 2px 1.8em; + background-color: #2ecc71; + color: #fff; + position: relative; + float: right; +} +.qam-user-score-icon:before { + background-color: #27ae60; + content: '\e810'; + font-family: "fontello"; + display: inline-block; + text-align: center; + width: 1.5em; + height: 100%; + line-height: 1.6em; + position: absolute; + top: 0; + left: 0; +} + +.qa-top-tags-count { + width: 8%; +} + +.qa-browse-cat-list { + padding: 0; + margin: 0; + list-style: none; +} +.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-browse-cat-item:last-child { + border-bottom: none !important; +} + +.qa-browse-cat-nolink, .qa-browse-cat-link { + background-color: #e74c3c; + display: inline-block; + color: #fff; + padding: 2px 0.6em; + position: relative; +} + +.qa-browse-cat-nolink { + cursor: help; +} + +.qa-browse-cat-link { + cursor: pointer; + background-color: #c0392b; +} +.qa-browse-cat-link:hover, .qa-browse-cat-link:focus { + text-decoration: none; + background-color: #d34a3b; +} +.qa-browse-cat-link:before { + content: ""; + position: absolute; + right: -5px; + top: 5px; + display: block; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #c0392b; +} + +.qa-browse-cat-note { + display: block; + font-size: 0.75em; + line-height: 2em; +} +.qa-browse-cat-note a { + position: absolute; + top: 5px; + right: 5px; + display: inline-block; + padding: 2px 10px 2px 2em; + background-color: #2ecc71; + color: #fff; +} +.qa-browse-cat-note a:before { + background-color: #27ae60; + content: '\e801'; + font-family: "fontello"; + display: inline-block; + text-align: center; + width: 1.5em; + height: 100%; + line-height: 2.4em; + position: absolute; + top: 0; + left: 0; +} +.qa-browse-cat-note a:hover { + background-color: #48d684; + text-decoration: none; +} +.qa-browse-cat-note.qam-cat-note { + padding: 5px; + margin: 10px 0 0; + background-color: #f5f7f7; +} + +.qa-part-form-plugin-options { + margin-top: -5px !important; + padding-top: 0 !important; +} +.qa-part-form-plugin-options h2 { + margin: 0 0 10px 0; + font-weight: normal; + border-bottom: 1px solid #ecf0f1; +} + +.qam-approve-users .qa-message-item { + padding: 5px 0 0; + margin: 0; + border-bottom: 1px solid #ecf0f1; +} +.qam-approve-users .qa-message-avatar-meta { + float: left; + margin: 0; +} +.qam-approve-users .qa-message-buttons { + float: right; +} + +.qa-part-form-message { + padding: 10px 20px; + margin-bottom: 5px; + background: #fff; +} + +.qa-message-item { + border-bottom: 1px solid #bdc3c7; + padding: 10px; +} +.qa-message-item:nth-child(even) { + background-color: #f2f5f5; +} +.qa-message-item:last-child { + border-bottom: none; +} + +.qa-message-content { + display: block; + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px solid #dee1e3; +} + +.qa-message-avatar-meta { + display: block; + float: left; + margin: 0; +} + +.qa-part-form-message .qam-pm-message { + padding: 10px; + margin-bottom: 5px; + background: #27ae60; + color: #fff; + margin-bottom: 0; +} +.qa-part-form-message .qam-pm-message a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-part-form-message .qam-pm-message a:hover { + color: #fff; + border-bottom: 0; +} +.qa-part-form-message .qam-pm-message:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + font-variant: normal; + text-transform: none; + line-height: 1em; + margin-left: .2em; + content: '\e821'; +} + +/*------[ forms ]------*/ +input, textarea, select { + background-color: #f5f7f7; + font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif; + padding: 5px; + margin-top: 5px; + margin-bottom: 5px; + border: 1px solid #e6ebed; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +input:focus, textarea:focus, select:focus { + background-color: #fff; + border-color: #3498db; + outline: 0; +} +input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner { + padding: 0; + border: 0; + outline: 0; +} + +select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000; +} + +input[type="submit"], button { + cursor: pointer; + text-align: center; +} + +[class^="qa-part-form"], +[class^="qa-part-custom"] { + padding: 20px; + margin-bottom: 5px; + background: #fff; +} +[class^="qa-part-form"] > h2:first-child, [class^="qa-part-custom"] > h2:first-child { + margin-top: 0; +} + +.qa-form-tall-text { + width: 100%; +} + +.qa-form-tall-number, .qa-form-wide-number { + width: 50px; +} + +.qa-form-tall-note, .qa-form-wide-note { + color: #7f8c8d; + font-size: 0.8em; +} +.qa-form-tall-note { + margin: 10px 0 5px; +} + +.qa-form-tall-button, .qa-form-wide-button, .qa-form-basic-button { + -webkit-appearance: none; + padding: 10px 15px; + border: 0; + font-size: 14px; + -webkit-transition-duration: 0s; + transition-duration: 0s; + background: #3498db none; + color: #fff; +} +.qa-form-tall-button:hover, .qa-form-tall-button:focus, +.qa-form-wide-button:hover, .qa-form-wide-button:focus, +.qa-form-basic-button:hover, .qa-form-basic-button:focus { + border: 0; + outline: 0; + background-color: #4aa3df; +} +.qa-form-tall-button a, .qa-form-tall-button a:hover, +.qa-form-wide-button a, .qa-form-wide-button a:hover, +.qa-form-basic-button a, .qa-form-basic-button a:hover { + color: #fff; +} + +@media (max-width: 767px) { + .qa-form-tall-button, .qa-form-wide-button, .qa-form-basic-button { + width: 100%; + display: block; + margin-bottom: 1em !important; + } +} + +.qa-form-tall-button-save, .qa-form-wide-button-save, .qa-form-wide-button-saverecalc, +.qa-form-tall-button-ask, .qa-form-tall-button-answer { + background: #27ae60 none; +} +.qa-form-tall-button-save:hover, .qa-form-tall-button-save:focus, +.qa-form-wide-button-save:hover, .qa-form-wide-button-save:focus, +.qa-form-wide-button-saverecalc:hover, .qa-form-wide-button-saverecalc:focus, +.qa-form-tall-button-ask:hover, .qa-form-tall-button-ask:focus, +.qa-form-tall-button-answer:hover, .qa-form-tall-button-answer:focus { + background-color: #2ecc71; +} + +.qa-form-tall-button-cancel, +.qa-form-wide-button-cancel { + background: #e74c3c none; +} +.qa-form-tall-button-cancel:hover, .qa-form-tall-button-cancel:focus, +.qa-form-wide-button-cancel:hover, .qa-form-wide-button-cancel:focus { + background-color: #ea6153; +} + +.qa-form-wide-label, .qa-form-wide-data, +.qa-form-tall-spacer { + border-top: 1px solid #ecf0f1; + border-bottom: 1px solid #ecf0f1; +} + +.qa-form-tall-label { + padding: 5px 0 0; +} + +.qa-form-tall-data { + padding: 5px 0; +} + +.qa-form-wide-label { + padding-right: 5px; +} +.qa-form-wide-data { + padding-left: 5px; +} +.qa-form-wide-text { + width: 100%; +} + +.qa-form-tall-ok, .qa-form-wide-ok { + background-color: #27ae60; + padding: 10px; + display: table-cell; + color: #fff; +} + +.qa-form-wide-error, .qa-form-tall-error { + color: #e74c3c; +} + +.qa-form-tall-spacer { + display: block; + margin: 20px 0 19px 0; + padding: 0; + border-top: none; + line-height: 0; +} + +.qa-ask-similar { + background-color: #ecf0f1; + padding: 10px; + margin-bottom: 5px; + border: 1px solid #dde4e6; +} + +.qa-ask-similar-title { + padding: 10px; + margin-bottom: 5px; + background: #e74c3c; + color: #fff; + margin: -10px -10px 10px -10px; +} +.qa-ask-similar-title a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-ask-similar-title a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-q-title-list { + list-style: none; + margin: 0; + padding: 0; +} + +.qa-q-title-item { + padding: 2px 0; + border-bottom: 1px solid #d9dcde; +} +.qa-q-title-item:last-child { + border-bottom: none; +} + +/*------[ users ]------*/ +.qa-template-user .qa-main { + width: 100%; +} +.qa-part-message-list { + padding: 20px; + margin-bottom: 5px; + background: #fff; +} +.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: 110px; + width: auto; +} + +.qa-part-form-profile .qa-form-wide-data { + word-break: break-word; +} +.qa-part-form-profile .qa-form-tall-image { + text-align: center; +} +.qa-part-form-profile .qa-form-wide-button-approve { + background: #27ae60 none; +} +.qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-part-form-profile .qa-form-wide-button-approve:focus { + background-color: #2ecc71; +} +.qa-part-form-profile .qa-form-wide-button-block { + background: #e74c3c none; +} +.qa-part-form-profile .qa-form-wide-button-block:hover, .qa-part-form-profile .qa-form-wide-button-block:focus { + background-color: #ea6153; +} + + +@media (min-width: 980px) { + .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list { + width: 49.8%; + } + .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list { + float: right; + clear: right; + } + .qa-template-user .qa-part-form-profile { + float: left; + } +} +.qa-part-form-activity h2, .qa-part-message-list h2 { + margin-top: 0; +} + +#level .qa-form-wide-static a:first-child { + background-color: #27ae60; + background-image: url('images/icons/mail-white.png'); + background-repeat: no-repeat; + background-position: 5px center; + padding: 2px 5px 2px 25px; + border: 1px solid #1e8449; + display: inline-block; + color: #fff; +} +#level .qa-form-wide-static a:hover:first-child, #level .qa-form-wide-static a:focus:first-child { + background-color: #2ecc71; + background-image: url('images/icons/mail-white.png'); + border: 1px solid #25a25a; + color: #fff; + 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-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-part-form-activity .qa-uf-user-upvotes, +.qa-part-form-activity .qa-uf-user-upvoteds { + color: #27ae60; +} +.qa-part-form-activity .qa-uf-user-downvotes, +.qa-part-form-activity .qa-uf-user-downvoteds { + color: #e74c3c; +} +.qa-part-form-activity .qa-form-wide-static { + color: #7f8c8d; + font-size: 12px; +} + +.qa-message-list { + margin-top: 10px; +} + +.qa-message-item { + border-bottom: 1px solid #ecf0f1; + margin: 0; + padding: 10px; +} + +.qa-message-content { + margin-bottom: 6px; + word-wrap: break-word; +} + +.qa-message-avatar { + display: inline-block; + margin-right: 4px; + vertical-align: middle; +} + +.qa-message-meta { + color: #666; + display: inline-block; + font-size: 10px; + vertical-align: middle; +} + +.qa-message-buttons { + display: inline-block; + margin-left: 12px; + vertical-align: middle; +} + +.qa-message-buttons .qa-form-light-button { + padding: 0; +} + +/*------[ favorites ]------*/ +.qa-template-favorites h2 { + padding: 10px; + margin-bottom: 5px; + background: #34495e; + color: #fff; +} +.qa-template-favorites h2 a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-template-favorites h2 a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-link-next { + margin-bottom: 0; +} + +.qa-part-q-list .qa-link-next, +.qa-part-ranking-users, +.qa-part-ranking-tags, +.qa-part-nav-list-categories { + padding: 10px; + margin-bottom: 10px; + background: #fff; +} +.qa-part-ranking-users h2, .qa-part-ranking-tags h2, .qa-part-nav-list-categories h2 { + margin: -10px -10px 5px -10px; +} + +.qa-favorite-image { + width: 16px; + height: 16px; + display: inline-block; + background-color: #ecf0f1; + background-image: url('images/favorite-icon-15x15.png'); +} + +.qa-suggest-next { + padding: 10px; + margin-bottom: 5px; + background: #3498db; + color: #fff; +} +.qa-suggest-next a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-suggest-next a:hover { + color: #fff; + border-bottom: 0; +} + +/*------[ q-view ]------*/ +.qa-form-light-button { + -webkit-appearance: none; + display: block; + float: right; + margin: 0 0 0 5px; + padding: 10px 15px; + border: 0; + font-size: 14px; + -webkit-transition-duration: 0s; + transition-duration: 0s; + background: #2c3e50 none center no-repeat; + color: #fff; + width: 32px; + height: 32px; + text-align: center; + text-indent: -9999px; +} +.qa-form-light-button:hover, .qa-form-light-button:focus { + background-color: #476481; + border: 0; + outline: 0; +} +.qa-form-light-button a, .qa-form-light-button a:hover { + color: #fff; +} + +.qa-form-light-button-edit, .qa-form-light-button-retagcat { + background-image: url('images/icons/edit-white.png'); +} +.qa-form-light-button-flag { + background-image: url('images/icons/flag-white.png'); +} +.qa-form-light-button-unflag { + background-color: #812b2b; + background-image: url('images/icons/flag-white.png'); +} +.qa-form-light-button-clearflags { + background-image: url('images/icons/un-flag-white.png'); +} +.qa-form-light-button-hide { + background-image: url('images/icons/hide-white.png'); +} +.qa-form-light-button-follow { + background-image: url('images/icons/link-white.png'); +} +.qa-form-light-button-reshow { + background-image: url('images/icons/show-white.png'); +} +.qa-form-light-button-claim { + background-image: url('images/icons/claim-white.png'); +} +.qa-form-light-button-delete { + background-image: url('images/icons/delete-white.png'); +} +.qa-form-light-button-approve { + background-image: url('images/icons/approve-white.png'); + padding-left: 18px; +} +.qa-form-light-button-reject { + background-image: url('images/icons/rejected-white.png'); +} +.qa-form-light-button-close { + background-image: url('images/icons/close-white.png'); +} +.qa-form-light-button-reopen { + background-image: url('images/icons/open-white.png'); +} +.qa-form-light-button-block { + background-image: url('images/icons/rejected-white.png'); +} +.qa-form-light-button-reply { + background-image: url('images/icons/reply-white.png'); +} + +.qa-form-light-button-answer { + background-image: url('images/icons/answer-white.png'); + background-color: #27ae60; + float: left; + margin: 0 5px 0 0; +} +.qa-form-light-button-answer:hover, .qa-form-light-button-answer:focus { + background-color: #2ecc71; +} + +.qa-form-light-button-comment { + background-image: url('images/icons/comment-white.png'); + float: left; + margin: 0; +} + +.qa-form-light-button-answer, +.qa-form-light-button-comment, +.qa-form-light-button-claim { + width: auto; + padding: 0 10px 0 30px; + background-position: 8px center; + font-size: 13px; + line-height: 32px; + text-indent: 0; +} +.qa-form-light-button-answer:hover, .qa-form-light-button-answer:focus, +.qa-form-light-button-comment:hover, .qa-form-light-button-comment:focus, +.qa-form-light-button-claim:hover, .qa-form-light-button-claim:focus { + background-position: 8px center; +} + +.qa-q-view-stats { + float: left; +} +@media (max-width: 979px) { + .qa-q-view-stats, .qa-voting { + margin-bottom: 5px; + } +} + +.qa-view-count { + font-size: 12px; + text-align: center; + clear: both; + float: left; + width: 100%; + height: auto; + margin: 6px 0 -4px; + word-break: break-word; +} + +.qa-view-count-data { +} + +.qa-view-count-pad { +} + +.qam-q-view-close-icon { + background-color: #f1c40f; + padding: 4px; + border-radius: 24px; + float: left; + margin: 8px 10px 0 0; +} + +.qa-q-view { + background: #fff; + padding-bottom: 20px; +} + +.qa-part-q-view { + padding: 20px; + margin-bottom: 5px; + background: #fff; + position: relative; +} + +.qa-q-view-avatar-meta { + font-size: 12px; + display: block; + margin-bottom: 20px; +} + +.qa-q-view-avatar { + float: right; +} + +.qa-q-view-meta { + border-bottom: 1px solid #bdc3c7; + display: block; +} +@media (max-width: 979px) { + .qa-q-view-meta { + clear: left; + } + .qa-q-view-main { + width: 100%; + } +} +@media (min-width: 980px) { + .qa-q-view-main { + float: left; + margin: 0 0 0 20px; + width: 86%; + } +} + +.qa-q-view-tags { + margin-top: 20px; +} + +.qa-q-view-buttons { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #dee1e3; +} +.qa-q-view-buttons .qa-waiting { + float: right; + margin: 9px 0 0 5px; +} + +.qa-q-view-closed { + position: relative; + background-color: #ecf0f1; + padding: 10px 10px 10px 54px; + margin: 10px 0; + font-size: 0.75em; + line-height: 2em; + font-weight: bold; +} +.qa-q-view-closed:before { + position: absolute; + top: 0; + bottom: 0; + left: 0; + background-color: #bdc3c7; + width: 44px; + text-align: center; + display: block; + content: url('images/icons/closed-note.png'); +} +.qa-q-view-closed:hover { + padding: 10px 10px 10px 54px; + margin-bottom: 5px; + background: #e74c3c; + color: #fff; + cursor: help; +} +.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-q-view-closed:hover:before { + background-color: #c0392b; + content: url('images/icons/closed-note-white.png'); +} + +.qa-q-view-closed-content { + font-weight: normal !important; +} + +.qa-q-view-extra { + font-size: 14px; + margin: 10px 0; +} +.qa-q-view-extra-content { + font-weight: bold; +} + +.qa-part-form-q-edit { + padding: 20px; + background: #fff; + position: relative; +} + +.qa-part-form-q-edit + .qa-q-view .qa-q-view-avatar-meta { + margin: 0; +} +.qa-part-form-q-edit + .qa-q-view .qa-q-view-meta { + border: 0; +} +.qa-part-form-q-edit + .qa-q-view .qa-q-view-c-list { + margin-left: 10px; +} + +.qa-main-hidden, .qa-a-list-item-hidden, .qa-c-item-hidden { + opacity: 0.6; +} + +.qa-q-item-flags, .qa-q-view-flags, .qa-a-item-flags, .qa-c-item-flags { + color: #e74c3c; + font-weight: bold; + padding-left: 4px; +} + + +/*------[ a-list ]------*/ +.qa-part-a-form { + padding: 20px; + background: #fff; + margin-bottom: 5px; +} +.qa-part-a-form:empty, +.qa-part-a-form h2 { + margin-top: 0; +} + +#a_list_title { + padding: 10px 20px; + margin-bottom: 5px; + background: #2ecc71; + color: #fff; + margin-top: 0; +} +#a_list_title a { + color: #fff; + border-bottom: 1px dotted #fff; +} +#a_list_title a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-a-list-item { + padding: 20px; + margin-bottom: 5px; + background: #fff; + position: relative; + min-height: 190px; +} +/* highlight selected answer */ +.qa-a-list-item:target{ + -webkit-animation: answer-highlight 2s ease-in-out; + animation: answer-highlight 2s ease-in-out; +} + +.qa-a-item-avatar-meta { + font-size: 12px; + display: block; + margin-bottom: 20px; +} + +.qa-a-item-avatar { + float: right; +} + +.qa-a-item-meta { + border-bottom: 1px solid #bdc3c7; + display: block; +} + +.qa-a-item-buttons { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #dee1e3; +} +.qa-a-item-buttons .qa-waiting { + float: right; + margin: 9px 0 0 5px; +} + +.qa-a-selection { + position: absolute; +} + +@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-item-avatar-meta { + margin-top: 70px; + } + + .qa-a-selection { + left: 100px; + top: 20px; + } +} +@media (min-width: 980px) { + .qa-a-item-main { + float: right; + margin: 0 0 0 20px; + width: 86%; + } + + .qa-a-selection { + left: 20px; + top: 100px; + } +} +.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; + outline: none; + display: block; + margin: 0; + position: relative; + background-image: url('images/answer-select.png'); + background-repeat: no-repeat; + background-position: center; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} + +.qa-a-select-button { + background-color: #bdc3c7; +} +.qa-a-select-button:hover, .qa-a-select-button:focus { + background-color: #27ae60; +} + +.qa-a-unselect-button { + background-color: #27ae60; +} +.qa-a-unselect-button:hover, .qa-a-unselect-button:focus { + background-color: #bdc3c7; +} + +.qa-a-selected { + background-color: #27ae60; +} + +@media (max-width: 979px) { + .qa-a-selected-text { + display: none; + } +} +@media (min-width: 980px) { + .qa-a-selected-text { + font-size: 10px; + color: #27ae60; + display: block; + line-height: normal; + text-align: center; + } +} + +.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; +} + +.qa-c-list-item { + padding: 10px; + border: 1px solid #ecf0f1; + margin-bottom: 5px; + background-color: #f4f4f4; + position: relative; +} +/* highlight selected comment */ +.qa-c-list-item:target { + -webkit-animation: comment-highlight 2s ease-in-out; + animation: comment-highlight 2s ease-in-out; +} + +.qa-c-list-item .qa-form-light-button { + padding: 10px 15px; + background: #bdc3c7 none center no-repeat; + color: #34495e; + width: 24px; + height: 24px; + text-align: center; + text-indent: -9999px; +} +.qa-c-list-item .qa-form-light-button:hover, .qa-c-list-item .qa-form-light-button:focus { + background-color: #d6dadb; +} +.qa-c-list-item .qa-form-light-button a, .qa-c-list-item .qa-form-light-button a:hover { + color: #34495e; +} +.qa-c-list-item .qa-form-light-button-comment { + background-image: url('images/icons/comment.png'); + float: left; + margin: 0; +} +.qa-c-list-item .qa-form-light-button-edit, .qa-c-list-item .qa-form-light-button-retagcat { + background-image: url('images/icons/edit.png'); +} +.qa-c-list-item .qa-form-light-button-flag { + background-image: url('images/icons/flag.png'); +} +.qa-c-list-item .qa-form-light-button-unflag { + background-color: #e4afaf; + background-image: url('images/icons/flag.png'); +} +.qa-c-list-item .qa-form-light-button-clearflags { + background-image: url('images/icons/un-flag.png'); +} +.qa-c-list-item .qa-form-light-button-hide { + background-image: url('images/icons/hide.png'); +} +.qa-c-list-item .qa-form-light-button-follow { + background-image: url('images/icons/link.png'); +} +.qa-c-list-item .qa-form-light-button-reshow { + background-image: url('images/icons/show.png'); +} +.qa-c-list-item .qa-form-light-button-claim { + background-image: url('images/icons/claim.png'); +} +.qa-c-list-item .qa-form-light-button-delete { + background-image: url('images/icons/delete.png'); +} +.qa-c-list-item .qa-form-light-button-approve { + background-image: url('images/icons/approve.png'); + padding-left: 18px; +} +.qa-c-list-item .qa-form-light-button-reject { + background-image: url('images/icons/rejected.png'); +} +.qa-c-list-item .qa-form-light-button-close { + background-image: url('images/icons/close.png'); +} +.qa-c-list-item .qa-form-light-button-reopen { + background-image: url('images/icons/open.png'); +} + +.qa-c-item-avatar-meta { + font-size: 12px; + display: block; + margin-bottom: 10px; +} + +.qa-c-item-avatar { + position: absolute; + right: 10px; + top: 10px; +} + +.qa-c-item-meta { + border-bottom: 1px solid #d6dadb; + display: block; +} +@media (max-width: 767px) { + .qa-c-item-meta { + font-size: 0.875em; + line-height: 1.71429em; + padding-right: 24px; + min-height: 2.3em; + } +} + +.qa-c-item-content { + font-size: 14px; +} + +.qa-c-item-buttons { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #d6dadb; +} +.qa-c-item-buttons .qa-waiting { + float: right; + margin: 9px 0 0 5px; +} + +.qa-c-form h2 { + margin-bottom: 0; +} + +.qa-widget-main h2:first-of-type { + padding: 10px; + margin-bottom: 5px; + background: #9b59b6; + color: #fff; + margin: 0 0 5px 0; +} +.qa-widget-main h2:first-of-type a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-widget-main h2:first-of-type a:hover { + color: #fff; + border-bottom: 0; +} + +/*------[ sidebar ]------*/ +#qam-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.85); + z-index: 9; + box-shadow: 0 0 300px 50px rgba(0, 0, 0, 0.3) inset; + display: none; +} + +#qam-sidepanel-toggle { + display: none; +} + +@media (min-width: 980px) { + .qa-sidepanel { + width: 25%; + padding: 0; + float: right; + *zoom: 1; + } +} + +@media (max-width: 979px) { + #qam-sidepanel-toggle { + display: block; + position: fixed; + bottom: 10px; + right: 0; + text-align: center; + font-size: 24px; + background: #9b59b6; + cursor: pointer; + transition: all 0.15s ease; + color: #95a5a6; + opacity: 0.5; + z-index: 999; + } + #qam-sidepanel-toggle.active { + opacity: 1; + color: #34495e; + right: 280px; + box-shadow: -5px 0 15px 0 rgba(0, 0, 0, 0.5); + } + #qam-sidepanel-toggle [class^="icon-"]:before, #qam-sidepanel-toggle [class*=" icon-"]:before { + line-height: 40px; + width: 30px; + height: 40px; + text-align: center; + color: #fff; + } + + .qa-sidepanel { + width: 280px; + height: 100%; + position: fixed; + right: -280px; + top: 0; + overflow-y: auto; + z-index: 99999; + background: #fff; + transition: all 0.15s ease; + box-shadow: 0 0 0 0 transparent; + } + .qa-sidepanel.open { + right: 0 !important; + transition: all 0.15s ease; + box-shadow: -5px 0 15px 0 rgba(0, 0, 0, 0.5); + } +} + + +.stick { + top: 10px !important; + transition: all 0.15s ease; +} + +.qa-sidepanel { + word-wrap: break-word; +} +.qa-sidepanel h1, .qa-sidepanel h2, .qa-sidepanel h3, .qa-sidepanel h4, .qa-sidepanel h5, .qa-sidepanel h6 { + margin-top: 0; +} +.qa-sidepanel .qa-widget-side { + padding: 20px; + margin-bottom: 5px; + background: #fff; +} + +.qa-sidebar { + padding: 20px; + margin-bottom: 5px; + background: #34495e; + color: #fff; +} +.qa-sidebar a { + color: #fff; + border-bottom: 1px dotted #fff; + font-weight: bold; +} +.qa-sidebar a:hover { + color: #fff; + border-bottom: 0; + text-decoration: none; + text-shadow: 0 0 8px rgba(255, 255, 255, 0.5); + border-bottom: 1px solid #fff; +} + +.qa-sidebar.orange { + background: #f39c12; +} +.qa-sidebar.carrot { + background: #e67e22; +} +.qa-sidebar.alizarin { + background: #e74c3c; +} +.qa-sidebar.turquoise { + background: #1abc9c; +} +.qa-sidebar.emerald { + background: #2ecc71; +} +.qa-sidebar.peter-river { + background: #3498db; +} +.qa-sidebar.amethyst { + background: #9b59b6; +} +.qa-sidebar.wet-asphalt { + background: #34495e; +} + +.qa-activity-count { + margin: -20px; + text-align: center; + overflow: hidden; + *zoom: 1; +} + +.qa-activity-count-item { + width: 50%; + margin: 0; + padding-bottom: 10px; + color: #fff; + float: left; + text-transform: uppercase; + position: relative; +} +.qa-activity-count-item:before { + font-family: "fontello"; + display: inline-block; + font-size: 32px; + text-align: center; + margin-bottom: 5px; + position: absolute; + top: 5px; + left: 10px; + opacity: 0.2; +} +.qa-activity-count-item:hover { + cursor: help; +} +.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-item:nth-child(1) { + background: #1abc9c; +} +.qa-activity-count-item:nth-child(1):before { + content: '\e801'; +} +.qa-activity-count-item:nth-child(2) { + background: #2ecc71; +} +.qa-activity-count-item:nth-child(2):before { + content: '\e802'; +} +.qa-activity-count-item:nth-child(3) { + background: #f1c40f; +} +.qa-activity-count-item:nth-child(3):before { + content: '\e800'; +} +.qa-activity-count-item:nth-child(4) { + background: #e67e22; +} +.qa-activity-count-item:nth-child(4):before { + content: '\e809'; +} + +.qa-activity-count-data { + padding: 10px 10px 0 10px; + font-size: 2em; + line-height: 1.5em; + display: block; +} + +.qa-related-q-list { + margin: 0; + padding: 0; + list-style: none; +} + +.qa-related-q-item a { + display: block; + padding: 5px 0; + border-bottom: 1px solid #ecf0f1; +} +.qa-related-q-item:first-child a { + padding-top: 0; +} +.qa-related-q-item:last-child a { + padding-bottom: 0; + border-bottom: 0; +} + +.qa-nav-cat { + padding: 20px; + margin-bottom: 5px; + background: #fff; +} + +.qa-nav-cat-list { + padding: 0; + margin: 0; + list-style: none; +} +.qa-nav-cat-list .qa-nav-cat-list { + margin-left: 20px; +} + +.qa-nav-cat-item { + padding: 2px 0; + display: block; + border-bottom: 1px solid #ecf0f1; +} +.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-link.qa-nav-cat-favorited:before { + position: absolute; + top: 2px; + left: 0; + width: 17px; + height: 100%; + display: block; + content: url('images/favorite-icon-15x15.png'); +} + +.qa-nav-cat-note { + color: #7f8c8d; + float: right; + font-size: 12px; +} + +.qa-feed { + font-size: 13px; + padding: 20px; + margin-bottom: 5px; + background: #fff; +} + +.qa-feed-link { + line-height: 32px; +} +.qa-feed-link:before { + font-family: "fontello"; + font-size: 20px; + content: '\e81c'; + display: inline-block; + float: left; + margin-right: 8px; +} + +/*------[ footer ]------*/ +.qam-footer-box { + padding: 0; + margin-bottom: 5px; + background: #34495e; + color: #fff; + overflow: hidden; + margin: 0; +} +.qam-footer-box a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qam-footer-box a:hover { + color: #fff; + border-bottom: 0; +} + +.qam-footer-row a, .qam-footer-row a:visited { + display: block; + font-weight: normal; + border: none; + color: rgba(255, 255, 255, 0.75); +} +.qam-footer-row a:hover, .qam-footer-row a:focus, .qam-footer-row a:active, .qam-footer-row a:visited:hover, .qam-footer-row a:visited:focus, .qam-footer-row a:visited:active { + font-weight: normal; + border: none; +} + +.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%; + padding: 10px; + } +} +@media (min-width: 980px) { + .qam-footer-row { + width: 100%; + } + + .qam-footer-col { + width: 25%; + float: left; + padding: 1%; + } + .qam-footer-col:first-child { + padding-left: 0; + } + .qam-footer-col:last-child { + padding-right: 0; + } +} +@media (min-width: 1024px) { + .qam-footer-row { + width: 1024px; + margin: 0 auto; + } +} + +.qa-footer { + padding: 10px; + margin-bottom: 5px; + background: #2c3e50; + color: #fff; + margin-bottom: 0; + font-size: 12px; + line-height: 12px; +} +.qa-footer a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-footer a:hover { + color: #fff; + border-bottom: 0; +} + +.qa-nav-footer-list { + list-style: none; + margin: 0; + padding: 0; +} + +.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-link { + display: block; + font-weight: normal; +} + +@media (max-width: 479px) { + .qa-nav-footer { + display: block; + margin-bottom: 5px; + } + + .qa-attribution { + display: block; + } +} +@media (min-width: 480px) { + .qa-nav-footer { + float: left; + } + + .qa-attribution { + float: right; + display: block; + padding: 0 10px; + border-right: 1px solid rgba(255, 255, 255, 0.5); + } + .qa-attribution:nth-child(2) { + border-right: 0; + } +} + +.qa-ask-box { + padding: 10px 20px; + margin-bottom: 5px; + background: #3498db; + color: #fff; + color: #fff; +} +.qa-ask-box a { + color: #fff; + border-bottom: 1px dotted #fff; +} +.qa-ask-box a:hover { + color: #fff; + border-bottom: 0; +} +.qa-ask-box form { + margin: 0; +} +.qa-ask-box .qa-form-tall-label { + color: #fff; +} +.qa-ask-box .qa-form-tall-text { + width: 100% !important; + margin: 0 !important; +} + +@media (max-width: 979px) { + .qam-ask-search-box { + padding: 10px 10px 0 10px; + display: table; + width: 100%; + } + + .qam-ask-mobile { + display: table-cell; + } + .qam-ask-mobile a { + padding: 20px; + margin-bottom: 5px; + background: #1abc9c; + color: #fff; + text-align: center; + font-size: 24px; + display: block; + border: none; + font-weight: normal; + margin: 0; + } + .qam-ask-mobile a a { + color: #fff; + border-bottom: 1px dotted #fff; + } + .qam-ask-mobile a a:hover { + color: #fff; + border-bottom: 0; + } + .qam-ask-mobile a:hover, .qam-ask-mobile a:focus { + font-weight: normal; + border: none; + text-decoration: none; + } + .qam-ask-mobile a.orange { + background-color: #ea940c; + } + .qam-ask-mobile a.carrot { + background-color: #df7619; + } + .qam-ask-mobile a.alizarin { + background-color: #e53f2e; + } + .qam-ask-mobile a.turquoise { + background-color: #18af91; + } + .qam-ask-mobile a.emerald { + background-color: #2bc06a; + } + .qam-ask-mobile a.peter-river { + background-color: #2791d9; + } + .qam-ask-mobile a.amethyst { + background-color: #954eb1; + } + .qam-ask-mobile a.wet-asphalt { + background-color: #2f4154; + } + + .qam-search-mobile { + background-image: url('images/icons/search-mobile.png'); + background-repeat: no-repeat; + background-position: center; + background-color: #1abc9c; + width: 64px; + display: table-cell; + border-left: 1px solid #1dd2af; + cursor: pointer; + } + .qam-search-mobile.orange { + background-color: #ea940c; + border-left-color: #f4a62a; + } + .qam-search-mobile.orange.active { + background-color: #f39c12; + } + .qam-search-mobile.carrot { + background-color: #df7619; + border-left-color: #e98b39; + } + .qam-search-mobile.carrot.active { + background-color: #e67e22; + } + .qam-search-mobile.alizarin { + background-color: #e53f2e; + border-left-color: #ea6153; + } + .qam-search-mobile.alizarin.active { + background-color: #e74c3c; + } + .qam-search-mobile.turquoise { + background-color: #18af91; + border-left-color: #1dd2af; + } + .qam-search-mobile.turquoise.active { + background-color: #1abc9c; + } + .qam-search-mobile.emerald { + background-color: #2bc06a; + border-left-color: #40d47e; + } + .qam-search-mobile.emerald.active { + background-color: #2ecc71; + } + .qam-search-mobile.peter-river { + background-color: #2791d9; + border-left-color: #4aa3df; + } + .qam-search-mobile.peter-river.active { + background-color: #3498db; + } + .qam-search-mobile.amethyst { + background-color: #954eb1; + border-left-color: #a66bbe; + } + .qam-search-mobile.amethyst.active { + background-color: #9b59b6; + } + .qam-search-mobile.wet-asphalt { + background-color: #2f4154; + border-left-color: #3d566e; + } + .qam-search-mobile.wet-asphalt.active { + background-color: #34495e; + } + .qam-search-mobile.active { + background-image: url('images/icons/search-mobile-collaps.png'); + background-repeat: no-repeat; + background-position: center; + } +} + +@media (min-width: 980px) { + .qam-ask-search-box { + display: none; + } +} + +@-webkit-keyframes shake { + 0% { + transform: scale(1); + } + 17% { + transform: scale(1.5); + } + 34% { + transform: scale(0.8); + } + 51% { + transform: scale(1.1); + } + 68% { + transform: scale(0.9); + } + 85% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } +} +@-moz-keyframes shake { + 0% { + transform: scale(1); + } + 17% { + transform: scale(1.5); + } + 34% { + transform: scale(0.8); + } + 51% { + transform: scale(1.1); + } + 68% { + transform: scale(0.9); + } + 85% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } +} +@-ms-keyframes shake { + 0% { + transform: scale(1); + } + 17% { + transform: scale(1.5); + } + 34% { + transform: scale(0.8); + } + 51% { + transform: scale(1.1); + } + 68% { + transform: scale(0.9); + } + 85% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } +} +@keyframes shake { + 0% { + transform: scale(1); + } + 17% { + transform: scale(1.5); + } + 34% { + transform: scale(0.8); + } + 51% { + transform: scale(1.1); + } + 68% { + transform: scale(0.9); + } + 85% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } +} + +@-webkit-keyframes answer-highlight { + 0% { background-color: #ffffaa; } + 100% { background-color: #fff; } +} +@keyframes answer-highlight { + 0% { background-color: #ffffaa; } + 100% { background-color: #fff; } +} + +@-webkit-keyframes comment-highlight { + 0% { background-color: #ffffaa; } + 100% { background-color: #f4f4f4; } +} +@keyframes comment-highlight { + 0% { background-color: #ffffaa; } + 100% { background-color: #f4f4f4; } +} + + +/*------[ icons ]------*/ + +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + font-variant: normal; + text-transform: none; + line-height: 1em; + margin-left: .2em; + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-chat:before { content: '\e800'; } +.icon-help:before { content: '\e801'; } +.icon-comment:before { content: '\e802'; } +.icon-comment-alt:before { content: '\e803'; } +.icon-chart-line:before { content: '\e804'; } +.icon-coffee:before { content: '\e805'; } +.icon-tag:before { content: '\e806'; } +.icon-tags:before { content: '\e807'; } +.icon-spread:before { content: '\e808'; } +.icon-group:before { content: '\e809'; } +.icon-wrench:before { content: '\e80a'; } +.icon-article:before { content: '\e80b'; } +.icon-docs:before { content: '\e80c'; } +.icon-infinity:before { content: '\e80d'; } +.icon-user:before { content: '\e80e'; } +.icon-key:before { content: '\e80f'; } +.icon-money:before { content: '\e810'; } +.icon-wallet:before { content: '\e811'; } +.icon-arrows-cw:before { content: '\e812'; } +.icon-th-list:before { content: '\e813'; } +.icon-left-open-big:before { content: '\e814'; } +.icon-right-open-big:before { content: '\e815'; } +.icon-down-open-big:before { content: '\e816'; } +.icon-up-open-big:before { content: '\e817'; } +.icon-down-open-mini:before { content: '\e818'; } +.icon-up-open-mini:before { content: '\e819'; } +.icon-right-open-mini:before { content: '\e81a'; } +.icon-left-open-mini:before { content: '\e81b'; } +.icon-rss:before { content: '\e81c'; } +.icon-facebook:before { content: '\e81d'; } +.icon-twitter:before { content: '\e81e'; } +.icon-twitter-bird:before { content: '\e81f'; } +.icon-googleplus:before { content: '\e820'; } +.icon-ok:before { content: '\e821'; } +.icon-ok-circled:before { content: '\e822'; } +.icon-reply:before { content: '\e823'; } +.icon-power:before { content: '\e824'; } +.icon-link:before { content: '\e825'; } diff --git a/qa-theme.php b/qa-theme.php new file mode 100644 index 0000000..37a9ac9 --- /dev/null +++ b/qa-theme.php @@ -0,0 +1,663 @@ + + + File: qa-theme.php + Version: CrazyToad 1.0 + Description: Q2A theme class + + 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 3 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. +*/ + +/** + * Snow theme extends + * + * Extends the core theme class qa_html_theme_base + * + * @package qa_html_theme_base + * @subpackage qa_html_theme + * @category Theme + * @since Snow 1.0 + * @version 1.4 + * @author Q2A Market + * @copyright (c) 2014, Q2A Market + * @license http://www.gnu.org/copyleft/gpl.html + */ +class qa_html_theme extends qa_html_theme_base +{ + // use local font files instead of Google Fonts + private $localfonts = true; + + // theme subdirectories + private $js_dir = 'js'; + private $icon_url = 'images/icons'; + + private $fixed_topbar = false; + private $welcome_widget_class = 'wet-asphalt'; + private $ask_search_box_class = 'turquoise'; + // Size of the user avatar in the navigation bar + private $nav_bar_avatar_size = 52; + + /** + * Adding aditional meta for responsive design + * + * @since Snow 1.4 + */ + public function head_metas() + { + $this->output(''); + parent::head_metas(); + } + + /** + * Adding theme stylesheets + * + * @since Snow 1.4 + */ + public function head_css() + { + // add RTL CSS file + if ($this->isRTL) + $this->content['css_src'][] = $this->rooturl . 'qa-styles-rtl.css?' . QA_VERSION; + + // add Ubuntu font CSS file from Google Fonts + if ($this->localfonts) + $this->content['css_src'][] = $this->rooturl . 'fonts/ubuntu.css?' . QA_VERSION; + else + $this->content['css_src'][] = '//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic'; + + parent::head_css(); + + // output some dynamic CSS inline + $this->head_inline_css(); + } + + /** + * Adding theme javascripts + * + * @since Snow 1.4 + */ + public function head_script() + { + $jsUrl = $this->rooturl . $this->js_dir . '/snow-core.js?' . QA_VERSION; + $this->content['script'][] = ''; + + parent::head_script(); + } + + /** + * Adding point count for logged in user + * + * @since Snow 1.4 + */ + public function logged_in() + { + parent::logged_in(); + if (qa_is_logged_in()) { + $userpoints = qa_get_logged_in_points(); + $pointshtml = $userpoints == 1 + ? qa_lang_html_sub('main/1_point', '1', '1') + : qa_html(number_format($userpoints)) + ; + $this->output('
' . $pointshtml . '
'); + } + } + + /** + * Adding body class dynamically. Override needed to add class on admin/approve-users page + * + * @since Snow 1.4 + */ + public function body_tags() + { + $class = 'qa-template-' . qa_html($this->template); + + if (isset($this->content['categoryids'])) { + foreach ($this->content['categoryids'] as $categoryid) + $class .= ' qa-category-' . qa_html($categoryid); + } + + // add class if admin/appovoe-users page + if ($this->template === 'admin' && qa_request_part(1) === 'approve') + $class .= ' qam-approve-users'; + + if ($this->fixed_topbar) + $class .= ' qam-body-fixed'; + + $this->output('class="' . $class . ' qa-body-js-off"'); + } + + /** + * Login form for user dropdown menu. + * + * @since Snow 1.4 + */ + public function nav_user_search() + { + // outputs login form if user not logged in + $this->output(' '); + } + + /** + * Modify markup for topbar. + * + * @since Snow 1.4 + */ + public function nav_main_sub() + { + $this->output('
'); + $this->output('
'); + $this->nav_user_search(); + $this->logo(); + $this->nav('main'); + $this->output('
'); + $this->nav('sub'); + } + + /** + * Remove the '-' from the note for the category page (notes). + * + * @since Snow 1.4 + * @param type $navlink + * @param type $class + */ + public function nav_link($navlink, $class) + { + if (isset($navlink['note']) && !empty($navlink['note'])) { + $search = array(' - <', '> - '); + $replace = array(' <', '> '); + $navlink['note'] = str_replace($search, $replace, $navlink['note']); + } + parent::nav_link($navlink, $class); + } + + /** + * Rearranges the layout: + * - Swaps the main() and sidepanel() functions + * - Moves the header and footer functions outside qa-body-wrapper + * - Keeps top/high and low/bottom widgets separated + * + * @since Snow 1.4 + */ + public function body_content() + { + $this->body_prefix(); + $this->notices(); + + $this->widgets('full', 'top'); + $this->header(); + + $this->output('
', ''); + $this->widgets('full', 'high'); + + $this->output('
', ''); + $this->main(); + $this->sidepanel(); + $this->output('
'); + + $this->widgets('full', 'low'); + $this->output('
'); + + $this->footer(); + + $this->body_suffix(); + } + + /** + * Header in full width top bar + * + * @since Snow 1.4 + */ + public function header() + { + $class = $this->fixed_topbar ? ' fixed' : ''; + + $this->output('
'); + + $this->nav_main_sub(); + $this->output('
'); + + $this->output($this->ask_button()); + $this->qam_search('the-top', 'the-top-search'); + } + + /** + * Footer in full width bottom bar + * + * @since Snow 1.4 + */ + public function footer() + { + $this->output('
'); + + $this->output('
'); + $this->widgets('full', 'bottom'); + $this->output('
'); + + parent::footer(); + $this->output('
'); + } + + /** + * Overridden to customize layout and styling + * + * @since Snow 1.4 + */ + public function sidepanel() + { + // remove sidebar for user profile pages + if ($this->template == 'user') + return; + + $this->output('
'); + $this->output('
'); + $this->qam_search(); + $this->widgets('side', 'top'); + $this->sidebar(); + $this->widgets('side', 'high'); + $this->nav('cat', 1); + $this->widgets('side', 'low'); + if (isset($this->content['sidepanel'])) + $this->output_raw($this->content['sidepanel']); + $this->feed(); + $this->widgets('side', 'bottom'); + $this->output('
', ''); + } + + /** + * Allow alternate sidebar color. + * + * @since Snow 1.4 + */ + public function sidebar() + { + if (isset($this->content['sidebar'])) { + $sidebar = $this->content['sidebar']; + if (!empty($sidebar)) { + $this->output('
'); + $this->output_raw($sidebar); + $this->output('
', ''); + } + } + } + + /** + * Add close icon + * + * @since Snow 1.4 + * @param array $q_item + */ + public function q_item_title($q_item) + { + $closedText = qa_lang('main/closed'); + $imgHtml = empty($q_item['closed']) + ? '' + : '' . $closedText . ''; + + $this->output( + '
', + // add closed note in title + $imgHtml, + '' . $q_item['title'] . '', + '
' + ); + } + + /** + * Add RSS feeds icon and closed icon for closed questions + * + * @since Snow 1.4 + */ + public function title() + { + $q_view = isset($this->content['q_view']) ? $this->content['q_view'] : null; + + // RSS feed link in title + if (isset($this->content['feed']['url'])) { + $feed = $this->content['feed']; + $label = isset($feed['label']) ? $feed['label'] : ''; + $this->output(''); + } + + // link title where appropriate + $url = isset($q_view['url']) ? $q_view['url'] : false; + + // add closed image + $closedText = qa_lang('main/closed'); + $imgHtml = empty($q_view['closed']) + ? '' + : '' . $closedText . ''; + + if (isset($this->content['title'])) { + $this->output( + $imgHtml, + $url ? '' : '', + $this->content['title'], + $url ? '' : '' + ); + } + } + + /** + * Add view counter to question list + * + * @since Snow 1.4 + * @param array $q_item + */ + public function q_item_stats($q_item) + { + $this->output('
'); + + $this->voting($q_item); + $this->a_count($q_item); + parent::view_count($q_item); + + $this->output('
'); + } + + /** + * Prevent display view counter on usual place + * + * @since Snow 1.4 + * @param type $q_item + */ + public function view_count($q_item) {} + + /** + * Add view counter to question view + * + * @since Snow 1.4 + * @param type $q_view + */ + public function q_view_stats($q_view) + { + $this->output('
'); + + $this->voting($q_view); + $this->a_count($q_view); + parent::view_count($q_view); + + $this->output('
'); + } + + /** + * Modify user whometa, move to top + * + * @since Snow 1.4 + * @param type $q_view + */ + public function q_view_main($q_view) + { + $this->output('
'); + + if (isset($q_view['main_form_tags'])) + $this->output('
'); // form for buttons on question + + $this->post_avatar_meta($q_view, 'qa-q-view'); + $this->q_view_content($q_view); + $this->q_view_extra($q_view); + $this->q_view_follows($q_view); + $this->q_view_closed($q_view); + $this->post_tags($q_view, 'qa-q-view'); + + $this->q_view_buttons($q_view); + $this->c_list(isset($q_view['c_list']) ? $q_view['c_list'] : null, 'qa-q-view'); + + if (isset($q_view['main_form_tags'])) { + if (isset($q_view['buttons_form_hidden'])) + $this->form_hidden_elements($q_view['buttons_form_hidden']); + $this->output('
'); + } + + $this->c_form(isset($q_view['c_form']) ? $q_view['c_form'] : null); + + $this->output('
'); + } + + /** + * Move user whometa to top in answer + * + * @since Snow 1.4 + * @param type $a_item + */ + public function a_item_main($a_item) + { + $this->output('
'); + + $this->post_avatar_meta($a_item, 'qa-a-item'); + + if (isset($a_item['main_form_tags'])) + $this->output('
'); // form for buttons on answer + + if ($a_item['hidden']) + $answerState = 'hidden'; + elseif ($a_item['selected']) + $answerState = 'selected'; + else + $answerState = null; + + if (isset($answerState)) + $this->output('
'); + + $this->a_selection($a_item); + if (isset($a_item['error'])) + $this->error($a_item['error']); + $this->a_item_content($a_item); + + if (isset($answerState)) + $this->output('
'); + + $this->a_item_buttons($a_item); + + if (isset($a_item['c_list'])) + $this->c_list($a_item['c_list'], 'qa-a-item'); + + if (isset($a_item['main_form_tags'])) { + if (isset($a_item['buttons_form_hidden'])) + $this->form_hidden_elements($a_item['buttons_form_hidden']); + $this->output('
'); + } + + $this->c_form(isset($a_item['c_form']) ? $a_item['c_form'] : null); + + $this->output('
'); + } + + /** + * Move user whometa to top in comment + * + * @since Snow 1.4 + * @param type $c_item + */ + public function c_item_main($c_item) + { + $this->post_avatar_meta($c_item, 'qa-c-item'); + + if (isset($c_item['error'])) + $this->error($c_item['error']); + + if (isset($c_item['expand_tags'])) + $this->c_item_expand($c_item); + elseif (isset($c_item['url'])) + $this->c_item_link($c_item); + else + $this->c_item_content($c_item); + + $this->output('
'); + $this->c_item_buttons($c_item); + $this->output('
'); + } + + /** + * Q2A Market attribution. + * I'd really appreciate you displaying this link on your Q2A site. Thank you - Jatin + * + * @since Snow 1.4 + */ + public function attribution() + { + // floated right + $this->output( + '
', + 'CrazyToad on github', + '
' + ); + parent::attribution(); + } + + /** + * User account navigation item. This will return based on login information. + * If user is logged in, it will populate user avatar and account links. + * If user is guest, it will populate login form and registration link. + * + * @since Snow 1.4 + */ + private function qam_user_account() + { + if (qa_is_logged_in()) { + // get logged-in user avatar + $handle = qa_get_logged_in_user_field('handle'); + $toggleClass = 'qam-logged-in'; + + if (QA_FINAL_EXTERNAL_USERS) + $tobar_avatar = qa_get_external_avatar_html(qa_get_logged_in_user_field('userid'), $this->nav_bar_avatar_size, true); + else { + $tobar_avatar = qa_get_user_avatar_html( + qa_get_logged_in_user_field('flags'), + qa_get_logged_in_user_field('email'), + $handle, + qa_get_logged_in_user_field('avatarblobid'), + qa_get_logged_in_user_field('avatarwidth'), + qa_get_logged_in_user_field('avatarheight'), + $this->nav_bar_avatar_size, + false + ); + } + + $avatar = strip_tags($tobar_avatar, ''); + if (!empty($avatar)) + $handle = ''; + } + else { + // display login icon and label + $handle = $this->content['navigation']['user']['login']['label']; + $toggleClass = 'qam-logged-out'; + $avatar = ''; + } + + // finally output avatar with div tag + $handleBlock = empty($handle) ? '' : ''; + $this->output( + '
', + $avatar, + $handleBlock, + '
' + ); + } + + /** + * Add search-box wrapper with extra class for color scheme + * + * @since Snow 1.4 + * @version 1.0 + */ + private function qam_search($addon_class = null, $ids = null) + { + $id = isset($ids) ? ' id="' . $ids . '"' : ''; + + $this->output('
'); + $this->search(); + $this->output('
'); + } + + + /** + * Dynamic CSS based on options and other interaction with Q2A. + * + * @since Snow 1.4 + * @version 1.0 + * @return string The CSS code + */ + private function head_inline_css() + { + $css = array(''; + + $this->output_array($css); + } + + /** + * Custom ask button for medium and small screen + * + * @access private + * @since Snow 1.4 + * @version 1.0 + * @return string Ask button html markup + */ + private function ask_button() + { + return + '
' . + '
' . + '' . + qa_lang_html('main/nav_ask') . + '' . + '
' . + '
' . + '
' . + '
'; + } + +}