Advertisement
Wiberg

Untitled

May 10th, 2015
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 63.70 KB | None | 0 0
  1. /************************************************************************/
  2. /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
  3. /************************************************************************/
  4. /* ipb_styles.css */
  5. /************************************************************************/
  6. /*
  7. [ color ]
  8. [ font ]
  9. [ borders ]
  10. [ padding ]
  11. [ margin ]
  12. [ sizing ]
  13. [ other ]
  14. */
  15.  
  16. /************************************************************************/
  17. /* RESET (Thanks to YUI) */
  18.  
  19. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
  20. table { border-collapse:collapse; border-spacing:0; }
  21. fieldset,img { border:0; }
  22. address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
  23. ol,ul { list-style:none; }
  24. caption,th { text-align:left; }
  25. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  26. q:before,q:after { content:''; }
  27. abbr,acronym { border:0; }
  28. hr { display: none; }
  29. address{ display: inline; }
  30.  
  31. /************************************************************************/
  32. /* ELEMENT STYLES */
  33.  
  34. body {
  35. background: #fff;
  36. color: #1c2837;
  37. font: normal 13px arial, verdana, tahoma, sans-serif;
  38. position: relative;
  39. }
  40.  
  41. h3, h4, h5, h6, strong { font-weight: bold; }
  42. em { font-style: italic; }
  43. img, .input_check, .input_radio { vertical-align: middle; }
  44. legend { display: none; }
  45. table { width: 100%; }
  46. td { padding: 3px; }
  47.  
  48. h2 {
  49. font-size: 1.6em;
  50. font-weight: normal;
  51. margin: 0 0 8px 0;
  52. clear: both;
  53. }
  54.  
  55. body h3 {
  56. font-weight: bold;
  57. font-size: 1.1em;
  58. padding: 5px 8px 3px 8px;
  59. color: #1d3652;
  60. }
  61.  
  62. h3 img {
  63. margin-top: -2px;
  64. }
  65.  
  66. h3 a {
  67. text-decoration: none;
  68. }
  69.  
  70. a {
  71. color: #284b72;
  72. }
  73.  
  74. a:hover {
  75. color: #F0A735;
  76. text-decoration: none;
  77. }
  78.  
  79. #copyright { float: right; }
  80. #copyright a { text-decoration: none; }
  81. #copyright a:hover { text-decoration: underline; }
  82.  
  83. /************************************************************************/
  84. /* COLORS */
  85.  
  86. .row1, .row1 td, .post_block.row1 {
  87. background-color: #ffffff; /* Very light blue */
  88. }
  89.  
  90. .row1 .altrow, .row1.altrow,
  91. .personal_info, .general_box {
  92. background-color: #ffffff; /* Slightly darker than row1 */
  93. }
  94.  
  95. .row2, .row2 td, .post_block.row2,
  96. .message {
  97. background-color: #ffffff; /* Light blue */
  98. }
  99.  
  100. .row2 .altrow, .row2.altrow,
  101. /* ul.post_controls,*/
  102. ul.topic_moderation {
  103. background-color: #e4ebf2; /* Slightly darker than row2 */
  104. }
  105.  
  106. .moderated, body .moderated td,
  107. .moderated td.altrow, .post_block.moderated,
  108. body td.moderated, body td.moderated {
  109. background-color: #f2e4e7; /* Light red */
  110. }
  111.  
  112. .moderated, .moderated a {
  113. color: #6f3642;
  114. }
  115.  
  116. body .maintitle {
  117. background: #1d3652;
  118. color: #fff;
  119. }
  120.  
  121. body .maintitle a {
  122. color: #fff;
  123. }
  124.  
  125. ul.post_controls,
  126. div.post_controls {
  127. background-color: #e4ebf3;
  128. }
  129.  
  130. /* Bar */
  131. .bar {
  132. background: #d5dde5 url({style_images_url}/gradient_bg.png) repeat-x 50%;
  133. }
  134.  
  135. .altbar {
  136. background: #b6c7db;
  137. color: #1d3652;
  138. }
  139.  
  140. /* Table column headers */
  141. .header {
  142. background: #ffffff;
  143. color: #1d3652;
  144. }
  145.  
  146. body .ipb_table .header a,
  147. body .topic_options a {
  148. color: #1d3652;
  149. }
  150.  
  151. /* General block */
  152. .general_box {
  153. background-color: #eef3f8;
  154. border: 1px solid #d5dde5;
  155. border-bottom: 4px solid #d5dde5;
  156. padding: 10px;
  157. }
  158.  
  159. .general_box h3 {
  160. background: #d5dde5;
  161. color: #1d3652;
  162. }
  163.  
  164. /* Post background */
  165. .post_block {
  166. background: #fafbfc;
  167. border-bottom: 6px solid #B5C0CF;
  168. }
  169.  
  170. .post_block h3 {
  171. background: #d5dee5;
  172. }
  173.  
  174. /* Post screen background */
  175. div.post_form fieldset {
  176. background-color: #f1f4f7;
  177. }
  178.  
  179. /* Dates */
  180. .date, .poll_question .votes {
  181. color: #a9a9a9;
  182. font-size: 0.8em;
  183. }
  184.  
  185. /* "No Messages" message */
  186. .no_messages {
  187. background-color: #f6f8fa;
  188. color: #1c2837;
  189. padding: 25px 30px;
  190. }
  191.  
  192. /* Tab bars */
  193. .tab_bar {
  194. background-color: #e4ebf2;
  195. color: #4a6784;
  196. }
  197.  
  198. .tab_bar li.active {
  199. background-color: #243f5c;
  200. }
  201.  
  202. .tab_bar.no_title.mini {
  203. border-bottom: 8px solid #243f5c;
  204. }
  205.  
  206. /* Filter & moderation bars */
  207. .filter_bar {
  208. background-color: #1d3652;
  209. color: #d5dde5;
  210. }
  211.  
  212. .filter_bar a, .filter_bar label {
  213. color: #d5dde5;
  214. }
  215.  
  216. .moderation_bar {
  217. background: #d5dde5;
  218. }
  219.  
  220. /* Comments */
  221. .comment_wrap .comment.by_author,
  222. .comment_wrap .comment.by_author.row1 {
  223. background: #f2f8f5;
  224. border-top: 1px solid #528f6c;
  225. border-bottom: 1px solid #528f6c;
  226. }
  227.  
  228. .comment_wrap .comment.row1 {
  229. border-top: 1px solid #d5dde5;
  230. border-bottom: 1px solid #d5dde5;
  231. }
  232.  
  233. .comment_wrap .comment.draft {
  234. border-top: 1px solid #d5dde5;
  235. border-bottom: 1px solid #d5dde5;
  236. background: #f6ecee;
  237. }
  238.  
  239. /* Topic prefix */
  240. .topic_prefix {
  241. background-color: #daede2;
  242. color: #528f6c;
  243. }
  244.  
  245. /* Toggle for the sidebar */
  246. .sidebar_toggle {
  247. background-color: #d5dde5;
  248. }
  249.  
  250. /* Menu popups */
  251. .ipbmenu_content, .ipb_autocomplete {
  252. background-color: #eef3f8;
  253. border: 1px solid #d5dde5;
  254. -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
  255. box-shadow: rgba(0, 0, 0, 0.58) 0px 6px 25px;
  256. }
  257.  
  258. .ipbmenu_content li, .ipb_autocomplete li {
  259. border-bottom: 1px solid #d5dde5;
  260. }
  261.  
  262. .ipb_autocomplete li.active {
  263. background: #d5dde5;
  264. }
  265.  
  266. /* Forms */
  267. .input_submit {
  268. background-color: #1d3652;
  269. color: #fff;
  270. border-color: #4f7298 #113051 #113051 #4f7298;
  271. }
  272.  
  273. .input_submit:hover {
  274. background: #2e4968;
  275. }
  276.  
  277. .input_submit.alt {
  278. background-color: #eef3f8;
  279. border-color: #fafbfc #bfcbd8 #bfcbd8 #fafbfc;
  280. color: #1d3652;
  281. }
  282.  
  283. .input_submit.alt:hover {
  284. background: #e4ebf2;
  285. color: #1d3652;
  286. }
  287.  
  288. .input_submit.delete {
  289. background-color: #ad2930;
  290. border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
  291. color: #fff;
  292. }
  293.  
  294. .input_submit.delete:hover {
  295. background: #bf3631;
  296. color: #fff;
  297. }
  298.  
  299. body#ipboard_body fieldset.submit,
  300. body#ipboard_body p.submit {
  301. background-color: #d5dde5;
  302. }
  303.  
  304. /************************************************************************/
  305. /* HEADER */
  306.  
  307. h1, #content_jump {
  308. text-indent: -9999px;
  309. height: 0px;
  310. width: 0px;
  311. }
  312.  
  313. #header {
  314. position: relative;
  315. }
  316.  
  317. #branding {
  318. background: #1d3652 url(http://i.imgur.com/1so64GF.png) repeat-x top;
  319. min-height: 80px;
  320. padding-top: 15px;
  321. padding-bottom: 15px;
  322. padding-left: 15px;
  323. }
  324.  
  325. #admin_bar {
  326. background: #2e2e2e url({style_images_url}/gradient_bg.png) repeat-x 50%;
  327. color: #d2d2d2;
  328. font-size: 0.8em;
  329. padding: 7px;
  330. height: 14px;
  331. }
  332.  
  333. #admin_bar li {
  334. color: #767676;
  335. padding: 0 3px 0 5px;
  336. }
  337.  
  338. #admin_bar li.active, #admin_bar li.active a {
  339. color: #e74242;
  340. }
  341.  
  342. /* Navigation */
  343. #primary_nav {
  344. background: #192B40;
  345. border-bottom: 5px solid #f0a735;
  346. padding-left: 10px;
  347. height: 31px;
  348. }
  349.  
  350. #primary_nav ul li, #primary_nav ul li a {
  351. color: #1D3652;
  352. text-decoration: none;
  353. }
  354.  
  355. #primary_nav ul li {
  356. font-size: 0.95em;
  357. padding: 8px 8px;
  358. margin-left: 6px;
  359. }
  360.  
  361. #primary_nav ul li.active {
  362. background: transparent url(http://i.imgur.com/E6tIZW4.png) no-repeat top left;
  363. font-size: 1.05em;
  364. font-weight: bold;
  365. padding: 0;
  366. margin: -4px 0px auto 5px;
  367. position: relative;
  368. }
  369.  
  370. #primary_nav ul li.active a {
  371. background: transparent url(http://i.imgur.com/Ffu6ltu.png) no-repeat top right;
  372. padding: 10px 15px 10px 10px;
  373. margin-left: 6px;
  374. display: block;
  375. }
  376.  
  377. #primary_nav ul li a {
  378. color: #FFFFFF;
  379. text-decoration: none;
  380. }
  381.  
  382. #user_navigation {
  383. border-radius: 0px;
  384. background: #F0A735;
  385. border-width: 0 2px 2px 2px;
  386. border-style: solid;
  387. border-color: #F0A735;
  388. border-radius: 0 0 6px 6px;
  389. -moz-border-radius: 0 0 6px 6px;
  390. -webkit-border-bottom-left-radius: 6px;
  391. -webkit-border-bottom-right-radius: 6px;
  392. position: absolute;
  393. width: 284px;
  394. top: 7px;
  395. right: 10px;
  396. float: right;
  397. z-index: 9999;
  398. }
  399.  
  400. #user_navigation .photo {
  401. border-radius: 30px;
  402. border: 1px solid #F0A735;
  403. margin: 6px 10px 6px 6px;
  404. float: left;
  405. }
  406.  
  407. #user_info {
  408. margin-left: 60px;
  409. margin-right: 15px;
  410. }
  411.  
  412. /* Sign in services icons (Facebook, twitter, etc) */
  413. .services img { margin-top: -2px }
  414.  
  415. #user_navigation p {
  416. color: #F0A735;
  417. margin-top: 6px;
  418. white-space: nowrap;
  419. }
  420.  
  421. #user_navigation p a {
  422. color: #F0A735;
  423. }
  424.  
  425. #user_navigation #new_msg_count {
  426. background-color: #528f6c;
  427. font-weight: bold;
  428. font-size: 0.9em;
  429. padding: 3px 7px;
  430. top: 0px;
  431. left: 45px;
  432. position: absolute;
  433. }
  434.  
  435. #user_navigation ul {
  436. font-size: 0.88em;
  437. margin-top: 4px;
  438. }
  439. #user_navigation ul a {
  440. color: #ffffff;
  441. }
  442.  
  443. #user_navigation ul#user_other {
  444. margin-left: 0px;
  445. top: 35px;
  446. position: absolute;
  447. }
  448.  
  449. #user_navigation ul#user_other li {
  450. float: left;
  451. padding: 0 0 0 8px;
  452. }
  453.  
  454. #user_navigation ul#user_link_menucontent {
  455. background: #ffffff;
  456. margin-top: 0px;
  457. margin-left: 1px;
  458. width: 170px;
  459. float: right;
  460. z-index: 10000;
  461. }
  462.  
  463. #user_navigation ul#user_link_menucontent li {
  464. padding: 1px;
  465. float: none;
  466. }
  467.  
  468. #user_navigation ul#user_link_menucontent a {
  469. color: #1d3652;
  470. text-decoration: none;
  471. padding: 5px 5px 5px 15px;
  472. display: block;
  473. }
  474.  
  475. #user_navigation ul#user_link_menucontent a:hover {
  476. background: #e4ebf2;
  477. }
  478.  
  479. #user_navigation #user_link {
  480. background: #ffffff;
  481. border: 1px solid #BA8128;
  482. padding: 3px 26px 3px 8px;
  483. margin: 6px 5px 0px 8px;
  484. min-width: 110px;
  485. outline: 0px;
  486. position: absolute;
  487. display: inline-block;
  488. overflow: hidden;
  489. right: 66px;
  490. height: 15px;
  491. }
  492.  
  493. #user_navigation #user_link img {
  494. right: 5px;
  495. top: 5px;
  496. position: absolute;
  497. }
  498.  
  499. #user_navigation #user_link span {
  500. display: inline-block;
  501. overflow: hidden;
  502. max-width:110px;
  503. }
  504.  
  505. #user_navigation.logged_in {
  506. height: 63px;
  507. }
  508.  
  509. #user_navigation.not_logged_in {
  510. font-size: 1em;
  511. padding: 5px 15px 10px;
  512. }
  513.  
  514. #user_navigation.not_logged_in .links {
  515. margin: 8px 8px 0;
  516. font-size: 11px;
  517. display: block;
  518. color: #d5dde5;
  519. }
  520.  
  521. #user_navigation.not_logged_in .links a {
  522. font-weight: bold;
  523. }
  524.  
  525. #user_navigation.not_logged_in #register_link {
  526. border-bottom: 1px dotted;
  527. }
  528.  
  529. #user_navigation.not_logged_in #sign_in {
  530. background: #1d3652;
  531. padding: 8px;
  532. display: block;
  533. min-width: 250px;
  534. margin: 0;
  535. padding-right: 8px;
  536. }
  537.  
  538. #user_navigation.not_logged_in #sign_in:hover {
  539. text-decoration: underline;
  540. }
  541.  
  542. /* Notifications */
  543. #user_navigation #user_notifications_link {
  544. background: #fff;
  545. border: 1px solid #BA8128;
  546. padding: 3px 17px 3px 5px;
  547. margin: 6px 0 0px 0px;
  548. min-width: 30px;
  549. outline: 0px;
  550. position: relative;
  551. display: inline-block;
  552. overflow: hidden;
  553. float: right;
  554. white-space: nowrap;
  555. text-decoration: none;
  556. height: 15px;
  557. }
  558.  
  559. #user_navigation #user_notifications_link img#notify-down-arrow {
  560. right: 5px;
  561. top: 5px;
  562. position: absolute;
  563. }
  564.  
  565. #user_navigation #user_notifications_link small {
  566. position: relative;
  567. background-color: #d5dde5;
  568. color: #000;
  569. font-weight: bold;
  570. top: 0px;
  571. right: 0px;
  572. padding: 1px 4px;
  573. border-radius: 4px;
  574. -moz-border-radius: 4px;
  575. -webkit-border-radius: 4px;
  576. }
  577.  
  578. #user_navigation #user_notifications.no-new small {
  579. background-color: transparent;
  580. color: #fff;
  581. }
  582.  
  583. #user_navigation #user_notifications.no-new small:hover {
  584. background-color: #d5dde5;
  585. color: #000;
  586. }
  587.  
  588. #user_notifications_link_menucontent {
  589. border: 1px solid #1d3652;
  590. margin-top: 3px;
  591. min-width: 325px;
  592. float: right;
  593. z-index: 10000;
  594. font-size: 0.85em;
  595. }
  596.  
  597. #user_notifications_link_menucontent li {
  598. padding: 5px 10px 5px 8px;
  599. float: none;
  600. clear: both;
  601. /*border-top: thin solid #000;*/
  602. }
  603.  
  604. #user_notifications_link_menucontent li a {
  605. /*text-decoration: none;*/
  606. }
  607.  
  608. #user_notifications_link_menucontent li.view-all {
  609. text-align: center;
  610. background-color: #d5dde5;
  611. font-weight: bold;
  612. }
  613.  
  614. #user_notifications_link_menucontent li.no-notifications {
  615. text-align: center;
  616. font-style: italic;
  617. }
  618.  
  619. #user_notifications_link_menucontent img {
  620. float: left;
  621. margin: 5px 7px 0 0;
  622. }
  623.  
  624. #user_notifications_link_menucontent li.notify:hover {
  625. background: #ffffff;
  626. }
  627.  
  628. #user_notifications_link_menucontent li p {
  629. display: inline;
  630. margin-left: 0px;
  631. }
  632.  
  633. #user_notifications_link_menucontent li span.desc {
  634. font-size: 0.8em;
  635. padding-top: 2px;
  636. }
  637.  
  638. #user_notifications_link_menucontent .unread,
  639. #user_notifications_link_menucontent .unread a {
  640. font-weight: bold;
  641. }
  642. /* End notifications */
  643.  
  644. #search {
  645. color: #F0A735;
  646. font-size: 0.85em;
  647. margin: 5px 4px auto auto;
  648. position: relative;
  649. right: 0px;
  650. float: right;
  651. z-index: 5000;
  652. min-width: 260px;
  653. }
  654.  
  655. #search .submit_input {
  656. background: #F0A735 url({style_images_url}/search_icon.png) no-repeat 50%;
  657. text-indent: -3000em;
  658. width: 25px;
  659. height: 21px;
  660. border: 1px solid #F0A735;
  661. padding: 0;
  662. float: left;
  663. }
  664.  
  665. #search input#main_search {
  666. padding: 0;
  667. border: 0;
  668. width: 165px;
  669. font-size: 11px;
  670. background-color: #fff;
  671. }
  672.  
  673. #search input#main_search.inactive {
  674. color: #a9a9a9;
  675. font-style: italic;
  676. }
  677.  
  678. #search_wrap {
  679. background: #fff;
  680. border: 1px solid #1a2735;
  681. padding: 3px;
  682. float: left;
  683. white-space: nowrap;
  684. }
  685.  
  686. #search .choice {
  687. background: url({style_images_url}/search_expand.png) no-repeat right;
  688. border-left: 1px solid #afafaf;
  689. padding: 0 9px 0 7px;
  690. color: #888888;
  691. min-width: 60px;
  692. height: 11px;
  693. display: inline-block;
  694. }
  695.  
  696. #search_options_menucontent {
  697. background: #fff;
  698. font-size: 13px;
  699. border: 1px solid #3c3c3c;
  700. margin-top: 4px;
  701. min-width: 150px;
  702. display: inline-block;
  703. z-index: 1000;
  704. }
  705.  
  706. #search_options_menucontent li {
  707. color: #3c3c3c !important;
  708. margin: 0 !important;
  709. padding: 9px 5px 9px 10px !important;
  710. }
  711.  
  712. #search_options_menucontent li.special {
  713. background: #e4ebf2;
  714. }
  715.  
  716. #search_options_menucontent li.special + li.app,
  717. #search_options_menucontent li.title + li.special {
  718. border-top: 1px solid #cbcbcb;
  719. }
  720.  
  721. #search_options_menucontent li input {
  722. margin-right: 5px;
  723. }
  724.  
  725. #adv_search {
  726. width: 25px;
  727. height: 20px;
  728. margin: 1px;
  729. background: url({style_images_url}/advanced_search.png) no-repeat 50%;
  730. text-indent: -3000em;
  731. float: left;
  732. display: inline-block;
  733. }
  734.  
  735. #adv_search:hover {
  736. background-color: #2b4f74;
  737. }
  738.  
  739. #secondary_nav {
  740. color: #878787;
  741. font-size: 0.9em;
  742. padding: 12px 15px 12px 25px;
  743. clear: both;
  744. }
  745.  
  746. #secondary_nav li {
  747. padding-right: 7px;
  748. float: left;
  749. }
  750.  
  751. #secondary_nav #section_links li {
  752. padding: 0 5px;
  753. }
  754.  
  755. #secondary_nav a {
  756. color: #393939;
  757. text-decoration: none;
  758. }
  759.  
  760. #rss_menu {
  761. background-color: #ffdfbe;
  762. border: 1px solid #ff7600;
  763. padding: 1px;
  764. width: 200px;
  765. display: block;
  766. z-index: 500;
  767. }
  768.  
  769. #secondary_nav #section_links #rss_menu li {
  770. padding: 0;
  771. display: block;
  772. float: none;
  773. }
  774.  
  775. #rss_menu a {
  776. display: block;
  777. padding: 3px;
  778. color: #ff7600;
  779. }
  780.  
  781. #rss_menu a:hover {
  782. background-color: #ff7600;
  783. color: #fff;
  784. }
  785.  
  786. #pm_notification {
  787. background: url({style_images_url}/trans_bg.png);
  788. color: #515151;
  789. padding: 0;
  790. margin: 15px 20% 0;
  791. width: 60%;
  792. position: fixed;
  793. z-index: 2000;
  794. }
  795.  
  796. #pm_notification #pm_wrap {
  797. background: #f3f3f3;
  798. padding: 0px 0 0px 0;
  799. margin: 10px;
  800. }
  801.  
  802. #pm_notification h2 {
  803. font-size: 1.1em;
  804. font-weight: bold;
  805. clear: none;
  806. padding-left: 18px;
  807. margin: -8px 0 0 10px;
  808. color: #1c2837;
  809. }
  810.  
  811. #pm_notification.open h2 {
  812. background: url({style_images_url}/folder_open.png ) no-repeat 2px 2px;
  813. }
  814. #pm_notification.closed h2 {
  815. background: url({style_images_url}/folder_closed.png ) no-repeat 2px 2px;
  816. }
  817.  
  818. #pm_notification p.excerpt {
  819. margin: 15px 20px 0;
  820. line-height: 150%;
  821. overflow: auto;
  822. max-height: 400px;
  823. }
  824.  
  825. #pm_notification p.desc {
  826. margin: 0px 15px 0;
  827. float: right;
  828. }
  829.  
  830. body#ipboard_body #pm_notification p.submit {
  831. margin: 15px 0 0;
  832. padding-left: 15px;
  833. text-align: left;
  834. }
  835.  
  836. #pm_notification a.configure {
  837. font-size: 0.9em;
  838. float: right;
  839. margin-right: 15px;
  840. }
  841.  
  842. #pm_notification .ok_thanks {
  843. text-align: center;
  844. padding: 6px;
  845. clear: both;
  846. }
  847.  
  848. #pm_notification h3 {
  849. background-color: #dae4ed;
  850. font-size: 1.2em;
  851. padding: 6px;
  852. margin-bottom: 2px;
  853. }
  854.  
  855. #pm_notification h3 a {
  856. text-decoration: underline;
  857. }
  858.  
  859. #pm_notification h3 img {
  860. margin-right: 6px;
  861. }
  862.  
  863.  
  864.  
  865. /************************************************************************/
  866. /* FOOTER */
  867. #board_footer {
  868. color: #606060;
  869. font-size: 0.85em;
  870. border-top: 1px solid #dedede;
  871. padding: 8px 8px 15px 8px;
  872. margin: 10px 15px 20px;
  873. top: 20px;
  874. clear: both;
  875. }
  876.  
  877. #board_footer ul#utility_links li {
  878. float: left;
  879. padding-right: 8px;
  880. }
  881.  
  882. #board_footer p {
  883. text-align: right;
  884. }
  885.  
  886. #board_footer a {
  887. color: #606060;
  888. }
  889.  
  890. #footer_utilities {
  891. background: #192b40 url({style_images_url}/gradient_bg.png) repeat-x 50%;
  892. color: #fff;
  893. font-size: 0.8em;
  894. padding: 4px 15px;
  895. margin: 25px 15px 0 15px;
  896. }
  897.  
  898. #footer_utilities form {
  899. margin: 7px 5px 0 5px;
  900. }
  901.  
  902. #footer_utilities ul {
  903. padding: 2px 0;
  904. margin: 8px 0 0 0;
  905. }
  906. #footer_utilities ul li:first-child {
  907. color: #d5dde5;
  908. }
  909.  
  910. #footer_utilities li {
  911. float: right;
  912. padding: 0 8px 4px 8px;
  913. }
  914.  
  915. /************************************************************************/
  916. /* GENERAL CONTENT */
  917. #content {
  918. padding: 20px 15px 0px 15px;
  919. clear: both;
  920. }
  921.  
  922. #ajax_loading {
  923. background-color: #6f8f52;
  924. color: #fff;
  925. text-align: center;
  926. padding: 5px;
  927. width: 8%;
  928. top: 0px;
  929. left: 46%;
  930. border-radius: 0 0 5px 5px;
  931. -moz-border-radius: 0 0 5px 5px;
  932. -webkit-border-bottom-left-radius: 5px;
  933. -webkit-border-bottom-right-radius: 5px;
  934. z-index: 10000;
  935. position: fixed;
  936. }
  937.  
  938. #ipboard_body.redirector {
  939. width: 500px;
  940. margin: 150px auto 0 auto;
  941. }
  942.  
  943. .topic_options, .generic_bar, .tab_filters {
  944. color: #1d3652;
  945. font-size: 0.85em;
  946. font-weight: bold;
  947. height: 33px;
  948. }
  949. .generic_bar, .tab_filters {
  950. background: #b6c7db;
  951. }
  952.  
  953. .generic_bar {
  954. display: none;
  955. }
  956.  
  957. .tab_filters {
  958. background: #1d3652 url({style_images_url}/th_bg.png) repeat-x top;
  959. color: #fff;
  960. }
  961.  
  962. .topic_options {
  963. background: #d5dee5;
  964. }
  965.  
  966. .topic_options li {
  967. padding: 10px;
  968. float: right;
  969. }
  970.  
  971. .topic_options a {
  972. text-decoration: none;
  973. }
  974.  
  975. .general_box h3 {
  976. font-size: 1em;
  977. border: 0;
  978. padding: 5px;
  979. margin: -10px -10px 5px -10px;
  980. }
  981.  
  982. #index_stats .general_box {
  983. margin-bottom: 10px;
  984. overflow: hidden;
  985. padding: 0px;
  986. }
  987.  
  988. #index_stats .general_box h3 {
  989. margin:0px;
  990. padding: 5px;
  991. }
  992.  
  993. #index_stats.portal .general_box div.inner_portal_box {
  994. padding: 5px;
  995. }
  996.  
  997. .general_box.alt {
  998. padding: 0px;
  999. }
  1000.  
  1001. .general_box.alt h3 {
  1002. margin: 0 0 5px 0;
  1003. }
  1004.  
  1005. .general_box a {
  1006. text-decoration: none;
  1007. }
  1008.  
  1009. .general_box .block_list {
  1010. font-size: 0.9em;
  1011. padding-top: 5px;
  1012. margin: 0;
  1013. }
  1014. .general_box .block_list li {
  1015. padding: 6px;
  1016. margin: 0;/* -8px;*/
  1017. }
  1018.  
  1019. .progress_bar {
  1020. background-color: #fff;
  1021. border: 1px solid #d5dde5;
  1022. }
  1023.  
  1024. .progress_bar span {
  1025. background: #243f5c url({style_images_url}/gradient_bg.png) repeat-x left 50%;
  1026. color: #fff;
  1027. font-size: 0em;
  1028. font-weight: bold;
  1029. text-align: center;
  1030. text-indent: -2000em; /* Safari fix */
  1031. height: 10px;
  1032. display: block;
  1033. overflow: hidden;
  1034. }
  1035.  
  1036. .progress_bar.limit span {
  1037. background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;
  1038. }
  1039.  
  1040. .progress_bar span span {
  1041. display: none;
  1042. }
  1043.  
  1044. .progress_bar.user_warn {
  1045. margin: 0 auto;
  1046. width: 80%;
  1047. }
  1048.  
  1049. .progress_bar.user_warn span {
  1050. height: 6px;
  1051. }
  1052.  
  1053. .progress_bar.topic_poll {
  1054. border: 1px solid #d5dde5;
  1055. margin-top: 2px;
  1056. width: 40%;
  1057. }
  1058.  
  1059. img.resized {
  1060. display: block;
  1061. }
  1062.  
  1063. .resized_img img {
  1064. border-style: solid;
  1065. border-color: #777;
  1066. border-width: 3px 3px 6px 3px;
  1067. margin-bottom: 5px;
  1068. }
  1069.  
  1070. .resized_img span {
  1071. background: #777;
  1072. color: #fff;
  1073. padding: 4px 8px;
  1074. font-size: 11px;
  1075. }
  1076.  
  1077. .resized_img {
  1078. clear: right;
  1079. }
  1080.  
  1081. li.rating a {
  1082. outline: 0;
  1083. }
  1084.  
  1085. .antispam_img {
  1086. margin-left: 215px;
  1087. margin-bottom: 3px;
  1088. }
  1089.  
  1090. .tagList {
  1091. list-style-type: none;
  1092. margin: 0;
  1093. padding: 0;
  1094. }
  1095. .tagList li { display: inline; }
  1096. li.level1 { font-size: 12px; }
  1097. li.level2 { font-size: 14px; }
  1098. li.level3 { font-size: 16px; }
  1099. li.level4 { font-size: 18px; }
  1100. li.level5 { font-size: 20px; }
  1101. li.level6 { font-size: 22px; }
  1102.  
  1103. span.error {
  1104. color: #ad2930;
  1105. font-weight: bold;
  1106. clear: both;
  1107. }
  1108.  
  1109. .maintitle .desc {
  1110. font-size: 0.7em;
  1111. color: #b6c7db;
  1112. }
  1113.  
  1114. /************************************************************************/
  1115. /* GENERIC REPEATED STYLES */
  1116. /* Inline lists */
  1117. #admin_bar ul, #admin_bar li, #stat_links li,
  1118. .tab_filters ul, .tab_filters li,
  1119. fieldset.with_subhead span.desc, fieldset.with_subhead label,
  1120. .user_controls li {
  1121. display: inline;
  1122. }
  1123.  
  1124. /* Floats */
  1125. .right { float: right; }
  1126. .left { float: left; }
  1127.  
  1128. /* Visibility */
  1129. .hide { display: none; }
  1130.  
  1131. /* Bullets */
  1132. .bullets ul, .bullets ol,
  1133. ul.bullets, ol.bullets {
  1134. list-style: disc;
  1135. margin-left: 30px;
  1136. line-height: 150%;
  1137. list-style-image: none;
  1138. }
  1139.  
  1140. /* Rounded corners */
  1141. #user_navigation #new_msg_count, .message, .popupWrapper, .poll_question h4, .reputation,
  1142. .rounded {
  1143. border-radius: 6px;
  1144. -moz-border-radius: 6px;
  1145. -webkit-border-radius: 6px;
  1146. }
  1147.  
  1148. /* Center */
  1149. .short {
  1150. text-align: center;
  1151. }
  1152.  
  1153. /* Description */
  1154. .desc, p.posted_info, .warn_panel strong {
  1155. font-size: 0.8em;
  1156. color: #606060;
  1157. }
  1158.  
  1159. /* Cancel */
  1160. .cancel {
  1161. color: #ad2930;
  1162. font-size: 0.9em;
  1163. font-weight: bold;
  1164. }
  1165.  
  1166. /* Maintitle */
  1167. body .maintitle {
  1168. font-size: 17px;
  1169. font-weight: normal;
  1170. padding: 8px !important;
  1171. margin: 0 !important;
  1172. overflow: hidden;
  1173. }
  1174.  
  1175. /* Photo */
  1176. .photo {
  1177. border: 1px solid #d8d8d8;
  1178. }
  1179.  
  1180. /* Moderation */
  1181. em.moderated {
  1182. background: transparent;
  1183. font-size: 0.8em;
  1184. font-weight: bold;
  1185. margin-top: 8px;
  1186. display: block;
  1187. clear: both;
  1188. }
  1189.  
  1190. /* Positive/Negative */
  1191. .positive {
  1192. color: #6f8f52;
  1193. }
  1194. .negative {
  1195. color: #c7172b;
  1196. }
  1197.  
  1198. /* Clickable */
  1199. .clickable {
  1200. cursor: pointer;
  1201. }
  1202.  
  1203. /* Clear */
  1204. .clear {
  1205. clear: both;
  1206. }
  1207.  
  1208. .clearfix, .stats_list {
  1209. overflow: auto;
  1210. }
  1211.  
  1212. /* Block wrap */
  1213. .block_wrap {
  1214. padding: 5px 0;
  1215. margin-bottom: 10px;
  1216. }
  1217.  
  1218.  
  1219.  
  1220. /* White links */
  1221. #admin_bar a, #stat_links a,
  1222. #primary_nav ul li.active, #primary_nav ul li a:hover, #primary_nav ul li.active a,
  1223. #user_navigation.not_logged_in, #user_navigation.not_logged_in a,
  1224. #user_navigation #user_link, #user_navigation #new_msg_count,
  1225. #user_navigation ul, #user_navigation ul#user_link_menucontent,
  1226. #search .submit_input, .message.user_status #update_status,
  1227. table.ipb_table th a, .topic_buttons li a, .topic_buttons li span,
  1228. .message.user_status #update_status, .tab_bar li.active, .tab_bar li.active a,
  1229. .members li.positive a, .members li.negative a, #footer_utilities a, a.input_submit:hover {
  1230. color: #000;
  1231. text-decoration: none;
  1232. }
  1233.  
  1234. /* Search highlighting */
  1235. .searchlite
  1236. {
  1237. background-color: yellow;
  1238. color: red;
  1239. font-size:14px;
  1240. }
  1241.  
  1242. /* Users posting */
  1243. .activeuserposting {
  1244. font-style: italic;
  1245. }
  1246.  
  1247. /************************************************************************/
  1248. /* COLUMN WIDTHS FOR TABLES */
  1249. .col_f_icon, .col_f_picon,
  1250. .col_m_status, .col_r_icon {
  1251. width: 3%;
  1252. }
  1253.  
  1254. .col_c_icon
  1255. {
  1256. width:53px;
  1257. }
  1258.  
  1259. .col_m_replies
  1260. {
  1261. width: 5%;
  1262. }
  1263. .col_m_to, .col_m_from {
  1264. width:15%;
  1265. }
  1266. .col_f_topic, .col_m_subject {
  1267. width: 49%;
  1268. }
  1269. .col_f_views, .col_f_starter,
  1270. .col_r_total, .col_r_comments {
  1271. width: 10%;
  1272. }
  1273. .col_f_post, .col_m_date,
  1274. .col_r_updated, .col_r_section {
  1275. width: 18%;
  1276. }
  1277. .col_c_stats {
  1278. width: 15%;
  1279. }
  1280. .col_c_post {
  1281. width: 30%;
  1282. }
  1283. .col_c_forum {
  1284. width: 55%;
  1285. }
  1286. .col_mod, .col_f_mod, .col_r_mod {
  1287. width: 3%;
  1288. }
  1289. .col_r_title {
  1290. width: 26%;
  1291. }
  1292.  
  1293. /************************************************************************/
  1294. /* TABLE STYLES */
  1295.  
  1296. table.ipb_table {
  1297. line-height: 120%;
  1298. /*table-layout: fixed;*/
  1299. }
  1300.  
  1301. table.ipb_table a {
  1302. text-decoration: none;
  1303. }
  1304.  
  1305. table.ipb_table a:hover,
  1306. body table.ipb_table th a {
  1307. text-decoration: underline;
  1308. }
  1309.  
  1310. table.ipb_table caption span.desc {
  1311. font-size: 0.6em;
  1312. }
  1313.  
  1314. table.ipb_table h4,
  1315. table.ipb_table .topic_title {
  1316. font-size: 1.1em;
  1317. font-weight: normal;
  1318. display: inline;
  1319. }
  1320.  
  1321. table.ipb_table tr td {
  1322. /*border-bottom: 1px solid #d8e1ea;*/
  1323. padding: 10px 8px 8px 8px;
  1324. border-bottom: 1px solid #fff;
  1325. /*border-bottom: 2px solid #fff;*/
  1326. }
  1327.  
  1328. table.ipb_table tr .stats {
  1329. text-align: right;
  1330. white-space: nowrap;
  1331. }
  1332.  
  1333. body table.ipb_table tr td p {
  1334. font-size: 0.9em;
  1335. }
  1336.  
  1337. table.ipb_table th,
  1338. div#current_calendar ol#week_view li.month_bar {
  1339. font-size: 0.85em;
  1340. font-weight: bold;
  1341. padding: 6px;
  1342. }
  1343.  
  1344. table.ipb_table ol.subforums {
  1345. padding-top: 6px;
  1346. margin-top: 5px;
  1347. }
  1348.  
  1349. table.ipb_table ol.subforums li {
  1350. background: transparent url({style_images_url}/bullet_black.png) no-repeat 3px 4px;
  1351. color: #1d3652;
  1352. font-size: 0.85em;
  1353. padding: 0 4px 0 15px;
  1354. float: left;
  1355. }
  1356.  
  1357. table.ipb_table ol.subforums li.newposts {
  1358. background: transparent url({style_images_url}/bullet_green.png) no-repeat 0px 0px;
  1359. color: #1d3652;
  1360. font-size: 0.85em;
  1361. padding: 0 4px 0 16px;
  1362. float: left;
  1363. }
  1364.  
  1365. table.ipb_table tr.announcement td {
  1366. font-weight: bold;
  1367. font-size: 1.1em;
  1368. }
  1369.  
  1370. table.ipb_table tr.subhead th {
  1371. font-weight: bold;
  1372. font-size: 1.1em;
  1373. padding: 8px;
  1374. }
  1375.  
  1376. table.ipb_table ul li {
  1377. font-size: 0.95em;
  1378. }
  1379.  
  1380. /************************************************************************/
  1381. /* FORM STYLES */
  1382.  
  1383. body#ipboard_body fieldset.submit,
  1384. body#ipboard_body p.submit {
  1385. padding: 15px 6px 15px 6px;
  1386. text-align: center;
  1387. }
  1388.  
  1389. body#ipboard_body fieldset.submit .left-align {
  1390. text-align: left;
  1391. }
  1392.  
  1393. .input_text {
  1394. background: #fff url({style_images_url}/input_text.png) repeat-x;
  1395. font-size: 0.9em;
  1396. font-family: arial, verdana, tahoma, sans-serif;
  1397. border: 1px solid #9f9f9f;
  1398. padding: 2px;
  1399. }
  1400.  
  1401. .input_text.error {
  1402. background-color: #f3dddd;
  1403. }
  1404. .input_text.accept {
  1405. background-color: #f1f6ec;
  1406. }
  1407.  
  1408. .input_text.email,
  1409. .input_text.password {
  1410. width: 18em;
  1411. }
  1412.  
  1413. .input_submit {
  1414. font-weight: bold;
  1415. font-size: 0.85em;
  1416. text-decoration: none;
  1417. border-width: 1px;
  1418. border-style: solid;
  1419. padding: 3px 7px;
  1420. cursor: pointer;
  1421. }
  1422.  
  1423. .input_submit.alt {
  1424. text-decoration: none;
  1425. }
  1426.  
  1427. p.field {
  1428. padding: 15px;
  1429. }
  1430.  
  1431. li.field {
  1432. padding: 5px;
  1433. margin-left: 27px;
  1434. }
  1435.  
  1436. li.field label,
  1437. li.field span.desc {
  1438. display: block;
  1439. }
  1440.  
  1441. li.field.error {
  1442. color: #ad2930;
  1443. }
  1444.  
  1445. li.field.error label {
  1446. font-weight: bold;
  1447. }
  1448.  
  1449. li.field.checkbox, li.field.cbox {
  1450. margin-left: 0;
  1451. }
  1452.  
  1453. li.field.checkbox .input_check,
  1454. li.field.checkbox .input_radio,
  1455. li.field.cbox .input_check,
  1456. li.field.cbox .input_radio {
  1457. margin-right: 10px;
  1458. vertical-align: middle;
  1459. }
  1460.  
  1461. li.field.checkbox label,
  1462. li.field.cbox label {
  1463. width: auto;
  1464. float: none;
  1465. display: inline;
  1466. }
  1467.  
  1468. li.field.checkbox p,
  1469. li.field.cbox p {
  1470. position: relative;
  1471. left: 245px;
  1472. display: block;
  1473. }
  1474.  
  1475. li.field.checkbox span.desc,
  1476. li.field.cbox span.desc {
  1477. padding-left: 27px;
  1478. margin-left: auto;
  1479. display: block;
  1480. }
  1481.  
  1482. /************************************************************************/
  1483. /* MESSAGE STYLES */
  1484.  
  1485. .message {
  1486. background: #f1f6ec url({style_images_url}/information.png) no-repeat 8px 10px;
  1487. padding: 10px 10px 10px 30px;
  1488. border: 1px solid #b0ce94;
  1489. color: #3e4934;
  1490. line-height: 150%;
  1491. }
  1492.  
  1493. .message h3 {
  1494. padding: 0;
  1495. color: #323232;
  1496. }
  1497.  
  1498. .message.error {
  1499. background-color: #f3dddd;
  1500. background-image: url({style_images_url}/exclamation.png);
  1501. border-color: #deb7b7;
  1502. color: #281b1b;
  1503. font-size: 1.1em;
  1504. }
  1505.  
  1506. .message.error.usercp {
  1507. background-image: none;
  1508. padding: 4px;
  1509. float: right;
  1510. }
  1511.  
  1512. .message.unspecific {
  1513. background-color: #f3f3f3;
  1514. border-color: #d4d4d4;
  1515. color: #515151;
  1516. margin: 0 0 10px 0;
  1517. clear: both;
  1518. }
  1519.  
  1520. .message.user_status {
  1521. background: #f9f7e0;
  1522. color: #6c6141;
  1523. font-size: 1em;
  1524. border: 1px solid #eadca0;
  1525. padding: 5px 5px 5px 15px;
  1526. margin-bottom: 10px;
  1527. }
  1528.  
  1529. .message.user_status.in_profile {
  1530. font-size: 1.2em;
  1531. position: relative;
  1532. padding-left: 15px;
  1533. overflow: auto;
  1534. }
  1535.  
  1536. .message.user_status #update_status {
  1537. background: #243f5c;
  1538. font-size: 0.8em;
  1539. font-weight: bold;
  1540. padding: 3px 8px;
  1541. margin-left: 10px;
  1542. }
  1543.  
  1544. .message.user_status .cancel {
  1545. font-size: 0.75em;
  1546. }
  1547.  
  1548. /************************************************************************/
  1549. /* MENU & POPUP STYLES */
  1550.  
  1551. .ipbmenu_content, .ipb_autocomplete {
  1552. font-size: 0.9em;
  1553. min-width: 85px;
  1554. padding: 5px;
  1555. z-index: 2000;
  1556. }
  1557.  
  1558. .ipbmenu_content li, .ipb_autocomplete li {
  1559. padding: 5px;
  1560. }
  1561.  
  1562. .ipbmenu_content li:last-child {
  1563. border-bottom: 0;
  1564. padding-bottom: 0px;
  1565. }
  1566.  
  1567. .ipbmenu_content li:first-child {
  1568. padding-top: 0px;
  1569. }
  1570.  
  1571. .ipbmenu_content a {
  1572. text-decoration: none;
  1573. }
  1574.  
  1575. .popupWrapper {
  1576. background-color: rgba(0,0,0,0.58);/*url({style_images_url}/trans_bg.png);*/
  1577. color: #fff;
  1578. -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  1579. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
  1580. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 );
  1581. border-radius: 6px;
  1582. -moz-border-radius: 6px;
  1583. -webkit-border-radius: 6px;
  1584. }
  1585.  
  1586. .popupInner {
  1587. background: #f1f4f7;
  1588. color: #000;
  1589. border: 3px solid #d5dde5;
  1590. border-radius: 4px;
  1591. -moz-border-radius: 4px;
  1592. -webkit-border-radius: 4px;
  1593. margin: 8px;
  1594. width: 500px;
  1595. overflow: auto;
  1596. }
  1597.  
  1598. .popupInner.black_mode {
  1599. background: #000;
  1600. border: 3px solid #b3bbc3;
  1601. color: #eee;
  1602. border: 3px solid #555;
  1603. }
  1604.  
  1605. .popupInner.warning_mode {
  1606. border: 3px solid #7D1B1B;
  1607. }
  1608.  
  1609. .popupInner h3 {
  1610. background-color: #dae4ed;
  1611. font-size: 1em;
  1612. border: 0;
  1613. padding-left: 24px;
  1614. }
  1615.  
  1616. .popupInner.black_mode h3 {
  1617. background-color: #545C66;
  1618. color: #ddd;
  1619. }
  1620.  
  1621. .popupInner.warning_mode h3 {
  1622. background-color: #7D1B1B;
  1623. padding-top: 6px;
  1624. padding-bottom: 6px;
  1625. color: #fff;
  1626. }
  1627.  
  1628. .popupInner.warning_mode input.input_submit {
  1629. background-color: #7D1B1B;
  1630. }
  1631.  
  1632. .popupClose {
  1633. position: absolute;
  1634. left: 12px;
  1635. top: 12px;
  1636. }
  1637.  
  1638. .popupClose.light_close_button {
  1639. background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;
  1640. opacity: 0.8;
  1641. width: 13px;
  1642. height: 13px;
  1643. top: 18px;
  1644. left: 16px;
  1645. }
  1646.  
  1647. .popupClose.light_close_button img {
  1648. display: none;
  1649. }
  1650.  
  1651. .popup_footer {
  1652. padding: 15px;
  1653. position: absolute;
  1654. bottom: 0px;
  1655. right: 0px;
  1656. }
  1657.  
  1658. .popup_body {
  1659. padding: 10px;
  1660. }
  1661.  
  1662. .stem {
  1663. width: 31px;
  1664. height: 16px;
  1665. position: absolute;
  1666. }
  1667.  
  1668. .stem.topleft {
  1669. background-image: url({style_images_url}/stems/topleft.png);
  1670. }
  1671. .stem.topright {
  1672. background-image: url({style_images_url}/stems/topright.png);
  1673. }
  1674. .stem.bottomleft {
  1675. background-image: url({style_images_url}/stems/bottomleft.png);
  1676. }
  1677. .stem.bottomright {
  1678. background-image: url({style_images_url}/stems/bottomright.png);
  1679. }
  1680.  
  1681. .modal {
  1682. background-color: #3e3e3e;
  1683. }
  1684.  
  1685. .userpopup {
  1686. padding-bottom: 25px;
  1687. overflow: hidden;
  1688. position: relative;
  1689. font-size: 0.9em;
  1690. }
  1691.  
  1692. .userpopup .info {
  1693. position: relative;
  1694. }
  1695.  
  1696. .userpopup h3 {
  1697. font-size: 1.2em;
  1698. }
  1699.  
  1700. .userpopup > div {
  1701. padding: 8px;
  1702. }
  1703.  
  1704. .userpopup dl {
  1705. border-bottom: 1px solid #d4d4d4;
  1706. padding-bottom: 10px;
  1707. margin-bottom: 4px;
  1708. }
  1709.  
  1710. .userpopup .photo {
  1711. top: 0px;
  1712. right: 0px;
  1713. position: absolute;
  1714. }
  1715.  
  1716. .userpopup .user_controls {
  1717. left: 10px;
  1718. position: absolute;
  1719. }
  1720.  
  1721. .userpopup .reputation {
  1722. right: 4px;
  1723. position: absolute;
  1724. }
  1725.  
  1726. .info dt {
  1727. float: left;
  1728. font-weight: bold;
  1729. padding: 3px 6px;
  1730. clear: both;
  1731. width: 30%;
  1732. }
  1733.  
  1734. .info dd {
  1735. padding: 3px 6px;
  1736. width: 60%;
  1737. margin-left: 35%;
  1738. }
  1739.  
  1740. /************************************************************************/
  1741. /* TOPIC/POST BUTTONS STYLES */
  1742.  
  1743. .topic_controls {
  1744. min-height: 30px;
  1745. }
  1746.  
  1747. .topic_buttons li {
  1748. background: transparent url({style_images_url}/topic_button_left.png) no-repeat top left;
  1749. padding: 0;
  1750. margin: 0px 10px 10px 0px;
  1751. float: right;
  1752. }
  1753.  
  1754. .topic_buttons li a,
  1755. .topic_buttons li span {
  1756. font-size: 0.9em;
  1757. display: block;
  1758. margin: auto 0px auto 6px;
  1759. outline: 0;
  1760. }
  1761.  
  1762. .topic_buttons li span {
  1763. padding: 8px 12px 7px 3px;
  1764. }
  1765.  
  1766. .topic_buttons li a {
  1767. background: transparent url({style_images_url}/topic_button_right.png) no-repeat top right;
  1768. padding: 7px 12px 6px 3px;
  1769. }
  1770.  
  1771. .topic_buttons li a img,
  1772. .topic_buttons li span img {
  1773. margin: -1px 5px 1px 0;
  1774. }
  1775.  
  1776. .topic_buttons li a img.arrow { margin-right: -3px; }
  1777.  
  1778. .topic_buttons li:hover {
  1779. background: transparent url({style_images_url}/topic_button_left_hover.png) no-repeat top left;
  1780. }
  1781. .topic_buttons li:hover a {
  1782. background: transparent url({style_images_url}/topic_button_right_hover.png) no-repeat top right;
  1783. }
  1784. .topic_buttons li.disabled {
  1785. background: transparent url({style_images_url}/topic_button_left_disabled.png) no-repeat top left;
  1786. }
  1787. .topic_buttons li.disabled a {
  1788. background: transparent url({style_images_url}/topic_button_right_disabled.png) no-repeat top right;
  1789. color: #555555;
  1790. }
  1791. .topic_buttons li.disabled span {
  1792. background: transparent url({style_images_url}/topic_button_right_disabled.png) no-repeat top right;
  1793. color: #8f8e8e;
  1794. }
  1795. .topic_buttons li.closed {
  1796. background: transparent url({style_images_url}/topic_button_left_closed.png) no-repeat top left;
  1797. }
  1798. .topic_buttons li.closed span,
  1799. .topic_buttons li.closed a {
  1800. background: transparent url({style_images_url}/topic_button_right_closed.png) no-repeat top right;
  1801. }
  1802.  
  1803. ul.post_controls {
  1804. background-image: url({style_images_url}/gradient_bg.png);
  1805. background-repeat: repeat-x;
  1806. background-position: 50%;
  1807. font-size: 0.8em;
  1808. text-align: right;
  1809. padding: 6px 10px 28px 6px;
  1810. clear: both;
  1811. }
  1812.  
  1813. ul.post_controls li {
  1814. background: transparent url({style_images_url}/post_button_left.png) no-repeat top left;
  1815. padding: 0;
  1816. margin: 0 4px;
  1817. float: right;
  1818. }
  1819.  
  1820. ul.post_controls li.report,
  1821. ul.post_controls li.top,
  1822. ul.post_controls.left li {
  1823. float: left;
  1824. }
  1825.  
  1826. ul.post_controls a {
  1827. background: transparent url({style_images_url}/post_button_right.png) no-repeat top right;
  1828. color: #1d3652;
  1829. text-decoration: none;
  1830. padding: 6px 9px 3px 4px;
  1831. margin-left: 4px;
  1832. display: block;
  1833. }
  1834.  
  1835. ul.post_controls a img {
  1836. margin-top: -2px;
  1837. }
  1838.  
  1839. ul.post_controls a:hover {
  1840. color: #3d70a3;
  1841. }
  1842.  
  1843. /* Selected button */
  1844. ul.post_controls li.selected {
  1845. background: transparent url({style_images_url}/post_button_left_selected.png) no-repeat top left;
  1846. }
  1847.  
  1848. ul.post_controls li.selected a {
  1849. background: transparent url({style_images_url}/post_button_right_selected.png) no-repeat top right;
  1850. color: #fff;
  1851. }
  1852.  
  1853. body .topic_buttons li a:hover,
  1854. body ul.post_controls a:hover {
  1855. text-decoration: none;
  1856. }
  1857.  
  1858. /************************************************************************/
  1859. /* PAGINATION STYLES */
  1860.  
  1861. span.pagination.no_pages {
  1862. color: #acacac;
  1863. font-size: 0.9em;
  1864. padding: 10px;
  1865. height: 15px;
  1866. display: block;
  1867. }
  1868.  
  1869. ul.pagination.top {
  1870. padding: 0 0 5px 0;
  1871. margin-bottom: 15px;
  1872. height: 18px;
  1873. }
  1874.  
  1875. ul.pagination.bottom {
  1876. padding: 5px 0 0 0;
  1877. margin-top: 15px;
  1878. height: 18px;
  1879. }
  1880.  
  1881. ul.pagination a,
  1882. ul.pagination li.active,
  1883. ul.pagination li.pagejump,
  1884. ul.pagination li.total {
  1885. text-decoration: none;
  1886. padding: 1px 4px;
  1887. display: block;
  1888. }
  1889.  
  1890. ul.pagination li.pagejump img {
  1891. margin-top: -4px;
  1892. }
  1893.  
  1894. ul.pagination li {
  1895. background: #fff;
  1896. font-size: 0.9em;
  1897. border: 1px solid #cfcfcf;
  1898. margin: 0 1px 0 1px;
  1899. float: left;
  1900. }
  1901.  
  1902. ul.pagination li.total,
  1903. ul.pagination li.active {
  1904. background: none;
  1905. border: 0;
  1906. margin-left: 0px;
  1907. }
  1908.  
  1909. ul.pagination li.active {
  1910. color: #528f6c;
  1911. font-size: 1em;
  1912. font-weight: bold;
  1913. }
  1914.  
  1915. ul.mini_pagination {
  1916. font-size: 0.75em;
  1917. display: inline;
  1918. margin-left: 7px;
  1919. }
  1920.  
  1921. ul.mini_pagination li a {
  1922. border: 1px solid #d3d3d3;
  1923. padding: 1px 3px;
  1924. }
  1925.  
  1926. ul.mini_pagination li {
  1927. display: inline;
  1928. margin: 0px 2px;
  1929. }
  1930.  
  1931. /************************************************************************/
  1932. /* MODERATION & FILTER STYLES */
  1933.  
  1934. .moderation_bar {
  1935. text-align: right;
  1936. padding: 6px 35px 6px 10px;
  1937. margin: 10px 0 0 0;
  1938. }
  1939.  
  1940. .moderation_bar.with_action {
  1941. background-image: url({style_images_url}/topic_mod_arrow.png);
  1942. background-repeat: no-repeat;
  1943. background-position: right center;
  1944. }
  1945.  
  1946. #topic_mod_2 {
  1947. border-top-left-radius: 0px;
  1948. border-top-right-radius: 0px;
  1949. -moz-border-radius-topleft: 0px;
  1950. -moz-border-radius-topright: 0px;
  1951. -webkit-border-top-left-radius: 0px;
  1952. -webkit-border-top-right-radius: 0px;
  1953. padding-top: 10px;
  1954. margin-top: -10px;
  1955. }
  1956.  
  1957. #topic_mod p {
  1958. padding: 7px;
  1959. font-size: 0.9em;
  1960. }
  1961.  
  1962. #topic_mod #forum_mod_options_menucontent {
  1963. text-align: left;
  1964. }
  1965.  
  1966. .filter_bar {
  1967. font-size: 0.8em;
  1968. text-align: center;
  1969. margin: 6px 0 0 0;
  1970. padding: 6px;
  1971. }
  1972.  
  1973. .filter_bar select {
  1974. margin-right: 10px;
  1975. }
  1976.  
  1977. .filter_bar span.clickable {
  1978. display: block;
  1979. }
  1980.  
  1981. /************************************************************************/
  1982. /* TAB BAR STYLES */
  1983.  
  1984. .tab_bar {
  1985. font-size: 0.9em;
  1986. border-radius: 6px 6px 0 0;
  1987. -moz-border-radius: 6px 6px 0 0;
  1988. -webkit-border-top-left-radius: 6px;
  1989. -webkit-border-top-right-radius: 6px;
  1990. padding: 7px 15px 25px 15px;
  1991. }
  1992.  
  1993. .tab_bar.no_title {
  1994. background-image: url({style_images_url}/th_bg.png);
  1995. background-repeat: repeat-x;
  1996. background-position: bottom;
  1997. padding: 7px 15px 56px 15px;
  1998. }
  1999.  
  2000. .tab_bar.no_title.mini {
  2001. background: transparent;
  2002. padding: 7px 15px 25px 15px;
  2003. }
  2004.  
  2005. .tab_bar li {
  2006. float: left;
  2007. padding: 2px 10px;
  2008. }
  2009.  
  2010. .tab_bar li a {
  2011. color: #4a6784;
  2012. text-decoration: none;
  2013. }
  2014.  
  2015. .tab_bar li.active {
  2016. font-weight: bold;
  2017. font-size: 1.1em;
  2018. border-radius: 4px 4px 0 0;
  2019. -moz-border-radius: 4px 4px 0 0;
  2020. -webkit-border-top-left-radius: 4px;
  2021. -webkit-border-top-right-radius: 4px;
  2022. padding: 7px 10px;
  2023. margin: -2px 10px 0 10px;
  2024. }
  2025.  
  2026. .tab_filters {
  2027. padding: 0 10px;
  2028. }
  2029.  
  2030. .tab_filters ul {
  2031. padding-top: 10px;
  2032. }
  2033.  
  2034. .tab_filters a {
  2035. color: #cfd9e4;
  2036. text-decoration: none;
  2037. font-weight: normal;
  2038. }
  2039.  
  2040. .tab_filters li {
  2041. color: #cfd9e4;
  2042. padding: 0 4px;
  2043. }
  2044.  
  2045. .tab_filters li.active,
  2046. .tab_filters li.active a {
  2047. font-weight: bold;
  2048. color: #fff;
  2049. }
  2050.  
  2051. /************************************************************************/
  2052. /* AUTHOR INFO (& RELATED) STYLES */
  2053.  
  2054. .author_info {
  2055. text-align: left;
  2056. font-size: 0.9em;
  2057. border-right: 1px solid #e4ebf3;
  2058. margin: 15px -5px 10px 0px;
  2059. width: 225px;
  2060. float: left;
  2061. }
  2062.  
  2063. .author_info.no_rep {
  2064. margin-bottom: 15px;
  2065. }
  2066.  
  2067. .author_info li.avatar, .author_info li.group_icon, .author_info li.title {
  2068. text-align: center;
  2069. }
  2070.  
  2071. .author_info ul.user_fields li {
  2072. clear: both;
  2073. font-size: 0.9em;
  2074. color: #718a96;
  2075. padding-bottom: 2px;
  2076. overflow: hidden;
  2077. }
  2078.  
  2079. .author_info ul.user_fields {
  2080. clear: both;
  2081. }
  2082.  
  2083. .author_info ul.user_fields li span.ft,
  2084. .author_info ul.user_fields li span.fc {
  2085. display: block;
  2086. float: left;
  2087. }
  2088.  
  2089. .author_info ul.user_fields li span.ft {
  2090. width: 38%;
  2091. text-align: right;
  2092. font-weight: bold;
  2093. padding: 0 0 0 8px;
  2094. }
  2095.  
  2096. .author_info ul.user_fields li span.fc {
  2097. padding: 0 8px 0 8px;
  2098. max-width: 50%;
  2099. word-wrap: break-word;
  2100. }
  2101.  
  2102. /*.author_info dl {
  2103. font-size: 0.9em;
  2104. margin: 8px 8px 15px 8px;
  2105. }
  2106.  
  2107. .author_info dt,
  2108. .author_info dd {
  2109. display: inline-block;
  2110. color: #718a96;
  2111. vertical-align: top;
  2112. }
  2113.  
  2114. .author_info dt {
  2115. font-weight: bold;
  2116. text-align: right;
  2117. clear: both;
  2118. }
  2119.  
  2120. .author_info dd {
  2121. text-align: left;
  2122. background: red;
  2123. }*/
  2124.  
  2125. .author_info .title {
  2126. margin-top: 4px;
  2127. }
  2128.  
  2129. .user_controls {
  2130. text-align: center;
  2131. margin: 6px 0;
  2132. }
  2133.  
  2134. .user_controls li {
  2135. margin: 0 2px;
  2136. display: inline;
  2137. }
  2138.  
  2139. .user_controls li a {
  2140. display: inline-block;
  2141. background-color: #d5dee5;
  2142. border-radius: 4px;
  2143. -moz-border-radius: 4px;
  2144. -webkit-border-radius: 4px;
  2145. padding: 3px;
  2146. color: #1d3652;
  2147. }
  2148.  
  2149. .warn_panel {
  2150. text-align: left;
  2151. padding: 6px;
  2152. margin: 0 10px;
  2153. }
  2154. .warn_panel .warn_link {
  2155. padding-left: 10%;
  2156. text-decoration: none;
  2157. }
  2158.  
  2159. .warn_panel .warn_edit {
  2160. float: right;
  2161. }
  2162.  
  2163. .warn_panel .warn_edit.up {
  2164. margin-right: 10%;
  2165. }
  2166.  
  2167. .rating_mode.user_warn {
  2168. margin: 0 auto;
  2169. width: 80%;
  2170. font-size: 0.9em;
  2171. }
  2172.  
  2173. .rating_mode .warn_edit.down {
  2174. float: none;
  2175. margin-right: 3px;
  2176. }
  2177.  
  2178. .rating_mode .warn_edit.up {
  2179. float: none;
  2180. margin-left: 2px;
  2181. }
  2182.  
  2183.  
  2184. /************************************************************************/
  2185. /* BOARD INDEX STYLES */
  2186.  
  2187. a.toggle {
  2188. background: url({style_images_url}/cat_minimize.png) no-repeat;
  2189. text-indent: -3000em;
  2190. padding-bottom: 2px;
  2191. width: 25px;
  2192. height: 100%;
  2193. display: block;
  2194. outline: 0;
  2195. }
  2196.  
  2197. #latest_news {
  2198. color: #1d3652;
  2199. font-size: 0.9em;
  2200. border: 1px solid #d5dde5;
  2201. padding: 10px;
  2202. margin: 0 4px 6px;
  2203. }
  2204.  
  2205. #latest_news a {
  2206. text-decoration: none;
  2207. }
  2208.  
  2209. div#categories {
  2210. width: 76%;
  2211. overflow: hidden;
  2212. }
  2213.  
  2214. div#categories.no_sidebar {
  2215. width: 100%;
  2216. float: none;
  2217. }
  2218.  
  2219. #index_stats {
  2220. padding-bottom: 25px;
  2221. margin-bottom: 20px;
  2222. margin-top: 0px;
  2223. width: 22%;
  2224. }
  2225.  
  2226. .sidebar_toggle {
  2227. text-align: right;
  2228. padding: 4px 3px;
  2229. height: 18px;
  2230. width: 10px;
  2231. right: 4px;
  2232. position: absolute;
  2233. outline: 0;
  2234. }
  2235.  
  2236. #open_sidebar.sidebar_toggle {
  2237. right: 0;
  2238. border-top-right-radius: 0;
  2239. border-bottom-right-radius: 0;
  2240. -moz-border-radius-top-right: 0;
  2241. -moz-border-radius-bottom-right: 0;
  2242. -webkit-border-top-right-radius: 0;
  2243. -webkit-border-bottom-right-radius: 0;
  2244. }
  2245.  
  2246. #open_sidebar, #close_sidebar {
  2247. outline: none;
  2248. }
  2249.  
  2250. .category_block h3.collapsed {
  2251. border-bottom: 8px solid #b6c7db;
  2252. }
  2253.  
  2254. .category_block h3.collapsed a.toggle {
  2255. background-image: url({style_images_url}/cat_maximize.png);
  2256. /*padding-bottom: 6px;*/
  2257. }
  2258.  
  2259.  
  2260. .index_stats_collapse
  2261. {
  2262. text-indent: -3000em;
  2263. padding-bottom: 2px;
  2264. width: 15px;
  2265. height: 15px;
  2266. display: block;
  2267. float: right;
  2268. outline: 0;
  2269. }
  2270.  
  2271. .index_stats_collapse.open
  2272. {
  2273. background-image: url({style_images_url}/cat_minimize_small.png);
  2274. opacity:0.6;
  2275. }
  2276.  
  2277. .index_stats_collapse.close
  2278. {
  2279. background-image: url({style_images_url}/cat_maximize_small.png);
  2280. opacity:0.6;
  2281. }
  2282.  
  2283. .statistics {
  2284. padding: 15px;
  2285. margin: 10px 0px 0 0px;
  2286. min-height: 160px;
  2287. }
  2288.  
  2289. .statistics h2 {
  2290. font-size: 1.1em;
  2291. font-weight: bold;
  2292. }
  2293.  
  2294. .statistics h2 span {
  2295. font-size: 0.8em;
  2296. font-weight: normal;
  2297. color: #425365;
  2298. }
  2299.  
  2300. .statistics #active_users, .statistics #forum_active_users {
  2301. border-top: 0;
  2302. padding-top: 0;
  2303. }
  2304.  
  2305. body #topic_stats.statistics {
  2306. min-height: 50px;
  2307. }
  2308.  
  2309. body .stats_list {
  2310. border-top: 1px solid #e4ebf2;
  2311. margin-bottom: 10px;
  2312. padding: 10px 5px 0 0;
  2313. float: left;
  2314. width: 60%;
  2315. line-height: 140%;
  2316. overflow: hidden;
  2317. }
  2318.  
  2319. .stats_list li,
  2320. .active_users li {
  2321. float: left;
  2322. font-size: 0.9em;
  2323. padding: 0 5px 0 0;
  2324. margin-top: 4px;
  2325. }
  2326.  
  2327. .stats_list ul, .stats_list p {
  2328. margin-left: 15px;
  2329. }
  2330.  
  2331. .stats_list span.desc {
  2332. font-weight: normal;
  2333. }
  2334.  
  2335. .active_users span.name {
  2336. font-size: 0.9em;
  2337. padding: 0 5px 0 0;
  2338. margin-top: 4px;
  2339. }
  2340.  
  2341. .active_users p {
  2342. margin-left: 15px;
  2343. }
  2344.  
  2345. #stats {
  2346. border-left: 1px solid #e4ebf2;
  2347. padding-left: 20px;
  2348. width: 33%;
  2349. float: right;
  2350. }
  2351. #stats dl {
  2352. margin-left: 10px;
  2353. }
  2354.  
  2355. #stats dt,
  2356. #stats dd {
  2357. border-top: 1px solid #dedede;
  2358. font-size: 0.85em;
  2359. padding: 6px 2px;
  2360. float: left;
  2361. width: 45%;
  2362. }
  2363.  
  2364. #stats dt {
  2365. font-weight: bold;
  2366. clear: both;
  2367. }
  2368.  
  2369. #stats .extra {
  2370. color: #a2a2a2;
  2371. font-size: 0.9em;
  2372. }
  2373.  
  2374. #stat_links {
  2375. color: #69727b;
  2376. font-size: 0.85em;
  2377. text-align: center !important;
  2378. margin-top: 25px;
  2379. }
  2380.  
  2381. #stat_links li {
  2382. padding: 2px 6px;
  2383. }
  2384.  
  2385. .friend_list ul li,
  2386. #top_posters li {
  2387. text-align: center;
  2388. padding: 8px 0 0 0;
  2389. margin: 5px 0 0 0;
  2390. min-width: 80px;
  2391. height: 70px;
  2392. float: left;
  2393. }
  2394.  
  2395. .friend_list ul li span.name,
  2396. #top_posters li span.name {
  2397. font-size: 0.8em;
  2398. }
  2399.  
  2400. #hook_watched_items ul li {
  2401. padding: 8px;
  2402. }
  2403.  
  2404. body#ipboard_body #hook_watched_items fieldset.submit {
  2405. padding: 8px;
  2406. }
  2407.  
  2408. /************************************************************************/
  2409. /* FORUM VIEW (& RELATED) STYLES */
  2410.  
  2411. .topic_preview,
  2412. ul.topic_moderation {
  2413. margin-top: -2px;
  2414. z-index: 300;
  2415. }
  2416. ul.topic_moderation li {
  2417. float: left;
  2418. }
  2419.  
  2420. .topic_preview a,
  2421. ul.topic_moderation li a {
  2422. padding: 0 3px;
  2423. display: block;
  2424. float: left;
  2425. }
  2426.  
  2427. span.mini_rate {
  2428. margin-right: 12px;
  2429. display: inline-block;
  2430. }
  2431.  
  2432. img.mini_rate {
  2433. margin-right: -5px;
  2434. }
  2435.  
  2436. .topic_prefix {
  2437. font-size: 0.8em;
  2438. font-weight: bold;
  2439. border-radius: 3px;
  2440. -moz-border-radius: 3px;
  2441. -webkit-border-radius: 3px;
  2442. padding: 0px 4px;
  2443. float: left;
  2444. display: block;
  2445. }
  2446.  
  2447. #forum_legend {
  2448. width: 39%;
  2449. }
  2450.  
  2451. #forum_legend dl {
  2452. font-size: 0.9em;
  2453. margin-top: 15px;
  2454. }
  2455.  
  2456. #forum_legend dt,
  2457. #forum_legend dd {
  2458. font-size: 0.9em;
  2459. border-top: 1px solid #dedede;
  2460. padding: 6px 2px;
  2461. height: 20px;
  2462. float: left;
  2463. }
  2464.  
  2465. #forum_legend dt {
  2466. text-align: center;
  2467. width: 9%;
  2468. }
  2469.  
  2470. #forum_legend dd {
  2471. width: 38%;
  2472. max-width: 200px;
  2473. }
  2474.  
  2475. .message.forum_rules {
  2476. margin-bottom: 20px;
  2477. }
  2478.  
  2479. .rules {
  2480. line-height: 150%;
  2481. }
  2482.  
  2483. #forum_table .maintitle .main_forum_title {
  2484. float: left;
  2485. }
  2486.  
  2487. #forum_table .maintitle .desc {
  2488. float: right;
  2489. }
  2490.  
  2491. #forum_table .maintitle .desc a {
  2492. color: #d5dde5;
  2493. }
  2494.  
  2495. #filter_form input.input_submit {
  2496. margin-left: 4px;
  2497. }
  2498.  
  2499. .maintitle .desclinks {
  2500. color: #d5dde5;
  2501. font-size: 0.6em;
  2502. padding-top: 4px;
  2503. }
  2504.  
  2505. .maintitle .desclinks a {
  2506. text-decoration: none;
  2507. }
  2508.  
  2509. /************************************************************************/
  2510. /* TOPIC VIEW (& RELATED) STYLES */
  2511.  
  2512. ul.topic_jump {
  2513. font-size: 0.8em;
  2514. padding-top: 4px;
  2515. margin: 0px auto 15px auto;
  2516. }
  2517.  
  2518. ul.topic_jump li {
  2519. padding: 1px 7px;
  2520. float: left;
  2521. }
  2522. ul.topic_jump li a {
  2523. text-decoration: none;
  2524. }
  2525.  
  2526. ul.topic_jump li.previous {
  2527. border-right: 1px solid #8f8f8f;
  2528. }
  2529.  
  2530. ul.topic_jump li.next {
  2531. border-left: 1px solid #8f8f8f;
  2532. }
  2533.  
  2534. /*#ipboard_body .post_block h3,*/
  2535. .poll h3 {
  2536. background: #B5C0CF url({style_images_url}/gradient_bg.png) repeat-x 50%;
  2537. }
  2538.  
  2539. body .ip {
  2540. color: #475769;
  2541. font-style: italic;
  2542. font-weight: normal;
  2543. font-size: 11px;
  2544. padding-top: 4px;
  2545. margin-right: 10px;
  2546. margin-left: 15px;
  2547. }
  2548.  
  2549. span.post_id {
  2550. font-size: 11px;
  2551. font-weight: normal;
  2552. padding-top: 4px;
  2553. display: block;
  2554. float: right;
  2555. }
  2556.  
  2557. input.post_mod {
  2558. float: right;
  2559. margin: 0px 6px 0 15px;
  2560. }
  2561.  
  2562. .signature {
  2563. color: #8e8e8e;
  2564. font-size: 11px;
  2565. border-top: 1px solid #d5dde5;
  2566. padding: 8px;
  2567. margin: 10px 10px 0 6px;
  2568. }
  2569.  
  2570. .signature a {
  2571. text-decoration: underline;
  2572. }
  2573.  
  2574. .post_block {
  2575. margin: 0 0 1px 0;
  2576. position: relative;
  2577. }
  2578.  
  2579. .post_block.no_sidebar {
  2580. background-image: none;
  2581. }
  2582.  
  2583. .post_block h3 {
  2584. padding: 8px;
  2585. }
  2586.  
  2587. .post_block address {
  2588. font-weight: bold;
  2589. }
  2590.  
  2591. .post_wrap {
  2592. top: 0px;
  2593. }
  2594.  
  2595. .post_block.topic_summary h3 {
  2596. padding: 4px;
  2597. }
  2598.  
  2599. .post_block.topic_summary .posted_info {
  2600. margin-left: 10px;
  2601. }
  2602.  
  2603. .post_block.topic_summary .post_body .post {
  2604. padding: 3px 10px 15px;
  2605. margin-top: -15px;
  2606. }
  2607.  
  2608. .post_block.with_rep .post_body {
  2609. margin-bottom: 25px;
  2610. }
  2611.  
  2612.  
  2613. .post_body {
  2614. margin-left: 235px;
  2615. line-height: 100%;
  2616. }
  2617.  
  2618. .post_block.no_sidebar .post_body {
  2619. margin-left: 0px;
  2620. }
  2621.  
  2622. .post_body .post {
  2623. margin-top: 3px;
  2624. padding: 10px;
  2625. line-height: 150%;
  2626. }
  2627.  
  2628. .post_ignore {
  2629. background: #fafbfc;
  2630. color: #777;
  2631. font-size: 0.9em;
  2632. padding: 15px;
  2633. }
  2634.  
  2635. .post_ignore .reputation {
  2636. text-align: center;
  2637. padding: 2px 6px;
  2638. float: none;
  2639. display: inline;
  2640. }
  2641.  
  2642. .rep_bar {
  2643. background: #e4ebf2;
  2644. font-size: 0.8em;
  2645. border-top-left-radius: 5px;
  2646. -moz-border-radius-topleft: 5px;
  2647. -webkit-border-top-left-radius: 5px;
  2648. padding: 0 10px;
  2649. right: 0;
  2650. bottom: 32px;
  2651. position: absolute;
  2652. }
  2653.  
  2654. /* .post_block.rep_highlight .rep_bar {
  2655. max-width: 140px;
  2656. }*/
  2657.  
  2658. .rep_bar ul {
  2659. margin-top: 8px;
  2660. float: left;
  2661. }
  2662.  
  2663. .rep_bar ul li {
  2664. float: left;
  2665. }
  2666.  
  2667. p.rep_highlight {
  2668. float: right;
  2669. display: inline-block;
  2670. margin: 5px 10px 10px 10px;
  2671. background: #D5DEE5;
  2672. color: #1d3652;
  2673. padding: 5px;
  2674. border-radius: 5px;
  2675. -moz-border-radius: 5px;
  2676. -webkit-border-radius: 5px;
  2677. font-size: 0.8em;
  2678. font-weight: bold;
  2679. text-align: center;
  2680. }
  2681.  
  2682. p.rep_highlight img {
  2683. margin-bottom: 4px;
  2684. }
  2685.  
  2686. p.posted_info {
  2687. padding: 10px 5px 7px 7px;
  2688. margin-left: -3px;
  2689. margin-bottom: -10px;
  2690. }
  2691.  
  2692. p.posted_info strong.event {
  2693. color: #1c2837;
  2694. font-size: 1.2em;
  2695. }
  2696.  
  2697. p.edit {
  2698. background-color: #f3f3f3;
  2699. color: #515151;
  2700. font-size: 0.9em;
  2701. line-height: 120%;
  2702. padding: 10px;
  2703. margin-top: 10px;
  2704. }
  2705.  
  2706. div.threaded_view ul ul {
  2707. margin-left: -25px;
  2708. }
  2709.  
  2710. div.threaded_view ul li {
  2711. padding: 0px 0 0px 25px;
  2712. }
  2713.  
  2714. div.threaded_view {
  2715. line-height: 140%;
  2716. padding: 5px 0 15px 0;
  2717. }
  2718.  
  2719. div.threaded_view .post_title {
  2720. font-style: italic;
  2721. }
  2722.  
  2723. .topic_share {
  2724. font-size: 0.9em;
  2725. padding: 3px;
  2726. margin-top: 4px;
  2727. }
  2728.  
  2729. .topic_share li {
  2730. float: left;
  2731. margin: 0 5px;
  2732. }
  2733.  
  2734. .poll {
  2735. border-bottom: 7px solid #1d3652;
  2736. margin-bottom: 5px;
  2737. }
  2738.  
  2739. .poll fieldset {
  2740. padding: 9px;
  2741. }
  2742.  
  2743. .poll_question {
  2744. padding: 10px;
  2745. margin: 10px 10px 10px 20px;
  2746. }
  2747.  
  2748. .poll_question h4 {
  2749. background-color: #e4ebf2;
  2750. margin: 0 -7px;
  2751. padding: 5px;
  2752. }
  2753.  
  2754. .poll_question ol {
  2755. padding: 8px;
  2756. background-color: #fafbfc;
  2757. }
  2758.  
  2759. .poll_question li {
  2760. font-size: 0.9em;
  2761. margin: 6px 0;
  2762. }
  2763.  
  2764. .poll_question .votes {
  2765. margin-left: 5px;
  2766. }
  2767.  
  2768. .snapback {
  2769. margin-right: 5px;
  2770. padding: 1px 0 1px 1px;
  2771. }
  2772.  
  2773. .topic .main_topic_title {
  2774. float: left;
  2775. }
  2776.  
  2777. .maintitle .rating {
  2778. font-size: 11px;
  2779. margin: 4px 0 0 15px;
  2780. float: right;
  2781. }
  2782.  
  2783. .maintitle .rating img {
  2784. margin-top: -2px;
  2785. }
  2786.  
  2787. /************************************************************************/
  2788. /* POSTING FORM (& RELATED) STYLES */
  2789.  
  2790. div.post_form label {
  2791. text-align: right;
  2792. padding-right: 15px;
  2793. width: 275px;
  2794. float: left;
  2795. clear: both;
  2796. }
  2797.  
  2798. div.post_form span.desc,
  2799. fieldset#poll_wrap span.desc {
  2800. margin-left: 290px;
  2801. display: block;
  2802. clear: both;
  2803. }
  2804.  
  2805. div.post_form .checkbox input.input_check,
  2806. #mod_form .checkbox input.input_check {
  2807. margin-left: 315px;
  2808. }
  2809.  
  2810. div.post_form .antispam_img {
  2811. margin-left: 290px;
  2812. }
  2813.  
  2814. div.post_form .captcha .input_text {
  2815. float: left;
  2816. }
  2817.  
  2818. div.post_form fieldset {
  2819. padding-bottom: 15px;
  2820. }
  2821.  
  2822. div.post_form h3 {
  2823. margin-bottom: 10px;
  2824. }
  2825.  
  2826. fieldset.with_subhead {
  2827. margin-bottom: 0;
  2828. padding-bottom: 0;
  2829. }
  2830.  
  2831. fieldset.with_subhead h4 {
  2832. text-align: right;
  2833. margin-top: 6px;
  2834. width: 300px;
  2835. float: left;
  2836. }
  2837.  
  2838. fieldset.with_subhead ul {
  2839. border-bottom: 1px solid #d5dde5;
  2840. padding-bottom: 6px;
  2841. margin: 0 15px 6px 320px;
  2842. }
  2843.  
  2844. fieldset.with_subhead span.desc,
  2845. fieldset.with_subhead label {
  2846. margin: 0;
  2847. width: auto;
  2848. }
  2849.  
  2850. fieldset.with_subhead #post_icons {
  2851. border: 0;
  2852. margin-left: 326px;
  2853. }
  2854.  
  2855. fieldset.with_subhead #post_icons li {
  2856. margin-right: 15px;
  2857. margin-bottom: 6px;
  2858. float: left;
  2859. }
  2860.  
  2861. fieldset.with_subhead .checkbox input.input_check {
  2862. margin-left: 0px;
  2863. }
  2864.  
  2865. #toggle_post_options {
  2866. background: transparent url({style_images_url}/add.png) no-repeat;
  2867. font-size: 0.9em;
  2868. padding: 2px 0 2px 22px;
  2869. margin: 15px;
  2870. display: block;
  2871. }
  2872.  
  2873. .post_form #poll_wrap .question {
  2874. margin-bottom: 10px;
  2875. }
  2876.  
  2877. .post_form #poll_wrap .question .wrap {
  2878. background-color: #e4ebf2;
  2879. padding: 10px;
  2880. margin-left: 290px;
  2881. margin-right: 12px;
  2882. }
  2883.  
  2884. .post_form #poll_wrap .question .wrap ol {
  2885. margin-left: 25px;
  2886. margin-top: 16px;
  2887. list-style: decimal;
  2888. }
  2889. .post_form #poll_wrap .question .wrap ol li {
  2890. margin: 5px;
  2891. }
  2892.  
  2893. .post_form #poll_wrap .question .wrap input.input_check,
  2894. .post_form #poll_wrap .question .wrap label,
  2895. .post_form #poll_wrap .question .wrap span.desc {
  2896. text-align: left;
  2897. margin-left: 0;
  2898. display: inline;
  2899. width: auto;
  2900. clear: none;
  2901. float: none;
  2902. }
  2903.  
  2904. .post_form #poll_wrap .question ul.post_controls {
  2905. text-align: left;
  2906. }
  2907.  
  2908. .post_form .question_title {
  2909. font-weight: bold;
  2910. }
  2911.  
  2912. .post_form #poll_form .topic_buttons {
  2913. margin-left: 315px;
  2914. }
  2915.  
  2916. .post_form #poll_form .topic_buttons li,
  2917. .post_form #poll_form .post_controls li {
  2918. float: left;
  2919. }
  2920.  
  2921. .post_form #poll_form #poll_stats.desc {
  2922. margin-left: 320px;
  2923. margin-bottom: 8px;
  2924. }
  2925.  
  2926. /************************************************************************/
  2927. /* ATTACHMENT MANAGER (& RELATED) STYLES */
  2928.  
  2929. .swfupload {
  2930. position: absolute;
  2931. z-index: 1;
  2932. }
  2933.  
  2934. #attachments {
  2935. margin: 15px;
  2936. }
  2937.  
  2938. #attachments li {
  2939. background-color: #e4ebf2;
  2940. border: 1px solid #d5dde5;
  2941. padding: 6px 20px 6px 42px;
  2942. margin-bottom: 10px;
  2943. position: relative;
  2944. }
  2945.  
  2946. #attachments li p.info {
  2947. color: #69727b;
  2948. font-size: 0.8em;
  2949. width: 300px;
  2950. }
  2951.  
  2952. #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
  2953. display: none;
  2954. }
  2955.  
  2956. #attachments li.complete .links {
  2957. font-size: 0.9em;
  2958. margin-right: 15px;
  2959. right: 0px;
  2960. top: 12px;
  2961. display: block;
  2962. position: absolute;
  2963. }
  2964.  
  2965. #attachments li .progress_bar {
  2966. margin-right: 15px;
  2967. width: 200px;
  2968. right: 0px;
  2969. top: 15px;
  2970. position: absolute;
  2971. }
  2972.  
  2973. #attachments li.complete, #attachments li.in_progress, #attachments li.error {
  2974. background-repeat: no-repeat;
  2975. background-position: 12px 12px;
  2976. }
  2977.  
  2978. #attachments li.in_progress {
  2979. background-image: url({style_images_url}/loading.gif);
  2980. }
  2981.  
  2982. #attachments li.error {
  2983. background-image: url({style_images_url}/exclamation.png);
  2984. background-color: #e8caca;
  2985. border: 1px solid #ddafaf;
  2986. }
  2987.  
  2988. #attachments li.error .info {
  2989. color: #8f2d2d;
  2990. }
  2991.  
  2992. #attachments li.complete {
  2993. background-image: url({style_images_url}/accept.png);
  2994. }
  2995.  
  2996. #attachments li .thumb_img {
  2997. left: 6px;
  2998. top: 6px;
  2999. width: 30px;
  3000. height: 30px;
  3001. overflow: hidden;
  3002. position: absolute;
  3003. }
  3004.  
  3005. fieldset.attachments .input_submit, fieldset.attachments .swfupload, fieldset.attachments .input_upload {
  3006. margin-left: 15px;
  3007. }
  3008.  
  3009. div.post_form fieldset.attachments span.desc {
  3010. margin: 0 0 0 15px;
  3011. display: inline;
  3012. clear: none;
  3013. }
  3014.  
  3015. #attach_wrap {
  3016. background: #eef3f8;
  3017. padding: 6px;
  3018. margin-top: 8px;
  3019. }
  3020.  
  3021. #attach_wrap h4 {
  3022. font-size: 1em;
  3023. font-weight: bold;
  3024. }
  3025.  
  3026. #attach_wrap li {
  3027. margin: 5px 6px;
  3028. float: left;
  3029. }
  3030.  
  3031. #attach_wrap .desc.info {
  3032. margin-left: 24px;
  3033. }
  3034.  
  3035.  
  3036. /************************************************************************/
  3037. /* COMMENTS (& RELATED) STYLES */
  3038.  
  3039. #comment_list {
  3040. margin-top: 10px;
  3041. }
  3042.  
  3043. #comment_innerwrap .no-form {
  3044. margin-top: 4px;
  3045. }
  3046.  
  3047. .comment_wrap .comment {
  3048. line-height: 150%;
  3049. padding: 5px;
  3050. }
  3051. .comment_wrap {
  3052. position: relative;
  3053. }
  3054.  
  3055. .comment_wrap .rep_bar {
  3056. position: static;
  3057. margin: -10px -5px -5px 0;
  3058.  
  3059. }
  3060.  
  3061.  
  3062. .comment_wrap .comment .photo {
  3063. float: left;
  3064. margin: 0 10px 10px 0;
  3065. }
  3066.  
  3067. .comment_wrap .comment h4,
  3068. .comment_wrap .posted_date,
  3069. .comment_wrap .comment .comment_content {
  3070. margin-left: 65px;
  3071. }
  3072.  
  3073. .comment_wrap .posted_date {
  3074. display: block;
  3075. }
  3076.  
  3077. .comment_wrap .comment h4 {
  3078. font-size: 1.1em;
  3079. margin-bottom: -3px;
  3080. clear: none !important;
  3081. }
  3082.  
  3083. .comment_wrap .comment h4 a {
  3084. text-decoration: none;
  3085. }
  3086.  
  3087. .comment_wrap .comment .comment_content {
  3088. padding: 10px 5px;
  3089. }
  3090.  
  3091. .comment_options {
  3092. float: right;
  3093. }
  3094.  
  3095. .comment_options li {
  3096. font-size: 0.8em;
  3097. font-weight: bold;
  3098. margin: 0 5px;
  3099. float: left;
  3100. }
  3101.  
  3102. .comment_options li a,
  3103. .comment .cleft a {
  3104. text-decoration: none;
  3105. }
  3106.  
  3107. #commentReply {
  3108. margin-left: 70px;
  3109. }
  3110.  
  3111. #commentUser {
  3112. padding-top:0px;
  3113. padding-left: 10px;
  3114. float: left;
  3115. }
  3116.  
  3117. #commentButtons {
  3118. margin: 0px 0px 10px 0px;
  3119. text-align: right;
  3120. }
  3121.  
  3122. /* New comment styles */
  3123. .comment .post_wrap .cleft {
  3124. float: left;
  3125. margin-left: 65px;
  3126. padding-left: 5px;
  3127. position: absolute;
  3128. display: inline-box;
  3129. }
  3130.  
  3131. .comment_wrap .comment.gallery_row_off,
  3132. .comment_wrap .comment.row1,
  3133. .comment_wrap .comment.row2 {
  3134. margin-bottom: 0px;
  3135. margin-top: 0px;
  3136. margin-left: 0px;
  3137. padding-left: 0px;
  3138. border-bottom: 0px;
  3139. }
  3140.  
  3141. .comment_wrap .comment.row2 {
  3142. padding-top: 5px;
  3143. }
  3144.  
  3145. .comment_content {
  3146. padding: 10px 0px 10px 0px;
  3147. }
  3148.  
  3149. /************************************************************************/
  3150. /* REPUTATION STYLES */
  3151.  
  3152. .reputation
  3153. /*.post_block .rep_highlight*/ {
  3154. font-weight: bold;
  3155. padding: 3px 8px;
  3156. margin: 6px;
  3157. display: block;
  3158. float: right;
  3159. }
  3160.  
  3161. .reputation.positive, .members li.positive {
  3162. background: #6f8f52;
  3163. }
  3164.  
  3165. .reputation.negative, .members li.negative {
  3166. background: #b82929;
  3167. }
  3168.  
  3169. .reputation.positive, .reputation.negative {
  3170. color: #fff;
  3171. }
  3172.  
  3173. .reputation.zero {
  3174. background: #dedede;
  3175. color: #6e6e6e;
  3176. }
  3177.  
  3178. /*body .post_block .rep_highlight {
  3179. font-size: 1.1em;
  3180. float: left;
  3181. }*/
  3182.  
  3183.  
  3184.  
  3185. /************************************************************************/
  3186. /* PORTAL STYLES */
  3187.  
  3188. #index_stats.portal
  3189. {
  3190. margin-top: 0px;
  3191. }
  3192.  
  3193. #portal_articles {
  3194. width: 76%;
  3195. margin-right: 2%;
  3196. }
  3197.  
  3198. #portal_active_users ul,
  3199. #portal_active_users li {
  3200. float: left;
  3201. padding: 3px;
  3202. }
  3203.  
  3204. #portal_active_users ul {
  3205. margin-bottom: 15px;
  3206. }
  3207.  
  3208. /************************************************************************/
  3209. /* Status updates */
  3210.  
  3211. #status_recent_actions {
  3212. width: 20%;
  3213. }
  3214.  
  3215. .status_profile_page {
  3216. width: 65%;
  3217. margin-right: 10px;
  3218. float: left;
  3219. }
  3220.  
  3221. .status_profile_actions
  3222. {
  3223. width: 30%;
  3224. padding: 10px;
  3225. float: left;
  3226. }
  3227.  
  3228. .status_action_left
  3229. {
  3230. margin-left:4px;
  3231. float: left;
  3232. }
  3233. .status_action_right
  3234. {
  3235. margin-left: 35px;
  3236. }
  3237.  
  3238. #status_standalone_page {
  3239. width: 76%;
  3240. }
  3241.  
  3242. #status_wrapper {
  3243. }
  3244.  
  3245. #status_wrapper .right {
  3246. padding-bottom: 8px;
  3247. padding-right: 8px;
  3248. }
  3249.  
  3250. #status_wrapper p.no-status, .status_profile_actions p.no-status {
  3251. padding: 10px;
  3252. text-align: center;
  3253. font-size: 1.1em;
  3254. }
  3255.  
  3256. .status_profile_actions p.no-status {
  3257. padding: 4px;
  3258. }
  3259.  
  3260. .status_main_wrap {
  3261. margin-bottom: 20px;
  3262. margin: 10px;
  3263. padding: 15px;
  3264. background: #fff;
  3265. -moz-box-shadow: #e5e5e5 2px 2px 2px;
  3266. -webkit-box-shadow: #e5e5e5 2px 2px 2px;
  3267. }
  3268.  
  3269. .status_main_wrap a {
  3270. text-decoration: none;
  3271. }
  3272.  
  3273. .status_main_photo {
  3274. float: left;
  3275. }
  3276.  
  3277. .status_main_content {
  3278. margin-left: 65px;
  3279. word-wrap: break-word;
  3280. }
  3281.  
  3282. .status_main_content h4 {
  3283. font-weight:normal;
  3284. font-size:1.2em;
  3285. }
  3286.  
  3287. .status_main_content h4 .su_links a { font-weight: normal; }
  3288.  
  3289. .status_main_content p {
  3290. padding: 6px 0px 6px 0px;
  3291. }
  3292.  
  3293. .status_main_content h4 a {
  3294. font-weight:bold;
  3295. text-decoration: none;
  3296. }
  3297.  
  3298. .status_mini_wrap {
  3299. padding: 7px;
  3300. font-size: 0.95em;
  3301. margin-top: 2px;
  3302. }
  3303. .status_mini_photo {
  3304. float: left;
  3305. }
  3306.  
  3307. .status_mini_content {
  3308. margin-left: 35px;
  3309. }
  3310.  
  3311. .status_mini_content p {
  3312. font-size:10px;
  3313. padding: 4px 0px 4px 0px;
  3314. }
  3315.  
  3316. .status_mini_content h5 {
  3317. font-weight:normal;
  3318. padding-top: 4px;
  3319. font-size:1.0em;
  3320. }
  3321.  
  3322. .status_mini_content h5 a {
  3323. font-weight:bold;
  3324. }
  3325.  
  3326. .status_textarea {
  3327. width: 99%;
  3328. }
  3329.  
  3330. .status_submit {
  3331. padding-right: 5px;
  3332. text-align: right;
  3333. }
  3334.  
  3335. .status_replies_many {
  3336. height: 300px;
  3337. overflow: auto;
  3338. }
  3339.  
  3340. .status_update {
  3341. background: #2b4f74;
  3342. color: #fff;
  3343. padding: 15px 12px;
  3344. }
  3345. .status_update input
  3346. {
  3347. font-size: 1.1em;
  3348. }
  3349.  
  3350. .status_update .desc
  3351. {
  3352. color: #FFFFFF;
  3353. }
  3354.  
  3355. .status_profile_actions div
  3356. {
  3357. padding:5px 0px 5px 0px;
  3358. }
  3359.  
  3360. .status_main_content h4 a.su_links { font-weight: normal;}
  3361.  
  3362. /* Fiddle with some stuffs for the status hook */
  3363. #statusHook{
  3364. background: #FFFFFF;
  3365. padding: 0px;
  3366. }
  3367. #statusHook h3 {
  3368. margin:0px;
  3369. padding: 5px;
  3370. }
  3371.  
  3372. #statusHook .status_main_photo {
  3373. padding:6px;
  3374. }
  3375.  
  3376. #statusHook .status_main_content {
  3377. margin-left: 0px;
  3378. }
  3379.  
  3380. #statusHook .status_main_content h4 {
  3381. font-size: 0.95em;
  3382. padding: 2px 6px 0px 6px;
  3383. margin-left:28px;
  3384. line-height: 125%;
  3385. }
  3386.  
  3387. #statusHook .status_main_content p {
  3388. padding: 2px 6px 2px 6px;
  3389. margin-left:28px;
  3390. }
  3391.  
  3392. #statusHook .status_update {
  3393. margin-bottom: 0px;
  3394. padding: 6px;
  3395. }
  3396.  
  3397. #statusHook .status_main_wrap {
  3398. margin: 0;
  3399. background-color: #f1f4f7;
  3400. border-bottom:2px solid #e4ebf2;
  3401. padding: 4px;
  3402. -moz-box-shadow: none;
  3403. -webkit-box-shadow: none;
  3404. }
  3405.  
  3406. #statusHook .status_mini_wrap {
  3407. background-color: #fafbfc !important;
  3408. }
  3409.  
  3410. #statusHook .status_mini_wrap h5
  3411. {
  3412. color: #606060;
  3413. font-size: 0.9em;
  3414. }
  3415.  
  3416. #statusHook .status_mini_content {
  3417. margin-left: 45px;
  3418. }
  3419. #statusHook #statusUpdate,
  3420. #statusHook #statusSubmit {
  3421. font-size: 0.9em !important;
  3422. }
  3423.  
  3424. #statusUpdate {
  3425. padding: 2px;
  3426. }
  3427.  
  3428. #statusHook .status_feedback {
  3429. /*border-left: 2px solid #e4ebf2;*/
  3430. margin: 0 -4px -4px 10px;
  3431. }
  3432.  
  3433. #statusHook .status_update .desc
  3434. {
  3435. color: #606060;
  3436. }
  3437.  
  3438. .status_inactive {
  3439. color: gray;
  3440. }
  3441.  
  3442. .status_smallspace {
  3443. font-size: 1.0em;
  3444. }
  3445.  
  3446. #notificationlog table td a, #likesList table td a {
  3447. text-decoration: underline;
  3448. }
  3449.  
  3450. #chat-tab-count {
  3451. background-color: #d5dde5;
  3452. font-weight: bold;
  3453. font-size: 0.8em;
  3454. padding: 2px 5px;
  3455. -moz-border-radius: 6px;
  3456. -webkit-border-radius: 6px;
  3457. color: #000;
  3458. text-decoration: none;
  3459. z-index: 5000;
  3460. }
  3461.  
  3462. /* Favorites */
  3463. .ips_like {
  3464. background-color: #f1f4f7;
  3465. padding: 8px 4px 4px 4px;
  3466. color: #878787;
  3467. font-size: 1em;
  3468. min-height: 18px;
  3469. font-size: 0.9em;
  3470. line-height: 130%;
  3471. clear: both;
  3472. }
  3473. .ips_like a
  3474. {
  3475. color: #878787;
  3476. }
  3477.  
  3478. .ips_like a.ftoggle {
  3479. float: right;
  3480. /*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
  3481. border:1px solid #CBCBCB;
  3482. padding: 3px 4px 2px 4px;
  3483. color: #656565;
  3484. font-size:0.8em;
  3485. text-decoration: none;
  3486. -webkit-border-top-left-radius: 4px;
  3487. -webkit-border-top-right-radius: 4px;
  3488. -webkit-border-bottom-left-radius: 4px;
  3489. -webkit-border-bottom-right-radius: 4px;
  3490. margin-top: -4px;
  3491. }
  3492.  
  3493. .ips_like a.ftoggle.on {
  3494. /*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
  3495. }
  3496.  
  3497. .ips_like a.ftoggle._newline,
  3498. .ips_like a.ftoggle.on._newline {
  3499. float:none;
  3500. margin-top: 5px;
  3501. margin-left: auto;
  3502. margin-right: 0;
  3503. display: block;
  3504. width: 70px;
  3505. text-align: center;
  3506. }
  3507.  
  3508. .ips_like a:hover.ftoggle.on,
  3509. .ips_like a:hover.ftoggle {
  3510. background-color: #d5dde5;
  3511. }
  3512.  
  3513. /* Fave pop-up */
  3514. .likepop {
  3515. padding:4px;
  3516. }
  3517.  
  3518. .likepop div {
  3519. min-height: 60px;
  3520. display: block;
  3521. }
  3522. .likepop img {
  3523. float: left;
  3524. margin-top: 4px;
  3525. margin-left: 4px;
  3526. }
  3527.  
  3528. .likepop div em {
  3529. float: right;
  3530. padding-top: 8px;
  3531. padding-right: 8px;
  3532. }
  3533. .likepop div div {
  3534. margin-left: 62px;
  3535. padding-top: 8px;
  3536. }
  3537.  
  3538. .likepop div div strong {
  3539. font-size: 1.1em;
  3540. }
  3541.  
  3542. .likepop div div p {
  3543. margin-top:6px;
  3544. line-height: 150%;
  3545. }
  3546.  
  3547.  
  3548. /* reduce images in topic pop-up */
  3549. #topicPreview img
  3550. {
  3551. max-width: 200px;
  3552. max-height: 200px;
  3553. clear:both;
  3554. }
  3555.  
  3556. .facebook-like {
  3557. float: left;
  3558. }
  3559.  
  3560. .boxShadow {
  3561. -webkit-box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
  3562. -moz-box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
  3563. box-shadow: rgba(240, 167, 53, 0.8) 0px 3px 0px;
  3564. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement