Advertisement
Anonware

Untitled

Jan 7th, 2015
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.15 KB | None | 0 0
  1. body {
  2. background: #2f3236;
  3. color: #E4E4E4;
  4. text-align: center;
  5. line-height: 1.4;
  6. margin: 0;
  7. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  8. font-size: 13px;
  9. overflow-y: scroll;
  10. }
  11.  
  12. a:link {
  13. color: #E4E4E4;
  14. text-decoration: none;
  15. }
  16.  
  17. a:visited {
  18. color: #E4E4E4;
  19. text-decoration: none;
  20. }
  21.  
  22. a:hover,
  23. a:active {
  24. color: #FFF;
  25. text-decoration: none;
  26. }
  27.  
  28. #container {
  29. color: #E4E4E4;
  30. text-align: left;
  31. line-height: 1.4;
  32. margin: 0;
  33. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  34. font-size: 13px;
  35. min-width: 990px;
  36. }
  37.  
  38. .wrapper {
  39. width: 80%;
  40. min-width: 733px;
  41. max-width: 1500px;
  42. margin: auto auto;
  43. }
  44.  
  45. .wrapperindex {
  46. width: 90%;
  47. max-width: 1500px;
  48. margin: auto auto;
  49. }
  50.  
  51. #logo {
  52. padding: 10px 0;
  53. }
  54.  
  55. #content {
  56. background: #292c2f;
  57. width: 80%;
  58. margin: auto auto;
  59. padding: 20px 0;
  60. }
  61.  
  62. #header ul.menu {
  63. margin: 0;
  64. padding: 0;
  65. list-style: none;
  66. }
  67.  
  68. #header ul.menu li {
  69. display: inline;
  70. padding: 13px;
  71. border-right: 1px solid #2B2B2B;
  72. }
  73.  
  74. #logo ul.top_links {
  75. font-weight: bold;
  76. text-align: right;
  77. margin: -10px 5px 0 0;
  78. }
  79.  
  80. #logo ul.top_links a.search {
  81. background-position: 0 0;
  82. }
  83.  
  84. #logo ul.top_links a.memberlist {
  85. background-position: 0 -20px;
  86. }
  87.  
  88. #logo ul.top_links a.calendar {
  89. background-position: 0 -40px;
  90. }
  91.  
  92. #logo ul.top_links a.help {
  93. background-position: 0 -60px;
  94. }
  95.  
  96. #logo ul.top_links a.portal {
  97. background-position: 0 -180px;
  98. }
  99.  
  100. #panel .upper a.logout {
  101. font-weight: bold;
  102. background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
  103. padding-right: 20px;
  104. margin-left: 10px;
  105. }
  106.  
  107. #panel .upper a.login,
  108. #panel .upper a.lost_password {
  109. background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
  110. padding-left: 20px;
  111. margin-left: 10px;
  112. font-weight: bold;
  113. }
  114.  
  115. #panel .upper a.register {
  116. background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
  117. padding-right: 20px;
  118. margin-left: 10px;
  119. font-weight: bold;
  120. }
  121.  
  122. #panel .lower ul.panel_links {
  123. float: left;
  124. }
  125.  
  126. #panel .lower ul.panel_links a.usercp {
  127. background-position: 0 -120px;
  128. }
  129.  
  130. #panel .lower ul.panel_links a.modcp {
  131. background-position: 0 -140px;
  132. }
  133.  
  134. #panel .lower ul.panel_links a.admincp {
  135. background-position: 0 -160px;
  136. }
  137.  
  138. #panel .lower ul.user_links {
  139. float: right;
  140. }
  141.  
  142. #panel .lower ul.user_links li a {
  143. padding: 0;
  144. background-image: none;
  145. }
  146.  
  147. #panel .upper {
  148. background: #242424;
  149. color: #5a5a5a;
  150. padding: 12px;
  151. clear: both;
  152. }
  153.  
  154.  
  155.  
  156. #panel .lower {
  157. background: #efefef;
  158. color: #999;
  159. border-top: 1px solid #fff;
  160. border-bottom: 1px solid #ccc;
  161. padding: 5px;
  162. }
  163.  
  164. #panel .lower a:link,
  165. #panel .lower a:visited,
  166. #panel .lower a:hover,
  167. #panel .lower a:active {
  168. color: #666;
  169. }
  170.  
  171. #search {
  172. border: 0;
  173. padding: 0;
  174. margin: 0;
  175. float: right;
  176. vertical-align: middle;
  177. }
  178.  
  179. #search input.button,
  180. #search input.textbox {
  181. border-color: #000;
  182. }
  183.  
  184. #search input.button {
  185. background: #0066a2 url(../../../images/thead.png) top left repeat-x;
  186. color: #fff;
  187. }
  188.  
  189. #search input {
  190. margin: -3px 0;
  191. }
  192.  
  193. #quick_login .remember_me input {
  194. vertical-align: middle;
  195. margin: -3px 0 0 5px;
  196. }
  197.  
  198. #footer {
  199. clear: both;
  200. }
  201.  
  202. #footer ul.menu {
  203. margin: 0;
  204. padding: 0;
  205. list-style: none;
  206. }
  207.  
  208. #footer ul.menu li {
  209. margin: 0 5px;
  210. display: inline;
  211. }
  212.  
  213. #footer .upper {
  214. background: #1F1F1F;
  215. border-top: 1px solid #333;
  216. border-bottom: 1px solid #333;
  217. padding: 6px;
  218. font-size: 12px;
  219. overflow: hidden;
  220. }
  221.  
  222. #footer a:link,
  223. #footer a:visited,
  224. #footer a:hover,
  225. #footer a:active {
  226. color: #D3D3D3;
  227. }
  228.  
  229. #footer .upper .language {
  230. float: right;
  231. margin: -1px;
  232. margin-left: 15px;
  233. }
  234.  
  235. #footer .upper .language select {
  236. border-color: #ccc;
  237. }
  238.  
  239. #footer .upper .theme {
  240. float: right;
  241. margin: -1px;
  242. margin-left: 15px;
  243. }
  244.  
  245. #footer .upper ul.bottom_links {
  246. float: left;
  247. margin: 4px 0 0 0;
  248. }
  249.  
  250. #footer .lower {
  251. color: #C4C4C4;
  252. padding: 6px 6px 12px 6px;
  253. overflow: hidden;
  254. font-size: 11px;
  255. }
  256.  
  257. #footer .lower a:link,
  258. #footer .lower a:visited {
  259. color: #C4C4C4;
  260. font-weight: bold;
  261. }
  262.  
  263. #footer .lower a:hover,
  264. #footer .lower a:active {
  265. color: #fff;
  266. text-decoration: underline;
  267. font-weight: bold;
  268. }
  269.  
  270. #footer .lower #current_time {
  271. float: right;
  272. color: #C4C4C4;
  273. }
  274.  
  275. #debug {
  276. float: right;
  277. text-align: right;
  278. margin-top: 20px;
  279. font-size: 11px;
  280. }
  281.  
  282. .scaleimages img {
  283. max-width: 100%;
  284. }
  285.  
  286. .forum_status {
  287. height: 30px;
  288. width: 30px;
  289. background: url(../../../images/Carbon/forum_icon_sprite.png) no-repeat 0 0;
  290. display: inline-block;
  291. }
  292.  
  293. .forum_on {
  294. background-position: 0 0;
  295. }
  296.  
  297. .forum_off {
  298. background-position: 0 -30px;
  299. }
  300.  
  301. .forum_offlock {
  302. background-position: 0 -60px;
  303. }
  304.  
  305. .forum_offlink {
  306. background-position: 0 -90px;
  307. }
  308.  
  309. .subforumicon {
  310. height: 10px;
  311. width: 10px;
  312. display: inline-block;
  313. margin: 0 5px;
  314. background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
  315. }
  316.  
  317. .subforum_minion {
  318. background-position: 0 0;
  319. }
  320.  
  321. .subforum_minioff {
  322. background-position: 0 -10px;
  323. }
  324.  
  325. .subforum_miniofflock {
  326. background-position: 0 -20px;
  327. }
  328.  
  329. .subforum_miniofflink {
  330. background-position: 0 -30px;
  331. }
  332.  
  333. table {
  334. color: #E4E4E4;
  335. font-size: 13px;
  336. }
  337.  
  338. .tborder {
  339. width: 100%;
  340. margin: auto auto;
  341. padding: 1px;
  342. }
  343.  
  344. .tfixed {
  345. table-layout: fixed;
  346. word-wrap: break-word;
  347. }
  348.  
  349. .thead {
  350. background: #222427;
  351. color: #ffffff;
  352. padding: 8px;
  353. border-top: 2px solid #ff5857;
  354. }
  355.  
  356. .thead a:link {
  357. color: #ffffff;
  358. text-decoration: none;
  359. }
  360.  
  361. .thead a:visited {
  362. color: #ffffff;
  363. text-decoration: none;
  364. }
  365.  
  366. .thead a:hover,
  367. .thead a:active {
  368. color: #ffffff;
  369. text-decoration: underline;
  370. }
  371.  
  372. .tcat {
  373. background: #222427;
  374. color: #fff;
  375. border-top: 1px solid #3D3D3D;
  376. border-bottom: 1px solid #3D3D3D;
  377. padding: 6px;
  378. font-size: 12px;
  379. }
  380.  
  381. .tcat a:link {
  382. color: #fff;
  383. }
  384.  
  385. .tcat a:visited {
  386. color: #fff;
  387. }
  388.  
  389. .tcat a:hover,
  390. .tcat a:active {
  391. color: #fff;
  392. }
  393.  
  394. .trow1 {
  395. background: #26292c;
  396. padding: 10px 3px;
  397. border-bottom: 1px solid #222427;
  398. }
  399.  
  400. .trow2 {
  401. background: #26292c;
  402. padding: 10px 3px;
  403. border-bottom: 1px solid #222427;
  404. }
  405.  
  406. .trow_shaded {
  407. background: #ffdde0;
  408. border: 1px solid;
  409. border-color: #fff #ffb8be #ffb8be #fff;
  410. }
  411. .trowstat {
  412. background: #26292c;
  413. padding: 10px 3px;
  414. cursor: pointer;
  415. font-size: 15px;
  416. border-bottom: 1px solid #222427;
  417. }
  418. .trowstat:hover {
  419. background: #ff5857;
  420. color: #fff;
  421. }
  422.  
  423. .no_bottom_border {
  424. border-bottom: 0;
  425. }
  426.  
  427. .post.unapproved_post {
  428. background: #ffdde0;
  429. }
  430.  
  431. .post.unapproved_post .post_author {
  432. border-bottom-color: #ffb8be;
  433. }
  434.  
  435. .post.classic.unapproved_post .post_author {
  436. border-color: #ffb8be;
  437. }
  438.  
  439. .post.unapproved_post .post_controls {
  440. border-top-color: #ffb8be;
  441. }
  442.  
  443. .trow_deleted,
  444. .post.deleted_post {
  445. background: #E8DEFF;
  446. }
  447.  
  448. .trow_selected,
  449. tr.trow_selected td {
  450. background: #FFFBD9;
  451. color: #333;
  452. border-right-color: #F7E86A;
  453. border-bottom-color: #F7E86A;
  454. }
  455.  
  456. .trow_selected a:link,
  457. .trow_selected a:visited,
  458. .trow_selected a:hover,
  459. .trow_selected a:active {
  460. color: #333;
  461. }
  462.  
  463. .trow_sep {
  464. background: #242424;
  465. color: #333;
  466. border-bottom: 1px solid #202020;
  467. padding: 6px;
  468. font-size: 12px;
  469. font-weight: bold;
  470. }
  471.  
  472. .tfoot {
  473. background: #222427;
  474. color: #585858;
  475. border-top: 1px solid #3D3D3D;
  476. border-bottom: 1px solid #3D3D3D;
  477. padding: 6px;
  478. }
  479.  
  480. .tfoot a:link {
  481. color: color: #DBDBDB;;
  482. text-decoration: none;
  483. }
  484.  
  485. .tfoot a:visited {
  486. color: #444;
  487. text-decoration: none;
  488. }
  489.  
  490. .tfoot a:hover,
  491. .tfoot a:active {
  492. color: #444;
  493. text-decoration: underline;
  494. }
  495.  
  496. .thead input.textbox,
  497. .thead select {
  498. border: 1px solid #263c30;
  499. }
  500.  
  501. .bottommenu {
  502. background: #efefef;
  503. color: #333;
  504. border: 1px solid #4874a3;
  505. padding: 10px;
  506. }
  507.  
  508. .navigation {
  509. color: #FFF;
  510. font-size: 12px;
  511. }
  512.  
  513. .navigation a:link {
  514. text-decoration: none;
  515. }
  516.  
  517. .navigation a:visited {
  518. text-decoration: none;
  519. }
  520.  
  521. .navigation a:hover,
  522. .navigation a:active {
  523. text-decoration: underline;
  524. }
  525.  
  526. .navigation .active {
  527. color: #FFF;
  528. font-size: small;
  529. font-weight: bold;
  530. }
  531.  
  532. .smalltext {
  533. font-size: 11px;
  534. }
  535.  
  536. .largetext {
  537. font-size: 16px;
  538. font-weight: bold;
  539. }
  540.  
  541. fieldset {
  542. padding: 12px;
  543. border: 1px solid #1D1D1D;
  544. margin: 0;
  545. }
  546.  
  547. fieldset.trow1,
  548. fieldset.trow2 {
  549. border-color: #bbb;
  550. }
  551.  
  552. fieldset.align_right {
  553. text-align: right;
  554. }
  555.  
  556. input.textbox {
  557. background: #2f3236;
  558. color: #fff;
  559. border: 1px solid #2f3236;
  560. padding: 3px;
  561. outline: 0;
  562. font-size: 13px;
  563. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  564. }
  565.  
  566. textarea {
  567. background: #2f3236;
  568. color: #FFF;
  569. border: 1px solid #3A3A3A;
  570. padding: 2px;
  571. line-height: 1.4;
  572. outline: 0;
  573. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  574. font-size: 13px;
  575. }
  576.  
  577. select {
  578. background: #2f3236;
  579. color: #fff;
  580. border: 1px solid #2f3236;
  581. padding: 3px;
  582. outline: 0;
  583. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  584. font-size: 13px;
  585. }
  586.  
  587. button,
  588. input.button {
  589. padding: 3px 8px;
  590. cursor: pointer;
  591. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  592. font-size: 13px;
  593. background: #D6D6D6;
  594. border: 1px solid #bbb;
  595. color: #333;
  596. outline: 0;
  597. }
  598.  
  599. button:hover,
  600. input.button:hover {
  601. border-color: #aaa;
  602. }
  603.  
  604. form {
  605. margin: 0;
  606. padding: 0;
  607. }
  608.  
  609. form input.error {
  610. border: 1px solid #f30;
  611. color: #f30;
  612. background: #ffffff;
  613. padding: 3px;
  614. outline: 0;
  615. font-size: 13px;
  616. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  617. }
  618.  
  619. form input.valid {
  620. border: 1px solid #0c0;
  621. background: #ffffff;
  622. padding: 3px;
  623. outline: 0;
  624. font-size: 13px;
  625. font-family: Tahoma, Verdana, Arial, Sans-Serif;
  626. }
  627.  
  628. form label.error {
  629. color: #f30;
  630. margin: 5px;
  631. padding: 0px;
  632. display: block;
  633. font-weight: bold;
  634. font-size: 11px;
  635. }
  636.  
  637. form #message {
  638. width: 500px;
  639. }
  640.  
  641. .editor {
  642. background: #f1f1f1;
  643. border: 1px solid #ccc;
  644. }
  645.  
  646. .editor_control_bar {
  647. background: #fff;
  648. border: 1px solid #ccc;
  649. }
  650.  
  651. .post .editor_control_bar {
  652. background: #f5f5f5;
  653. }
  654.  
  655. .popup_menu {
  656. background: #303030;
  657. border: 1px solid #ccc;
  658. }
  659.  
  660. .popup_menu .popup_item {
  661. background: #303030;
  662. color: #fff;
  663. }
  664.  
  665. .popup_menu .popup_item:hover {
  666. background: #ff5857;
  667. color: #fff;
  668. }
  669.  
  670. .trow_reputation_positive {
  671. background: ;
  672. }
  673.  
  674. .trow_reputation_negative {
  675. background: #;
  676. }
  677.  
  678. .reputation_positive {
  679. color: green;
  680. }
  681.  
  682. .reputation_neutral {
  683. color: #444;
  684. }
  685.  
  686. .reputation_negative {
  687. color: red;
  688. }
  689.  
  690. .repbox {
  691. font-size:16px;
  692. font-weight: bold;
  693. padding:5px 7px 5px 7px;
  694. }
  695.  
  696. ._neutral {
  697. background-color:#FAFAFA;
  698. color: #999999;
  699. border:1px solid #CCCCCC;
  700. }
  701.  
  702. ._minus {
  703. background-color: #FDD2D1;
  704. color: #CB0200;
  705. border:1px solid #980201;
  706. }
  707.  
  708. ._plus {
  709. background-color:#E8FCDC;
  710. color: #008800;
  711. border:1px solid #008800;
  712. }
  713.  
  714. img {
  715. border: none;
  716. }
  717.  
  718. img.attachment {
  719. border: 1px solid #E9E5D7;
  720. padding: 2px;
  721. }
  722.  
  723. hr {
  724. background-color: #000000;
  725. color: #000000;
  726. height: 1px;
  727. border: 0px;
  728. }
  729.  
  730. .clear {
  731. clear: both;
  732. }
  733.  
  734. .float_left {
  735. float: left;
  736. }
  737.  
  738. .float_right {
  739. float: right;
  740. }
  741.  
  742. .hidden {
  743. display: none;
  744. float: none;
  745. width: 1%;
  746. }
  747.  
  748. .hiddenrow {
  749. display: none;
  750. }
  751.  
  752. .selectall {
  753. background: #FFFBD9;
  754. border-bottom: 1px solid #F7E86A;
  755. color: #333;
  756. text-align: center;
  757. }
  758.  
  759. .expcolimage {
  760. float: right;
  761. width: auto;
  762. vertical-align: middle;
  763. opacity: 0.7;
  764. -webkit-transition: all 250ms ease-in-out;
  765. -moz-transition: all 250ms ease-in-out;
  766. -o-transition: all 250ms ease-in-out;
  767. transition: all 250ms ease-in-out;
  768. }
  769. .expcolimage:hover {
  770. opacity: 1;
  771. }
  772.  
  773. .tcat_menu > .expcolimage {
  774. margin-top: 0;
  775. }
  776.  
  777. blockquote {
  778. border: 1px solid #ccc;
  779. margin: 0;
  780. padding: 10px;
  781. }
  782.  
  783. blockquote cite {
  784. font-weight: bold;
  785. border-bottom: 1px solid #ccc;
  786. font-style: normal;
  787. display: block;
  788. padding-bottom: 3px;
  789. margin: 0 0 10px 0;
  790. }
  791.  
  792. blockquote cite span {
  793. float: right;
  794. font-weight: normal;
  795. font-size: 12px;
  796. color: #666;
  797. }
  798.  
  799. blockquote cite span.highlight {
  800. float: none;
  801. font-weight: bold;
  802. padding-bottom: 0;
  803. }
  804.  
  805. .codeblock {
  806. border: 1px solid #ccc;
  807. padding: 10px;
  808. }
  809.  
  810. .codeblock .title {
  811. border-bottom: 1px solid #ccc;
  812. font-weight: bold;
  813. padding-bottom: 3px;
  814. margin: 0 0 10px 0;
  815. }
  816.  
  817. .codeblock code {
  818. overflow: auto;
  819. height: auto;
  820. max-height: 200px;
  821. display: block;
  822. font-family: Monaco, Consolas, Courier, monospace;
  823. font-size: 13px;
  824. }
  825.  
  826. .smilie {
  827. vertical-align: middle;
  828. }
  829.  
  830. .smilie_pointer {
  831. cursor: pointer;
  832. }
  833.  
  834. .separator {
  835. margin: 5px;
  836. padding: 0;
  837. height: 0px;
  838. font-size: 1px;
  839. list-style-type: none;
  840. }
  841.  
  842. .popup_menu .popup_item_container {
  843. margin: 1px;
  844. text-align: left;
  845. }
  846.  
  847. .popup_menu .popup_item {
  848. display: block;
  849. padding: 4px;
  850. white-space: nowrap;
  851. text-decoration: none;
  852. }
  853.  
  854. .popup_menu a.popup_item:hover {
  855. text-decoration: none;
  856. }
  857.  
  858. .subject_new {
  859. font-weight: bold;
  860. }
  861.  
  862. .highlight {
  863. background: #FFFFCC;
  864. padding-top: 3px;
  865. padding-bottom: 3px;
  866. }
  867.  
  868. .pm_alert {
  869. background: #222427;
  870. border: 1px solid #ff5857;
  871. text-align: center;
  872. padding: 5px 20px;
  873. margin-bottom: 15px;
  874. font-size: 11px;
  875. }
  876.  
  877. .red_alert {
  878. background: #222427;
  879. border: 1px solid #A5161A;
  880. color: #A5161A;
  881. text-align: center;
  882. padding: 5px 20px;
  883. margin-bottom: 15px;
  884. font-size: 11px;
  885. word-wrap: break-word;
  886. }
  887.  
  888. .red_alert a:link,
  889. .red_alert a:visited,
  890. .red_alert a:hover,
  891. .red_alert a:active {
  892. color: #A5161A;
  893. }
  894.  
  895. .high_warning {
  896. color: #CC0000;
  897. }
  898.  
  899. .moderate_warning {
  900. color: #F3611B;
  901. }
  902.  
  903. .low_warning {
  904. color: #AE5700;
  905. }
  906.  
  907. .online {
  908. color: #15A018;
  909. }
  910.  
  911. .offline {
  912. color: #C7C7C7;
  913. }
  914.  
  915. div.error {
  916. padding: 5px 10px;
  917. border-top: 2px solid #FFD324;
  918. border-bottom: 2px solid #FFD324;
  919. background: #FFF6BF;
  920. font-size: 12px;
  921. }
  922.  
  923. div.error p {
  924. margin: 0;
  925. color: #333;
  926. font-weight: normal;
  927. }
  928.  
  929. div.error p em {
  930. font-style: normal;
  931. font-weight: bold;
  932. padding-left: 24px;
  933. display: block;
  934. color: #C00;
  935. background: url(../../../images/error.png) no-repeat 0;
  936. }
  937.  
  938. div.error ul {
  939. margin-left: 24px;
  940. }
  941.  
  942. .pagination {
  943. font-size: 11px;
  944. padding-top: 10px;
  945. margin-bottom: 5px;
  946. }
  947.  
  948. .tfoot .pagination,
  949. .tcat .pagination {
  950. padding-top: 0;
  951. }
  952.  
  953. .pagination .pages {
  954. font-weight: bold;
  955. }
  956.  
  957. .pagination .pagination_current,
  958. .pagination a {
  959. padding: 3px 6px;
  960. margin-bottom: 3px;
  961. }
  962.  
  963. .pagination a {
  964. background: #222427;
  965. border: 1px solid #ff5857;
  966. }
  967.  
  968. .pagination .pagination_current {
  969. background: #131313;
  970. color: #ff5857;
  971. border: 1px solid #ff5857;
  972. font-weight: bold;
  973. }
  974.  
  975. .pagination a:hover {
  976. background: #ff5857;
  977. color: #fff;
  978. border-color: #263c30;
  979. text-decoration: none;
  980. }
  981.  
  982. .pagination .go_page img {
  983. margin-bottom: -4px;
  984. }
  985.  
  986. .drop_go_page {
  987. background: #f5f5f5;
  988. padding: 4px;
  989. }
  990.  
  991. .pagination_breadcrumb {
  992. background-color: #efefef;
  993. border: 1px solid #fff;
  994. outline: 1px solid #ccc;
  995. padding: 5px;
  996. margin-top: 5px;
  997. font-weight: normal;
  998. }
  999.  
  1000. .pagination_breadcrumb_link {
  1001. vertical-align: middle;
  1002. cursor: pointer;
  1003. }
  1004.  
  1005. .thread_legend,
  1006. .thread_legend dd {
  1007. margin: 0;
  1008. padding: 0;
  1009. }
  1010.  
  1011. .thread_legend dd {
  1012. padding-bottom: 4px;
  1013. margin-right: 15px;
  1014. }
  1015.  
  1016. .thread_legend img {
  1017. margin-right: 4px;
  1018. vertical-align: bottom;
  1019. }
  1020.  
  1021. .forum_legend,
  1022. .forum_legend dt,
  1023. .forum_legend dd {
  1024. margin: 0;
  1025. padding: 0;
  1026. }
  1027.  
  1028. .forum_legend dd {
  1029. float: left;
  1030. margin-right: 10px;
  1031. margin-top: 7px;
  1032. }
  1033.  
  1034. .forum_legend dt {
  1035. margin-right: 10px;
  1036. float: left;
  1037. }
  1038.  
  1039. .success_message {
  1040. color: #00b200;
  1041. font-weight: bold;
  1042. font-size: 10px;
  1043. margin-bottom: 10px;
  1044. }
  1045.  
  1046. .error_message {
  1047. color: #C00;
  1048. font-weight: bold;
  1049. font-size: 10px;
  1050. margin-bottom: 10px;
  1051. }
  1052.  
  1053. #posts_container {
  1054. padding: 0;
  1055. border: 1px solid #242424;
  1056. }
  1057.  
  1058. .ignored_post {
  1059. border-top: 3px solid #333;
  1060. padding: 15px;
  1061. }
  1062.  
  1063. .ignored_post .show_ignored_post {
  1064. margin-top: -15px;
  1065. }
  1066.  
  1067. .ignored_post .show_ignored_post a.button span {
  1068. background-position: 0 -400px;
  1069. }
  1070.  
  1071. .post {
  1072. overflow: hidden;
  1073. }
  1074.  
  1075. .post.classic {
  1076. padding-top: 15px;
  1077. }
  1078.  
  1079. .post .post_author {
  1080. border-bottom: 1px solid #242424;
  1081. border-top: 2px solid #242424;
  1082. background: #26292c;
  1083. padding: 5px;
  1084. overflow: hidden;
  1085. }
  1086.  
  1087. .post.classic .post_author {
  1088. border: 1px solid #242424;
  1089. float: left;
  1090. width: 15%;
  1091. margin: 0 1% 15px 0;
  1092. border-left: 0;
  1093. padding: 5px 1%;
  1094. }
  1095.  
  1096. .post .post_author .buddy_status {
  1097. vertical-align: middle;
  1098. margin-top: -4px;
  1099. }
  1100.  
  1101. .post .post_author div.author_avatar {
  1102. float: left;
  1103. margin-right: 3px;
  1104. }
  1105.  
  1106. .post.classic .post_author div.author_avatar {
  1107. float: none;
  1108. text-align: center;
  1109. margin-bottom: 8px;
  1110. }
  1111.  
  1112. .post .post_author div.author_avatar img {
  1113. padding: 5px;
  1114. border: 1px solid #ddd;
  1115. background: #fff;
  1116. }
  1117.  
  1118. .post .post_author div.author_information {
  1119. float: left;
  1120. padding: 6px 8px;
  1121. }
  1122.  
  1123. .post.classic .post_author div.author_information {
  1124. float: none;
  1125. padding: 0;
  1126. text-align: center;
  1127. }
  1128.  
  1129. .post .post_author div.author_statistics {
  1130. float: right;
  1131. font-size: 11px;
  1132. padding: 3px 10px 3px 5px;
  1133. color: #666;
  1134. line-height: 1.3;
  1135. }
  1136.  
  1137. .post.classic .post_author div.author_statistics {
  1138. border-top: 1px dotted #464646;
  1139. margin: 6px 0 0 0;
  1140. padding: 6px 6px 3px 6px;
  1141. float: none;
  1142. }
  1143.  
  1144. .post .post_head {
  1145. font-size: 11px;
  1146. padding-bottom: 4px;
  1147. border-bottom: 1px solid #242424;
  1148. margin-bottom: 4px;
  1149. }
  1150.  
  1151. .post .post_head span.post_date {
  1152. color: #666;
  1153. }
  1154.  
  1155. .post .post_head span.edited_post {
  1156. font-size: 10px;
  1157. color: #999;
  1158. }
  1159.  
  1160. .post .post_head span.edited_post a {
  1161. color: #666;
  1162. }
  1163.  
  1164. .post_body {
  1165. font-size: 14px;
  1166. padding: 12px 0;
  1167. }
  1168.  
  1169. .post.classic .post_content {
  1170. float: left;
  1171. width: 79%;
  1172. padding: 0 1% 5px 1%;
  1173. }
  1174.  
  1175. .post_content {
  1176. padding: 9px 10px 5px 10px;
  1177. }
  1178.  
  1179. .post_content .signature {
  1180. margin-top: 5px;
  1181. border-top: 1px dotted #ddd;
  1182. padding: 10px 0 4px 0;
  1183. }
  1184.  
  1185. .post .post_meta {
  1186. margin: 4px 0;
  1187. font-size: 11px;
  1188. color: #999;
  1189. }
  1190.  
  1191. .post .post_meta a:link,
  1192. .post .post_meta a:visited {
  1193. color: #777;
  1194. }
  1195.  
  1196. .post .post_meta a:hover,
  1197. .post .post_meta a:active {
  1198. color: #777;
  1199. }
  1200.  
  1201. .post_controls {
  1202. clear: both;
  1203. background: #26292c;
  1204. border-bottom: 1px solid #2B2B2B;
  1205. padding: 5px;
  1206. overflow: hidden;
  1207. }
  1208.  
  1209. .postbit_buttons > a:link,
  1210. .postbit_buttons > a:hover,
  1211. .postbit_buttons > a:visited,
  1212. .postbit_buttons > a:active {
  1213. display: inline-block;
  1214. padding: 3px 5px;
  1215. margin: 2px;
  1216. font-size: 11px;
  1217. background: #202020;
  1218. border: 1px solid #4D4D4D;
  1219. color: #F1F1F1;
  1220. border-radius: 2px;
  1221. }
  1222.  
  1223. .postbit_buttons > a:hover {
  1224. border-color: #bbb;
  1225. }
  1226.  
  1227. .postbit_buttons a span {
  1228. padding-left: 20px;
  1229. display: inline-block;
  1230. height: 16px;
  1231. background-image: url(../../../images/buttons_sprite.png);
  1232. background-repeat: no-repeat;
  1233. }
  1234.  
  1235. .postbit_buttons a.postbit_find span {
  1236. background-position: 0 0;
  1237. }
  1238.  
  1239. .postbit_buttons a.postbit_reputation_add span {
  1240. background-position: 0 -20px;
  1241. }
  1242.  
  1243. .postbit_buttons a.postbit_email span {
  1244. background-position: 0 -40px;
  1245. }
  1246.  
  1247. .postbit_buttons a.postbit_website span {
  1248. background-position: 0 -60px;
  1249. }
  1250.  
  1251. .postbit_buttons a.postbit_pm span {
  1252. background-position: 0 -80px;
  1253. }
  1254.  
  1255. .postbit_buttons a.postbit_quote span {
  1256. background-position: 0 -100px;
  1257. }
  1258.  
  1259. .postbit_buttons a.postbit_multiquote span {
  1260. background-position: 0 -120px;
  1261. }
  1262.  
  1263. .postbit_buttons a.postbit_multiquote_on span {
  1264. background-position: 0 -140px;
  1265. }
  1266.  
  1267. .postbit_buttons a.postbit_edit span {
  1268. background-position: 0 -160px;
  1269. }
  1270.  
  1271. .postbit_buttons a.postbit_qdelete span {
  1272. background-position: 0 -180px;
  1273. }
  1274.  
  1275. .postbit_buttons a.postbit_qrestore span {
  1276. background-position: 0 -200px;
  1277. }
  1278.  
  1279. .postbit_buttons a.postbit_report span {
  1280. background-position: 0 -220px;
  1281. }
  1282.  
  1283. .postbit_buttons a.postbit_warn span {
  1284. background-position: 0 -240px;
  1285. }
  1286.  
  1287. .postbit_buttons a.postbit_purgespammer span {
  1288. background-position: 0 -540px;
  1289. }
  1290.  
  1291. .postbit_buttons a.postbit_reply_pm span {
  1292. background-position: 0 -260px;
  1293. }
  1294.  
  1295. .postbit_buttons a.postbit_reply_all span {
  1296. background-position: 0 -280px;
  1297. }
  1298.  
  1299. .postbit_buttons a.postbit_forward_pm span {
  1300. background-position: 0 -300px;
  1301. }
  1302.  
  1303. .postbit_buttons a.postbit_delete_pm span {
  1304. background-position: 0 -320px;
  1305. }
  1306.  
  1307. a.button:link,
  1308. a.button:hover,
  1309. a.button:visited,
  1310. a.button:active {
  1311. background: #222427;
  1312. color: #CCC;
  1313. display: inline-block;
  1314. padding: 4px 8px;
  1315. margin: 2px 2px 6px 2px;
  1316. border: 2px solid #ff5857;
  1317. font-size: 14px;
  1318. border-radius: 3px;
  1319. }
  1320.  
  1321. a.button.small_button {
  1322. font-size: 13px;
  1323. margin: 0;
  1324. padding: 3px 6px;
  1325. }
  1326.  
  1327. a.button span {
  1328. padding-left: 20px;
  1329. display: inline-block;
  1330. background-image: url(../../../images/buttons_sprite.png);
  1331. background-repeat: no-repeat;
  1332. }
  1333.  
  1334. a.button.new_thread_button span {
  1335. background-position: 0 -340px;
  1336. }
  1337.  
  1338. a.button.new_reply_button span {
  1339. background-position: 0 -360px;
  1340. }
  1341.  
  1342. a.button.closed_button span {
  1343. background-position: 0 -380px;
  1344. }
  1345.  
  1346. a.button.rate_user_button span {
  1347. background-position: 0 -400px;
  1348. }
  1349.  
  1350. a.button.add_buddy_button span {
  1351. background-position: 0 -440px;
  1352. }
  1353.  
  1354. a.button.remove_buddy_button span {
  1355. background-position: 0 -480px;
  1356. }
  1357.  
  1358. a.button.add_ignore_button span {
  1359. background-position: 0 -460px;
  1360. }
  1361.  
  1362. a.button.remove_ignore_button span {
  1363. background-position: 0 -500px;
  1364. }
  1365.  
  1366. a.button.report_user_button span {
  1367. background-position: 0 -520px;
  1368. }
  1369.  
  1370. .quick_jump {
  1371. background: url(../../../images/jump.png) no-repeat 0;
  1372. width: 13px;
  1373. height: 13px;
  1374. padding-left: 13px; /* amount of padding needed for image to fully show */
  1375. margin-top: -3px;
  1376. border: none;
  1377. }
  1378.  
  1379. .pollbar {
  1380. background: url(../../../images/pollbar.png) top left repeat-x;
  1381. border: 1px solid #3f3f3f;
  1382. height: 10px;
  1383. }
  1384.  
  1385. .pollbar .percent {
  1386. display: none;
  1387. }
  1388.  
  1389. .posticons_label {
  1390. white-space: nowrap;
  1391. }
  1392.  
  1393. /** jGrowl Start **/
  1394.  
  1395. /** Special IE6 Style Positioning **/
  1396. .ie6 {
  1397. position: absolute;
  1398. }
  1399.  
  1400. .ie6.top-right {
  1401. right: auto;
  1402. bottom: auto;
  1403. left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1404. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1405. }
  1406.  
  1407. .ie6.top-left {
  1408. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1409. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1410. }
  1411.  
  1412. .ie6.bottom-right {
  1413. left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1414. top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1415. }
  1416.  
  1417. .ie6.bottom-left {
  1418. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1419. top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1420. }
  1421.  
  1422. .ie6.center {
  1423. left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  1424. top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  1425. width: 100%;
  1426. }
  1427.  
  1428. /** jGrowl Styling **/
  1429. .jGrowl {
  1430. z-index: 9999;
  1431. color: #fff;
  1432. font-size: 12px;
  1433. position: fixed;
  1434. }
  1435.  
  1436. .jGrowl.top-left {
  1437. left: 0px;
  1438. top: 0px;
  1439. }
  1440.  
  1441. .jGrowl.top-right {
  1442. right: 0px;
  1443. top: 0px;
  1444. }
  1445.  
  1446. .jGrowl.bottom-left {
  1447. left: 0px;
  1448. bottom: 0px;
  1449. }
  1450.  
  1451. .jGrowl.bottom-right {
  1452. right: 0px;
  1453. bottom: 0px;
  1454. }
  1455.  
  1456. .jGrowl.center {
  1457. top: 0px;
  1458. width: 50%;
  1459. left: 25%;
  1460. }
  1461.  
  1462. /** Cross Browser Styling **/
  1463.  
  1464. .center .jGrowl-notification,
  1465. .center .jGrowl-closer {
  1466. margin-left: auto;
  1467. margin-right: auto;
  1468. }
  1469.  
  1470. .jGrowl .jGrowl-notification,
  1471. .jGrowl .jGrowl-closer {
  1472. background-color: #000;
  1473. opacity: .85;
  1474. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  1475. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  1476. zoom: 1;
  1477. width: 235px;
  1478. padding: 10px;
  1479. margin-top: 5px;
  1480. margin-bottom: 5px;
  1481. font-family: Tahoma, Arial, Helvetica, sans-serif;
  1482. font-size: 1em;
  1483. text-align: left;
  1484. display: none;
  1485. border-radius: 5px;
  1486. }
  1487.  
  1488. .jGrowl .jGrowl-notification {
  1489. min-height: 40px;
  1490. }
  1491.  
  1492. .jGrowl .jGrowl-notification,
  1493. .jGrowl .jGrowl-closer {
  1494. margin: 10px;
  1495. }
  1496.  
  1497. .jGrowl .jGrowl-notification .jGrowl-header {
  1498. font-weight: bold;
  1499. font-size: .85em;
  1500. }
  1501.  
  1502. .jGrowl .jGrowl-notification .jGrowl-close {
  1503. z-index: 99;
  1504. float: right;
  1505. font-weight: bold;
  1506. font-size: 1em;
  1507. cursor: pointer;
  1508. }
  1509.  
  1510. .jGrowl .jGrowl-closer {
  1511. padding-top: 4px;
  1512. padding-bottom: 4px;
  1513. cursor: pointer;
  1514. font-size: .9em;
  1515. font-weight: bold;
  1516. text-align: center;
  1517. }
  1518.  
  1519. /** Hide jGrowl when printing **/
  1520. @media print {
  1521. .jGrowl {
  1522. display: none;
  1523. }
  1524. }
  1525.  
  1526. /** jGrowl End **/
  1527.  
  1528. /** Modal Start **/
  1529.  
  1530. .modal {
  1531. display: none;
  1532. width: 400px;
  1533. text-align: left;
  1534. background: #fff;
  1535. -webkit-border-radius: 8px;
  1536. -moz-border-radius: 8px;
  1537. -o-border-radius: 8px;
  1538. -ms-border-radius: 8px;
  1539. border-radius: 8px;
  1540. -webkit-box-shadow: 0 0 10px #000;
  1541. -moz-box-shadow: 0 0 10px #000;
  1542. -o-box-shadow: 0 0 10px #000;
  1543. -ms-box-shadow: 0 0 10px #000;
  1544. box-shadow: 0 0 10px #000;
  1545. }
  1546.  
  1547. .modal a.close-modal {
  1548. position: absolute;
  1549. top: -12.5px;
  1550. right: -12.5px;
  1551. display: block;
  1552. width: 30px;
  1553. height: 30px;
  1554. text-indent: -9999px;
  1555. background: url(../../../images/close.png) no-repeat 0 0;
  1556. }
  1557.  
  1558. .modal-spinner {
  1559. display: none;
  1560. width: 64px;
  1561. height: 64px;
  1562. position: fixed;
  1563. top: 50%;
  1564. left: 50%;
  1565. margin-right: -32px;
  1566. margin-top: -32px;
  1567. background: url(../../../images/spinner_big.gif) no-repeat center center;
  1568. -webkit-border-radius: 8px;
  1569. -moz-border-radius: 8px;
  1570. -o-border-radius: 8px;
  1571. -ms-border-radius: 8px;
  1572. border-radius: 8px;
  1573. }
  1574.  
  1575. /** Modal End **/
  1576.  
  1577. /** Impromptu Start **/
  1578.  
  1579. /*! jQuery-Impromptu - v5.2.4 - 2014-05-26
  1580. * http://trentrichardson.com/Impromptu
  1581. * Copyright (c) 2014 Trent Richardson; Licensed MIT */
  1582.  
  1583. .jqifade {
  1584. position: absolute;
  1585. background-color: #777777;
  1586. }
  1587.  
  1588. div.jqi {
  1589. width: 400px;
  1590. max-width:90%;
  1591. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  1592. position: absolute;
  1593. background-color: #ffffff;
  1594. font-size: 11px;
  1595. text-align: left;
  1596. border: solid 1px #eeeeee;
  1597. border-radius: 6px;
  1598. -moz-border-radius: 6px;
  1599. -webkit-border-radius: 6px;
  1600. padding: 7px;
  1601. }
  1602.  
  1603. div.jqi .jqiclose {
  1604. position: absolute;
  1605. top: 4px; right: -2px;
  1606. width: 18px;
  1607. cursor: default;
  1608. color: #bbbbbb;
  1609. font-weight: bold;
  1610. }
  1611.  
  1612. div.jqi .jqistate {
  1613. background-color: #fff;
  1614. }
  1615.  
  1616. div.jqi .jqititle {
  1617. padding: 5px 10px;
  1618. font-size: 16px;
  1619. line-height: 20px;
  1620. border-bottom: solid 1px #eeeeee;
  1621. }
  1622.  
  1623. div.jqi .jqimessage {
  1624. padding: 10px;
  1625. line-height: 20px;
  1626. color: #444444;
  1627. }
  1628.  
  1629. div.jqi .jqibuttons {
  1630. text-align: right;
  1631. margin: 0 -7px -7px -7px;
  1632. border-top: solid 1px #e4e4e4;
  1633. background-color: #f4f4f4;
  1634. border-radius: 0 0 6px 6px;
  1635. -moz-border-radius: 0 0 6px 6px;
  1636. -webkit-border-radius: 0 0 6px 6px;
  1637. }
  1638.  
  1639. div.jqi .jqibuttons button {
  1640. margin: 0;
  1641. padding: 15px 20px;
  1642. background-color: transparent;
  1643. font-weight: normal;
  1644. border: none;
  1645. border-left: solid 1px #e4e4e4;
  1646. color: #777;
  1647. font-weight: bold;
  1648. font-size: 12px;
  1649. }
  1650.  
  1651. div.jqi .jqibuttons button.jqidefaultbutton {
  1652. color: #489afe;
  1653. }
  1654.  
  1655. div.jqi .jqibuttons button:hover,
  1656. div.jqi .jqibuttons button:focus {
  1657. color: #287ade;
  1658. outline: none;
  1659. }
  1660.  
  1661. .jqiwarning .jqi .jqibuttons {
  1662. background-color: #b95656;
  1663. }
  1664.  
  1665. /* sub states */
  1666.  
  1667. div.jqi .jqiparentstate::after {
  1668. background-color: #777;
  1669. opacity: 0.6;
  1670. filter: alpha(opacity=60);
  1671. content: '';
  1672. position: absolute;
  1673. top: 0;
  1674. left: 0;
  1675. bottom: 0;
  1676. right: 0;
  1677. border-radius: 6px;
  1678. -moz-border-radius: 6px;
  1679. -webkit-border-radius: 6px;
  1680. }
  1681.  
  1682. div.jqi .jqisubstate {
  1683. position: absolute;
  1684. top: 0;
  1685. left: 20%;
  1686. width: 60%;
  1687. padding: 7px;
  1688. border: solid 1px #eeeeee;
  1689. border-top: none;
  1690. border-radius: 0 0 6px 6px;
  1691. -moz-border-radius: 0 0 6px 6px;
  1692. -webkit-border-radius: 0 0 6px 6px;
  1693. }
  1694.  
  1695. div.jqi .jqisubstate .jqibuttons button {
  1696. padding: 10px 18px;
  1697. }
  1698.  
  1699. /* arrows for tooltips/tours */
  1700.  
  1701. .jqi .jqiarrow {
  1702. position: absolute;
  1703. height: 0; width: 0;
  1704. line-height: 0;
  1705. font-size: 0;
  1706. border: solid 10px transparent;
  1707. }
  1708.  
  1709. .jqi .jqiarrowtl {
  1710. left: 10px;
  1711. top: -20px;
  1712. border-bottom-color: #ffffff;
  1713. }
  1714.  
  1715. .jqi .jqiarrowtc {
  1716. left: 50%;
  1717. top: -20px;
  1718. border-bottom-color: #ffffff;
  1719. margin-left: -10px;
  1720. }
  1721.  
  1722. .jqi .jqiarrowtr {
  1723. right: 10px;
  1724. top: -20px;
  1725. border-bottom-color: #ffffff;
  1726. }
  1727.  
  1728. .jqi .jqiarrowbl {
  1729. left: 10px;
  1730. bottom: -20px;
  1731. border-top-color: #ffffff;
  1732. }
  1733.  
  1734. .jqi .jqiarrowbc {
  1735. left: 50%;
  1736. bottom: -20px;
  1737. border-top-color: #ffffff;
  1738. margin-left: -10px;
  1739. }
  1740.  
  1741. .jqi .jqiarrowbr {
  1742. right: 10px;
  1743. bottom: -20px;
  1744. border-top-color: #ffffff;
  1745. }
  1746.  
  1747. .jqi .jqiarrowlt {
  1748. left: -20px;
  1749. top: 10px;
  1750. border-right-color: #ffffff;
  1751. }
  1752.  
  1753. .jqi .jqiarrowlm {
  1754. left: -20px;
  1755. top: 50%;
  1756. border-right-color: #ffffff;
  1757. margin-top: -10px;
  1758. }
  1759.  
  1760. .jqi .jqiarrowlb {
  1761. left: -20px;
  1762. bottom: 10px;
  1763. border-right-color: #ffffff;
  1764. }
  1765.  
  1766. .jqi .jqiarrowrt {
  1767. right: -20px;
  1768. top: 10px;
  1769. border-left-color: #ffffff;
  1770. }
  1771.  
  1772. .jqi .jqiarrowrm {
  1773. right: -20px;
  1774. top: 50%;
  1775. border-left-color: #ffffff;
  1776. margin-top: -10px;
  1777. }
  1778.  
  1779. .jqi .jqiarrowrb {
  1780. right: -20px;
  1781. bottom: 10px;
  1782. border-left-color: #ffffff;
  1783. }
  1784. #menu {
  1785. list-style: none;
  1786. background: #282A2E;
  1787. height: 50px;
  1788. padding: 0;
  1789. }
  1790.  
  1791. #menu li {
  1792. float: left;
  1793. display: block;
  1794. position: relative;
  1795. z-index: 500;
  1796. margin: 0 1px;
  1797. line-height: 33px;
  1798. }
  1799.  
  1800. /* this is the parent menu */
  1801. #menu li a {
  1802. display: block;
  1803. padding: 8px 22px 0 22px;
  1804. font-weight: 700;
  1805. height: 42px;
  1806. text-decoration: none;
  1807. color: #EBEBEB;
  1808. text-align: center;
  1809. border-right: 1px solid #313131;
  1810. }
  1811.  
  1812. #menu li a:hover {
  1813. color:#fff;
  1814. }
  1815.  
  1816. /* submenu, it's hidden by default */
  1817. #menu ul {
  1818. position:absolute;
  1819. left:0;
  1820. display:none;
  1821. margin:0 0 0 -1px;
  1822. padding:0;
  1823. list-style:none;
  1824. }
  1825.  
  1826. #menu ul li {
  1827. width: 170px;
  1828. float: left;
  1829. border-top: 1px solid #383838;
  1830. margin: 0px -1px;
  1831. background: #282A2E;
  1832. -webkit-transition: all 250ms ease-in-out;
  1833. -moz-transition: all 250ms ease-in-out;
  1834. -o-transition: all 250ms ease-in-out;
  1835. transition: all 250ms ease-in-out;
  1836. }
  1837. }
  1838.  
  1839.  
  1840. #menu ul a {
  1841. display:block;
  1842. height:15px;
  1843. padding: 8px 5px;
  1844. color:#666;
  1845. }
  1846.  
  1847. *html #menu ul {
  1848. margin:0 0 0 -2px;
  1849. }
  1850. .desc {
  1851. font-size: 11px;
  1852. margin-left: 7px;
  1853. font-style: italic;
  1854. opacity: 0;
  1855. cursor: pointer;
  1856. -webkit-transition: all 250ms ease-in-out;
  1857. -moz-transition: all 250ms ease-in-out;
  1858. -o-transition: all 250ms ease-in-out;
  1859. transition: all 250ms ease-in-out;
  1860. }
  1861. .desc:hover {
  1862. margin-left: 12px;
  1863. opacity: 1;
  1864. }
  1865. /** Impromptu End */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement