Advertisement
Guest User

Untitled

a guest
Apr 24th, 2018
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.69 KB | None | 0 0
  1. /*
  2. Theme Name: SnowFlat
  3. Theme URI:
  4. Theme Version: 1.4
  5. Theme Date: 2014-03-11
  6. Theme Author: Q2A Market
  7. Theme Author URI: http://www.q2amarket.com/
  8. Theme License: GPLv2
  9. */
  10.  
  11.  
  12. .clearfix, .qa-q-item-clear,
  13. .qa-nav-main-list, .qa-nav-sub,
  14. .qa-page-links, .qa-page-links-list,
  15. .qa-template-admin .qa-message-buttons,
  16. .qa-q-item-avatar-meta, .qa-message-item,
  17. .qa-q-view, .qa-part-q-view, .qa-q-view-content, .qa-q-view-buttons, .qa-part-form-q-edit,
  18. .qa-a-list-item, .qa-a-item-buttons, .qa-a-item-content,
  19. .qa-c-item-buttons, .qa-c-item-clear,
  20. .qam-footer-row, .qam-qa-list-meta-box,
  21. .qa-nav-footer-list, .qa-footer-clear {
  22. *zoom: 1;
  23. }
  24.  
  25. .qa-main:after, .qa-main-wrapper:after, .qa-body-wrapper:after, .qa-sidepanel:after,
  26. .clearfix:after, .qa-q-item-clear:after,
  27. .qa-nav-main-list:after, .qa-nav-sub:after,
  28. .qa-page-links:after, .qa-page-links-list:after,
  29. .qa-template-admin .qa-message-buttons:after,
  30. .qa-q-item-avatar-meta:after, .qa-message-item:after,
  31. .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,
  32. .qa-a-list-item:after, .qa-a-item-buttons:after, .qa-a-item-content:after,
  33. .qa-c-item-buttons:after, .qa-c-item-clear:after,
  34. .qam-footer-row:after, .qam-qa-list-meta-box:after,
  35. .qa-nav-footer-list:after, .qa-footer-clear:after,
  36. .qa-part-ranking:after, .qa-ranking-item:after {
  37. content: " ";
  38. display: table;
  39. clear: both;
  40. }
  41.  
  42. /*------[ icon font ]------*/
  43. @font-face {
  44. font-family: "fontello";
  45. src: url("fonts/fontello.eot?70015067") format("embedded-opentype"),
  46. url("fonts/fontello.eot?70015067#iefix") format("embedded-opentype"),
  47. url("fonts/fontello.woff?70015067") format("woff"),
  48. url("fonts/fontello.ttf?70015067") format("truetype"),
  49. url("fonts/fontello.svg?70015067#fontello") format("svg");
  50. font-weight: normal;
  51. font-style: normal;
  52. }
  53.  
  54. /*------[ base css ]------*/
  55. html {
  56. font-size: 16px;
  57. line-height: 1.5;
  58. }
  59.  
  60. :-moz-placeholder {
  61. color: #bdc3c7;
  62. font-style: italic;
  63. }
  64.  
  65. ::-webkit-input-placeholder {
  66. color: #bdc3c7;
  67. font-style: italic;
  68. }
  69.  
  70. * {
  71. -moz-box-sizing: border-box;
  72. -webkit-box-sizing: border-box;
  73. box-sizing: border-box;
  74. }
  75.  
  76. html, body {
  77. margin: 0;
  78. padding: 0;
  79. }
  80.  
  81. body {
  82. background: #ecf0f1 !important;
  83. position: relative;
  84. font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif;
  85. color: #34495e;
  86. }
  87. body.body-overflow {
  88. overflow-y: hidden !important;
  89. position: fixed;
  90. }
  91.  
  92. a {
  93. color: #2980b9;
  94. text-decoration: none;
  95. }
  96. a:active, a:focus {
  97. color: #3498db;
  98. text-decoration: none;
  99. outline: 0;
  100. }
  101. a:visited {
  102. color: #2980b9;
  103. text-decoration: none;
  104. }
  105. a:hover {
  106. color: #3498db;
  107. text-decoration: underline;
  108. }
  109.  
  110. .qa-main-heading {
  111. position: relative;
  112. margin: 0 0 5px;
  113. padding: 8px 52px 8px 20px;
  114. background: #3498db;
  115. color: #fff;
  116. }
  117. h1 {
  118. margin: 0;
  119. font-size: 1.4em;
  120. line-height: 1.35em;
  121. }
  122. h1 a {
  123. color: #fff;
  124. line-height: inherit;
  125. border: 0;
  126. text-decoration: none;
  127. opacity: 0.85;
  128. }
  129. h1 a:hover {
  130. border-bottom: 0;
  131. }
  132. h1 a:hover, h1 a:focus, h1 a:visited {
  133. color: #fff;
  134. line-height: inherit !important;
  135. opacity: 1;
  136. }
  137.  
  138. h2 {
  139. font-size: 1.25em;
  140. }
  141. h3 {
  142. font-size: 1em;
  143. }
  144. h4 {
  145. font-size: 0.875em;
  146. }
  147. h5 {
  148. font-size: 0.75em;
  149. }
  150. h6 {
  151. font-size: 0.625em;
  152. }
  153.  
  154. p {
  155. margin: 0 0 1em 0;
  156. }
  157.  
  158. hr {
  159. background-color: #bdc3c7;
  160. display: block;
  161. margin: 20px 0;
  162. border: none;
  163. height: 1px;
  164. }
  165.  
  166. img {
  167. vertical-align: bottom;
  168. max-width: 100%;
  169. height: auto !important;
  170. }
  171.  
  172. input, textarea, select {
  173. font-size: 0.875em;
  174. }
  175.  
  176. b, strong {
  177. font-weight: bold;
  178. }
  179.  
  180. small {
  181. font-size: 0.75em;
  182. }
  183.  
  184. table {
  185. border-collapse: collapse;
  186. max-width: 100%;
  187. width: 100%;
  188. }
  189.  
  190. th, td {
  191. padding: 10px 0;
  192. }
  193.  
  194. pre {
  195. background-color: #e0e4e5;
  196. border-left: 8px solid #3498db;
  197. margin: 1em 0;
  198. overflow: auto;
  199. padding: 0.4em 0.8em;
  200. width: 98%;
  201. font-size: 0.82em;
  202. }
  203. pre code {
  204. background-color: #d6dadb;
  205. }
  206.  
  207. code, samp, kbd {
  208. color: #34495e;
  209. font-family: "Courier New",Courier,monospace,sans-serif;
  210. text-align: left;
  211. }
  212.  
  213. blockquote {
  214. background-color: #e0e4e5;
  215. border-left: 11px solid #3498db;
  216. padding: 1em;
  217. margin: 1em 0;
  218. overflow-x: auto;
  219. }
  220. blockquote p {
  221. margin: 0;
  222. font-size: 1em;
  223. font-style: italic;
  224. color: #7f8c8d;
  225. }
  226.  
  227. .qa-search {
  228. padding: 8px;
  229. margin-bottom: 5px;
  230. background: #bdc3c7;
  231. }
  232.  
  233. .qa-search-field {
  234. margin: 0 -40px 0 0;
  235. padding: 0 40px 0 5px;
  236. vertical-align: bottom;
  237. width: 100%;
  238. height: 36px;
  239. border: 1px solid #117964;
  240. }
  241. .qa-search-field:focus {
  242. border-color: #e6e6e6;
  243. }
  244.  
  245. .qa-search-button {
  246. width: 36px;
  247. height: 36px;
  248. margin: 0 !important;
  249. text-indent: -9999px;
  250. background: #bdc3c7 url('images/search-icon-white.png') center no-repeat;
  251. border: none;
  252. outline: none;
  253. }
  254.  
  255. @media (max-width: 979px) {
  256. .qam-search {
  257. display: none;
  258. }
  259. }
  260.  
  261.  
  262. .qam-search.turquoise .qa-search {
  263. background: #1abc9c;
  264. }
  265. .qam-search.turquoise .qa-search-field:focus {
  266. border-color: #117964;
  267. }
  268. .qam-search.turquoise .qa-search-button {
  269. background-color: #117964;
  270. }
  271.  
  272. .qam-search.the-top {
  273. display: none;
  274. margin: 0 10px 10px;
  275. }
  276.  
  277. .qa-error, .qa-warning, .qa-success, .qa-notice {
  278. margin-bottom: 5px;
  279. padding: 10px;
  280. color: #fff;
  281. }
  282. .qa-error a, .qa-warning a, .qa-notice a {
  283. color: #fff;
  284. border-bottom: 1px dotted #fff;
  285. }
  286. .qa-error a:hover, .qa-warning a:hover, .qa-notice a:hover {
  287. color: #fff;
  288. border-bottom: 0;
  289. }
  290.  
  291. .qa-error {
  292. background: #e74c3c;
  293. position: relative;
  294. z-index: 999;
  295. }
  296. .qa-warning {
  297. background: #f1c40f;
  298. position: relative;
  299. z-index: 999;
  300. }
  301. .qa-success {
  302. background: #27ae60;
  303. position: relative;
  304. z-index: 999;
  305. }
  306.  
  307. .qa-notice {
  308. margin-bottom: 0;
  309. background: #d35400;
  310. text-align: center;
  311. font-size: 1em;
  312. line-height: 1.5em;
  313. }
  314.  
  315.  
  316. .qa-notice-close-button {
  317. margin: 0;
  318. float: right;
  319. width: 24px;
  320. height: 24px;
  321. display: block;
  322. background: transparent url('images/icons/close-black.png') no-repeat center;
  323. text-indent: -9999px;
  324. border: none;
  325. outline: none;
  326. -webkit-transition: background-image 0.5s;
  327. transition: background-image 0.5s;
  328. }
  329. .qa-notice-close-button:hover, .qa-notice-close-button:focus {
  330. background: transparent url('images/icons/close-red.png'); /* override generic input styles */
  331. outline: none;
  332. border: none;
  333. }
  334.  
  335. /*------[ main nav css ]------*/
  336. @media (max-width: 767px) {
  337. .qa-template-questions.qam-body-fixed, .qa-template-unanswered.qam-body-fixed, .qa-template-user.qam-body-fixed,
  338. .qa-template-account.qam-body-fixed, .qa-template-messages.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
  339. [class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
  340. padding-top: 118px;
  341. }
  342. }
  343. @media (min-width: 768px) {
  344. .qa-template-questions.qam-body-fixed, .qa-template-unanswered.qam-body-fixed, .qa-template-user.qam-body-fixed,
  345. .qa-template-account.qam-body-fixed, .qa-template-messages.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
  346. [class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
  347. padding-top: 105px;
  348. }
  349. }
  350. @media (max-width: 979px) {
  351. .qa-template-user.qam-body-fixed, .qa-template-account.qam-body-fixed, .qa-template-favorites.qam-body-fixed,
  352. [class^="qa-template-user-"].qam-body-fixed, [class*="qa-template-user-"].qam-body-fixed {
  353. padding-top: 142px;
  354. }
  355.  
  356. .qam-body-fixed {
  357. padding-top: 70px;
  358. }
  359. .qa-template-messages.qam-body-fixed {
  360. padding-top: 95px;
  361. }
  362. .qa-template-admin.qam-body-fixed {
  363. padding-top: 240px;
  364. }
  365. }
  366. @media (min-width: 980px) {
  367. .qam-body-fixed {
  368. padding-top: 80px;
  369. }
  370. .qa-template-admin.qam-body-fixed {
  371. padding-top: 105px;
  372. }
  373. }
  374.  
  375. #qam-topbar {
  376. font-size: 0.875em;
  377. }
  378. #qam-topbar.fixed {
  379. position: fixed;
  380. left: 0;
  381. top: 0;
  382. right: 0;
  383. bottom: auto;
  384. z-index: 99990;
  385. }
  386.  
  387. .qam-main-nav-wrapper {
  388. background: #2c3e50;
  389. color: #bdc3c7;
  390. padding: 10px;
  391. }
  392.  
  393. .qam-main-nav-wrapper a {
  394. color: #fff;
  395. }
  396.  
  397. .qam-menu-toggle {
  398. display: none;
  399. }
  400.  
  401. @media (max-width: 979px) {
  402. .qam-main-nav-wrapper {
  403. position: relative;
  404. }
  405.  
  406. .qam-menu-toggle {
  407. display: block; /* turn on menu icon */
  408. float: left;
  409. margin: 0 10px 0 0;
  410. font-size: 34px;
  411. }
  412. .qam-menu-toggle.current {
  413. color: #fff;
  414. text-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
  415. }
  416. .qam-menu-toggle .icon-th-list {
  417. display: block;
  418. margin-top: 7px;
  419. }
  420. }
  421.  
  422. .qa-logo {
  423. display: inline-block;
  424. vertical-align: top;
  425. font-size: 24px;
  426. margin: 0 1px 0 0;
  427. }
  428. .qa-logo img {
  429. max-height: 49px;
  430. width: auto;
  431. }
  432.  
  433. .qa-logo-link {
  434. line-height: 49px;
  435. display: block;
  436. }
  437.  
  438. .qa-logo-link:hover {
  439. text-decoration: none;
  440. }
  441.  
  442. @media (max-width: 767px) {
  443. .qa-nav-main {
  444. width: 100% !important;
  445. }
  446. }
  447. @media (max-width: 979px) {
  448. .qa-nav-main {
  449. width: 30%;
  450. position: absolute;
  451. top: 100%;
  452. left: 0;
  453. display: none;
  454. z-index: 1090;
  455. box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
  456. }
  457. }
  458. @media (min-width: 980px) {
  459. .qa-logo-link {
  460. background: #34495e;
  461. padding: 5px 15px;
  462. }
  463. .qa-logo-link:hover {
  464. background: #445f7a;
  465. }
  466.  
  467. .qa-nav-main {
  468. vertical-align: top;
  469. display: inline-block;
  470. }
  471.  
  472. .qa-nav-main-item {
  473. float: left;
  474. margin: 0 1px;
  475. }
  476. .qa-nav-main-item-opp {
  477. float: right;
  478. margin: 0 1px;
  479. }
  480. .qa-nav-main-item-opp:last-child {
  481. margin: 0 0 0 50px;
  482. }
  483. }
  484.  
  485. .qa-nav-main-list {
  486. margin: 0;
  487. padding: 0;
  488. list-style: none;
  489. }
  490.  
  491. .qa-nav-main-activity .qa-nav-main-link:before {
  492. content: '\e804';
  493. }
  494.  
  495. .qa-nav-main-questions .qa-nav-main-link:before {
  496. content: '\e80b';
  497. }
  498.  
  499. .qa-nav-main-hot .qa-nav-main-link {
  500. color: #f39c12;
  501. }
  502. .qa-nav-main-hot .qa-nav-main-link:before {
  503. content: '\e805';
  504. }
  505. .qa-nav-main-hot .qa-nav-main-link.qa-nav-main-selected {
  506. color: #f5b043;
  507. }
  508.  
  509. .qa-nav-main-unanswered .qa-nav-main-link:before {
  510. content: '\e80c';
  511. }
  512.  
  513. .qa-nav-main-tag .qa-nav-main-link:before {
  514. content: '\e806';
  515. }
  516.  
  517. .qa-nav-main-categories .qa-nav-main-link:before {
  518. content: '\e808';
  519. }
  520.  
  521. .qa-nav-main-user .qa-nav-main-link:before {
  522. content: '\e809';
  523. }
  524.  
  525. .qa-nav-main-ask .qa-nav-main-link {
  526. color: #2ecc71;
  527. }
  528. .qa-nav-main-ask .qa-nav-main-link:before {
  529. content: '\e801';
  530. }
  531. .qa-nav-main-ask .qa-nav-main-link.qa-nav-main-selected {
  532. color: #54d98c;
  533. }
  534.  
  535. .qa-nav-main-admin .qa-nav-main-link:before {
  536. content: '\e80a';
  537. }
  538.  
  539. .qa-nav-main- .qa-nav-main-link:before {
  540. content: '\e80d';
  541. }
  542.  
  543. .qa-nav-main-link {
  544. background-color: #34495e;
  545. display: block;
  546. line-height: normal;
  547. min-width: 60px;
  548. width: auto;
  549. height: auto;
  550. }
  551. .qa-nav-main-link:hover {
  552. text-decoration: none;
  553. background: #445f7a;
  554. }
  555. .qa-nav-main-link:before {
  556. font-family: "fontello";
  557. font-size: 24px;
  558. content: '\e80d';
  559. }
  560.  
  561. @media (max-width: 979px) {
  562. .qa-nav-main-link {
  563. padding: 5px 10px;
  564. }
  565. .qa-nav-main-link:before {
  566. display: inline-block;
  567. width: 24px;
  568. margin: 0 15px 0 0;
  569. }
  570. }
  571. @media (min-width: 980px) {
  572. .qa-nav-main-link {
  573. padding: 5px;
  574. text-align: center;
  575. }
  576. .qa-nav-main-link:before {
  577. display: block;
  578. text-align: center;
  579. margin-bottom: 5px;
  580. }
  581. }
  582. .qa-nav-main-link.qa-nav-main-selected {
  583. background: #3498db;
  584. }
  585.  
  586. .qa-nav-sub {
  587. background-color: #e0e4e5;
  588. text-align: center;
  589. font-size: 12px;
  590. }
  591. .qa-nav-sub-list {
  592. margin: 0;
  593. padding: 0;
  594. list-style: none;
  595. }
  596.  
  597. @media (max-width: 979px) {
  598. .qa-nav-sub-list {
  599. *zoom: 1;
  600. }
  601. .qa-nav-sub-list:before, .qa-nav-sub-list:after {
  602. content: "";
  603. display: table;
  604. }
  605. .qa-nav-sub-list:after {
  606. clear: both;
  607. }
  608.  
  609. .qa-nav-sub-item {
  610. width: 33.33%;
  611. float: left;
  612. box-shadow: -1px -1px 0 0 #cfd9db inset;
  613. }
  614. .qa-nav-sub-item:nth-child(3) {
  615. box-shadow: 0 -1px 0 0 #cfd9db inset;
  616. }
  617. }
  618. @media (min-width: 980px) {
  619. .qa-nav-sub {
  620. font-size: 13px;
  621. padding: 0 6px;
  622. }
  623. .qa-nav-sub-item {
  624. display: inline-block;
  625. }
  626. }
  627.  
  628. .qa-nav-sub-link, .qa-nav-sub-link:visited, .qa-nav-sub-link:hover {
  629. display: block;
  630. padding: 2px 10px 4px;
  631. color: #000;
  632. }
  633. .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 {
  634. background-color: #3498db;
  635. color: #fff;
  636. }
  637.  
  638. .qam-account-items-wrapper {
  639. float: right;
  640. position: relative;
  641. }
  642.  
  643. #qam-account-toggle {
  644. display: block;
  645. cursor: pointer;
  646. min-width: 60px;
  647. min-height: 55px;
  648. max-width: 80px;
  649. padding: 2px;
  650. background-color: #34495e;
  651. text-align: center;
  652. }
  653. #qam-account-toggle:hover {
  654. background: #445f7a;
  655. }
  656. #qam-account-toggle .qam-auth-key {
  657. font-size: 28px;
  658. }
  659. #qam-account-toggle .qam-auth-key:before {
  660. display: inline-block;
  661. }
  662.  
  663. .qam-account-items {
  664. background-color: #34495e;
  665. display: none;
  666. position: absolute;
  667. right: 0;
  668. top: 60px;
  669. width: 230px;
  670. padding: 10px;
  671. z-index: 1100;
  672. }
  673. .qam-account-items input[type="text"], .qam-account-items input[type="password"] {
  674. width: 100%;
  675. }
  676.  
  677. .qam-account-handle {
  678. font-size: 12px;
  679. line-height: 1.8;
  680. overflow: hidden;
  681. text-overflow: ellipsis;
  682. }
  683.  
  684. .qam-account-items .qa-form-tall-button-login {
  685. width: 100%;
  686. }
  687.  
  688. .qa-nav-user {
  689. white-space: nowrap;
  690. margin: -10px;
  691. }
  692.  
  693. .qa-nav-user-facebook-login, .qa-nav-user-register {
  694. padding: 0 !important;
  695. }
  696.  
  697. .qa-nav-user-register .qa-nav-user-link {
  698. background-color: #27ae60;
  699. width: 100%;
  700. display: block;
  701. color: #fff;
  702. margin: 2px 0 0;
  703. padding: 5px !important;
  704. text-align: center;
  705. line-height: 20px;
  706. border: 1px solid #27ae60;
  707. }
  708. .qa-nav-user-register .qa-nav-user-link:hover {
  709. background-color: #2ecc71;
  710. border-color: #2ecc71;
  711. text-decoration: none;
  712. }
  713.  
  714. .qa-nav-user-facebook-login {
  715. border-bottom: none !important;
  716. }
  717. .qa-nav-user-facebook-login .qa-nav-user-nolink {
  718. width: 100%;
  719. display: block;
  720. margin: 2px 0 15px;
  721. padding: 5px !important;
  722. line-height: normal;
  723. }
  724.  
  725. .qa-logged-in {
  726. display: block;
  727. padding: 10px 20px;
  728. border-bottom: 1px solid #2c3e50;
  729. }
  730. .qa-logged-in:before {
  731. content: '\e80e';
  732. font-family: "fontello";
  733. display: inline-block;
  734. width: 1em;
  735. background-color: #2c3e50;
  736. padding: 5px;
  737. margin: 0 10px 0 0;
  738. text-align: center;
  739. line-height: normal;
  740. border-radius: 1em;
  741. }
  742.  
  743. .qam-logged-in-points {
  744. padding: 10px 20px;
  745. border-bottom: 1px solid #2c3e50;
  746. }
  747. .qam-logged-in-points:before {
  748. content: '\e810';
  749. font-family: "fontello";
  750. display: inline-block;
  751. width: 1em;
  752. background-color: #2c3e50;
  753. padding: 5px;
  754. margin: 0 10px 0 0;
  755. text-align: center;
  756. line-height: normal;
  757. border-radius: 1em;
  758. }
  759.  
  760. .qa-nav-user-list {
  761. margin: 0;
  762. padding: 0;
  763. list-style: none;
  764. }
  765.  
  766. .qa-nav-user-item {
  767. padding: 0 20px;
  768. border-bottom: 1px solid #2c3e50;
  769. }
  770. .qa-nav-user-item:last-child {
  771. border-bottom: none;
  772. }
  773.  
  774. .qa-nav-user-link {
  775. padding: 10px 0;
  776. display: inline-block;
  777. }
  778.  
  779. .qa-nav-user-updates:before {
  780. content: '\e812';
  781. font-family: "fontello";
  782. display: inline-block;
  783. width: 1em;
  784. background-color: #2c3e50;
  785. padding: 5px;
  786. margin: 0 10px 0 0;
  787. text-align: center;
  788. line-height: normal;
  789. border-radius: 1em;
  790. }
  791.  
  792. .qa-nav-user-logout:before {
  793. content: '\e824';
  794. font-family: "fontello";
  795. display: inline-block;
  796. width: 1em;
  797. background-color: #2c3e50;
  798. padding: 5px;
  799. margin: 0 10px 0 0;
  800. text-align: center;
  801. line-height: normal;
  802. border-radius: 1em;
  803. }
  804.  
  805. .qa-logged-in:hover, .qam-logged-in-points:hover, .qa-nav-user-item:hover {
  806. background-color: #2c3e50;
  807. }
  808.  
  809. .qa-nav-user-facebook-login:hover, .qa-nav-user-register:hover {
  810. background-color: transparent;
  811. }
  812.  
  813. /*------[ qa content parts ]------*/
  814.  
  815. .qa-main, .qa-main-wrapper {
  816. *zoom: 1;
  817. }
  818.  
  819. .qa-body-wrapper {
  820. margin: 10px auto;
  821. padding: 0 10px;
  822. *zoom: 1;
  823. }
  824.  
  825. @media (min-width: 980px) {
  826. .qa-main {
  827. width: 74.5%;
  828. float: left;
  829. }
  830. .qam-topbar, .qa-main-wrapper {
  831. width: 100%;
  832. }
  833. }
  834. @media (min-width: 1044px) {
  835. .qa-body-wrapper {
  836. width: 1024px;
  837. }
  838. }
  839.  
  840. .qam-title-rss {
  841. float: right;
  842. color: #ecf0f1;
  843. font-size: 1.4em;
  844. }
  845. .qam-title-rss:hover {
  846. color: #fff;
  847. }
  848. .qam-title-rss:before {
  849. width: auto !important;
  850. }
  851.  
  852.  
  853. .qa-q-view-content,
  854. .qa-a-item-content,
  855. .qa-c-item-content {
  856. word-wrap: break-word;
  857. }
  858.  
  859. .qa-q-view-content table, .qa-a-item-content table, .qa-c-item-content table {
  860. width: 100%;
  861. border-collapse: collapse;
  862. font-size: 14px;
  863. margin-bottom: 20px;
  864. }
  865. .qa-q-view-content tr:hover, .qa-a-item-content tr:hover, .qa-c-item-content tr:hover {
  866. background-color: #f4f4f4;
  867. }
  868. .qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th,
  869. .qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td {
  870. padding: 10px;
  871. border: 1px solid #e0e0e0;
  872. text-align: left;
  873. }
  874. .qa-q-view-content th, .qa-a-item-content th, .qa-c-item-content th {
  875. background-color: #eaeaea;
  876. font-weight: 700;
  877. }
  878. .qa-q-view-content td, .qa-a-item-content td, .qa-c-item-content td {
  879. }
  880. .qa-q-view-content ul, .qa-a-item-content ul, .qa-c-item-content ul,
  881. .qa-q-view-content ol, .qa-a-item-content ol, .qa-c-item-content ol {
  882. margin-left: 20px;
  883. padding: 0;
  884. }
  885.  
  886.  
  887. .qa-waiting {
  888. background: url('images/spinner-icon-14x14.gif?1410117644') no-repeat center;
  889. display: inline-block;
  890. font-size: 0;
  891. height: 14px;
  892. margin: 0 8px 0 4px;
  893. vertical-align: middle;
  894. width: 14px;
  895. }
  896.  
  897. .qa-favoriting {
  898. position: absolute;
  899. right: 10px;
  900. top: 5px;
  901. }
  902. .qa-favoriting .qa-waiting {
  903. position: absolute;
  904. left: 50%;
  905. top: 50%;
  906. margin: -7px 0 0 -7px;
  907. padding: 0;
  908. }
  909.  
  910. .qa-favorite-button, .qa-unfavorite-button {
  911. background-image: url('images/star.png');
  912. background-repeat: no-repeat;
  913. width: 38px;
  914. height: 38px;
  915. margin: 0;
  916. border: none;
  917. -webkit-transition: background-position 0s;
  918. transition: background-position 0s;
  919. }
  920. .qa-favorite-button:hover, .qa-unfavorite-button:hover {
  921. background-color: #f39c12;
  922. background-position: center -38px;
  923. }
  924.  
  925. .qa-favorite-button {
  926. background-color: #ecf0f1;
  927. background-position: center top;
  928. }
  929.  
  930. .qa-unfavorite-button {
  931. background-color: #f1c40f;
  932. background-position: center bottom;
  933. }
  934.  
  935. /*------[ q-list ]------*/
  936. .qa-q-list-item {
  937. padding: 10px;
  938. margin-bottom: 5px;
  939. background: #fff;
  940. }
  941. .qa-q-list-item.qa-q-favorited {
  942. border-left: 1px solid #8e44ad;
  943. }
  944.  
  945. .qa-q-item-stats {
  946. float: left;
  947. }
  948. @media (max-width: 240px) {
  949. .qa-q-item-stats {
  950. float: none;
  951. display: none;
  952. }
  953. }
  954. .qa-template-user-activity .qa-q-item-stats {
  955. width: 65px;
  956. }
  957. .qa-template-user-answers .qa-q-item-stats {
  958. width: 68px;
  959. }
  960. @media (min-width: 241px) and (max-width: 799px) {
  961. .qa-template-user-activity .qa-q-item-stats {
  962. width: 60px;
  963. }
  964. .qa-template-user-answers .qa-q-item-stats {
  965. width: 60px;
  966. }
  967. }
  968.  
  969. .qa-voting {
  970. background-color: #ecf0f1;
  971. color: #445f7a;
  972. }
  973.  
  974. .qa-a-count {
  975. background-color: #3498db;
  976. color: #fff;
  977. text-align: center;
  978. }
  979.  
  980. .qa-a-count-zero {
  981. background-color: #e74c3c;
  982. }
  983.  
  984. .qa-a-count-selected {
  985. background-color: #27ae60;
  986. }
  987.  
  988. @media (max-width: 799px) {
  989. .qa-voting, .qa-a-count {
  990. width: 60px;
  991. height: 60px;
  992. line-height: 0.5;
  993. display: block;
  994. }
  995. }
  996.  
  997. @media (min-width: 800px) {
  998. .qa-voting {
  999. width: 68px;
  1000. height: 60px;
  1001. line-height: 0.5;
  1002. float: left;
  1003. }
  1004.  
  1005. .qa-a-count {
  1006. width: 65px;
  1007. height: 60px;
  1008. line-height: 0.5;
  1009. float: left;
  1010. }
  1011. }
  1012.  
  1013. .qa-netvote-count-data, .qa-a-count-data {
  1014. font-size: 24px;
  1015. line-height: 40px;
  1016. display: block;
  1017. white-space: nowrap;
  1018. }
  1019.  
  1020. .qa-netvote-count-pad, .qa-a-count-pad {
  1021. font-size: 12px;
  1022. }
  1023.  
  1024. .qa-netvote-count {
  1025. display: block;
  1026. text-align: center;
  1027. }
  1028.  
  1029.  
  1030. /* separate vote buttons counter */
  1031. .qa-vote-count-updown {
  1032. line-height: 1.5;
  1033. }
  1034.  
  1035. .qa-upvote-count,
  1036. .qa-downvote-count {
  1037. text-align: center;
  1038. display: block;
  1039. }
  1040.  
  1041. .qa-upvote-count-data,
  1042. .qa-downvote-count-data {
  1043. display: block;
  1044. margin-top: 2px;
  1045. font-size: 18px;
  1046. font-weight: 700;
  1047. }
  1048.  
  1049. .qa-upvote-count-pad,
  1050. .qa-downvote-count-pad {
  1051. display: none;
  1052. }
  1053.  
  1054.  
  1055. .qa-vote-buttons {
  1056. float: left;
  1057. height: 60px;
  1058. width: 20px;
  1059. position: relative;
  1060. }
  1061.  
  1062. .qa-vote-up-button, .qa-vote-down-button, .qa-voted-up-button, .qa-voted-down-button, .qa-vote-up-disabled, .qa-vote-down-disabled {
  1063. text-indent: -9999px;
  1064. background: url('images/vote-buttons-2.png') no-repeat;
  1065. width: 16px;
  1066. height: 10px;
  1067. border: none;
  1068. margin: 0;
  1069. padding: 0;
  1070. position: absolute;
  1071. left: 4px;
  1072. -webkit-transition: all 0s;
  1073. transition: all 0s;
  1074. }
  1075. .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,
  1076. .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,
  1077. .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 {
  1078. border: none;
  1079. cursor: pointer;
  1080. }
  1081.  
  1082. .qa-vote-up-button {
  1083. background-position: 0 0;
  1084. top: 10px;
  1085. }
  1086. .qa-vote-up-button:hover, .qa-vote-up-button:focus, .qa-vote-up-button:active {
  1087. background-position: 0 -10px;
  1088. }
  1089.  
  1090. .qa-vote-down-button {
  1091. background-position: -16px 0;
  1092. bottom: 10px;
  1093. }
  1094. .qa-vote-down-button:hover, .qa-vote-down-button:focus, .qa-vote-down-button:active {
  1095. background-position: -16px -10px;
  1096. }
  1097.  
  1098. .qa-vote-up-disabled {
  1099. background-position: 0 -40px;
  1100. top: 10px;
  1101. }
  1102. .qa-vote-up-disabled:hover, .qa-vote-up-disabled:focus, .qa-vote-up-disabled:active {
  1103. background-position: 0 -40px;
  1104. }
  1105.  
  1106. .qa-vote-down-disabled {
  1107. background-position: -16px -40px;
  1108. bottom: 10px;
  1109. }
  1110. .qa-vote-down-disabled:hover, .qa-vote-down-disabled:focus, .qa-vote-down-disabled:active {
  1111. background-position: -16px -40px;
  1112. }
  1113.  
  1114. .qa-voted-up-button {
  1115. background-position: 0 -10px;
  1116. }
  1117. .qa-voted-up-button:hover, .qa-voted-up-button:focus, .qa-voted-up-button:active {
  1118. background-position: 0 0;
  1119. }
  1120.  
  1121. .qa-voted-down-button {
  1122. background-position: -16px -10px;
  1123. }
  1124. .qa-voted-down-button:hover, .qa-voted-down-button:focus, .qa-voted-down-button:active {
  1125. background-position: -16px 0;
  1126. }
  1127.  
  1128. .qa-vote-one-button {
  1129. top: 25px;
  1130. }
  1131.  
  1132. .qa-q-item-main {
  1133. float: left;
  1134. padding-left: 10px;
  1135. }
  1136. @media (max-width: 240px) {
  1137. .qa-q-item-main {
  1138. width: 100%;
  1139. float: none;
  1140. padding-left: 0;
  1141. }
  1142. }
  1143. @media (min-width: 320px) {
  1144. .qa-q-item-main {
  1145. width: 210px;
  1146. }
  1147. }
  1148. @media (min-width: 360px) {
  1149. .qa-q-item-main {
  1150. width: 250px;
  1151. }
  1152. }
  1153. @media (min-width: 480px) {
  1154. .qa-q-item-main {
  1155. width: 364px;
  1156. }
  1157. }
  1158. @media (min-width: 568px) {
  1159. .qa-q-item-main {
  1160. width: 452px;
  1161. }
  1162. }
  1163. @media (min-width: 600px) {
  1164. .qa-q-item-main {
  1165. width: 484px;
  1166. }
  1167. }
  1168. @media (min-width: 768px) {
  1169. .qa-q-item-main {
  1170. width: 652px;
  1171. }
  1172. }
  1173. @media (min-width: 800px) {
  1174. .qa-q-item-main {
  1175. width: 611px;
  1176. }
  1177. }
  1178. @media (min-width: 980px) {
  1179. .qa-q-item-main {
  1180. width: 550px;
  1181. }
  1182. }
  1183. @media (min-width: 1044px) {
  1184. .qa-q-item-main {
  1185. width: 592px;
  1186. }
  1187. }
  1188.  
  1189. .qa-q-item-title {
  1190. font-weight: bold;
  1191. font-size: 1.125em;
  1192. line-height: 1.35em;
  1193. display: block;
  1194. }
  1195. .qa-q-item-title a {
  1196. color: #1a6a9b;
  1197. }
  1198. .qa-q-item-title a:hover, .qa-q-item-title a:active, .qa-q-item-title a:focus, .qa-q-item-title a:visited {
  1199. color: #3498db;
  1200. }
  1201. .qa-q-item-title:hover .qam-q-list-close-icon {
  1202. background-color: #c0392b;
  1203. cursor: help;
  1204. }
  1205.  
  1206. .qam-q-list-close-icon {
  1207. background-color: #34495e;
  1208. padding: 3px;
  1209. border-radius: 18px;
  1210. float: left;
  1211. margin: 5px 5px 0 0;
  1212. }
  1213.  
  1214. .qam-qa-list-meta-box {
  1215. display: block;
  1216. }
  1217.  
  1218. .qa-q-item-avatar-meta {
  1219. display: block;
  1220. margin-top: 5px;
  1221. }
  1222.  
  1223. .qa-q-item-avatar {
  1224. margin: 0 2px 0 0;
  1225. }
  1226. @media (max-width: 479px) {
  1227. .qa-q-item-avatar {
  1228. display: none;
  1229. }
  1230. }
  1231. @media (min-width: 480px) {
  1232. .qa-q-item-avatar {
  1233. display: inline-block;
  1234. vertical-align: middle;
  1235. line-height: 1;
  1236. }
  1237. }
  1238.  
  1239. .qa-q-item-meta {
  1240. display: inline-block;
  1241. vertical-align: middle;
  1242. font-size: 12px;
  1243. }
  1244. .qa-q-item-meta .qa-category-link.qa-cat-favorited {
  1245. position: relative;
  1246. padding-left: 14px;
  1247. }
  1248. .qa-q-item-meta .qa-category-link.qa-cat-favorited:before {
  1249. position: absolute;
  1250. top: 0;
  1251. left: 0;
  1252. width: 17px;
  1253. height: 100%;
  1254. display: block;
  1255. content: url('images/favorite-light-icon-15x15.png');
  1256. }
  1257. .qa-q-item-meta .qa-user-link.qa-user-favorited {
  1258. position: relative;
  1259. padding-left: 14px;
  1260. }
  1261. .qa-q-item-meta .qa-user-link.qa-user-favorited:before {
  1262. position: absolute;
  1263. top: 0;
  1264. left: 0;
  1265. width: 17px;
  1266. height: 100%;
  1267. display: block;
  1268. content: url('images/favorite-light-icon-15x15.png');
  1269. }
  1270.  
  1271. .qa-q-item-when-data {
  1272. font-weight: 700;
  1273. }
  1274.  
  1275. .qa-q-item-tags {
  1276. display: block;
  1277. margin-top: 5px;
  1278. }
  1279.  
  1280. .qa-q-item-tag-list, .qa-q-view-tag-list {
  1281. line-height: 11px;
  1282. list-style: none;
  1283. margin: 0;
  1284. padding: 0;
  1285. }
  1286.  
  1287. .qa-q-item-tag-item, .qa-q-view-tag-item {
  1288. display: inline;
  1289. }
  1290.  
  1291. .qa-tag-link,
  1292. .qa-widget-side .qa-q-view-tag-item {
  1293. background: #e67e22;
  1294. color: #fff !important;
  1295. display: inline-block;
  1296. font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif;
  1297. font-size: 11px;
  1298. line-height: 1.5em;
  1299. padding: 2px 8px;
  1300. margin-bottom: 2px;
  1301. text-decoration: none !important;
  1302. transition: all 0.75s ease-in-out 0s;
  1303. }
  1304. .qa-tag-link:hover,
  1305. .qa-widget-side .qa-q-view-tag-item:hover {
  1306. background: #f39c12;
  1307. color: #fff !important;
  1308. transition: all 0.25s ease-in-out 0s;
  1309. }
  1310. .qa-tag-link.qa-tag-favorited,
  1311. .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited {
  1312. position: relative;
  1313. padding-left: 25px;
  1314. }
  1315. .qa-tag-link.qa-tag-favorited:before,
  1316. .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited:before {
  1317. position: absolute;
  1318. top: 0;
  1319. left: 0;
  1320. width: 17px;
  1321. height: 100%;
  1322. display: block;
  1323. content: url('images/star14.png');
  1324. background-color: #b94a00;
  1325. }
  1326.  
  1327. .qa-page-links-list {
  1328. margin: 0;
  1329. padding: 0;
  1330. list-style: none;
  1331. }
  1332.  
  1333. .qa-page-links-label {
  1334. float: left;
  1335. margin-right: 2px;
  1336. padding: 5px 10px;
  1337. margin-bottom: 5px;
  1338. background: #fff;
  1339. display: block;
  1340. }
  1341.  
  1342. .qa-page-links-item {
  1343. float: left;
  1344. margin-right: 2px;
  1345. }
  1346. .qa-page-links-item a {
  1347. padding: 5px 10px;
  1348. margin-bottom: 5px;
  1349. background: #fff;
  1350. display: block;
  1351. text-decoration: none;
  1352. color: #34495e;
  1353. }
  1354. .qa-page-links-item a:hover, .qa-page-links-item a:focus {
  1355. background: #e67e22;
  1356. color: #fff;
  1357. }
  1358.  
  1359. .qa-page-selected {
  1360. padding: 5px 10px;
  1361. margin-bottom: 5px;
  1362. background: #3498db;
  1363. color: #fff;
  1364. display: block;
  1365. }
  1366. .qa-page-selected a {
  1367. color: #fff;
  1368. border-bottom: 1px dotted #fff;
  1369. }
  1370. .qa-page-selected a:hover {
  1371. color: #fff;
  1372. border-bottom: 0;
  1373. }
  1374.  
  1375. .qa-page-ellipsis {
  1376. padding: 5px 10px;
  1377. margin-bottom: 5px;
  1378. background: #fff;
  1379. display: block;
  1380. }
  1381.  
  1382. .qa-template-admin .qa-q-item-main {
  1383. width: auto;
  1384. float: none;
  1385. }
  1386. .qa-template-admin .qa-q-item-title {
  1387. margin-bottom: 5px;
  1388. }
  1389. .qa-template-admin .qa-q-item-content {
  1390. padding: 10px 0;
  1391. max-height: 150px;
  1392. border-top: 1px solid #e0e0e0;
  1393. border-bottom: 1px solid #e0e0e0;
  1394. font-size: 0.75em;
  1395. overflow-y: auto;
  1396. }
  1397. .qa-template-admin .qa-q-item-avatar-meta {
  1398. padding: 5px;
  1399. margin: 10px 0;
  1400. }
  1401. .qa-template-admin .qa-message-item {
  1402. padding: 20px;
  1403. margin-bottom: 5px;
  1404. background: #fff;
  1405. }
  1406. .qa-template-admin .qa-message-content {
  1407. font-size: 0.75em;
  1408. line-height: 2em;
  1409. }
  1410. .qa-template-admin .qa-message-avatar-meta {
  1411. padding: 5px 0;
  1412. margin: 10px 0;
  1413. display: block;
  1414. }
  1415. .qa-template-admin .qa-message-avatar-meta .qa-message-who-data a {
  1416. padding: 3px 10px;
  1417. margin-bottom: 5px;
  1418. background: #e74c3c;
  1419. color: #fff;
  1420. display: inline-block;
  1421. }
  1422. .qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a {
  1423. color: #fff;
  1424. border-bottom: 1px dotted #fff;
  1425. }
  1426. .qa-template-admin .qa-message-avatar-meta .qa-message-who-data a a:hover {
  1427. color: #fff;
  1428. border-bottom: 0;
  1429. }
  1430.  
  1431. /*------[ lists ]------*/
  1432. .qa-part-ranking, .qa-part-nav-list {
  1433. padding: 20px;
  1434. margin-bottom: 5px;
  1435. background: #fff;
  1436. width: 100%;
  1437. }
  1438. @media (max-width: 767px) {
  1439. .qa-part-ranking, .qa-part-nav-list {
  1440. overflow-x: auto;
  1441. overflow-y: hidden;
  1442. }
  1443. }
  1444. .qa-ranking-item {
  1445. display: inline-block;
  1446. position: relative;
  1447. margin: 5px;
  1448. padding: 5px;
  1449. }
  1450.  
  1451. .qa-top-users-item {
  1452. width: 100%;
  1453. max-width: 320px;
  1454. }
  1455.  
  1456. .qa-top-tags-item {
  1457. width: 100%;
  1458. max-width: 150px;
  1459. }
  1460.  
  1461. @media only screen and (min-width: 992px) {
  1462. /* two column layout for Desktops and above*/
  1463. .qa-top-users-item {
  1464. width: 48%;
  1465. max-width: none;
  1466. }
  1467.  
  1468. .qa-top-tags-item {
  1469. width: 23%;
  1470. max-width: none;
  1471. }
  1472. }
  1473.  
  1474. .qa-top-users-avatar .qa-avatar-link {
  1475. display: block;
  1476. float: left;
  1477. margin-right: 1em;
  1478. }
  1479.  
  1480. .qa-top-users-avatar .qa-avatar-link img {
  1481. border: 1px solid #cbd7e3;
  1482. }
  1483.  
  1484. .qa-top-users-label .qa-user-link {
  1485. background-color: #e74c3c;
  1486. display: block;
  1487. float: left;
  1488. color: #fff;
  1489. padding: 2px 1em;
  1490. position: relative;
  1491. }
  1492.  
  1493. .qa-top-users-label .qa-user-link:hover,
  1494. .qa-top-users-label .qa-user-link:focus {
  1495. background-color: #eb695c;
  1496. text-decoration: none;
  1497. }
  1498.  
  1499. .qa-top-users-label .qa-user-link:before {
  1500. content: "";
  1501. position: absolute;
  1502. left: -5px;
  1503. top: 30%;
  1504. display: block;
  1505. width: 0;
  1506. height: 0;
  1507. border-top: 5px solid transparent;
  1508. border-bottom: 5px solid transparent;
  1509. border-right: 5px solid #e74c3c;
  1510. }
  1511.  
  1512. @media (min-width: 980px) {
  1513. .qa-top-users-label .qa-user-link:hover:after,
  1514. .qa-top-users-label .qa-user-link:focus:after {
  1515. -ms-transform: translate(80px, 0);
  1516. -webkit-transform: translate(80px, 0);
  1517. transform: translate(80px, 0);
  1518. }
  1519.  
  1520. .qa-top-users-label .qa-user-link:after {
  1521. content: "";
  1522. display: block;
  1523. width: 0;
  1524. height: 0;
  1525. position: absolute;
  1526. top: 50%;
  1527. right: 0;
  1528. margin-top: -7px;
  1529. border-top: 7px solid transparent;
  1530. border-bottom: 7px solid transparent;
  1531. border-left: 7px solid #e74c3c;
  1532. -ms-transform: translate(0, 0);
  1533. -webkit-transform: translate(0, 0);
  1534. transform: translate(0, 0);
  1535. -webkit-transition: all 0.5s ease;
  1536. transition: all 0.5s ease;
  1537. }
  1538. }
  1539.  
  1540. .qa-top-users-label .qa-user-link.qa-user-favorited {
  1541. background-image: url('images/icons/fev-star.png');
  1542. background-repeat: no-repeat;
  1543. background-position: 2px center;
  1544. padding-left: 22px;
  1545. }
  1546.  
  1547. .qa-top-users-score {
  1548. position: relative;
  1549. float: right;
  1550. padding: 2px 6px 2px 6px;
  1551. background-color: #2ecc71;
  1552. color: #fff;
  1553. }
  1554. .qa-ranking-users-points .qa-top-users-score {
  1555. padding-left: 1.8em;
  1556. }
  1557. .qa-ranking-users-points .qa-top-users-score:before {
  1558. content: '\e810';
  1559. font-family: "fontello";
  1560. display: inline-block;
  1561. position: absolute;
  1562. top: 0;
  1563. left: 0;
  1564. width: 1.5em;
  1565. height: 100%;
  1566. background-color: #27ae60;
  1567. text-align: center;
  1568. line-height: 1.6em;
  1569. }
  1570.  
  1571. .qa-top-tags-count {
  1572. width: 8%;
  1573. }
  1574.  
  1575. .qa-browse-cat-list {
  1576. padding: 0;
  1577. margin: 0;
  1578. list-style: none;
  1579. }
  1580. .qa-browse-cat-list .qa-browse-cat-list {
  1581. margin: 1em 0 0 1em;
  1582. }
  1583.  
  1584. .qa-browse-cat-item {
  1585. font-size: 0.875em;
  1586. line-height: 1.71429em;
  1587. border-bottom: 1px solid #e0e0e0;
  1588. padding: 5px 0;
  1589. position: relative;
  1590. }
  1591. .qa-browse-cat-item:last-child {
  1592. border-bottom: 0 !important;
  1593. }
  1594.  
  1595. .qa-browse-cat-nolink, .qa-browse-cat-link,
  1596. .qa-browse-cat-link:hover, .qa-browse-cat-link:visited {
  1597. background-color: #e74c3c;
  1598. display: inline-block;
  1599. color: #fff;
  1600. padding: 2px 0.6em;
  1601. position: relative;
  1602. }
  1603.  
  1604. .qa-browse-cat-nolink {
  1605. cursor: help;
  1606. }
  1607.  
  1608. .qa-browse-cat-link {
  1609. cursor: pointer;
  1610. background-color: #c0392b;
  1611. }
  1612. .qa-browse-cat-link:hover, .qa-browse-cat-link:focus {
  1613. text-decoration: none;
  1614. background-color: #d34a3b;
  1615. }
  1616. .qa-browse-cat-link:before {
  1617. content: "";
  1618. position: absolute;
  1619. right: -5px;
  1620. top: 5px;
  1621. display: block;
  1622. width: 0;
  1623. height: 0;
  1624. border-top: 5px solid transparent;
  1625. border-bottom: 5px solid transparent;
  1626. border-left: 5px solid #c0392b;
  1627. }
  1628.  
  1629. .qa-browse-cat-note {
  1630. display: block;
  1631. font-size: 0.75em;
  1632. line-height: 2em;
  1633. }
  1634. .qa-browse-cat-note a {
  1635. position: absolute;
  1636. top: 5px;
  1637. right: 5px;
  1638. display: inline-block;
  1639. padding: 2px 10px 2px 2em;
  1640. background-color: #2ecc71;
  1641. color: #fff;
  1642. }
  1643. .qa-browse-cat-note a:before {
  1644. background-color: #27ae60;
  1645. content: '\e801';
  1646. font-family: "fontello";
  1647. display: inline-block;
  1648. text-align: center;
  1649. width: 1.5em;
  1650. height: 100%;
  1651. line-height: 2.4em;
  1652. position: absolute;
  1653. top: 0;
  1654. left: 0;
  1655. }
  1656. .qa-browse-cat-note a:hover {
  1657. background-color: #48d684;
  1658. text-decoration: none;
  1659. }
  1660. .qa-browse-cat-note.qam-cat-note {
  1661. padding: 5px;
  1662. margin: 10px 0 0;
  1663. background-color: #f5f7f7;
  1664. }
  1665.  
  1666. .qa-part-form-plugin-options {
  1667. margin-top: -5px !important;
  1668. padding-top: 0 !important;
  1669. }
  1670. .qa-part-form-plugin-options h2 {
  1671. margin: 0 0 10px 0;
  1672. font-weight: normal;
  1673. border-bottom: 1px solid #e0e0e0;
  1674. }
  1675.  
  1676. .qam-approve-users .qa-message-item {
  1677. padding: 5px 0 0;
  1678. margin: 0;
  1679. border-bottom: 1px solid #e0e0e0;
  1680. }
  1681. .qam-approve-users .qa-message-avatar-meta {
  1682. float: left;
  1683. margin: 0;
  1684. }
  1685. .qam-approve-users .qa-message-buttons {
  1686. float: right;
  1687. }
  1688.  
  1689. .qa-part-form-message {
  1690. padding: 10px 20px;
  1691. margin-bottom: 5px;
  1692. background: #fff;
  1693. }
  1694.  
  1695. .qa-message-list {
  1696. margin-top: 10px;
  1697. }
  1698.  
  1699. .qa-message-item {
  1700. border-bottom: 1px solid #e0e0e0;
  1701. margin: 0;
  1702. padding: 10px;
  1703. }
  1704.  
  1705. .qa-message-item:nth-child(even) {
  1706. background-color: #f2f5f5;
  1707. }
  1708. .qa-message-item:last-child {
  1709. border-bottom: none;
  1710. }
  1711.  
  1712. .qa-message-content {
  1713. display: block;
  1714. padding-bottom: 10px;
  1715. margin-bottom: 10px;
  1716. border-bottom: 1px dashed #e0e0e0;
  1717. word-wrap: break-word;
  1718. }
  1719.  
  1720. .qa-message-avatar-meta {
  1721. display: block;
  1722. float: left;
  1723. margin: 0;
  1724. }
  1725.  
  1726. .qa-message-avatar {
  1727. display: inline-block;
  1728. margin-right: 4px;
  1729. vertical-align: middle;
  1730. }
  1731.  
  1732. .qa-message-meta {
  1733. color: #666;
  1734. display: inline-block;
  1735. font-size: 10px;
  1736. vertical-align: middle;
  1737. }
  1738.  
  1739. .qa-message-buttons {
  1740. display: inline-block;
  1741. margin-left: 12px;
  1742. vertical-align: middle;
  1743. }
  1744.  
  1745. .qa-message-buttons .qa-form-light-button {
  1746. padding: 0;
  1747. }
  1748.  
  1749.  
  1750.  
  1751.  
  1752. .qa-part-form-message .qam-pm-message {
  1753. padding: 10px;
  1754. background: #27ae60;
  1755. color: #fff;
  1756. margin-bottom: 0;
  1757. }
  1758. .qa-part-form-message .qam-pm-message a {
  1759. color: #fff;
  1760. border-bottom: 1px dotted #fff;
  1761. }
  1762. .qa-part-form-message .qam-pm-message a:hover {
  1763. color: #fff;
  1764. border-bottom: 0;
  1765. }
  1766. .qa-part-form-message .qam-pm-message:before {
  1767. font-family: "fontello";
  1768. font-style: normal;
  1769. font-weight: normal;
  1770. display: inline-block;
  1771. text-decoration: inherit;
  1772. width: 1em;
  1773. margin-right: .2em;
  1774. text-align: center;
  1775. font-variant: normal;
  1776. text-transform: none;
  1777. line-height: 1em;
  1778. margin-left: .2em;
  1779. content: '\e821';
  1780. }
  1781.  
  1782. /*------[ forms ]------*/
  1783. input, textarea, select {
  1784. margin-top: 5px;
  1785. margin-bottom: 5px;
  1786. padding: 5px;
  1787. border: 1px solid #bdc3c7;
  1788. background-color: #fff;
  1789. font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif;
  1790. -webkit-transition: all 0.3s;
  1791. transition: all 0.3s;
  1792. }
  1793. input:focus, textarea:focus, select:focus {
  1794. background-color: #fff;
  1795. border-color: #3498db;
  1796. outline: 0;
  1797. }
  1798. input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner {
  1799. padding: 0;
  1800. border: 0;
  1801. outline: 0;
  1802. }
  1803.  
  1804. select:-moz-focusring {
  1805. color: transparent;
  1806. text-shadow: 0 0 0 #000;
  1807. }
  1808.  
  1809. input[type="submit"], button {
  1810. cursor: pointer;
  1811. text-align: center;
  1812. }
  1813.  
  1814. [class^="qa-part-form"],
  1815. [class^="qa-part-custom"] {
  1816. padding: 20px;
  1817. margin-bottom: 5px;
  1818. background: #fff;
  1819. }
  1820. [class^="qa-part-form"] > h2:first-child, [class^="qa-part-custom"] > h2:first-child {
  1821. margin-top: 0;
  1822. }
  1823.  
  1824. .qa-form-tall-text {
  1825. width: 100%;
  1826. }
  1827.  
  1828. .qa-form-tall-number, .qa-form-wide-number {
  1829. width: 50px;
  1830. }
  1831.  
  1832. .qa-form-tall-note, .qa-form-wide-note {
  1833. color: #7f8c8d;
  1834. font-size: 0.8em;
  1835. }
  1836. .qa-form-tall-note {
  1837. margin: 10px 0 5px;
  1838. }
  1839.  
  1840. .qa-form-tall-button, .qa-form-wide-button, .qa-form-basic-button {
  1841. -webkit-appearance: none;
  1842. padding: 10px 15px;
  1843. border: 0;
  1844. font-size: 14px;
  1845. -webkit-transition-duration: 0s;
  1846. transition-duration: 0s;
  1847. background: #3498db none;
  1848. color: #fff;
  1849. }
  1850. .qa-form-tall-button:hover, .qa-form-tall-button:focus,
  1851. .qa-form-wide-button:hover, .qa-form-wide-button:focus,
  1852. .qa-form-basic-button:hover, .qa-form-basic-button:focus {
  1853. border: 0;
  1854. outline: 0;
  1855. background-color: #4aa3df;
  1856. }
  1857. .qa-form-tall-button a, .qa-form-tall-button a:hover,
  1858. .qa-form-wide-button a, .qa-form-wide-button a:hover,
  1859. .qa-form-basic-button a, .qa-form-basic-button a:hover {
  1860. color: #fff;
  1861. }
  1862.  
  1863. @media (max-width: 767px) {
  1864. .qa-form-tall-button, .qa-form-wide-button, .qa-form-basic-button {
  1865. width: 100%;
  1866. display: block;
  1867. margin-bottom: 1em !important;
  1868. }
  1869. }
  1870.  
  1871. .qa-form-tall-button-save, .qa-form-wide-button-save, .qa-form-wide-button-saverecalc,
  1872. .qa-form-tall-button-ask, .qa-form-tall-button-answer {
  1873. background: #27ae60 none;
  1874. }
  1875. .qa-form-tall-button-save:hover, .qa-form-tall-button-save:focus,
  1876. .qa-form-wide-button-save:hover, .qa-form-wide-button-save:focus,
  1877. .qa-form-wide-button-saverecalc:hover, .qa-form-wide-button-saverecalc:focus,
  1878. .qa-form-tall-button-ask:hover, .qa-form-tall-button-ask:focus,
  1879. .qa-form-tall-button-answer:hover, .qa-form-tall-button-answer:focus {
  1880. background-color: #2ecc71;
  1881. }
  1882.  
  1883. .qa-form-tall-button-cancel,
  1884. .qa-form-wide-button-cancel {
  1885. background: #e74c3c none;
  1886. }
  1887. .qa-form-tall-button-cancel:hover, .qa-form-tall-button-cancel:focus,
  1888. .qa-form-wide-button-cancel:hover, .qa-form-wide-button-cancel:focus {
  1889. background-color: #ea6153;
  1890. }
  1891.  
  1892. .qa-form-wide-label, .qa-form-wide-data,
  1893. .qa-form-tall-spacer {
  1894. border-top: 1px solid #e0e0e0;
  1895. border-bottom: 1px solid #e0e0e0;
  1896. }
  1897.  
  1898. .qa-form-tall-label {
  1899. padding: 5px 0 0;
  1900. }
  1901.  
  1902. .qa-form-tall-data {
  1903. padding: 5px 0;
  1904. }
  1905.  
  1906. .qa-form-wide-label {
  1907. padding-right: 5px;
  1908. }
  1909. .qa-form-wide-data {
  1910. padding-left: 5px;
  1911. }
  1912. .qa-form-wide-text {
  1913. width: 100%;
  1914. }
  1915.  
  1916. .qa-form-tall-ok, .qa-form-wide-ok {
  1917. background-color: #27ae60;
  1918. padding: 10px;
  1919. display: table-cell;
  1920. color: #fff;
  1921. }
  1922.  
  1923. .qa-form-wide-error, .qa-form-tall-error {
  1924. color: #e74c3c;
  1925. }
  1926.  
  1927. .qa-form-tall-spacer {
  1928. display: block;
  1929. margin: 20px 0 19px 0;
  1930. padding: 0;
  1931. border-top: none;
  1932. line-height: 0;
  1933. }
  1934.  
  1935. .qa-form-tall-help, .qa-form-wide-help {
  1936. display: inline-block;
  1937. width: 18px;
  1938. height: 18px;
  1939. margin-left: 4px;
  1940. border-radius: 18px;
  1941. background-color: #3498db;
  1942. color: #fff;
  1943. font-size: 11px;
  1944. line-height: 18px;
  1945. text-align: center;
  1946. cursor: help;
  1947. }
  1948.  
  1949. .qa-ask-similar {
  1950. background-color: #ecf0f1;
  1951. padding: 10px;
  1952. margin-bottom: 5px;
  1953. }
  1954.  
  1955. .qa-ask-similar-title {
  1956. margin: -10px -10px 10px;
  1957. padding: 10px;
  1958. background: #7f8c8d;
  1959. color: #fff;
  1960. }
  1961. .qa-ask-similar-title a {
  1962. color: #fff;
  1963. border-bottom: 1px dotted #fff;
  1964. }
  1965. .qa-ask-similar-title a:hover {
  1966. color: #fff;
  1967. border-bottom: 0;
  1968. }
  1969.  
  1970. .qa-q-title-list {
  1971. list-style: none;
  1972. margin: 0;
  1973. padding: 0;
  1974. }
  1975.  
  1976. .qa-q-title-item {
  1977. padding: 2px 0;
  1978. border-bottom: 1px solid #d9dcde;
  1979. }
  1980. .qa-q-title-item:last-child {
  1981. border-bottom: none;
  1982. }
  1983.  
  1984. /*------[ users ]------*/
  1985. .qa-template-user .qa-main {
  1986. width: 100%;
  1987. }
  1988. .qa-part-message-list {
  1989. padding: 20px;
  1990. margin-bottom: 5px;
  1991. background: #fff;
  1992. }
  1993. .qa-template-user .qa-form-wide-buttons,
  1994. .qa-template-user .qa-form-tall-buttons {
  1995. border-bottom: none;
  1996. padding-bottom: 0;
  1997. }
  1998. .qa-template-user .qa-form-wide-label {
  1999. min-width: 110px;
  2000. width: auto;
  2001. }
  2002.  
  2003. .qa-part-form-profile .qa-form-wide-data {
  2004. word-break: break-word;
  2005. }
  2006. .qa-part-form-profile .qa-form-tall-image {
  2007. text-align: center;
  2008. }
  2009. .qa-part-form-profile .qa-form-wide-button-approve {
  2010. background: #27ae60 none;
  2011. }
  2012. .qa-part-form-profile .qa-form-wide-button-approve:hover, .qa-part-form-profile .qa-form-wide-button-approve:focus {
  2013. background-color: #2ecc71;
  2014. }
  2015. .qa-part-form-profile .qa-form-wide-button-block {
  2016. background: #e74c3c none;
  2017. }
  2018. .qa-part-form-profile .qa-form-wide-button-block:hover, .qa-part-form-profile .qa-form-wide-button-block:focus {
  2019. background-color: #ea6153;
  2020. }
  2021.  
  2022.  
  2023. @media (min-width: 980px) {
  2024. .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
  2025. width: 49.8%;
  2026. }
  2027. .qa-template-user [class^="qa-part-form"], .qa-template-user .qa-part-message-list {
  2028. float: right;
  2029. clear: right;
  2030. }
  2031. .qa-template-user .qa-part-form-profile {
  2032. float: left;
  2033. }
  2034. }
  2035. .qa-part-form-activity h2, .qa-part-message-list h2 {
  2036. margin-top: 0;
  2037. }
  2038.  
  2039. #level .qa-form-wide-static a:first-child {
  2040. background: #27ae60 url('images/icons/mail-white.png') no-repeat 5px center;
  2041. padding: 2px 5px 2px 25px;
  2042. border: 1px solid #1e8449;
  2043. display: inline-block;
  2044. color: #fff;
  2045. }
  2046. #level .qa-form-wide-static a:hover:first-child, #level .qa-form-wide-static a:focus:first-child {
  2047. background-color: #2ecc71;
  2048. background-image: url('images/icons/mail-white.png');
  2049. border: 1px solid #25a25a;
  2050. color: #fff;
  2051. text-decoration: none;
  2052. }
  2053.  
  2054. .qa-part-form-activity .qa-uf-user-points,
  2055. .qa-part-form-activity .qa-uf-user-q-posts,
  2056. .qa-part-form-activity .qa-uf-user-a-posts,
  2057. .qa-part-form-activity .qa-uf-user-c-posts,
  2058. .qa-part-form-activity .qa-uf-user-q-votes,
  2059. .qa-part-form-activity .qa-uf-user-a-votes,
  2060. .qa-part-form-activity .qa-uf-user-upvotes,
  2061. .qa-part-form-activity .qa-uf-user-downvotes,
  2062. .qa-part-form-activity .qa-uf-user-upvoteds,
  2063. .qa-part-form-activity .qa-uf-user-downvoteds {
  2064. font-size: 24px;
  2065. font-weight: 700;
  2066. }
  2067. .qa-part-form-activity .qa-uf-user-points,
  2068. .qa-part-form-activity .qa-uf-user-q-posts,
  2069. .qa-part-form-activity .qa-uf-user-a-posts,
  2070. .qa-part-form-activity .qa-uf-user-c-posts,
  2071. .qa-part-form-activity .qa-uf-user-q-votes,
  2072. .qa-part-form-activity .qa-uf-user-a-votes {
  2073. color: #3498db;
  2074. }
  2075. .qa-part-form-activity .qa-uf-user-upvotes,
  2076. .qa-part-form-activity .qa-uf-user-upvoteds {
  2077. color: #27ae60;
  2078. }
  2079. .qa-part-form-activity .qa-uf-user-downvotes,
  2080. .qa-part-form-activity .qa-uf-user-downvoteds {
  2081. color: #e74c3c;
  2082. }
  2083. .qa-part-form-activity .qa-form-wide-static {
  2084. color: #7f8c8d;
  2085. font-size: 12px;
  2086. }
  2087.  
  2088. /*------[ favorites ]------*/
  2089. .qa-template-favorites h2 {
  2090. padding: 10px;
  2091. margin-bottom: 5px;
  2092. background: #34495e;
  2093. color: #fff;
  2094. }
  2095. .qa-template-favorites h2 a {
  2096. color: #fff;
  2097. border-bottom: 1px dotted #fff;
  2098. }
  2099. .qa-template-favorites h2 a:hover {
  2100. color: #fff;
  2101. border-bottom: 0;
  2102. }
  2103.  
  2104. .qa-link-next {
  2105. margin-bottom: 0;
  2106. }
  2107.  
  2108. .qa-part-q-list .qa-link-next,
  2109. .qa-part-ranking-users,
  2110. .qa-part-ranking-tags,
  2111. .qa-part-nav-list-categories {
  2112. padding: 10px;
  2113. margin-bottom: 10px;
  2114. background: #fff;
  2115. }
  2116. .qa-part-ranking-users h2, .qa-part-ranking-tags h2, .qa-part-nav-list-categories h2 {
  2117. margin: -10px -10px 5px -10px;
  2118. }
  2119.  
  2120. .qa-favorite-image {
  2121. display: inline-block;
  2122. width: 16px;
  2123. height: 16px;
  2124. background: #ecf0f1 url('images/favorite-icon-15x15.png');
  2125. }
  2126.  
  2127. .qa-suggest-next {
  2128. padding: 10px;
  2129. margin-bottom: 5px;
  2130. background: #3498db;
  2131. color: #fff;
  2132. }
  2133. .qa-suggest-next a {
  2134. color: #fff;
  2135. border-bottom: 1px dotted #fff;
  2136. }
  2137. .qa-suggest-next a:hover {
  2138. color: #fff;
  2139. border-bottom: 0;
  2140. }
  2141.  
  2142. /*------[ q-view ]------*/
  2143. .qa-form-light-button {
  2144. -webkit-appearance: none;
  2145. display: block;
  2146. float: right;
  2147. margin: 0 0 0 5px;
  2148. padding: 10px 15px;
  2149. border: 0;
  2150. font-size: 14px;
  2151. -webkit-transition-duration: 0s;
  2152. transition-duration: 0s;
  2153. background: #2c3e50 none center no-repeat;
  2154. color: #fff;
  2155. width: 32px;
  2156. height: 32px;
  2157. text-align: center;
  2158. text-indent: -9999px;
  2159. }
  2160. .qa-form-light-button:hover, .qa-form-light-button:focus {
  2161. background-color: #476481;
  2162. border: 0;
  2163. outline: 0;
  2164. }
  2165. .qa-form-light-button a, .qa-form-light-button a:hover {
  2166. color: #fff;
  2167. }
  2168.  
  2169. .qa-form-light-button-edit, .qa-form-light-button-retagcat {
  2170. background-image: url('images/icons/edit-white.png');
  2171. }
  2172. .qa-form-light-button-flag {
  2173. background-image: url('images/icons/flag-white.png');
  2174. }
  2175. .qa-form-light-button-unflag {
  2176. background-color: #812b2b;
  2177. background-image: url('images/icons/flag-white.png');
  2178. }
  2179. .qa-form-light-button-clearflags {
  2180. background-image: url('images/icons/un-flag-white.png');
  2181. }
  2182. .qa-form-light-button-hide {
  2183. background-image: url('images/icons/hide-white.png');
  2184. }
  2185. .qa-form-light-button-follow {
  2186. background-image: url('images/icons/link-white.png');
  2187. }
  2188. .qa-form-light-button-reshow {
  2189. background-image: url('images/icons/show-white.png');
  2190. }
  2191. .qa-form-light-button-claim {
  2192. background-image: url('images/icons/claim-white.png');
  2193. }
  2194. .qa-form-light-button-delete {
  2195. background-image: url('images/icons/delete-white.png');
  2196. }
  2197. .qa-form-light-button-approve {
  2198. background-image: url('images/icons/approve-white.png');
  2199. padding-left: 18px;
  2200. }
  2201. .qa-form-light-button-reject {
  2202. background-image: url('images/icons/rejected-white.png');
  2203. }
  2204. .qa-form-light-button-close {
  2205. background-image: url('images/icons/close-white.png');
  2206. }
  2207. .qa-form-light-button-reopen {
  2208. background-image: url('images/icons/open-white.png');
  2209. }
  2210. .qa-form-light-button-block {
  2211. background-image: url('images/icons/rejected-white.png');
  2212. }
  2213. .qa-form-light-button-reply {
  2214. background-image: url('images/icons/reply-white.png');
  2215. }
  2216.  
  2217. .qa-form-light-button-answer {
  2218. background-image: #27ae60;
  2219. background-image: url('images/icons/answer-white.png');
  2220. float: left;
  2221. margin: 0 5px 0 0;
  2222. }
  2223. .qa-form-light-button-answer:hover, .qa-form-light-button-answer:focus {
  2224. background-color: #2ecc71;
  2225. }
  2226.  
  2227. .qa-form-light-button-comment {
  2228. background-image: url('images/icons/comment-white.png');
  2229. float: left;
  2230. margin: 0;
  2231. }
  2232.  
  2233. .qa-form-light-button-answer,
  2234. .qa-form-light-button-comment,
  2235. .qa-form-light-button-claim {
  2236. width: auto;
  2237. padding: 0 10px 0 30px;
  2238. background-position: 8px center;
  2239. font-size: 13px;
  2240. line-height: 32px;
  2241. text-indent: 0;
  2242. }
  2243. .qa-form-light-button-answer:hover, .qa-form-light-button-answer:focus,
  2244. .qa-form-light-button-comment:hover, .qa-form-light-button-comment:focus,
  2245. .qa-form-light-button-claim:hover, .qa-form-light-button-claim:focus {
  2246. background-position: 8px center;
  2247. }
  2248.  
  2249. .qa-q-view-stats {
  2250. float: left;
  2251. }
  2252. @media (max-width: 979px) {
  2253. .qa-q-view-stats, .qa-voting {
  2254. margin-bottom: 5px;
  2255. }
  2256. }
  2257.  
  2258. .qa-view-count {
  2259. font-size: 12px;
  2260. text-align: center;
  2261. clear: both;
  2262. float: left;
  2263. width: 100%;
  2264. height: auto;
  2265. margin: 6px 0 -4px;
  2266. word-break: break-word;
  2267. }
  2268.  
  2269. .qa-view-count-data {
  2270. }
  2271.  
  2272. .qa-view-count-pad {
  2273. }
  2274.  
  2275. .qam-q-view-close-icon {
  2276. background-color: #f1c40f;
  2277. padding: 4px;
  2278. border-radius: 24px;
  2279. float: left;
  2280. margin: 8px 10px 0 0;
  2281. }
  2282.  
  2283. .qa-q-view {
  2284. background: #fff;
  2285. padding-bottom: 20px;
  2286. }
  2287.  
  2288. .qa-part-q-view {
  2289. padding: 20px;
  2290. margin-bottom: 5px;
  2291. background: #fff;
  2292. position: relative;
  2293. }
  2294.  
  2295. .qa-q-view-avatar-meta {
  2296. font-size: 12px;
  2297. display: block;
  2298. margin-bottom: 20px;
  2299. }
  2300.  
  2301. .qa-q-view-avatar {
  2302. float: right;
  2303. }
  2304.  
  2305. .qa-q-view-meta {
  2306. border-bottom: 1px solid #bdc3c7;
  2307. display: block;
  2308. }
  2309. @media (max-width: 979px) {
  2310. .qa-q-view-meta {
  2311. clear: left;
  2312. }
  2313. .qa-q-view-main {
  2314. width: 100%;
  2315. }
  2316. }
  2317. @media (min-width: 980px) {
  2318. .qa-q-view-main {
  2319. float: left;
  2320. margin: 0 0 0 20px;
  2321. width: 86%;
  2322. }
  2323. }
  2324.  
  2325. .qa-q-view-tags {
  2326. margin-top: 20px;
  2327. }
  2328.  
  2329. .qa-q-view-buttons {
  2330. margin-top: 10px;
  2331. padding-top: 10px;
  2332. border-top: 1px solid #dee1e3;
  2333. }
  2334. .qa-q-view-buttons .qa-waiting {
  2335. float: right;
  2336. margin: 9px 0 0 5px;
  2337. }
  2338.  
  2339. .qa-q-view-closed {
  2340. position: relative;
  2341. background-color: #ecf0f1;
  2342. padding: 10px 10px 10px 54px;
  2343. margin: 10px 0;
  2344. font-size: 0.75em;
  2345. line-height: 2em;
  2346. font-weight: bold;
  2347. }
  2348. .qa-q-view-closed:before {
  2349. position: absolute;
  2350. top: 0;
  2351. bottom: 0;
  2352. left: 0;
  2353. background-color: #bdc3c7;
  2354. width: 44px;
  2355. text-align: center;
  2356. display: block;
  2357. content: url('images/icons/closed-note.png');
  2358. }
  2359. .qa-q-view-closed:hover {
  2360. padding: 10px 10px 10px 54px;
  2361. margin-bottom: 5px;
  2362. background: #e74c3c;
  2363. color: #fff;
  2364. cursor: help;
  2365. }
  2366. .qa-q-view-closed:hover a {
  2367. color: #fff;
  2368. border-bottom: 1px dotted #fff;
  2369. }
  2370. .qa-q-view-closed:hover a:hover {
  2371. color: #fff;
  2372. border-bottom: 0;
  2373. }
  2374. .qa-q-view-closed:hover:before {
  2375. background-color: #c0392b;
  2376. content: url('images/icons/closed-note-white.png');
  2377. }
  2378.  
  2379. .qa-q-view-closed-content {
  2380. font-weight: normal !important;
  2381. }
  2382.  
  2383. .qa-q-view-extra {
  2384. font-size: 14px;
  2385. margin: 10px 0;
  2386. }
  2387. .qa-q-view-extra-content {
  2388. font-weight: bold;
  2389. }
  2390.  
  2391. .qa-part-form-q-edit {
  2392. padding: 20px;
  2393. background: #fff;
  2394. position: relative;
  2395. }
  2396.  
  2397. .qa-part-form-q-edit + .qa-q-view .qa-q-view-avatar-meta {
  2398. margin: 0;
  2399. }
  2400. .qa-part-form-q-edit + .qa-q-view .qa-q-view-meta {
  2401. border: 0;
  2402. }
  2403. .qa-part-form-q-edit + .qa-q-view .qa-q-view-c-list {
  2404. margin-left: 10px;
  2405. }
  2406.  
  2407. .qa-main-hidden, .qa-a-list-item-hidden, .qa-c-item-hidden {
  2408. opacity: 0.6;
  2409. }
  2410.  
  2411. .qa-q-item-flags, .qa-q-view-flags, .qa-a-item-flags, .qa-c-item-flags {
  2412. color: #e74c3c;
  2413. font-weight: bold;
  2414. padding-left: 4px;
  2415. }
  2416.  
  2417.  
  2418. /*------[ a-list ]------*/
  2419. .qa-part-a-form {
  2420. padding: 20px;
  2421. background: #fff;
  2422. margin-bottom: 5px;
  2423. }
  2424. .qa-part-a-form:empty,
  2425. .qa-part-a-form h2 {
  2426. margin-top: 0;
  2427. }
  2428.  
  2429. #a_list_title {
  2430. padding: 10px 20px;
  2431. margin-bottom: 5px;
  2432. background: #2ecc71;
  2433. color: #fff;
  2434. margin-top: 0;
  2435. }
  2436. #a_list_title a {
  2437. color: #fff;
  2438. border-bottom: 1px dotted #fff;
  2439. }
  2440. #a_list_title a:hover {
  2441. color: #fff;
  2442. border-bottom: 0;
  2443. }
  2444.  
  2445. .qa-a-list-item {
  2446. padding: 20px;
  2447. margin-bottom: 5px;
  2448. background: #fff;
  2449. position: relative;
  2450. min-height: 190px;
  2451. }
  2452. /* highlight selected answer */
  2453. .qa-a-list-item:target{
  2454. -webkit-animation: answer-highlight 2s ease-in-out;
  2455. animation: answer-highlight 2s ease-in-out;
  2456. }
  2457.  
  2458. .qa-a-item-avatar-meta {
  2459. font-size: 12px;
  2460. display: block;
  2461. margin-bottom: 20px;
  2462. }
  2463.  
  2464. .qa-a-item-avatar {
  2465. float: right;
  2466. }
  2467.  
  2468. .qa-a-item-meta {
  2469. border-bottom: 1px solid #bdc3c7;
  2470. display: block;
  2471. }
  2472.  
  2473. .qa-a-item-buttons {
  2474. margin-top: 10px;
  2475. padding-top: 10px;
  2476. border-top: 1px solid #dee1e3;
  2477. }
  2478. .qa-a-item-buttons .qa-waiting {
  2479. float: right;
  2480. margin: 9px 0 0 5px;
  2481. }
  2482.  
  2483. .qa-a-selection {
  2484. position: absolute;
  2485. }
  2486.  
  2487. @media (max-width: 799px) {
  2488. .qa-a-item-avatar-meta {
  2489. margin-top: 10px;
  2490. }
  2491. }
  2492.  
  2493. @media (min-width: 800px) and (max-width: 979px) {
  2494. .qa-a-item-avatar-meta {
  2495. margin-top: 70px;
  2496. }
  2497. }
  2498.  
  2499. @media (max-width: 979px) {
  2500. .qa-a-item-main {
  2501. width: 100%;
  2502. }
  2503.  
  2504. .qa-a-item-meta {
  2505. clear: left;
  2506. font-size: 0.875em;
  2507. line-height: 1.71429em;
  2508. }
  2509.  
  2510. .qa-a-selection {
  2511. left: 100px;
  2512. top: 20px;
  2513. }
  2514. }
  2515. @media (min-width: 980px) {
  2516. .qa-a-item-main {
  2517. float: right;
  2518. margin: 0 0 0 20px;
  2519. width: 86%;
  2520. }
  2521.  
  2522. .qa-a-selection {
  2523. left: 20px;
  2524. top: 100px;
  2525. }
  2526. }
  2527. .qa-a-selection .qa-waiting {
  2528. position: absolute;
  2529. top: 50%;
  2530. left: 50%;
  2531. margin: -7px 0 0 -7px;
  2532. }
  2533.  
  2534. .qa-a-select-button, .qa-a-unselect-button, .qa-a-selected {
  2535. width: 60px;
  2536. height: 60px;
  2537. border: none;
  2538. outline: none;
  2539. display: block;
  2540. margin: 0;
  2541. position: relative;
  2542. background: url('images/answer-select.png') no-repeat center;
  2543. -webkit-transition: all 0.5s;
  2544. transition: all 0.5s;
  2545. }
  2546.  
  2547. .qa-a-select-button {
  2548. background-color: #bdc3c7;
  2549. }
  2550. .qa-a-select-button:hover, .qa-a-select-button:focus {
  2551. background-color: #27ae60;
  2552. }
  2553.  
  2554. .qa-a-unselect-button {
  2555. background-color: #27ae60;
  2556. }
  2557. .qa-a-unselect-button:hover, .qa-a-unselect-button:focus {
  2558. background-color: #bdc3c7;
  2559. }
  2560.  
  2561. .qa-a-selected {
  2562. background-color: #27ae60;
  2563. }
  2564.  
  2565. @media (max-width: 979px) {
  2566. .qa-a-selected-text {
  2567. display: none;
  2568. }
  2569. }
  2570. @media (min-width: 980px) {
  2571. .qa-a-selected-text {
  2572. font-size: 10px;
  2573. color: #27ae60;
  2574. display: block;
  2575. line-height: normal;
  2576. text-align: center;
  2577. }
  2578. }
  2579.  
  2580. .answer-selected, .qa-a-list-item-selected {
  2581. border: 1px solid #27ae60;
  2582. }
  2583.  
  2584. /*------[ c-list ]------*/
  2585. .qa-q-view-c-list, .qa-a-item-c-list {
  2586. margin-top: 20px;
  2587. font-size: 14px;
  2588. }
  2589.  
  2590. .qa-c-list-item {
  2591. position: relative;
  2592. margin-bottom: 5px;
  2593. padding: 10px;
  2594. background-color: #f4f4f4;
  2595. }
  2596. /* highlight selected comment */
  2597. .qa-c-list-item:target {
  2598. -webkit-animation: comment-highlight 2s ease-in-out;
  2599. animation: comment-highlight 2s ease-in-out;
  2600. }
  2601.  
  2602. /* voting styles for comments */
  2603. .qa-c-list-item .qa-voting {
  2604. width: auto;
  2605. height: auto;
  2606. background-color: transparent;
  2607. }
  2608. .qa-c-list-item .qa-vote-buttons {
  2609. height: 22px;
  2610. width: 12px;
  2611. margin-right: 4px;
  2612. }
  2613. .qa-c-list-item .qa-vote-count {
  2614. float: left;
  2615. min-width: 16px;
  2616. margin-right: 8px;
  2617. }
  2618. .qa-c-list-item .qa-netvote-count {
  2619. text-align: left;
  2620. }
  2621. .qa-c-list-item .qa-netvote-count-data {
  2622. font-size: 13px;
  2623. line-height: 18px;
  2624. }
  2625.  
  2626. .qa-c-list-item .qa-upvote-count {
  2627. line-height: 6px;
  2628. }
  2629. .qa-c-list-item .qa-downvote-count {
  2630. line-height: 14px;
  2631. }
  2632. .qa-c-list-item .qa-upvote-count-data,
  2633. .qa-c-list-item .qa-downvote-count-data {
  2634. font-size: 13px;
  2635. font-weight: normal;
  2636. }
  2637.  
  2638.  
  2639. .qa-c-list-item .qa-vote-up-button,
  2640. .qa-c-list-item .qa-vote-down-button,
  2641. .qa-c-list-item .qa-voted-up-button,
  2642. .qa-c-list-item .qa-voted-down-button,
  2643. .qa-c-list-item .qa-vote-up-disabled,
  2644. .qa-c-list-item .qa-vote-down-disabled {
  2645. width: 12px;
  2646. height: 8px;
  2647. left: 0;
  2648. }
  2649. .qa-c-list-item .qa-vote-first-button {
  2650. top: 0;
  2651. }
  2652. .qa-c-list-item .qa-vote-second-button {
  2653. top: 12px;
  2654. }
  2655. .qa-c-list-item .qa-vote-one-button {
  2656. top: 6px;
  2657. }
  2658.  
  2659. .qa-c-list-item .qa-vote-up-button {
  2660. background-position: -32px 0;
  2661. }
  2662. .qa-c-list-item .qa-vote-up-button:hover,
  2663. .qa-c-list-item .qa-vote-up-button:focus,
  2664. .qa-c-list-item .qa-vote-up-button:active {
  2665. background-position: -32px -8px;
  2666. }
  2667.  
  2668. .qa-c-list-item .qa-vote-down-button {
  2669. background-position: -44px 0;
  2670. }
  2671. .qa-c-list-item .qa-vote-down-button:hover,
  2672. .qa-c-list-item .qa-vote-down-button:focus,
  2673. .qa-c-list-item .qa-vote-down-button:active {
  2674. background-position: -44px -8px;
  2675. }
  2676.  
  2677. .qa-c-list-item .qa-vote-up-disabled {
  2678. background-position: -32px -32px;
  2679. }
  2680. .qa-c-list-item .qa-vote-up-disabled:hover,
  2681. .qa-c-list-item .qa-vote-up-disabled:focus,
  2682. .qa-c-list-item .qa-vote-up-disabled:active {
  2683. background-position: -32px -32px;
  2684. }
  2685.  
  2686. .qa-c-list-item .qa-vote-down-disabled {
  2687. background-position: -44px -32px;
  2688. }
  2689. .qa-c-list-item .qa-vote-down-disabled:hover,
  2690. .qa-c-list-item .qa-vote-down-disabled:focus,
  2691. .qa-c-list-item .qa-vote-down-disabled:active {
  2692. background-position: -44px -32px;
  2693. }
  2694.  
  2695. .qa-c-list-item .qa-voted-up-button {
  2696. background-position: -32px -8px;
  2697. }
  2698. .qa-c-list-item .qa-voted-up-button:hover,
  2699. .qa-c-list-item .qa-voted-up-button:focus,
  2700. .qa-c-list-item .qa-voted-up-button:active {
  2701. background-position: -32px 0;
  2702. }
  2703.  
  2704. .qa-c-list-item .qa-voted-down-button {
  2705. background-position: -44px -8px;
  2706. }
  2707. .qa-c-list-item .qa-voted-down-button:hover,
  2708. .qa-c-list-item .qa-voted-down-button:focus,
  2709. .qa-c-list-item .qa-voted-down-button:active {
  2710. background-position: -44px 0;
  2711. }
  2712.  
  2713.  
  2714. .qa-c-list-item .qa-form-light-button {
  2715. padding: 10px 15px;
  2716. background: #bdc3c7 none center no-repeat;
  2717. color: #34495e;
  2718. width: 24px;
  2719. height: 24px;
  2720. text-align: center;
  2721. text-indent: -9999px;
  2722. }
  2723. .qa-c-list-item .qa-form-light-button:hover, .qa-c-list-item .qa-form-light-button:focus {
  2724. background-color: #d6dadb;
  2725. }
  2726. .qa-c-list-item .qa-form-light-button a, .qa-c-list-item .qa-form-light-button a:hover {
  2727. color: #34495e;
  2728. }
  2729. .qa-c-list-item .qa-form-light-button-comment {
  2730. background-image: url('images/icons/comment.png');
  2731. float: left;
  2732. margin: 0;
  2733. }
  2734. .qa-c-list-item .qa-form-light-button-edit, .qa-c-list-item .qa-form-light-button-retagcat {
  2735. background-image: url('images/icons/edit.png');
  2736. }
  2737. .qa-c-list-item .qa-form-light-button-flag {
  2738. background-image: url('images/icons/flag.png');
  2739. }
  2740. .qa-c-list-item .qa-form-light-button-unflag {
  2741. background-color: #e4afaf;
  2742. background-image: url('images/icons/flag.png');
  2743. }
  2744. .qa-c-list-item .qa-form-light-button-clearflags {
  2745. background-image: url('images/icons/un-flag.png');
  2746. }
  2747. .qa-c-list-item .qa-form-light-button-hide {
  2748. background-image: url('images/icons/hide.png');
  2749. }
  2750. .qa-c-list-item .qa-form-light-button-follow {
  2751. background-image: url('images/icons/link.png');
  2752. }
  2753. .qa-c-list-item .qa-form-light-button-reshow {
  2754. background-image: url('images/icons/show.png');
  2755. }
  2756. .qa-c-list-item .qa-form-light-button-claim {
  2757. background-image: url('images/icons/claim.png');
  2758. }
  2759. .qa-c-list-item .qa-form-light-button-delete {
  2760. background-image: url('images/icons/delete.png');
  2761. }
  2762. .qa-c-list-item .qa-form-light-button-approve {
  2763. background-image: url('images/icons/approve.png');
  2764. padding-left: 18px;
  2765. }
  2766. .qa-c-list-item .qa-form-light-button-reject {
  2767. background-image: url('images/icons/rejected.png');
  2768. }
  2769. .qa-c-list-item .qa-form-light-button-close {
  2770. background-image: url('images/icons/close.png');
  2771. }
  2772. .qa-c-list-item .qa-form-light-button-reopen {
  2773. background-image: url('images/icons/open.png');
  2774. }
  2775.  
  2776. .qa-c-item-avatar-meta {
  2777. font-size: 12px;
  2778. display: block;
  2779. margin-bottom: 10px;
  2780. }
  2781.  
  2782. .qa-c-item-avatar {
  2783. position: absolute;
  2784. right: 10px;
  2785. top: 10px;
  2786. }
  2787.  
  2788. .qa-c-item-meta {
  2789. border-bottom: 1px solid #d6dadb;
  2790. display: block;
  2791. }
  2792. @media (max-width: 767px) {
  2793. .qa-c-item-meta {
  2794. font-size: 0.875em;
  2795. line-height: 1.71429em;
  2796. padding-right: 24px;
  2797. min-height: 2.3em;
  2798. }
  2799. }
  2800.  
  2801. .qa-c-item-content {
  2802. font-size: 14px;
  2803. }
  2804.  
  2805. .qa-c-item-buttons {
  2806. margin-top: 10px;
  2807. padding-top: 10px;
  2808. border-top: 1px solid #d6dadb;
  2809. }
  2810. .qa-c-item-buttons .qa-waiting {
  2811. float: right;
  2812. margin: 9px 0 0 5px;
  2813. }
  2814.  
  2815. .qa-c-form h2 {
  2816. margin-bottom: 0;
  2817. }
  2818.  
  2819. .qa-widget-main h2:first-of-type {
  2820. padding: 10px;
  2821. background: #9b59b6;
  2822. color: #fff;
  2823. margin: 0 0 5px 0;
  2824. }
  2825. .qa-widget-main h2:first-of-type a {
  2826. color: #fff;
  2827. border-bottom: 1px dotted #fff;
  2828. }
  2829. .qa-widget-main h2:first-of-type a:hover {
  2830. color: #fff;
  2831. border-bottom: 0;
  2832. }
  2833.  
  2834. /*------[ sidebar ]------*/
  2835. #qam-overlay {
  2836. position: fixed;
  2837. top: 0;
  2838. right: 0;
  2839. bottom: 0;
  2840. left: 0;
  2841. background-color: rgba(0, 0, 0, 0.85);
  2842. z-index: 9;
  2843. box-shadow: 0 0 300px 50px rgba(0, 0, 0, 0.3) inset;
  2844. display: none;
  2845. }
  2846.  
  2847. #qam-sidepanel-toggle {
  2848. display: none;
  2849. }
  2850.  
  2851. @media (min-width: 980px) {
  2852. .qa-sidepanel {
  2853. width: 25%;
  2854. padding: 0;
  2855. float: right;
  2856. *zoom: 1;
  2857. }
  2858. }
  2859.  
  2860. @media (max-width: 979px) {
  2861. #qam-sidepanel-toggle {
  2862. display: block;
  2863. position: fixed;
  2864. bottom: 10px;
  2865. right: 0;
  2866. text-align: center;
  2867. font-size: 24px;
  2868. background: #9b59b6;
  2869. cursor: pointer;
  2870. transition: all 0.15s ease;
  2871. color: #95a5a6;
  2872. opacity: 0.5;
  2873. z-index: 999;
  2874. }
  2875. #qam-sidepanel-toggle.active {
  2876. opacity: 1;
  2877. color: #34495e;
  2878. right: 280px;
  2879. box-shadow: -5px 0 15px 0 rgba(0, 0, 0, 0.5);
  2880. }
  2881. #qam-sidepanel-toggle [class^="icon-"]:before, #qam-sidepanel-toggle [class*=" icon-"]:before {
  2882. line-height: 40px;
  2883. width: 30px;
  2884. height: 40px;
  2885. text-align: center;
  2886. color: #fff;
  2887. }
  2888.  
  2889. .qa-sidepanel {
  2890. width: 280px;
  2891. height: 100%;
  2892. position: fixed;
  2893. right: -280px;
  2894. top: 0;
  2895. overflow-y: auto;
  2896. z-index: 99999;
  2897. background: #fff;
  2898. transition: all 0.15s ease;
  2899. box-shadow: 0 0 0 0 transparent;
  2900. }
  2901. .qa-sidepanel.open {
  2902. right: 0 !important;
  2903. transition: all 0.15s ease;
  2904. box-shadow: -5px 0 15px 0 rgba(0, 0, 0, 0.5);
  2905. }
  2906. }
  2907.  
  2908.  
  2909. .stick {
  2910. top: 10px !important;
  2911. transition: all 0.15s ease;
  2912. }
  2913.  
  2914. .qa-sidepanel {
  2915. word-wrap: break-word;
  2916. }
  2917. .qa-sidepanel h1, .qa-sidepanel h2, .qa-sidepanel h3, .qa-sidepanel h4, .qa-sidepanel h5, .qa-sidepanel h6 {
  2918. margin-top: 0;
  2919. }
  2920. .qa-sidepanel .qa-widget-side {
  2921. padding: 20px;
  2922. margin-bottom: 5px;
  2923. background: #fff;
  2924. }
  2925.  
  2926. .qa-sidebar {
  2927. padding: 20px;
  2928. margin-bottom: 5px;
  2929. background: #34495e;
  2930. color: #fff;
  2931. }
  2932. .qa-sidebar a {
  2933. color: #fff;
  2934. border-bottom: 1px dotted #fff;
  2935. font-weight: bold;
  2936. }
  2937. .qa-sidebar a:hover {
  2938. color: #fff;
  2939. border-bottom: 0;
  2940. text-decoration: none;
  2941. text-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
  2942. border-bottom: 1px solid #fff;
  2943. }
  2944.  
  2945. .qa-sidebar.orange {
  2946. background: #f39c12;
  2947. }
  2948. .qa-sidebar.carrot {
  2949. background: #e67e22;
  2950. }
  2951. .qa-sidebar.alizarin {
  2952. background: #e74c3c;
  2953. }
  2954. .qa-sidebar.turquoise {
  2955. background: #1abc9c;
  2956. }
  2957. .qa-sidebar.emerald {
  2958. background: #2ecc71;
  2959. }
  2960. .qa-sidebar.peter-river {
  2961. background: #3498db;
  2962. }
  2963. .qa-sidebar.amethyst {
  2964. background: #9b59b6;
  2965. }
  2966. .qa-sidebar.wet-asphalt {
  2967. background: #34495e;
  2968. }
  2969.  
  2970. .qa-activity-count {
  2971. margin: -20px;
  2972. text-align: center;
  2973. overflow: hidden;
  2974. *zoom: 1;
  2975. }
  2976.  
  2977. .qa-activity-count-item {
  2978. width: 50%;
  2979. margin: 0;
  2980. padding-bottom: 10px;
  2981. color: #fff;
  2982. float: left;
  2983. text-transform: uppercase;
  2984. position: relative;
  2985. }
  2986. .qa-activity-count-item:before {
  2987. font-family: "fontello";
  2988. display: inline-block;
  2989. font-size: 32px;
  2990. text-align: center;
  2991. margin-bottom: 5px;
  2992. position: absolute;
  2993. top: 5px;
  2994. left: 10px;
  2995. opacity: 0.2;
  2996. }
  2997. .qa-activity-count-item:hover {
  2998. cursor: help;
  2999. }
  3000. .qa-activity-count-item:hover:before {
  3001. opacity: 1;
  3002. -webkit-animation: shake 0.25s;
  3003. -moz-animation: shake 0.25s;
  3004. -o-animation: shake 0.25s;
  3005. animation: shake 0.25s;
  3006. }
  3007. .qa-activity-count-item:nth-child(1) {
  3008. background: #1abc9c;
  3009. }
  3010. .qa-activity-count-item:nth-child(1):before {
  3011. content: '\e801';
  3012. }
  3013. .qa-activity-count-item:nth-child(2) {
  3014. background: #2ecc71;
  3015. }
  3016. .qa-activity-count-item:nth-child(2):before {
  3017. content: '\e802';
  3018. }
  3019. .qa-activity-count-item:nth-child(3) {
  3020. background: #f1c40f;
  3021. }
  3022. .qa-activity-count-item:nth-child(3):before {
  3023. content: '\e800';
  3024. }
  3025. .qa-activity-count-item:nth-child(4) {
  3026. background: #e67e22;
  3027. }
  3028. .qa-activity-count-item:nth-child(4):before {
  3029. content: '\e809';
  3030. }
  3031.  
  3032. .qa-activity-count-data {
  3033. padding: 10px 10px 0 10px;
  3034. font-size: 2em;
  3035. line-height: 1.5em;
  3036. display: block;
  3037. }
  3038.  
  3039. .qa-related-q-list {
  3040. margin: 0;
  3041. padding: 0;
  3042. list-style: none;
  3043. }
  3044.  
  3045. .qa-related-q-item a {
  3046. display: block;
  3047. padding: 5px 0;
  3048. border-bottom: 1px solid #e0e0e0;
  3049. }
  3050. .qa-related-q-item:first-child a {
  3051. padding-top: 0;
  3052. }
  3053. .qa-related-q-item:last-child a {
  3054. padding-bottom: 0;
  3055. border-bottom: 0;
  3056. }
  3057.  
  3058. .qa-nav-cat {
  3059. padding: 20px;
  3060. margin-bottom: 5px;
  3061. background: #fff;
  3062. }
  3063.  
  3064. .qa-nav-cat-list {
  3065. padding: 0;
  3066. margin: 0;
  3067. list-style: none;
  3068. }
  3069. .qa-nav-cat-list .qa-nav-cat-list {
  3070. margin-left: 20px;
  3071. }
  3072.  
  3073. .qa-nav-cat-item {
  3074. padding: 2px 0;
  3075. display: block;
  3076. border-bottom: 1px solid #e0e0e0;
  3077. }
  3078. .qa-nav-cat-item:last-child {
  3079. border-bottom: none;
  3080. }
  3081.  
  3082. .qa-nav-cat-link.qa-nav-cat-favorited {
  3083. position: relative;
  3084. padding-left: 20px;
  3085. }
  3086. .qa-nav-cat-link.qa-nav-cat-favorited:before {
  3087. position: absolute;
  3088. top: 2px;
  3089. left: 0;
  3090. width: 17px;
  3091. height: 100%;
  3092. display: block;
  3093. content: url('images/favorite-icon-15x15.png');
  3094. }
  3095.  
  3096. .qa-nav-cat-note {
  3097. color: #7f8c8d;
  3098. float: right;
  3099. font-size: 12px;
  3100. }
  3101.  
  3102. .qa-feed {
  3103. font-size: 13px;
  3104. padding: 20px;
  3105. margin-bottom: 5px;
  3106. background: #fff;
  3107. }
  3108.  
  3109. .qa-feed-link {
  3110. line-height: 32px;
  3111. }
  3112. .qa-feed-link:before {
  3113. font-family: "fontello";
  3114. font-size: 20px;
  3115. content: '\e81c';
  3116. display: inline-block;
  3117. float: left;
  3118. margin-right: 8px;
  3119. }
  3120.  
  3121. /*------[ footer ]------*/
  3122. .qam-footer-box {
  3123. padding: 0;
  3124. background: #34495e;
  3125. color: #fff;
  3126. overflow: hidden;
  3127. margin: 0;
  3128. }
  3129. .qam-footer-box a {
  3130. color: #fff;
  3131. border-bottom: 1px dotted #fff;
  3132. }
  3133. .qam-footer-box a:hover {
  3134. color: #fff;
  3135. border-bottom: 0;
  3136. }
  3137.  
  3138. .qam-footer-row a, .qam-footer-row a:visited {
  3139. display: block;
  3140. font-weight: normal;
  3141. border: none;
  3142. color: rgba(255, 255, 255, 0.75);
  3143. }
  3144. .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 {
  3145. font-weight: normal;
  3146. border: none;
  3147. }
  3148.  
  3149. .qam-footer-col-heading {
  3150. border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  3151. margin-top: 0;
  3152. }
  3153.  
  3154. @media (max-width: 979px) {
  3155. .qam-footer-col {
  3156. width: 100%;
  3157. padding: 10px;
  3158. }
  3159. }
  3160. @media (min-width: 980px) {
  3161. .qam-footer-row {
  3162. width: 100%;
  3163. }
  3164.  
  3165. .qam-footer-col {
  3166. width: 25%;
  3167. float: left;
  3168. padding: 1%;
  3169. }
  3170. .qam-footer-col:first-child {
  3171. padding-left: 0;
  3172. }
  3173. .qam-footer-col:last-child {
  3174. padding-right: 0;
  3175. }
  3176. }
  3177. @media (min-width: 1024px) {
  3178. .qam-footer-row {
  3179. width: 1024px;
  3180. margin: 0 auto;
  3181. }
  3182. }
  3183.  
  3184. .qa-footer {
  3185. padding: 10px;
  3186. background: #2c3e50;
  3187. color: #fff;
  3188. margin-bottom: 0;
  3189. font-size: 12px;
  3190. line-height: 12px;
  3191. }
  3192. .qa-footer a {
  3193. color: #fff;
  3194. border-bottom: 1px dotted #fff;
  3195. }
  3196. .qa-footer a:hover {
  3197. color: #fff;
  3198. border-bottom: 0;
  3199. }
  3200.  
  3201. .qa-nav-footer-list {
  3202. list-style: none;
  3203. margin: 0;
  3204. padding: 0;
  3205. }
  3206.  
  3207. .qa-nav-footer-item {
  3208. float: left;
  3209. padding: 0 10px;
  3210. border-right: 1px solid rgba(255, 255, 255, 0.5);
  3211. }
  3212. .qa-nav-footer-item:last-child {
  3213. border-right: 0;
  3214. }
  3215.  
  3216. .qa-nav-footer-link {
  3217. display: block;
  3218. font-weight: normal;
  3219. }
  3220.  
  3221. @media (max-width: 479px) {
  3222. .qa-nav-footer {
  3223. display: block;
  3224. margin-bottom: 5px;
  3225. }
  3226.  
  3227. .qa-attribution {
  3228. display: block;
  3229. }
  3230. }
  3231. @media (min-width: 480px) {
  3232. .qa-nav-footer {
  3233. float: left;
  3234. }
  3235.  
  3236. .qa-attribution {
  3237. float: right;
  3238. display: block;
  3239. padding: 0 10px;
  3240. border-right: 1px solid rgba(255, 255, 255, 0.5);
  3241. }
  3242. .qa-attribution:nth-child(2) {
  3243. border-right: 0;
  3244. }
  3245. }
  3246.  
  3247. .qa-ask-box {
  3248. padding: 10px 20px;
  3249. margin-bottom: 5px;
  3250. background: #3498db;
  3251. color: #fff;
  3252. }
  3253. .qa-ask-box a {
  3254. color: #fff;
  3255. border-bottom: 1px dotted #fff;
  3256. }
  3257. .qa-ask-box a:hover {
  3258. color: #fff;
  3259. border-bottom: 0;
  3260. }
  3261. .qa-ask-box form {
  3262. margin: 0;
  3263. }
  3264. .qa-ask-box .qa-form-tall-label {
  3265. color: #fff;
  3266. }
  3267. .qa-ask-box .qa-form-tall-text {
  3268. width: 100% !important;
  3269. margin: 0 !important;
  3270. }
  3271.  
  3272. @media (max-width: 979px) {
  3273. .qam-ask-search-box {
  3274. padding: 10px 10px 0 10px;
  3275. display: table;
  3276. width: 100%;
  3277. }
  3278.  
  3279. .qam-ask-mobile {
  3280. display: table-cell;
  3281. }
  3282. .qam-ask-mobile a {
  3283. padding: 20px;
  3284. background: #1abc9c;
  3285. color: #fff;
  3286. text-align: center;
  3287. font-size: 24px;
  3288. display: block;
  3289. border: none;
  3290. font-weight: normal;
  3291. margin: 0;
  3292. }
  3293. .qam-ask-mobile a a {
  3294. color: #fff;
  3295. border-bottom: 1px dotted #fff;
  3296. }
  3297. .qam-ask-mobile a a:hover {
  3298. color: #fff;
  3299. border-bottom: 0;
  3300. }
  3301. .qam-ask-mobile a:hover, .qam-ask-mobile a:focus {
  3302. font-weight: normal;
  3303. border: none;
  3304. text-decoration: none;
  3305. }
  3306. .qam-ask-mobile a.orange {
  3307. background-color: #ea940c;
  3308. }
  3309. .qam-ask-mobile a.carrot {
  3310. background-color: #df7619;
  3311. }
  3312. .qam-ask-mobile a.alizarin {
  3313. background-color: #e53f2e;
  3314. }
  3315. .qam-ask-mobile a.turquoise {
  3316. background-color: #18af91;
  3317. }
  3318. .qam-ask-mobile a.emerald {
  3319. background-color: #2bc06a;
  3320. }
  3321. .qam-ask-mobile a.peter-river {
  3322. background-color: #2791d9;
  3323. }
  3324. .qam-ask-mobile a.amethyst {
  3325. background-color: #954eb1;
  3326. }
  3327. .qam-ask-mobile a.wet-asphalt {
  3328. background-color: #2f4154;
  3329. }
  3330.  
  3331. .qam-search-mobile {
  3332. background: #1abc9c url('images/icons/search-mobile.png') no-repeat center;
  3333. width: 64px;
  3334. display: table-cell;
  3335. border-left: 1px solid #1dd2af;
  3336. cursor: pointer;
  3337. }
  3338. .qam-search-mobile.active {
  3339. background-image: url('images/icons/search-mobile-collaps.png');
  3340. }
  3341. .qam-search-mobile.orange {
  3342. background-color: #ea940c;
  3343. border-left-color: #f4a62a;
  3344. }
  3345. .qam-search-mobile.orange.active {
  3346. background-color: #f39c12;
  3347. }
  3348. .qam-search-mobile.carrot {
  3349. background-color: #df7619;
  3350. border-left-color: #e98b39;
  3351. }
  3352. .qam-search-mobile.carrot.active {
  3353. background-color: #e67e22;
  3354. }
  3355. .qam-search-mobile.alizarin {
  3356. background-color: #e53f2e;
  3357. border-left-color: #ea6153;
  3358. }
  3359. .qam-search-mobile.alizarin.active {
  3360. background-color: #e74c3c;
  3361. }
  3362. .qam-search-mobile.turquoise {
  3363. background-color: #18af91;
  3364. border-left-color: #1dd2af;
  3365. }
  3366. .qam-search-mobile.turquoise.active {
  3367. background-color: #1abc9c;
  3368. }
  3369. .qam-search-mobile.emerald {
  3370. background-color: #2bc06a;
  3371. border-left-color: #40d47e;
  3372. }
  3373. .qam-search-mobile.emerald.active {
  3374. background-color: #2ecc71;
  3375. }
  3376. .qam-search-mobile.peter-river {
  3377. background-color: #2791d9;
  3378. border-left-color: #4aa3df;
  3379. }
  3380. .qam-search-mobile.peter-river.active {
  3381. background-color: #3498db;
  3382. }
  3383. .qam-search-mobile.amethyst {
  3384. background-color: #954eb1;
  3385. border-left-color: #a66bbe;
  3386. }
  3387. .qam-search-mobile.amethyst.active {
  3388. background-color: #9b59b6;
  3389. }
  3390. .qam-search-mobile.wet-asphalt {
  3391. background-color: #2f4154;
  3392. border-left-color: #3d566e;
  3393. }
  3394. .qam-search-mobile.wet-asphalt.active {
  3395. background-color: #34495e;
  3396. }
  3397. }
  3398.  
  3399. @media (min-width: 980px) {
  3400. .qam-ask-search-box {
  3401. display: none;
  3402. }
  3403. }
  3404.  
  3405. @-webkit-keyframes shake {
  3406. 0% {
  3407. transform: scale(1);
  3408. }
  3409. 17% {
  3410. transform: scale(1.5);
  3411. }
  3412. 34% {
  3413. transform: scale(0.8);
  3414. }
  3415. 51% {
  3416. transform: scale(1.1);
  3417. }
  3418. 68% {
  3419. transform: scale(0.9);
  3420. }
  3421. 85% {
  3422. transform: scale(1.05);
  3423. }
  3424. 100% {
  3425. transform: scale(1);
  3426. }
  3427. }
  3428. @-moz-keyframes shake {
  3429. 0% {
  3430. transform: scale(1);
  3431. }
  3432. 17% {
  3433. transform: scale(1.5);
  3434. }
  3435. 34% {
  3436. transform: scale(0.8);
  3437. }
  3438. 51% {
  3439. transform: scale(1.1);
  3440. }
  3441. 68% {
  3442. transform: scale(0.9);
  3443. }
  3444. 85% {
  3445. transform: scale(1.05);
  3446. }
  3447. 100% {
  3448. transform: scale(1);
  3449. }
  3450. }
  3451. @-ms-keyframes shake {
  3452. 0% {
  3453. transform: scale(1);
  3454. }
  3455. 17% {
  3456. transform: scale(1.5);
  3457. }
  3458. 34% {
  3459. transform: scale(0.8);
  3460. }
  3461. 51% {
  3462. transform: scale(1.1);
  3463. }
  3464. 68% {
  3465. transform: scale(0.9);
  3466. }
  3467. 85% {
  3468. transform: scale(1.05);
  3469. }
  3470. 100% {
  3471. transform: scale(1);
  3472. }
  3473. }
  3474. @keyframes shake {
  3475. 0% {
  3476. transform: scale(1);
  3477. }
  3478. 17% {
  3479. transform: scale(1.5);
  3480. }
  3481. 34% {
  3482. transform: scale(0.8);
  3483. }
  3484. 51% {
  3485. transform: scale(1.1);
  3486. }
  3487. 68% {
  3488. transform: scale(0.9);
  3489. }
  3490. 85% {
  3491. transform: scale(1.05);
  3492. }
  3493. 100% {
  3494. transform: scale(1);
  3495. }
  3496. }
  3497.  
  3498. @-webkit-keyframes answer-highlight {
  3499. 0% { background-color: #ffffaa; }
  3500. 100% { background-color: #fff; }
  3501. }
  3502. @keyframes answer-highlight {
  3503. 0% { background-color: #ffffaa; }
  3504. 100% { background-color: #fff; }
  3505. }
  3506.  
  3507. @-webkit-keyframes comment-highlight {
  3508. 0% { background-color: #ffffaa; }
  3509. 100% { background-color: #f4f4f4; }
  3510. }
  3511. @keyframes comment-highlight {
  3512. 0% { background-color: #ffffaa; }
  3513. 100% { background-color: #f4f4f4; }
  3514. }
  3515.  
  3516.  
  3517. /*------[ icons ]------*/
  3518.  
  3519. [class^="icon-"]:before, [class*=" icon-"]:before {
  3520. font-family: "fontello";
  3521. font-style: normal;
  3522. font-weight: normal;
  3523. speak: none;
  3524. display: inline-block;
  3525. text-decoration: inherit;
  3526. width: 1em;
  3527. margin-right: .2em;
  3528. text-align: center;
  3529. font-variant: normal;
  3530. text-transform: none;
  3531. line-height: 1em;
  3532. margin-left: .2em;
  3533. /* Font smoothing. That was taken from TWBS */
  3534. -webkit-font-smoothing: antialiased;
  3535. -moz-osx-font-smoothing: grayscale;
  3536. }
  3537.  
  3538. .icon-chat:before { content: '\e800'; }
  3539. .icon-help:before { content: '\e801'; }
  3540. .icon-comment:before { content: '\e802'; }
  3541. .icon-comment-alt:before { content: '\e803'; }
  3542. .icon-chart-line:before { content: '\e804'; }
  3543. .icon-coffee:before { content: '\e805'; }
  3544. .icon-tag:before { content: '\e806'; }
  3545. .icon-tags:before { content: '\e807'; }
  3546. .icon-spread:before { content: '\e808'; }
  3547. .icon-group:before { content: '\e809'; }
  3548. .icon-wrench:before { content: '\e80a'; }
  3549. .icon-article:before { content: '\e80b'; }
  3550. .icon-docs:before { content: '\e80c'; }
  3551. .icon-infinity:before { content: '\e80d'; }
  3552. .icon-user:before { content: '\e80e'; }
  3553. .icon-key:before { content: '\e80f'; }
  3554. .icon-money:before { content: '\e810'; }
  3555. .icon-wallet:before { content: '\e811'; }
  3556. .icon-arrows-cw:before { content: '\e812'; }
  3557. .icon-th-list:before { content: '\e813'; }
  3558. .icon-left-open-big:before { content: '\e814'; }
  3559. .icon-right-open-big:before { content: '\e815'; }
  3560. .icon-down-open-big:before { content: '\e816'; }
  3561. .icon-up-open-big:before { content: '\e817'; }
  3562. .icon-down-open-mini:before { content: '\e818'; }
  3563. .icon-up-open-mini:before { content: '\e819'; }
  3564. .icon-right-open-mini:before { content: '\e81a'; }
  3565. .icon-left-open-mini:before { content: '\e81b'; }
  3566. .icon-rss:before { content: '\e81c'; }
  3567. .icon-facebook:before { content: '\e81d'; }
  3568. .icon-twitter:before { content: '\e81e'; }
  3569. .icon-twitter-bird:before { content: '\e81f'; }
  3570. .icon-googleplus:before { content: '\e820'; }
  3571. .icon-ok:before { content: '\e821'; }
  3572. .icon-ok-circled:before { content: '\e822'; }
  3573. .icon-reply:before { content: '\e823'; }
  3574. .icon-power:before { content: '\e824'; }
  3575. .icon-link:before { content: '\e825'; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement