API tools faq
paste
Advertisement
Guest User

skrollshout

a guest
Feb 7th, 2016
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.61 KB | None | 0 0
raw download clone embed print report
  1. /************************************************************************/
  2. /* IP.Board 3 CSS - By Rikki Tissier - (c)2011 Invision Power Services */
  3. /* Enhanced and modified by Ehren // http://www.ipbforumskins.com */
  4. /************************************************************************/
  5. /* ipb_styles.css */
  6. /************************************************************************/
  7.  
  8. /************************************************************************/
  9. /* RESET (Thanks to YUI) */
  10.  
  11. 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; }
  12. table { border-spacing:0; }
  13. fieldset,img { border:0; }
  14. address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
  15. ol,ul { list-style:none; }
  16. caption,th { text-align:left; }
  17. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  18. q:before,q:after { content:''; }
  19. abbr,acronym { border:0; }
  20. hr { display: none; border: 0; }
  21. address{ display: inline; }
  22.  
  23. /************************************************************************/
  24. /* CORE ELEMENT STYLES */
  25.  
  26. body {
  27.  
  28. background: #222 url("http://cstop.ro/forum/public/style_images/play/tactile_noise.png") repeat;
  29. color: #bcbcbc;
  30. font: normal 11px tahoma, helvetica, arial, sans-serif;
  31. position: relative;
  32. padding-bottom: 20px;
  33. }
  34.  
  35. /* body#ipboard_body.redirector {
  36. background: #fff !important;
  37. } */
  38.  
  39. input, select, textarea {
  40. font: normal 12px tahoma, helvetica, arial, sans-serif;
  41. }
  42.  
  43. h3, strong { font-weight: bold; }
  44. em { font-style: italic; }
  45. img, .input_check, .input_radio { vertical-align: middle; }
  46. legend { display: none; }
  47. table { width: 100%; }
  48. td { padding: 3px; }
  49.  
  50. #anunturi a{
  51. color: #bcbcbc;
  52. }
  53.  
  54. #anunturi a:hover{
  55. color: #C9C9C9;
  56. }
  57.  
  58. a {
  59. color: #bcbcbc;
  60. text-decoration: none;
  61. }
  62.  
  63. a:hover { color: #D0D0D0; }
  64.  
  65. #index_stats a{ color: #bcbcbc; }
  66. #index_stats a:hover{ color: #bcbcbc; }
  67.  
  68. ::-moz-selection { color: #fff; background: #757575; }
  69. ::selection { color: #fff; background: #757575; }
  70.  
  71. /************************************************************************/
  72. /* LISTS */
  73.  
  74. .ipsList_inline > li {
  75. display: inline-block;
  76. margin: 0 3px;
  77. }
  78. .ipsList_inline > li:first-child { margin-left: 0; }
  79. .ipsList_inline > li:last-child { margin-right: 0; }
  80. .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
  81. .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
  82. .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
  83.  
  84. .ipsList_withminiphoto > li { /*margin-bottom: 8px;*/ padding: 7px; }
  85. .ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
  86. .ipsList_withminiphoto > li .list_content { margin-left: 44px; }
  87. #index_stats .ipsList_withtinyphoto .list_content,
  88. .ipsList_withtinyphoto > li .list_content { margin-left: 32px; }
  89. .list_content { word-wrap: break-word; }
  90.  
  91. .ipsList_data li { padding: 6px; line-height: 1.3; }
  92. .ipsList_data .row_data { display: inline-block; word-wrap: break-word; max-width: 100%; }
  93. .ipsList_data .row_title, .ipsList_data .ft {
  94. display: inline-block;
  95. float: left;
  96. width: 120px;
  97. font-weight: bold;
  98. text-align: right;
  99. padding-right: 10px;
  100. }
  101.  
  102. .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
  103. width: 80px;
  104. }
  105.  
  106. /************************************************************************/
  107. /* TYPOGRAPHY */
  108.  
  109. .ipsType_pagetitle, .ipsType_subtitle {
  110. font: 300 26px/1.4 Helvetica, Arial, sans-serif;
  111. color: #eaeaea;
  112. }
  113. .ipsType_subtitle { font-size: 18px; }
  114. .ipsType_sectiontitle {
  115. font-size: 16px;
  116. font-weight: normal;
  117. color: #e0e0e0;
  118. padding: 5px 0;
  119. }
  120.  
  121. .ipsType_pagedesc {
  122. color: #e0e0e0;
  123. line-height: 1.5;
  124. }
  125.  
  126. .ipsType_pagedesc a { text-decoration: underline; }
  127.  
  128. .ipsType_textblock { line-height: 1.7; }
  129.  
  130. .ipsType_small { font-size: 11px; }
  131. .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
  132.  
  133. .ipsBox_container .ipsType_pagetitle{ margin-bottom: 6px; }
  134. .ipsReset { margin: 0px !important; padding: 0px !important; }
  135.  
  136. /************************************************************************/
  137. /* LAYOUT */
  138.  
  139. .wrapper{
  140. margin: 0 auto;
  141. min-width: 980px;
  142. max-width: 1600px;
  143. width: 90%;
  144. }
  145.  
  146. #content {
  147. padding: 5px 0px;
  148. line-height: 120%;
  149. }
  150.  
  151. /************************************************************************/
  152. /* COLORS */
  153.  
  154. .row1, .post_block.row1 { background-color: #292929; }
  155.  
  156. .row2, .post_block.row2 { background-color: #292929; }
  157.  
  158. /*.unread { background-color: #f7fbfc; }
  159.  
  160. .unread .altrow, .unread.altrow { background-color: #E2E9F0; }*/
  161.  
  162. .unread .highlight_unread{ font-weight: bold; }
  163.  
  164. #recentajaxcontent li,
  165. #idm_categories a,
  166. #index_stats .status_list li,
  167. #panel_files .file_listing li,
  168. #panel_screenshots #ss_linked li,
  169. .file_listing,
  170. #cart_totals td,
  171. div#member_filters li,
  172. #files li,
  173. #order_review td,
  174. #package_details .package_info,
  175. .block_list li,
  176. .package_view_top,
  177. .member_entry,
  178. #help_topics li,
  179. .ipsBox_container .ipsType_pagetitle,
  180. .userpopup dl,
  181. #announcements td,
  182. .preview_info,
  183. .sideVerticalList li,
  184. fieldset.with_subhead ul,
  185. .ipsList_data li,
  186. .ipsList_withminiphoto li,
  187. table.ipb_table td,
  188. .store_categories li,
  189. #mini_cart li,
  190. #index_stats div[id*="statusReply"],
  191. #ipg_category .ipg_category_row,
  192. .gallery_pane h2,
  193. .status_feedback li[id*="statusReply"],
  194. .ipsSideMenu ul li,
  195. .ipbfs_login_row,
  196. .ipbfs_login .clearfix,
  197. .articles .block-1,
  198. .articles .type-1x2x2 .article_row,
  199. #idm_category .idm_category_row,
  200. #category_list li a,
  201. .ipsComment{
  202. border-top: 1px solid #353535;
  203. border-bottom: 1px solid #252525;
  204. }
  205.  
  206. .ipbfs_login_row,
  207. .gallery_pane h2,
  208. .ipsBox_container .ipsType_pagetitle,
  209. #index_stats .status_list:first-of-type li:first-child,
  210. .ipsList_data li:first-of-type,
  211. .ipsList_withminiphoto li:first-of-type{
  212. border-top: 0;
  213. }
  214.  
  215. .ipsSideMenu ul,
  216. #register_form hr,
  217. #login_form hr,
  218. .ipsSettings_section,
  219. #index_stats div[id*="statusReply"]:first-of-type{
  220. border-top: 1px solid #252525;
  221. }
  222.  
  223. .articles .type-1x2x2 .article_row:last-of-type,
  224. .store_categories ul:last-of-type li:last-of-type,
  225. #idm_categories li:last-of-type a,
  226. #idm_category .idm_category_row:last-of-type,
  227. .sideVerticalList li:last-of-type,
  228. #index_stats div[id*="statusReply"].status_reply,
  229. .ipsList_withminiphoto li:last-of-type,
  230. .member_entry:last-of-type,
  231. .ipsList_data li:last-of-type,
  232. #help_topics li:last-of-type,
  233. table.ipb_table tr:last-of-type td{
  234. border-bottom: 0;
  235. }
  236.  
  237. /* primarily used for topic preview header */
  238. .highlighted, .highlighted .altrow { background-color: #232323; }
  239.  
  240. .border,
  241. .statistics,
  242. .post_block,
  243. .ipsComment,
  244. .popupInner,
  245. .no_messages,
  246. .poll_question ol,
  247. .ipsBox_container,
  248. .ipsFloatingAction,
  249. .column_view .post_body{
  250. background: #292929;
  251. }
  252.  
  253. #idm_category .idm_category_row,
  254. .store_categories li,
  255. #idm_categories a,
  256. .ipsList_data li,
  257. .ipsList_withminiphoto li,
  258. table.ipb_table tr td{
  259. background-image: #292929;
  260. background-repeat: repeat-x;
  261. background-position: 0 0;
  262. }
  263.  
  264. .ipsBox_container {
  265. border: 1px solid #393939;
  266. }
  267.  
  268. .ipsBox { background: #1e1e1e; }
  269.  
  270. .ipsBox_notice, .ipsBox_highlight {
  271. background: #222222;
  272. border-bottom: 1px solid #393939;
  273. }
  274.  
  275. .border{ border: 1px solid #454545; }
  276. .removeDefault .ipsBox, .removeDefault.ipsBox{ padding: 0; background: none transparent; }
  277. .removeDefault .ipsBox_container, .removeDefault.ipsBox_container{ border: 0; }
  278.  
  279. .maintitle {
  280. text-transform: uppercase;
  281. background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  282. color: #757575;
  283. text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
  284. padding: 12px;
  285. font-size: 12px;
  286. font-weight: 300;
  287. overflow: hidden;
  288. border-left: 1px solid rgba(255,255,255,0.1);
  289. border-right: 1px solid rgba(255,255,255,0.1);
  290. border-top: 1px solid rgba(255,255,255,0.1);
  291. }
  292.  
  293. .mticon {
  294. display: inline;
  295. border-bottom: 3px solid #16A085;
  296. padding-bottom: 13px;
  297. border-top: 3px solid rgba(255,255,255,0.15);
  298. padding-top: 11px;
  299. }
  300.  
  301. h3.maintitle{ font-weight: bold; }
  302.  
  303. .maintitle a { color: #fff; }
  304.  
  305. .collapsed .maintitle {
  306. opacity: 0.2;
  307. -moz-border-radius: 4px;
  308. -webkit-border-radius: 4px;
  309. border-radius: 4px;
  310. }
  311.  
  312. .collapsed .maintitle:hover { opacity: 0.4; }
  313.  
  314. .maintitle .toggle {
  315. visibility: hidden;
  316. background: url('{style_images_url}/cat_minimize.png') no-repeat;
  317. text-indent: -3000em;
  318. width: 32px; height: 22px;
  319. margin: -5px -5px -10px 0;
  320. display: block;
  321. outline: 0;
  322. }
  323.  
  324. .maintitle:hover .toggle { visibility: visible; }
  325.  
  326. .collapsed .toggle {
  327. background-image: url('{style_images_url}/cat_maximize.png');
  328. }
  329.  
  330. .header_left{ background: url('{style_images_url}/header_left.png') no-repeat 0 0; }
  331. .header_right{ background: url('{style_images_url}/header_right.png') no-repeat 100% 0; }
  332. .maintitle_base{ background: #363636 url('{style_images_url}/maintitle_base.png') repeat-x 0 0; }
  333.  
  334. .maintitle_base .maintitle{
  335. -webkit-box-shadow: none;
  336. -moz-box-shadow: none;
  337. box-shadow: none;
  338. border: 0;
  339. background: none transparent;
  340. }
  341.  
  342. /* mini badges */
  343. a.ipsBadge:hover { color: #fff; }
  344.  
  345. .ipsBadge_green { background: #ED7710; }
  346. .ipsBadge_purple { background: #af286d; }
  347. .ipsBadge_grey { background: #515151; }
  348. .ipsBadge_lightgrey { background: #848484; }
  349. .ipsBadge_orange { background: #ED7710; }
  350. .ipsBadge_red { background: #bf1d00; }
  351.  
  352. .bar {
  353.  
  354. }
  355.  
  356. .bar.altbar {
  357. /*background: #b6c7db;
  358. color: #1d3652;*/
  359. }
  360.  
  361. .header {
  362. color: #fff;
  363. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  364. background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  365. }
  366.  
  367. .header th{ border-bottom: 1px solid #393939; padding: 6px !important; }
  368.  
  369. body .ipb_table .header a,
  370. body .topic_options a {
  371. color: #fff;
  372. }
  373.  
  374. .bbc_url, .bbc_email {
  375. color: #bcbcbc;
  376. text-decoration: underline;
  377. }
  378.  
  379. /* Dates */
  380. .date, .poll_question .votes {
  381. color: #747474;
  382. font-size: 11px;
  383. }
  384.  
  385. .no_messages {
  386. padding: 15px 10px;
  387. }
  388.  
  389. /* Tab bars */
  390. .tab_bar {
  391. background-color: #2a2a2a;
  392. color: #818181;
  393. }
  394.  
  395. .tab_bar li.active {
  396. background-color: #454545;
  397. color: #fff;
  398. }
  399.  
  400. .tab_bar.no_title.mini {
  401. border-bottom: 8px solid #454545;
  402. }
  403.  
  404. /* Menu popups */
  405. .ipbmenu_content, .ipb_autocomplete {
  406. background: #1a1a1a;
  407. border: 1px solid #393939;
  408. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  409. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  410. box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  411. }
  412.  
  413. .ipbmenu_content li, .ipb_autocomplete li {
  414. border-top: 1px solid #252525;
  415. border-bottom: 1px solid #111111;
  416. background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  417. }
  418.  
  419. .ipb_autocomplete li{ padding: 3px; }
  420.  
  421. .ipb_autocomplete li.active {
  422. background-color: #252525;
  423. }
  424.  
  425. .ipbmenu_content a{ color: #fff; }
  426.  
  427. .ipbmenu_content a:hover { background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
  428.  
  429. /* Forms */
  430.  
  431. .input_submit {
  432. background: #424242 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  433. border-color: #bcbcbc;
  434. color: #fff;
  435. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  436. -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
  437. -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
  438. box-shadow: rgba(0,0,0,0.15) 0px 1px 3px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
  439.  
  440. }
  441.  
  442. .input_submit:hover {
  443. background-color: #494949;
  444. color: #fff;
  445. }
  446.  
  447. .input_submit.alt {
  448. background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  449. border-color: #585858;
  450. color: #fff;
  451. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  452. -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  453. -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  454. box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  455. }
  456.  
  457. .input_submit.alt:hover {
  458. background-color: #434343;
  459. color: #fff;
  460. }
  461.  
  462. .input_submit.delete {
  463. background: #ad2930 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  464. border-color: #962D29;
  465. color: #fff;
  466. text-shadow: #771c20 0px -1px 0px;
  467. }
  468.  
  469. .input_submit.delete:hover { background-color: #bf3631; color: #fff; }
  470.  
  471. .input_submit:active{
  472. -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  473. -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  474. box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  475. position: relative;
  476. top: 1px;
  477. }
  478.  
  479. .input_submit.alt:active{
  480. -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  481. -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  482. box-shadow: inset rgba(0,0,0,0.3) 0px 1px 4px;
  483. }
  484.  
  485. body#ipboard_body fieldset.submit,
  486. body#ipboard_body p.submit,
  487. .ipsForm_submit{
  488. background: #232323 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  489. border-top: 1px solid #373737;
  490. }
  491.  
  492. /* Moderated styles */
  493. .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated, .post_block.moderated .post_body,
  494. body td.moderated, body td.moderated {
  495. background-color: #36120e;
  496. }
  497.  
  498. .post_block.moderated { border: 0 !important; }
  499. .post_block.moderated .post_wrap, .post_block.moderated h3, .moderated .row2, .moderated .post_controls { background-color: #4a1a14; border: 0; }
  500. .moderated, .moderated a { color: #fcd9d9; }
  501. .moderated h3, .moderated h3 a { color: #fff !important; }
  502.  
  503. /************************************************************************/
  504. /* HEADER */
  505.  
  506. #header_bar {
  507. background: #323232 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
  508. padding: 0;
  509. text-align: right;
  510. }
  511.  
  512. #admin_bar {
  513. font-size: 11px;
  514. line-height: 28px;
  515. padding: 0 12px;
  516. background: #171717;
  517. border-bottom: 1px solid #2b2b2b;
  518. overflow: hidden;
  519. }
  520. #admin_bar li{ padding-left: 10px; padding-right: 10px; }
  521. #admin_bar li.active a { color: #fc6d35; }
  522. #admin_bar a { color: #8a8a8a; }
  523. #admin_bar a:hover { color: #fff; }
  524.  
  525. #user_navigation {
  526. color: #9f9f9f;
  527. float: left;
  528. font-size: 11px;
  529. line-height: 45px;
  530. height: 45px;
  531. overflow: hidden;
  532. border-left: 1px solid #2b2b2b;
  533. }
  534.  
  535. #user_navigation a {
  536. color: #fff;
  537. float: left;
  538. padding: 0 12px;
  539. line-height: 45px;
  540. outline: none;
  541. height: 45px;
  542. border-right: 1px solid #2b2b2b;
  543. }
  544.  
  545. #user_navigation a:hover {
  546. background: #232323;
  547. }
  548.  
  549. #user_navigation .user_photo{
  550. position: relative;
  551. height: 27px;
  552. width: auto;
  553. margin: -3px -8px 0px -8px;
  554. }
  555.  
  556. #user_navigation #sign_in img,
  557. #user_navigation #register_link img{ vertical-align: middle; position: relative; margin: -1px 2px 0 0; }
  558.  
  559. #user_navigation .ipsList_inline li { margin: 0; padding: 0; float: left; }
  560.  
  561. #user_link_dd, .dropdownIndicator {
  562. display: inline-block;
  563. width: 9px; height: 5px;
  564. background: url('{style_images_url}/header_dropdown.png') no-repeat left;
  565. }
  566.  
  567. #user_link_menucontent #links li {
  568. width: 50%;
  569. float: left;
  570. margin: 3px 0;
  571. white-space: nowrap;
  572. }
  573.  
  574. #user_link_menucontent #links a{ display: block; }
  575.  
  576. #user_link.menu_active #user_link_dd, .menu_active .dropdownIndicator, li.active .dropdownIndicator { background-position: right; }
  577. #community_app_menu .menu_active .dropdownIndicator { background-position: right; }
  578. #community_app_menu li.active .menu_active .dropdownIndicator { background-position: right; }
  579. #user_link_menucontent #statusForm { margin-bottom: 15px; }
  580. #user_link_menucontent #statusUpdate { margin-bottom: 5px; }
  581.  
  582. #user_link_menucontent > div {
  583. margin-left: 15px;
  584. width: 265px;
  585. text-align: left;
  586. }
  587.  
  588. #statusSubmitGlobal { margin-top: 3px; }
  589.  
  590. #user_navigation a#user_link.menu_active,
  591. #user_navigation a#notify_link.menu_active,
  592. #user_navigation a#inbox_link.menu_active {
  593. background: #1d1d1d;
  594. color: #fff;
  595. /*-moz-border-radius: 3px 3px 0 0;
  596. -webkit-border-top-left-radius: 3px;
  597. -webkit-border-top-right-radius: 3px;
  598. border-radius: 3px 3px 0 0;*/
  599. position: relative;
  600. z-index: 10000;
  601. }
  602.  
  603. #notify_link, #inbox_link {
  604. vertical-align: middle;
  605. width: 20px;
  606. padding: 0px 8px !important;
  607. position: relative;
  608. }
  609.  
  610. #notify_link img { background-image: url('http://fragbite.ro/forum/public/style_images/fragbite_v1.0/icon_notify.png'); }
  611. #inbox_link img { background-image: url('http://fragbite.ro/forum/public/style_images/fragbite_v1.0/icon_inbox.png'); }
  612.  
  613. #notify_link img, #inbox_link img{
  614. width: 20px;
  615. height: 20px;
  616. background-repeat: no-repeat;
  617. background-position: 0 0;
  618. margin-top: -2px;
  619. }
  620.  
  621. #notify_link.menu_active img, #inbox_link.menu_active img{ background-position: 0 -20px; }
  622.  
  623. .services img{ margin: -1px -2px 0 -2px; }
  624.  
  625. #branding {
  626.  
  627. background: #1d1d1d url("http://i.imgur.com/zNToHw5.jpg") ;
  628. height: 210px;
  629. max-width: 100%;
  630. background-position: 50% 50%;
  631. }
  632.  
  633. #logo { opacity: 0; text-align: center; }
  634.  
  635. /* Text logo */
  636.  
  637. /*#logo a{
  638. color: #fff;
  639. height: 64px;
  640. line-height: 64px;
  641. padding: 0 12px;
  642. font-weight: bold;
  643. font-size: 24px;
  644. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  645. display: block;
  646. text-decoration: none;
  647. margin-left: -390px;
  648. }*/
  649.  
  650. #nav_wrap{
  651. background: #171717;
  652. border-top: 1px solid #2b2b2b;
  653. border-bottom: 1px solid #2b2b2b;
  654. height: 45px;
  655.  
  656.  
  657. }
  658.  
  659. #primary_nav {
  660. font-size: 11px;
  661. text-transform: uppercase;
  662. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  663. float: right;
  664. padding: 0;
  665. }
  666.  
  667. #community_app_menu > li { margin: 0; position: relative; }
  668.  
  669. #community_app_menu > li > a {
  670. border-right: 1px solid #2b2b2b;
  671. border-left: 1px solid #2b2b2b;
  672. color: #bcbcbc;
  673. background: #171717;
  674.  
  675. display: block;
  676. outline: none;
  677. padding: 0px 15px;
  678. line-height: 45px;
  679. height: 45px;
  680. -webkit-transition-property:color, text;
  681. -webkit-transition-duration: 0.3s, 0.3s;
  682. -webkit-transition-timing-function: linear, ease-in;
  683. -moz-transition-property:color, text;
  684. -moz-transition-duration:0.3s;
  685. -moz-transition-timing-function: linear, ease-in;
  686. -o-transition-property:color, text;
  687. -o-transition-duration:0.3s;
  688. -o-transition-timing-function: linear, ease-in;
  689. }
  690.  
  691. #community_app_menu > li > a:hover,
  692. #community_app_menu > li > a.menu_active {
  693. background: #1d1d1d;
  694. color: #B53628;
  695. float: left;
  696. }
  697.  
  698. #community_app_menu > li.active a {
  699. background: #212121;
  700. color: #B53628;
  701. position: relative;
  702. float: left;
  703. }
  704.  
  705. #community_app_menu > li > a.ipbmenu img{ margin-right: -6px; }
  706.  
  707. #primary_extra_menucontent,
  708. #more_apps_menucontent, .submenu_container {
  709. background: #202020;
  710. border: 1px solid #272727;
  711. border-top: 0;
  712. font-size: 11px;
  713. min-width: 140px;
  714. float: left;
  715. -webkit-box-shadow: none;
  716. -moz-box-shadow: none;
  717. box-shadow: none;
  718. -moz-border-radius: 0 0 4px 4px;
  719. -webkit-border-bottom-right-radius: 4px;
  720. -webkit-border-bottom-left-radius: 4px;
  721. border-radius: 0 0 4px 4px;
  722. }
  723.  
  724. #primary_extra_menucontent li,
  725. #more_apps_menucontent li, .submenu_container li {
  726. padding: 0;
  727. border: 0;
  728. background: none transparent;
  729. float: none !important;
  730. min-width: 150px;
  731. }
  732.  
  733. #primary_extra_menucontent a,
  734. #more_apps_menucontent a, .submenu_container a {
  735. display: block;
  736. padding: 8px 10px;
  737. color: #fff;
  738. }
  739.  
  740. #primary_extra_menucontent a:hover,
  741. #more_apps_menucontent a:hover, .submenu_container a:hover { background: #242424; color: #fff; }
  742.  
  743. #primary_extra_menucontent li:last-child a,
  744. #more_apps_menucontent li:last-child a{
  745. -moz-border-radius: 0 0 4px 4px;
  746. -webkit-border-bottom-right-radius: 4px;
  747. -webkit-border-bottom-left-radius: 4px;
  748. border-radius: 0 0 4px 4px;
  749. }
  750.  
  751. #community_app_menu .submenu_container { width: 260px; }
  752. #community_app_menu .submenu_container li {width: 260px; }
  753.  
  754. #secondary_navigation{
  755. background: #202020 url('{style_images_url}/secondary_nav_bg.png') repeat-x 0 0;
  756. border: 1px solid #2d2d2d;
  757. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  758. -moz-border-radius: 3px;
  759. -webkit-border-radius: 3px;
  760. border-radius: 3px;
  761. overflow: hidden;
  762. line-height: 37px;
  763. margin-bottom: 15px;
  764. }
  765.  
  766. #secondary_navigation a{
  767. color: #bcbcbc;
  768. line-height: 37px;
  769. height: 37px;
  770. }
  771.  
  772. #secondary_navigation a:hover{ color: #bcbcbc; }
  773.  
  774. #secondary_navigation #breadcrumb li {
  775. float: left;
  776. }
  777.  
  778. #secondary_navigation #breadcrumb li a {
  779. padding-left: 12px;
  780. margin-left: -15px;
  781. background: url('{style_images_url}/secondary_nav.png') no-repeat 0 0;
  782. display: block;
  783. outline: none;
  784. text-decoration: none;
  785. }
  786.  
  787. #secondary_navigation #breadcrumb li.first a{
  788. margin-left: 0;
  789. background: none;
  790. padding-left: 0px;
  791. }
  792.  
  793. #secondary_navigation #breadcrumb li span{
  794. display: block;
  795. padding-right: 17px;
  796. padding-left: 4px;
  797. background: url('{style_images_url}/secondary_nav.png') no-repeat 100% 0;
  798. }
  799.  
  800. #secondary_navigation #breadcrumb li > span{ padding-left: 4px; background: none transparent; color: #d7d7d7; }
  801.  
  802. #secondary_navigation #breadcrumb li.first a span{
  803. padding-left: 12px;
  804. -webkit-border-top-left-radius: 3px;
  805. -webkit-border-bottom-left-radius: 3px;
  806. -moz-border-radius: 3px 0px 0px 3px;
  807. border-radius: 3px 0px 0px 3px;
  808. }
  809.  
  810. #secondary_navigation #breadcrumb li a:hover{
  811. background-position: 0 -43px;
  812. }
  813.  
  814. #secondary_navigation #breadcrumb li a:hover span{
  815. background-position: 100% -43px;
  816. }
  817.  
  818. #secondary_navigation #breadcrumb li a:active{
  819. background-position: 0 -86px;
  820. }
  821.  
  822. #secondary_navigation #breadcrumb li a:active span{
  823. background-position: 100% -86px;
  824. }
  825.  
  826. #secondary_links{ overflow: hidden; }
  827. #secondary_links li{ float: left; margin: 0; }
  828.  
  829. #secondary_links a{
  830. padding: 0 12px;
  831. display: block;
  832. }
  833.  
  834. #secondary_links img {
  835. vertical-align: top;
  836. width: 16px;
  837. height: 16px;
  838. position: relative;
  839. opacity: 0.8;
  840. margin: 10px -4px 0 -4px;
  841. }
  842.  
  843. #secondary_links a:hover img { opacity: 1; }
  844.  
  845. .breadcrumb {
  846. color: #d7d7d7;
  847. font-size: 11px;
  848. }
  849. .breadcrumb a { color: #d7d7d7; }
  850. .breadcrumb li .nav_sep { margin: 0 5px 0 0; }
  851. .breadcrumb li:first-child{ margin-left: 0; }
  852. /*.breadcrumb.top { margin-bottom: 10px; }*/
  853. .breadcrumb.bottom { margin-top: 10px; width: 100%; display: none; }
  854.  
  855. .ipsHeaderMenu {
  856. float: left;
  857. background: #1d1d1d;
  858. padding: 10px;
  859. -moz-border-radius: 0 0 6px 6px;
  860. -webkit-border-bottom-right-radius: 6px;
  861. -webkit-border-bottom-left-radius: 6px;
  862. border-radius: 0 0 6px 6px;
  863. overflow: hidden;
  864. width: 340px;
  865. }
  866.  
  867. .ipsHeaderMenu.boxShadow{
  868. -webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
  869. -moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
  870. box-shadow: rgba(0,0,0,0.4) 0px 0px 10px;
  871. }
  872.  
  873. .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }
  874.  
  875. #user_notifications_link_menucontent.ipsHeaderMenu,
  876. #user_inbox_link_menucontent.ipsHeaderMenu {
  877. width: 300px;
  878. }
  879.  
  880. /************************************************************************/
  881. /* SEARCH */
  882.  
  883. #search { margin-top: 33px; }
  884.  
  885. #main_search {
  886. font-size: 12px;
  887. border: 0;
  888. padding: 0;
  889. background: transparent;
  890. width: 138px;
  891. outline: 0;
  892. }
  893.  
  894. #main_search.inactive { color: #424242; }
  895.  
  896. #search_wrap {
  897. position: relative;
  898. background: #fff;
  899. display: block;
  900. padding: 0 35px 0 4px;
  901. height: 35px;
  902. line-height: 35px;
  903.  
  904. -webkit-border-top-left-radius: 3px;
  905. -webkit-border-top-right-radius: 4px;
  906. -webkit-border-bottom-right-radius: 4px;
  907. -webkit-border-bottom-left-radius: 3px;
  908.  
  909. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  910. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  911. box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  912. min-width: 230px;
  913. }
  914.  
  915. #adv_search {
  916. width: 35px;
  917. height: 35px;
  918.  
  919. border-radius: 3px;
  920. background: url('{style_images_url}/advanced_search.png') no-repeat 50% 50%;
  921. text-indent: -3000em;
  922. display: inline-block;
  923. margin-left: 3px;
  924. }
  925.  
  926.  
  927. #search .submit_input {
  928. background: #424242 url('{style_images_url}/search_icon.png') no-repeat 50%;
  929. text-indent: -3000em;
  930. padding: 0; border: 0;
  931. display: block;
  932. width: 30px;
  933. height: 35px;
  934. position: absolute;
  935. right: 0; top: 0; bottom: 0;
  936.  
  937. -webkit-border-top-right-radius: 3px;
  938. -webkit-border-bottom-right-radius: 3px;
  939.  
  940. -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  941. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  942. box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  943. }
  944.  
  945. #search .submit_input:hover{ background-color: #bcbcbc; }
  946.  
  947. #search_options {
  948. font-size: 10px;
  949. height: 26px;
  950. line-height: 26px;
  951. margin: 4px 3px 3px 0;
  952. padding: 0 6px;
  953.  
  954. background: #eaeaea url('{style_images_url}/highlight_faint.png') repeat-x 0 1px;
  955. color: #222;
  956. display: inline-block;
  957. text-shadow: #fff 0px 1px 0px;
  958. float: right;
  959. }
  960.  
  961. #search_options_menucontent { min-width: 130px; padding: 0; background: #1a1a1a; border: 1px solid #393939; }
  962. #search_options_menucontent input { margin-right: 10px; }
  963. #search_options_menucontent li { border-top: 1px solid #252525; border-bottom: 1px solid #111111; background: url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; white-space: nowrap; }
  964. #search_options_menucontent li:last-of-type{ border-bottom: 0; }
  965. #search_options_menucontent label:hover{ background: #202020 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px; }
  966. #search_options_menucontent label { cursor: pointer; display: block; padding: 0 6px; }
  967. #search_options_menucontent li.title{ padding: 3px 6px; }
  968.  
  969. /************************************************************************/
  970. /* FOOTER */
  971.  
  972. #backtotop,
  973. #bottomScroll{
  974. width: 24px;
  975. height: 24px;
  976. line-height: 20px;
  977. left: 50%;
  978. top: 50%;
  979. margin-left: -12px;
  980. margin-top: -12px;
  981. position: absolute;
  982. display: inline-block;
  983. background: #151515;
  984. -webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
  985. -moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
  986. box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px;
  987. text-align: center;
  988. -moz-border-radius: 16px;
  989. -webkit-border-radius: 16px;
  990. border-radius: 16px;
  991. opacity: 0.4;
  992. outline: 0;
  993. }
  994.  
  995. #bottomScroll:hover, #backtotop:hover {
  996. background: #151515;
  997. color: #fff;
  998. opacity: 1;
  999. }
  1000.  
  1001. #footer_utilities {
  1002. padding: 8px;
  1003. position: relative;
  1004. border: 1px solid #454545;
  1005. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  1006. background: #292929 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  1007. }
  1008.  
  1009. #footer_utilities, #footer_utilities a{ color: #b8b8b8; }
  1010. #footer_utilities .ipbmenu_content a{ color: #fff; }
  1011.  
  1012. #footer_utilities .ipsList_inline{ margin-top: 3px; clear: left; float: left; }
  1013. #footer_utilities .ipsList_inline > li{ margin: 0; }
  1014. #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; display: inline-block; }
  1015. #footer_utilities a.menu_active {
  1016. background: url('{style_images_url}/trans30.png') repeat;
  1017. background: rgba(0,0,0,0.3);
  1018. color: #fff;
  1019. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  1020. -moz-border-radius: 10px;
  1021. -webkit-border-radius: 10px;
  1022. border-radius: 10px;
  1023. -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  1024. -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  1025. box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  1026. }
  1027.  
  1028. #copyright {
  1029. /*color: #848484;*/
  1030. text-align: right;
  1031. line-height: 22px;
  1032. float: right;
  1033. }
  1034.  
  1035. /*#copyright a { color: #848484; }*/
  1036.  
  1037. #ipsDebug_footer {
  1038. width: 900px;
  1039. margin: 8px auto 0px auto;
  1040. text-align: center;
  1041. color: #404040;
  1042. font-size: 11px;
  1043. }
  1044. #ipsDebug_footer strong { margin-left: 20px; }
  1045. #ipsDebug_footer a { color: #404040; }
  1046.  
  1047. #rss_menu {
  1048. background-color: #f78e30;
  1049. border: 0;
  1050. }
  1051.  
  1052. #rss_menu li { border: 0; border-bottom: 1px solid #fbb969; }
  1053. #rss_menu li:last-of-type{ border-bottom: 0; }
  1054. #rss_menu a {
  1055. color: #fff;
  1056. text-shadow: #dc7214 0px -1px 0px;
  1057. padding: 5px 8px;
  1058. background: url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
  1059. }
  1060.  
  1061. #rss_menu a:hover {
  1062. background: #f89f37 url("{style_images_url}/highlight_faint.png") repeat-x 0 -1px;
  1063. color: #fff;
  1064. }
  1065.  
  1066. /************************************************************************/
  1067. /* GENERAL CONTENT */
  1068.  
  1069. .ipsUserPhoto {
  1070. padding: 1px;
  1071. border: 1px solid #515151;
  1072. background: #393939;
  1073. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1074. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1075. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  1076. }
  1077.  
  1078. .ipsUserPhotoLink:hover .ipsUserPhoto {
  1079. border-color: #5f5f5f;
  1080. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  1081. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  1082. box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
  1083. }
  1084.  
  1085. .ipsUserPhoto_variable { max-width: 155px; }
  1086. .ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
  1087. .ipsUserPhoto_medium { width: 50px; height: 50px; }
  1088. .ipsUserPhoto_mini { width: 30px; height: 30px; }
  1089. .ipsUserPhoto_tiny { width: 20px; height: 20px; }
  1090. .ipsUserPhoto_icon { width: 16px; height: 16px; }
  1091.  
  1092. .general_box {
  1093.  
  1094. }
  1095.  
  1096. .general_box .none {
  1097. color: #bcbcbc;
  1098. }
  1099.  
  1100. .general_box.poll{ margin: 0; border-width: 0 0 1px 0; }
  1101.  
  1102. .ipsBox, .ipsPad { padding: 9px; }
  1103. .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
  1104. .ipsBox_withphoto { margin-left: 65px; }
  1105.  
  1106. .ipsBox_notice {
  1107. padding: 10px;
  1108. line-height: 1.6;
  1109. margin-bottom: 10px;
  1110. }
  1111. .ipsBox_container .ipsBox_notice { /*margin: -10px -10px 10px -10px; */ }
  1112. .ipsPad_half { padding: 4px !important; }
  1113. .ipsPad_left { padding-left: 9px; }
  1114. .ipsPad_top { padding-top: 9px; }
  1115. .ipsPad_top_slimmer { padding-top: 7px; }
  1116. .ipsPad_top_half { padding-top: 4px; }
  1117. .ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
  1118. .ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
  1119. .ipsMargin_top { margin-top: 9px; }
  1120.  
  1121. .ipsBlendLinks_target .ipsBlendLinks_here {
  1122. opacity: 0.5;
  1123. -webkit-transition: all 0.1s ease-in-out;
  1124. -moz-transition: all 0.2s ease-in-out;
  1125. }
  1126. .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
  1127.  
  1128. .block_list > li {
  1129. padding: 5px 10px;
  1130. }
  1131.  
  1132. .ipsModMenu {
  1133. width: 15px;
  1134. height: 15px;
  1135. display: inline-block;
  1136. text-indent: -2000em;
  1137. background: url('{style_images_url}/moderation_cog.png') no-repeat;
  1138. margin-right: 5px;
  1139. vertical-align: middle;
  1140. }
  1141.  
  1142. .ipsBadge {
  1143. vertical-align: middle;
  1144. display: inline-block;
  1145. height: 16px;
  1146. line-height: 16px;
  1147. padding: 0 5px;
  1148. font-size: 9px;
  1149. font-weight: bold;
  1150. text-transform: uppercase;
  1151. color: #fff;
  1152. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  1153. -moz-border-radius: 3px;
  1154. -webkit-border-radius: 3px;
  1155. border-radius: 3px;
  1156. background-image: url('{style_images_url}/highlight.png');
  1157. background-repeat: repeat-x;
  1158. background-position: 0 -1px;
  1159. }
  1160.  
  1161. #nav_app_ipchat .ipsBadge { position: absolute; }
  1162.  
  1163. #ajax_loading {
  1164. background: #000;
  1165. color: #fff;
  1166. text-align: center;
  1167. padding: 5px 0 8px;
  1168. width: 8%;
  1169. top: 0px;
  1170. left: 46%;
  1171. -moz-border-radius: 0 0 5px 5px;
  1172. -webkit-border-bottom-right-radius: 5px;
  1173. -webkit-border-bottom-left-radius: 5px;
  1174. border-radius: 0 0 5px 5px;
  1175. z-index: 10000;
  1176. position: fixed;
  1177. -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  1178. -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  1179. box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  1180. opacity:0.6;
  1181. }
  1182.  
  1183. #ipboard_body.redirector {
  1184. width: 500px;
  1185. margin: 150px auto 0 auto;
  1186. }
  1187.  
  1188. #ipboard_body.minimal { padding-top: 40px; }
  1189. #ipboard_body.minimal #ipbwrapper{
  1190. width: 900px;
  1191. margin: 0 auto;
  1192. }
  1193. #ipboard_body.minimal #content {
  1194. -moz-border-radius: 3px;
  1195. -webkit-border-radius: 3px;
  1196. border-radius: 3px;
  1197. padding: 20px 30px;
  1198. margin-bottom: 10px;
  1199. }
  1200. #ipboard_body.minimal h1 { font-size: 32px; }
  1201. #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }
  1202.  
  1203. .progress_bar {
  1204. background-color: #363636;
  1205. border: 1px solid #535353;
  1206. }
  1207.  
  1208. .progress_bar span {
  1209. background: #535353 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  1210. color: #fff;
  1211. font-size: 0em;
  1212. font-weight: bold;
  1213. text-align: center;
  1214. text-indent: -2000em;
  1215. height: 10px;
  1216. display: block;
  1217. overflow: hidden;
  1218. }
  1219.  
  1220. .progress_bar.limit span {
  1221. background: #b13c3c url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  1222. }
  1223.  
  1224. .progress_bar span span {
  1225. display: none;
  1226. }
  1227.  
  1228. .progress_bar.user_warn {
  1229. margin: 0 auto;
  1230. width: 80%;
  1231. }
  1232.  
  1233. .progress_bar.user_warn span {
  1234. height: 6px;
  1235. }
  1236.  
  1237. .progress_bar.topic_poll {
  1238. margin-top: 2px;
  1239. width: 40%;
  1240. }
  1241.  
  1242. li.rating a {
  1243. outline: 0;
  1244. }
  1245.  
  1246. .antispam_img { margin: 0 3px 5px 0; }
  1247.  
  1248. span.error {
  1249. color: #ad2930;
  1250. font-weight: bold;
  1251. clear: both;
  1252. }
  1253.  
  1254. #recaptcha_widget_div { max-width: 350px; }
  1255. #recaptcha_table { border: 0 !important; }
  1256.  
  1257. /************************************************************************/
  1258. /* GENERIC REPEATED STYLES */
  1259. /* Inline lists */
  1260. .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {
  1261. display: inline;
  1262. }
  1263.  
  1264. /* Utility styles */
  1265. .right { float: right; }
  1266. .left { float: left; }
  1267. .hide { display: none; }
  1268. .short { text-align: center; }
  1269. .clear { clear: both; }
  1270. .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; overflow: hidden;}
  1271. .faded { opacity: 0.5 }
  1272. .clickable { cursor: pointer; }
  1273. .reset_cursor { cursor: default; }
  1274.  
  1275. /* Bullets */
  1276. .bullets ul, .bullets ol,
  1277. ul.bullets, ol.bullets {
  1278. list-style: disc;
  1279. margin-left: 30px;
  1280. line-height: 150%;
  1281. list-style-image: none;
  1282. }
  1283.  
  1284. .bullets li{ padding: 2px; }
  1285.  
  1286. /* Rounded corners */
  1287. #user_navigation #new_msg_count, .rounded {
  1288. -moz-border-radius: 3px;
  1289. -webkit-border-radius: 3px;
  1290. border-radius: 3px;
  1291. }
  1292.  
  1293. .desc, .desc.blend_links a, p.posted_info {
  1294. font-size: 11px;
  1295. color: #898989;
  1296. }
  1297.  
  1298. .desc.lighter, .desc.lighter.blend_links a {
  1299. color: #646464;
  1300. }
  1301.  
  1302. /* Cancel */
  1303. .cancel {
  1304. font-size: 0.9em;
  1305. font-weight: bold;
  1306. }
  1307.  
  1308. .cancel, .cancel:hover{
  1309. color: #ad2930;
  1310. }
  1311.  
  1312. /* Moderation */
  1313. em.moderated {
  1314. font-size: 11px;
  1315. font-style: normal;
  1316. font-weight: bold;
  1317. }
  1318.  
  1319. /* Positive/Negative */
  1320. .positive { color: #6f8f52; }
  1321. .negative { color: #c7172b; }
  1322.  
  1323. /* Search highlighting */
  1324. .searchlite
  1325. {
  1326. background-color: yellow;
  1327. color: red;
  1328. font-size:14px;
  1329. }
  1330.  
  1331. /* Users posting */
  1332. .activeuserposting {
  1333. font-style: italic;
  1334. }
  1335.  
  1336. /************************************************************************/
  1337. /* COLUMN WIDTHS FOR TABLES */
  1338. /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */
  1339.  
  1340. .col_f_post { width: 250px !important; }
  1341. .is_mod .col_f_post { width: 210px !important; }
  1342.  
  1343. td.col_c_post {
  1344. padding-top: 10px !important;
  1345. width: 250px;
  1346. }
  1347.  
  1348. .col_f_icon {
  1349. padding: 0 0 0 3px !important;
  1350. width: 24px !important;
  1351. text-align: center;
  1352. vertical-align: middle;
  1353. }
  1354.  
  1355. .col_n_icon {
  1356. vertical-align: middle;
  1357. width: 24px;
  1358. padding: 0 !important;
  1359. }
  1360.  
  1361. .col_f_views, .col_m_replies {
  1362. width: 100px !important;
  1363. text-align: right;
  1364. white-space: nowrap;
  1365. }
  1366.  
  1367. .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
  1368. .col_f_preview {
  1369. width: 20px !important;
  1370. text-align: right;
  1371. }
  1372.  
  1373. .col_c_icon { padding: 10px 2px 10px 8px !important; width: 33px; vertical-align: middle; }
  1374. .col_c_post .ipsUserPhoto { margin-top: 3px; }
  1375.  
  1376. .col_n_date { width: 250px; }
  1377. .col_m_photo, .col_n_photo { width: 30px; }
  1378. .col_m_mod { text-align: right; }
  1379. .col_r_icon { width: 3%; }
  1380. .col_f_topic, .col_m_subject { width: 49%; }
  1381. .col_f_starter, .col_r_total, .col_r_comments { width: 10%; }
  1382. .col_m_date, .col_r_updated, .col_r_section { width: 18%; }
  1383. .col_c_stats { width: 15%; text-align: right; }
  1384. .col_c_forum { width: auto; }
  1385. .col_mod, .col_r_mod { width: 3%; }
  1386. .col_r_title { width: 26%; }
  1387.  
  1388. /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/
  1389.  
  1390. /************************************************************************/
  1391. /* TABLE STYLES */
  1392.  
  1393. table.ipb_table {
  1394. width: 100%;
  1395. line-height: 1.3;
  1396. }
  1397.  
  1398. table.ipb_table td {
  1399. padding: 10px;
  1400. }
  1401.  
  1402. table.ipb_table tr.unread h4 { font-weight: bold; }
  1403. table.ipb_table tr.highlighted td { border-bottom: 0; }
  1404.  
  1405. table.ipb_table th {
  1406. font-size: 11px;
  1407. font-weight: bold;
  1408. padding: 8px 6px;
  1409. }
  1410.  
  1411. .last_post { margin-left: 45px; }
  1412. .last_post, .col_c_stats, .col_f_views, .line_height, .ipsList_withminiphoto .list_content{ line-height: 18px; }
  1413. #user_notifications_link_menucontent .list_content{ line-height: 130%; }
  1414. .col_c_post .ipsUserPhotoLink{ margin-top: -1px; }
  1415. .forum_desc{ padding-top: 5px; }
  1416.  
  1417. table.ipb_table h4,
  1418. table.ipb_table .topic_title {
  1419. font-size: 12px;
  1420. display: inline-block;
  1421. }
  1422.  
  1423. table.ipb_table .unread .topic_title { font-weight: bold; }
  1424. table.ipb_table .ipsModMenu { visibility: hidden; }
  1425. table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }
  1426.  
  1427. #announcements h4 { display: inline; }
  1428. #announcements td { }
  1429. .announcement img{ margin-right: 4px; }
  1430.  
  1431. .forum_data {
  1432. font-size: 11px;
  1433. color: #5c5c5c;
  1434. display: inline-block;
  1435. white-space: nowrap;
  1436. margin: 0px 0 0 8px;
  1437. }
  1438.  
  1439. .desc_more {
  1440. background: url('{style_images_url}/desc_more.png') no-repeat top;
  1441. display: inline-block;
  1442. width: 13px; height: 13px;
  1443. text-indent: -2000em;
  1444. }
  1445. .desc_more:hover { background-position: bottom; }
  1446.  
  1447. .category_block .ipb_table h4 { /*font-size: 15px; word-wrap: break-word;*/ }
  1448.  
  1449. table.ipb_table .subforums {
  1450. margin: 7px 0 3px 0px;
  1451. overflow: hidden;
  1452. }
  1453.  
  1454. table.ipb_table .subforums li{
  1455. background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;
  1456. padding: 0 15px 0 15px;
  1457. margin: 0;
  1458. float: left;
  1459. }
  1460.  
  1461. table.ipb_table .subforums li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
  1462.  
  1463. table.ipb_table .expander {
  1464. visibility: hidden;
  1465. width: 16px;
  1466. height: 16px;
  1467. display: inline-block;
  1468. }
  1469. table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }
  1470. table.ipb_table td.col_f_preview { cursor: pointer; }
  1471. table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }
  1472. table.ipb_table .expander.closed { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 0; }
  1473. table.ipb_table .expander.open { background: url('{style_images_url}/icon_expand_close.png') no-repeat 0 -19px; }
  1474. table.ipb_table .expander.loading { background: url('{style_images_url}/loading.gif') no-repeat; }
  1475. table.ipb_table .preview td {
  1476. padding: 20px 10px 20px 29px;
  1477. z-index: 20000;
  1478. border-top: 0;
  1479. }
  1480.  
  1481. table.ipb_table .preview td > div {
  1482. line-height: 1.4;
  1483. position: relative;
  1484. }
  1485.  
  1486. table.ipb_table .preview td {
  1487. -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1488. -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1489. box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1490. }
  1491.  
  1492. .preview_col {
  1493. margin-left: 80px;
  1494. }
  1495.  
  1496. .preview_info {
  1497. padding: 5px;
  1498. background: rgba(0,0,0,0.08);
  1499. margin: -3px 0 3px;
  1500. }
  1501.  
  1502. table.ipb_table .mini_pagination { opacity: 0.5; }
  1503. table.ipb_table tr:hover .mini_pagination { opacity: 1; }
  1504.  
  1505. /************************************************************************/
  1506. /* LAYOUT SYSTEM */
  1507.  
  1508. .ipsLayout.ipsLayout_withleft { padding-left: 210px; }
  1509. .ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }
  1510. .ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
  1511. .ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }
  1512. /* Panes */
  1513. .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
  1514. .ipsLayout_content { width: 100%; float: left; }
  1515. .ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
  1516. .ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }
  1517.  
  1518. /* Wider sidebars */
  1519. .ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
  1520. .ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
  1521. .ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -285px; }
  1522. .ipsLayout_largeright.ipsLayout_withright { padding-right: 285px; }
  1523. .ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
  1524. .ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 275px; margin-right: -285px; }
  1525.  
  1526. /* Narrow sidebars */
  1527. .ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
  1528. .ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
  1529. .ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
  1530. .ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
  1531. .ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }
  1532. .ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }
  1533.  
  1534. /* Tiny sidebar */
  1535. .ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
  1536. .ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
  1537. .ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -40px; }
  1538. .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
  1539. .ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
  1540. .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; }
  1541.  
  1542. /* Big sidebar */
  1543. .ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
  1544. .ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
  1545. .ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
  1546. .ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
  1547. .ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }
  1548. .ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }
  1549.  
  1550. /* Even Wider sidebars */
  1551. .ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
  1552. .ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }
  1553. .ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
  1554. .ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
  1555. .ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }
  1556. .ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }
  1557.  
  1558. /************************************************************************/
  1559. /* NEW FORMS */
  1560.  
  1561. .ipsField .ipsField_title {
  1562. font-weight: bold;
  1563. font-size: 12px;
  1564. line-height: 1.6;
  1565. }
  1566.  
  1567. .ipsForm_required {
  1568. color: #ab1f39;
  1569. font-weight: bold;
  1570. }
  1571.  
  1572. .ipsForm_horizontal .ipsField_title {
  1573. float: left;
  1574. width: 185px;
  1575. padding-right: 15px;
  1576. padding-top: 3px;
  1577. text-align: right;
  1578. line-height: 1.8;
  1579. }
  1580.  
  1581. .ipsForm_horizontal .ipsField { margin-bottom: 15px; }
  1582. .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
  1583. .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
  1584. .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }
  1585.  
  1586. .ipsForm_vertical .ipsField { margin-bottom: 10px; }
  1587. .ipsForm_vertical .ipsField_content { margin-top: 3px; }
  1588.  
  1589. .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
  1590. .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }
  1591.  
  1592. .ipsField_primary input { font-size: 18px; }
  1593.  
  1594. .ipsForm_submit {
  1595. padding: 5px 10px;
  1596. text-align: right;
  1597. margin-top: 25px;
  1598. }
  1599.  
  1600. .ipsForm_right { text-align: right; }
  1601. .ipsForm_left { text-align: left; }
  1602. .ipsForm_center { text-align: center; }
  1603.  
  1604. /************************************************************************/
  1605. /* SETTINGS SCREENS */
  1606. .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
  1607. .ipsSettings { padding: 0 0px; }
  1608. .ipsSettings_section {
  1609. margin: 0 0 15px 0;
  1610. padding: 15px 0 0 0;
  1611. }
  1612.  
  1613. .ipsSettings_section > div { margin-left: 175px; }
  1614. .ipsSettings_section > div ul li { margin-bottom: 10px; }
  1615. .ipsSettings_section .desc { margin-top: 3px; }
  1616.  
  1617. .ipsSettings_sectiontitle {
  1618. font: bold 13px Helvetica, Arial, sans-serif;
  1619. width: 165px;
  1620. padding-left: 10px;
  1621. line-height: 18px;
  1622. float: left;
  1623. }
  1624.  
  1625. .ipsSettings_fieldtitle {
  1626. min-width: 100px;
  1627. margin-right: 10px;
  1628. font-size: 14px;
  1629. display: inline-block;
  1630. vertical-align: top;
  1631. padding-top: 3px;
  1632. }
  1633.  
  1634. /************************************************************************/
  1635. /* TOOLTIPS */
  1636.  
  1637. .ipsTooltip { padding: 5px; z-index: 25000;}
  1638. .ipsTooltip_inner {
  1639. padding: 8px;
  1640. background: #333333;
  1641. border: 1px solid #333333;
  1642. color: #fff;
  1643. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1644. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1645. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1646. -moz-border-radius: 4px;
  1647. -webkit-border-radius: 4px;
  1648. border-radius: 4px;
  1649. font-size: 12px;
  1650. text-align: center;
  1651. max-width: 250px;
  1652. }
  1653. .ipsTooltip_inner a { color: #fff; }
  1654. .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
  1655. .ipsTooltip.top { background: url('{style_images_url}/stems/tooltip_top.png') no-repeat bottom center; }
  1656. .ipsTooltip.top_left { background-position: bottom left; }
  1657. .ipsTooltip.bottom { background: url('{style_images_url}/stems/tooltip_bottom.png') no-repeat top center; }
  1658. .ipsTooltip.left { background: url('{style_images_url}/stems/tooltip_left.png') no-repeat center right; }
  1659. .ipsTooltip.right { background: url('{style_images_url}/stems/tooltip_right.png') no-repeat center left; }
  1660.  
  1661. /************************************************************************/
  1662. /* AlertFlag */
  1663.  
  1664. .ipsHasNotifications {
  1665. padding: 0px 4px;
  1666. height: 12px;
  1667. line-height: 12px;
  1668. background: #cf2020;
  1669. color: #fff !important;
  1670. font-size: 9px;
  1671. text-align: center;
  1672. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1673. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1674. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1675. -moz-border-radius: 2px;
  1676. -webkit-border-radius: 2px;
  1677. border-radius: 2px;
  1678. position: absolute;
  1679. top: 4px;
  1680. left: 3px;
  1681. }
  1682.  
  1683. .ipsHasNotifications_blank { display: none; }
  1684. #chat-tab-count.ipsHasNotifications { left: auto; top: 3px; right: 3px; text-shadow: none !important; }
  1685.  
  1686. /************************************************************************/
  1687. /* SIDEBAR STYLE */
  1688.  
  1689. .ipsSideMenu { padding: 10px 0; }
  1690. .ipsSideMenu h4 {
  1691. margin: 0 10px 5px 25px;
  1692. font-weight: bold;
  1693. color: #dddddd;
  1694. }
  1695.  
  1696. .ipsSideMenu ul {
  1697. margin-bottom: 20px;
  1698. }
  1699.  
  1700. .ipsSideMenu ul li {
  1701. font-size: 11px;
  1702. }
  1703.  
  1704. .ipsSideMenu ul li a {
  1705. padding: 5px 10px 5px 25px;
  1706. display: block;
  1707. }
  1708.  
  1709. .ipsSideMenu ul li a:hover{
  1710. background-color: rgba(0,0,0,0.03);
  1711. }
  1712.  
  1713. .ipsSideMenu ul li.active a {
  1714. background: #282828 url('{style_images_url}/icon_check_white.png') no-repeat 6px 8px;
  1715. color: #fff;
  1716. font-weight: bold;
  1717. }
  1718.  
  1719. /***************************************************************************/
  1720. /* WIZARDS */
  1721.  
  1722. .ipsSteps {
  1723. background: #2a2a2a;
  1724. border: 1px solid #515151;
  1725. height: 55px;
  1726. -webkit-border-radius: 3px;
  1727. -moz-border-radius: 3px;
  1728. border-radius: 3px;
  1729. }
  1730.  
  1731. .ipsSteps li:first-child{
  1732. -webkit-border-top-left-radius: 3px;
  1733. -webkit-border-bottom-left-radius: 3px;
  1734. -moz-border-radius: 3px 0px 0px 3px;
  1735. border-radius: 3px 0px 0px 3px;
  1736. }
  1737.  
  1738. .ipsSteps ul li {
  1739. float: left;
  1740. padding: 11px 33px 5px 18px;
  1741. color: #c3c3c3;
  1742. background-image: url('{style_images_url}/wizard_step.png');
  1743. background-repeat: no-repeat;
  1744. background-position: 100% -56px;
  1745. position: relative;
  1746. height: 39px;
  1747. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  1748. }
  1749.  
  1750. .ipsSteps .ipsSteps_active {
  1751. background-position: 100% 0;
  1752. color: #fff;
  1753. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  1754. }
  1755.  
  1756. .ipsSteps .ipsSteps_done { }
  1757. .ipsSteps_desc { font-size: 11px; }
  1758. .ipsSteps_arrow { display: none; }
  1759.  
  1760. .ipsSteps_title {
  1761. display: block;
  1762. font-size: 14px;
  1763. padding-bottom: 4px;
  1764. }
  1765.  
  1766. .ipsSteps_active .ipsSteps_arrow {
  1767. display: block;
  1768. position: absolute;
  1769. left: -23px;
  1770. top: 0;
  1771. width: 23px;
  1772. height: 55px;
  1773. background: url('{style_images_url}/wizard_step.png') no-repeat 0 -112px;
  1774. }
  1775.  
  1776. .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; }
  1777.  
  1778. /************************************************************************/
  1779. /* VERTICAL TABS (profile etc.) */
  1780.  
  1781. .ipsVerticalTabbed { }
  1782.  
  1783. .ipsVerticalTabbed_content {
  1784. min-height: 400px;
  1785. }
  1786.  
  1787. .ipsVerticalTabbed_tabs > ul {
  1788. width: 149px !important;
  1789. margin-top: 10px;
  1790. border-top: 1px solid #393939;
  1791. border-left: 1px solid #393939;
  1792. }
  1793.  
  1794. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
  1795.  
  1796. .ipsVerticalTabbed_tabs li {
  1797. background: #242424;
  1798. color: #808080;
  1799. border-bottom: 1px solid #393939;
  1800. font-size: 12px;
  1801. }
  1802.  
  1803. .ipsVerticalTabbed_tabs li a {
  1804. display: block;
  1805. padding: 10px 8px;
  1806. outline: 0;
  1807. color: #8d8d8d;
  1808. }
  1809.  
  1810. .ipsVerticalTabbed_tabs li a:hover {
  1811. background: #292929;
  1812. color: #c9c9c9;
  1813. }
  1814.  
  1815. .ipsVerticalTabbed_tabs li.active a {
  1816. width: 135px;
  1817. position: relative;
  1818. z-index: 8000;
  1819. background: #292929;
  1820. color: #fff;
  1821. font-weight: bold;
  1822. }
  1823.  
  1824. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
  1825. width: 24px;
  1826. }
  1827.  
  1828. /************************************************************************/
  1829. /* 'LIKE' FUNCTIONS */
  1830.  
  1831. .ipsLikeBar { margin: 10px 0; font-size: 11px; }
  1832.  
  1833. .ipsLikeBar_info {
  1834. line-height: 22px;
  1835. background: #4d4d4d;
  1836. padding: 0 10px;
  1837. display: inline-block;
  1838. -moz-border-radius: 2px;
  1839. -webkit-border-radius: 2px;
  1840. border-radius: 2px;
  1841. }
  1842.  
  1843. .ipsLikeButton {
  1844. line-height: 22px;
  1845. padding: 0 7px 0 26px;
  1846. font-size: 11px;
  1847. display: inline-block;
  1848. -moz-border-radius: 2px;
  1849. -webkit-border-radius: 2px;
  1850. border-radius: 2px;
  1851. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  1852. color: #fff !important;
  1853. }
  1854. .ipsLikeButton:hover { color: #fff !important; }
  1855.  
  1856. .ipsLikeButton.ipsLikeButton_enabled {
  1857. background: #424242 url('{style_images_url}/like_button.png') no-repeat 0 0;
  1858. /*border: 1px solid #bcbcbc;*/
  1859. }
  1860.  
  1861. .ipsLikeButton.ipsLikeButton_disabled {
  1862. background: #6c6c6c url('{style_images_url}/like_button.png') no-repeat 0 -23px;
  1863. /*border: 1px solid #a4a4a4;*/
  1864. }
  1865.  
  1866. /************************************************************************/
  1867. /* TAG LIST */
  1868.  
  1869. .ipsTag {
  1870. display: inline-block;
  1871. background: url('{style_images_url}/tag_bg.png');
  1872. height: 20px;
  1873. line-height: 20px;
  1874. padding: 0 7px 0 15px;
  1875. margin: 5px 5px 0 0;
  1876. font-size: 11px;
  1877. color: #fff !important;
  1878. text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  1879. -moz-border-radius: 0 3px 3px 0;
  1880. -webkit-border-top-right-radius: 3px;
  1881. -webkit-border-bottom-right-radius: 3px;
  1882. border-radius: 0 3px 3px 0;
  1883. }
  1884.  
  1885. /************************************************************************/
  1886. /* TAG EDITOR STYLES */
  1887.  
  1888. .ipsTagBox_wrapper {
  1889. min-height: 18px;
  1890. width: 350px;
  1891. line-height: 1.3;
  1892. display: inline-block;
  1893. margin-bottom: 3px;
  1894. }
  1895.  
  1896. .ipsTagBox_hiddeninput { background: none transparent; color: #fff; }
  1897. .ipsTagBox_hiddeninput.inactive {
  1898. font-size: 11px;
  1899. min-width: 200px;
  1900. }
  1901.  
  1902. .ipsTagBox_wrapper input { border: 0px; outline: 0; }
  1903. .ipsTagBox_wrapper li { display: inline-block; }
  1904.  
  1905. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
  1906. background: #d7d7d7;
  1907. border-color: #e9e9e9;
  1908. color: #222;
  1909. text-shadow: none;
  1910. }
  1911.  
  1912. .ipsTagBox_tag {
  1913. padding: 2px 1px 2px 4px;
  1914. background: #4d4d4d;
  1915. border: 1px solid #595959;
  1916. margin: 0 3px 2px 0;
  1917. font-size: 11px;
  1918. -moz-border-radius: 2px;
  1919. -webkit-border-radius: 2px;
  1920. border-radius: 2px;
  1921. cursor: pointer;
  1922. }
  1923.  
  1924. .ipsTagBox_tag:hover {
  1925. border-color: #646464;
  1926. }
  1927.  
  1928. .ipsTagBox_tag.selected {
  1929. background: #797979 !important;
  1930. border-color: #a1a1a1 !important;
  1931. color: #fff !important;
  1932. }
  1933.  
  1934. .ipsTagBox_closetag {
  1935. margin-left: 2px;
  1936. display: inline-block;
  1937. padding: 0 3px;
  1938. color: #c7c7c7;
  1939. font-weight: bold;
  1940. }
  1941. .ipsTagBox_closetag:hover { color: #454545; }
  1942. .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
  1943. .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; }
  1944. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #444; }
  1945. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #111; }
  1946.  
  1947. .ipsTagBox_addlink {
  1948. font-size: 10px;
  1949. margin-left: 3px;
  1950. outline: 0;
  1951. }
  1952.  
  1953. .ipsTagBox_dropdown {
  1954. height: 100px;
  1955. overflow: scroll;
  1956. background: #fff;
  1957. border: 1px solid #dddddd;
  1958. -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1959. -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1960. box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1961. z-index: 16000;
  1962. }
  1963.  
  1964. .ipsTagBox_dropdown li {
  1965. padding: 4px;
  1966. font-size: 12px;
  1967. cursor: pointer;
  1968. }
  1969. .ipsTagBox_dropdown li:hover {
  1970. background: #dbf3ff;
  1971. color: #003b71;
  1972. }
  1973.  
  1974. /************************************************************************/
  1975. /* TAG CLOUD */
  1976. .ipsTagWeight_1 { opacity: 1.0; }
  1977. .ipsTagWeight_2 { opacity: 0.9; }
  1978. .ipsTagWeight_3 { opacity: 0.8; }
  1979. .ipsTagWeight_4 { opacity: 0.7; }
  1980. .ipsTagWeight_5 { opacity: 0.6; }
  1981. .ipsTagWeight_6 { opacity: 0.5; }
  1982. .ipsTagWeight_7 { opacity: 0.4; }
  1983. .ipsTagWeight_8 { opacity: 0.3; }
  1984.  
  1985. /************************************************************************/
  1986. /* NEW FILTER BAR */
  1987.  
  1988. .ipsFilterbar li {
  1989. margin: 0px 15px 0px 0;
  1990. font-size: 11px;
  1991. }
  1992.  
  1993. .ipsFilterbar li a {
  1994. color: #fff;
  1995. opacity: 0.5;
  1996. text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
  1997. -webkit-transition: all 0.3s ease-in-out;
  1998. -moz-transition: all 0.3s ease-in-out;
  1999. }
  2000.  
  2001. .ipsFilterbar.bar.altbar li a { color: #244156; text-shadow: none; opacity: .8; }
  2002.  
  2003. .ipsFilterbar:hover li a { opacity: 0.8; }
  2004.  
  2005. .ipsFilterbar li a:hover {
  2006. color: #fff;
  2007. opacity: 1;
  2008. }
  2009.  
  2010. .ipsFilterbar li.active { opacity: 1; }
  2011.  
  2012. .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
  2013. background: url('{style_images_url}/trans30.png') repeat;
  2014. background: rgba(0,0,0,0.3);
  2015. opacity: 1;
  2016. color: #fff;
  2017. padding: 4px 10px;
  2018. font-weight: bold;
  2019. -moz-border-radius: 10px;
  2020. -webkit-border-radius: 10px !important;
  2021. border-radius: 10px;
  2022. -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  2023. -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  2024. box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
  2025. }
  2026.  
  2027. /************************************************************************/
  2028. /* POSTING FORM STYLES */
  2029. /* Additional form styles for posting forms */
  2030.  
  2031. .ipsPostForm { }
  2032.  
  2033. .ipsPostForm.ipsLayout_withright {
  2034. padding-right: 260px !important;
  2035. }
  2036.  
  2037. .ipsPostForm .ipsLayout_content {
  2038. z-index: 900;
  2039. -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2040. -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2041. box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  2042. float: none;
  2043. }
  2044.  
  2045. .ipsPostForm .ipsLayout_right {
  2046. width: 250px;
  2047. margin-right: -251px;
  2048. border-left: 0;
  2049. z-index: 800;
  2050. }
  2051.  
  2052. .ipsPostForm_sidebar{ margin-top: 8px; }
  2053.  
  2054. .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {
  2055. background-image: url('{style_images_url}/folder_closed.png');
  2056. background-repeat: no-repeat;
  2057. background-position: 10px 9px;
  2058. padding-left: 26px;
  2059. margin-bottom: 2px;
  2060. }
  2061.  
  2062. /************************************************************************/
  2063. /* MEMBER LIST STYLES */
  2064. .ipsMemberList .ipsButton_secondary { opacity: 0.3; }
  2065. .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
  2066. .ipsMemberList li .reputation { margin: 5px 10px 0 0; }
  2067. .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
  2068. .ipsMemberList li .rating { display: inline; }
  2069.  
  2070. /************************************************************************/
  2071. /* COMMENT STYLES */
  2072. .ipsComment_wrap { margin-top: 10px; }
  2073. .border > .ipsComment_wrap, .ipsBox_container > .ipsComment_wrap{ margin: 0; }
  2074. .ipsComment_wrap .ipsLikeBar { margin: 0; }
  2075. .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }
  2076.  
  2077. .ipsComment {
  2078. padding: 10px;
  2079. }
  2080.  
  2081. .ipsComment_author, .ipsComment_reply_user {
  2082. width: 160px;
  2083. text-align: right;
  2084. padding: 0 10px;
  2085. float: left;
  2086. line-height: 1.3;
  2087. }
  2088.  
  2089. .ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }
  2090.  
  2091. .ipsComment_comment {
  2092. margin-left: 190px !important;
  2093. line-height: 1.5;
  2094. }
  2095.  
  2096. .ipsComment_comment > div { min-height: 33px; }
  2097.  
  2098. .ipsComment_controls { margin-top: 10px; }
  2099. .ipsComment_controls > li { opacity: 0.2; }
  2100. .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }
  2101.  
  2102. /************************************************************************/
  2103. /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
  2104. .ipsFloatingAction {
  2105. position: fixed;
  2106. right: 10px;
  2107. bottom: 10px;
  2108. padding: 10px;
  2109. z-index: 15000;
  2110. border: 4px solid #464646;
  2111. border: 4px solid rgba(0,0,0,0.75);
  2112. -moz-border-radius: 5px;
  2113. -webkit-border-radius: 5px;
  2114. border-radius: 5px;
  2115. -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2116. -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2117. box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  2118. }
  2119.  
  2120. /************************************************************************/
  2121. /* FORM STYLES */
  2122.  
  2123. body#ipboard_body fieldset.submit,
  2124. body#ipboard_body p.submit {
  2125. padding: 15px 6px 15px 6px;
  2126. text-align: center;
  2127. }
  2128.  
  2129. .iframe{ outline: none; }
  2130.  
  2131. .input_text, .ipsTagBox_wrapper, textarea {
  2132. padding: 6px;
  2133. border: 1px solid #434343;
  2134. background: #363636;
  2135. color: #b7b7b7;
  2136. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  2137. -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
  2138. -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
  2139. box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
  2140. }
  2141.  
  2142. textarea:focus, .input_text:focus {
  2143. outline: none;
  2144. background-color: #4b4b4b;
  2145. color: #f8f8f8;
  2146. border-color: #797979;
  2147. }
  2148.  
  2149. input.inactive, select.inactive, textarea.inactive { color: #939393; }
  2150.  
  2151. .input_text.error {
  2152. background: #883939;
  2153. border-color: #a95858;
  2154. color: #fff;
  2155. -webkit-box-shadow: none;
  2156. -moz-box-shadow: none;
  2157. box-shadow: none;
  2158. }
  2159. .input_text.accept {
  2160. background: #768d3d;
  2161. border-color: #8ca54d;
  2162. color: #fff;
  2163. -webkit-box-shadow: none;
  2164. -moz-box-shadow: none;
  2165. box-shadow: none;
  2166. }
  2167.  
  2168. input:-webkit-input-placeholder { color: #939393; }
  2169. input:-moz-placeholder { color: #939393; }
  2170.  
  2171. .input_submit {
  2172. text-decoration: none;
  2173. border-width: 1px;
  2174. border-style: solid;
  2175. border: 0;
  2176. padding: 5px 11px;
  2177. cursor: pointer;
  2178. }
  2179.  
  2180. a.input_submit{
  2181. padding: 7px 11px;
  2182. display: inline-block;
  2183. }
  2184.  
  2185. .input_submit.alt {
  2186. text-decoration: none;
  2187. }
  2188.  
  2189. p.field {
  2190. padding: 15px;
  2191. }
  2192.  
  2193. li.field {
  2194. padding: 5px;
  2195. margin-left: 5px;
  2196. }
  2197.  
  2198. li.field label,
  2199. li.field span.desc {
  2200. display: block;
  2201. }
  2202.  
  2203. li.field.error {
  2204. color: #ad2930;
  2205. }
  2206.  
  2207. li.field.error label {
  2208. font-weight: bold;
  2209. }
  2210.  
  2211. li.field.checkbox, li.field.cbox {
  2212. margin-left: 0;
  2213. }
  2214.  
  2215. li.field.checkbox .input_check,
  2216. li.field.checkbox .input_radio,
  2217. li.field.cbox .input_check,
  2218. li.field.cbox .input_radio {
  2219. margin-right: 10px;
  2220. vertical-align: middle;
  2221. }
  2222.  
  2223. li.field.checkbox label,
  2224. li.field.cbox label {
  2225. width: auto;
  2226. float: none;
  2227. display: inline;
  2228. }
  2229.  
  2230. li.field.checkbox p,
  2231. li.field.cbox p {
  2232. position: relative;
  2233. left: 245px;
  2234. display: block;
  2235. }
  2236.  
  2237. li.field.checkbox span.desc,
  2238. li.field.cbox span.desc {
  2239. padding-left: 27px;
  2240. margin-left: auto;
  2241. display: block;
  2242. }
  2243.  
  2244. /************************************************************************/
  2245. /* MESSAGE STYLES */
  2246.  
  2247. .message {
  2248. background: #424242 url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
  2249. padding: 10px;
  2250. border: 1px solid #bcbcbc;
  2251. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  2252. line-height: 1.6;
  2253. font-size: 12px;
  2254. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2255. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2256. box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
  2257. }
  2258.  
  2259. .message,
  2260. .message a,
  2261. .message h3{
  2262. color: #eff6dd;
  2263. }
  2264.  
  2265. .message h3 {
  2266. padding: 0;
  2267. }
  2268.  
  2269. .message.error {
  2270. background-color: #872d2d;
  2271. border-color: #c15050;
  2272. }
  2273.  
  2274. .message.error,
  2275. .message.error a,
  2276. .message.error h3{
  2277. color: #f6dddd;
  2278. }
  2279.  
  2280. .message.error.usercp {
  2281. background-image: none;
  2282. padding: 4px;
  2283. float: right;
  2284. }
  2285.  
  2286. .message.unspecific {
  2287. background-color: #292929;
  2288. border-color: #393939;
  2289. margin: 0 0 10px 0;
  2290. clear: both;
  2291. }
  2292.  
  2293. .message.unspecific,
  2294. .message.unspecific a,
  2295. .message.unspecific h3{
  2296. color: #ededed;
  2297. }
  2298.  
  2299. .message a{ text-decoration: underline; }
  2300.  
  2301. /************************************************************************/
  2302. /* MENU & POPUP STYLES */
  2303.  
  2304. .ipbmenu_content, .ipb_autocomplete {
  2305. min-width: 85px;
  2306. z-index: 2000;
  2307. }
  2308.  
  2309. .ipbmenu_content{ white-space: nowrap; }
  2310.  
  2311. .ipbmenu_content li:last-child {
  2312. border-bottom: 0;
  2313. padding-bottom: 0px;
  2314. }
  2315.  
  2316. .ipbmenu_content li:first-child { padding-top: 0px; }
  2317. .ipbmenu_content.with_checks a { padding-left: 26px; }
  2318. .ipbmenu_content a .icon { margin-right: 10px; }
  2319. .ipbmenu_content a {
  2320. text-decoration: none;
  2321. text-align: left;
  2322. display: block;
  2323. padding: 6px 10px;
  2324. }
  2325. .ipbmenu_content.with_checks li.selected a {
  2326. background-image: url('{style_images_url}/icon_check.png');
  2327. background-repeat: no-repeat;
  2328. background-position: 7px 10px;
  2329. }
  2330.  
  2331. .popupWrapper {
  2332. background: url('{style_images_url}/trans60.png') repeat;
  2333. background: rgba(0,0,0,0.6);
  2334. padding: 8px;
  2335. -webkit-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
  2336. -moz-box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
  2337. box-shadow: rgba(0,0,0,0.5) 0px 10px 20px;
  2338. -moz-border-radius: 5px;
  2339. -webkit-border-radius: 5px;
  2340. border-radius: 5px;
  2341. }
  2342.  
  2343. .popupInner {
  2344. width: 500px;
  2345. overflow: auto;
  2346. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2347. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2348. box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  2349. overflow-x: hidden;
  2350. }
  2351.  
  2352. .popupInner.black_mode {
  2353. background: #000;
  2354. color: #eee;
  2355. border: 3px solid #626262;
  2356. }
  2357.  
  2358. .popupInner.warning_mode {
  2359. border: 3px solid #7D1B1B;
  2360. }
  2361.  
  2362. .popupInner h3 {
  2363. border-bottom: 1px solid #2a2a2a;
  2364. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  2365. background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2366. padding: 8px 10px 9px;
  2367. font-size: 16px;
  2368. font-weight: 300;
  2369. }
  2370.  
  2371. .popupInner h3 a { color: #fff; }
  2372.  
  2373. .popupInner.black_mode h3 {
  2374. background-color: #595959;
  2375. color: #ddd;
  2376. }
  2377.  
  2378. .popupInner.warning_mode h3 {
  2379. background-color: #7D1B1B;
  2380. padding-top: 6px;
  2381. padding-bottom: 6px;
  2382. color: #fff;
  2383. }
  2384.  
  2385. .popupClose {
  2386. position: absolute;
  2387. right: 20px;
  2388. top: 20px;
  2389. }
  2390.  
  2391. .popupClose.light_close_button {
  2392. background: transparent url('{style_images_url}/close_popup_light.png') no-repeat top left;
  2393. opacity: 0.8;
  2394. width: 13px;
  2395. height: 13px;
  2396. top: 17px;
  2397. }
  2398.  
  2399. .popupClose.light_close_button img {
  2400. display: none;
  2401. }
  2402.  
  2403. .popup_footer {
  2404. padding: 15px;
  2405. position: absolute;
  2406. bottom: 0px;
  2407. right: 0px;
  2408. }
  2409.  
  2410. .popup_body {
  2411. padding: 10px;
  2412. }
  2413.  
  2414. .stem {
  2415. width: 31px;
  2416. height: 16px;
  2417. position: absolute;
  2418. }
  2419.  
  2420. .stem.topleft { background-image: url('{style_images_url}/stems/topleft.png'); }
  2421. .stem.topright { background-image: url('{style_images_url}/stems/topright.png'); }
  2422. .stem.bottomleft { background-image: url('{style_images_url}/stems/bottomleft.png'); }
  2423. .stem.bottomright { background-image: url('{style_images_url}/stems/bottomright.png'); }
  2424.  
  2425. .modal {
  2426. background-color: #3e3e3e;
  2427. }
  2428.  
  2429. .userpopup h3 { font-size: 17px; }
  2430. .userpopup h3, .userpopup .side + div { padding-left: 110px; }
  2431. .userpopup .side { position: absolute; margin-top: -40px; }
  2432. .userpopup .side .ipsButton_secondary {
  2433. display: block;
  2434. text-align: center;
  2435. margin-top: 5px;
  2436. max-width: 75px;
  2437. height: auto;
  2438. line-height: 1;
  2439. padding: 5px 10px;
  2440. white-space: normal;
  2441. }
  2442. .userpopup .user_controls { text-align: left; }
  2443. .userpopup .user_status { padding: 5px; margin-bottom: 5px; }
  2444. .userpopup .reputation {
  2445. display: block;
  2446. text-align: center;
  2447. margin-top: 5px;
  2448. }
  2449.  
  2450. .userpopup {
  2451. overflow: hidden;
  2452. position: relative;
  2453. font-size: 0.9em;
  2454. min-height: 200px;
  2455. }
  2456.  
  2457. .userpopup dl {
  2458. padding-bottom: 10px;
  2459. margin-bottom: 4px;
  2460. }
  2461.  
  2462. .info dt {
  2463. float: left;
  2464. font-weight: bold;
  2465. padding: 3px 6px;
  2466. clear: both;
  2467. width: 30%;
  2468. }
  2469.  
  2470. .info dd {
  2471. padding: 3px 6px;
  2472. width: 60%;
  2473. margin-left: 35%;
  2474. }
  2475.  
  2476. /************************************************************************/
  2477. /* BUTTONS STYLES */
  2478.  
  2479. .topic_buttons li {
  2480. float: right;
  2481. margin: 0 0 10px 10px;
  2482. }
  2483.  
  2484. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
  2485. .topic_buttons li a, .topic_buttons li span, .ipsButton {
  2486. background: #424242 repeat-x 0 0;
  2487.  
  2488. color: #fff;
  2489. text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  2490. font: bold 12px/1.3 Tahoma, Helvetica, Arial, sans-serif;
  2491. line-height: 32px;
  2492. height: 32x;
  2493. padding: 0 11px;
  2494. text-align: center;
  2495. min-width: 125px;
  2496. display: inline-block;
  2497. cursor: pointer;
  2498.  
  2499. }
  2500.  
  2501. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
  2502. background: #8b1515 url('{style_images_url}/highlight_faint.png') repeat-x 0 0 !important;
  2503. /*border-color: #790f0f;*/
  2504. }
  2505.  
  2506. .topic_buttons li a:hover, .ipsButton:hover { background-color: #494949; color: #fff; }
  2507.  
  2508. .topic_buttons li a:active, .ipsButton:active{
  2509. position: relative;
  2510. top: 1px;
  2511. /*-webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
  2512. -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;
  2513. box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px;*/
  2514. }
  2515.  
  2516. .topic_buttons li.non_button a {
  2517. background: transparent !important;
  2518. background-color: transparent !important;
  2519. border: 0;
  2520. box-shadow: none !important;
  2521. -moz-box-shadow: none !important;
  2522. -webkit-box-shadow: none !important;
  2523. text-shadow: none;
  2524. min-width: 0px;
  2525. color: #777777;
  2526. font-weight: normal;
  2527. padding-top: 1px;
  2528. padding-bottom: 1px;
  2529. }
  2530.  
  2531. .topic_buttons li.non_button a:active{ top: 0; }
  2532.  
  2533. .topic_buttons li.disabled a, .topic_buttons li.disabled span {
  2534. background: #191919 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2535. box-shadow: none;
  2536. -moz-box-shadow: none;
  2537. -webkit-box-shadow: none;
  2538. text-shadow: none;
  2539. border: 0;
  2540. font-weight: 300;
  2541. color: #666666;
  2542. }
  2543.  
  2544. .topic_buttons li span { cursor: default !important; }
  2545.  
  2546. .ipsButton_secondary,
  2547. .bbc_spoiler_show,
  2548. .user_controls li a{
  2549. height: 26px;
  2550. line-height: 26px;
  2551. font-size: 11px;
  2552. padding: 0 10px;
  2553. border: 0;
  2554. background: #393939 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  2555. /*border: 1px solid #d0d0d0;*/
  2556. /*-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
  2557. -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
  2558. box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;*/
  2559. -moz-border-radius: 2px;
  2560. -webkit-border-radius: 2px;
  2561. border-radius: 2px;
  2562. color: #fff;
  2563. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  2564. display: inline-block;
  2565. white-space: nowrap;
  2566. cursor: pointer;
  2567. }
  2568. .ipsButton_secondary a { color: #fff; }
  2569. .ipsButton_secondary:hover,
  2570. .bbc_spoiler_show:hover,
  2571. .user_controls li a:hover{
  2572. color: #fff;
  2573. background-color: #434343;
  2574. }
  2575.  
  2576. .ipsButton_secondary.important {
  2577. background: #ae3232 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  2578. /*border: 1px solid #a22c2c;*/
  2579. color: #fbf4f4;
  2580. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  2581. -webkit-box-shadow: none;
  2582. -moz-box-shadow: none;
  2583. box-shadow: none;
  2584. }
  2585. .ipsButton_secondary.important a { color: #fbf4f4; }
  2586. .ipsButton_secondary.important a:hover,
  2587. a.ipsButton_secondary.important:hover{
  2588. color: #fff;
  2589. background-color: #bb3c3c;
  2590. }
  2591.  
  2592. .ipsButton_secondary:active{
  2593. /*-webkit-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
  2594. -moz-box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;
  2595. box-shadow: inset rgba(0,0,0,0.15) 0px 1px 2px, rgba(255,255,255,0.5) 0px 1px 0px;*/
  2596. position: relative;
  2597. top: 1px;
  2598. }
  2599.  
  2600. .ipsButton_secondary img{ vertical-align: middle; margin-top: -1px; }
  2601.  
  2602. /* Used in post forms */
  2603. .ipsField.ipsField_checkbox.ipsButton_secondary { line-height: 18px; }
  2604. .ipsField.ipsField_checkbox.ipsButton_secondary input { margin-top: 6px }
  2605. .ipsField.ipsField_checkbox.ipsButton_secondary .ipsField_content { margin-left: 18px; }
  2606.  
  2607. .ipsButton_extra {
  2608. line-height: 22px;
  2609. height: 22px;
  2610. font-size: 11px;
  2611. margin-left: 5px;
  2612. color: #ddd;
  2613. }
  2614.  
  2615. .ipsButton_secondary.fixed_width{ min-width: 170px; }
  2616.  
  2617. .ipsButton.no_width { min-width: 0; }
  2618. .topic_controls { min-height: 30px; overflow: hidden; }
  2619.  
  2620. ul.post_controls {
  2621. margin: 0;
  2622. background: #222222;
  2623. border-top: 1px solid #2b2b2b;
  2624. margin-top: 10px;
  2625. padding: 7px;
  2626. clear: both;
  2627. overflow: hidden;
  2628. }
  2629.  
  2630. ul.post_controls li {
  2631. font-size: 11px;
  2632. float: right;
  2633. margin: 0;
  2634. padding: 0;
  2635. }
  2636.  
  2637. ul.post_controls li.report, ul.post_controls li.top{ float: left; }
  2638.  
  2639. ul.post_controls a {
  2640. background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2641. -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2642. -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2643. box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2644. color: #fff;
  2645. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  2646. height: 30px;
  2647. line-height: 30px;
  2648. padding: 0 10px;
  2649. text-decoration: none;
  2650. margin-left: 4px;
  2651. display: block;
  2652. }
  2653.  
  2654. ul.post_controls a:hover { background-position: 50% -8px; color: #B53628;-webkit-transition: all 0.5s ease;
  2655. -moz-transition: all 0.2s ease;
  2656. -o-transition: all 0.2s ease;
  2657. -ms-transition: all 0.2s ease;
  2658. transition: all 0.2s ease;; }
  2659.  
  2660. ul.post_controls a.ipsButton_secondary {
  2661. height: 24px;
  2662. line-height: 24px;
  2663. }
  2664.  
  2665. ul.post_controls li.multiquote.selected a {
  2666. background: #242424 url('{style_images_url}/topic_button_disabled.png') repeat-x 50% -8px;
  2667. color: #fff;
  2668. }
  2669.  
  2670. /*.post_block .post_controls li a { opacity: 0.2; }
  2671. .post_block .post_controls li a.ipsButton_secondary { opacity: 1; }
  2672. .post_block:hover .post_controls li a { opacity: 1; }*/
  2673.  
  2674. .post_body ul.post_controls{ margin: 0 -12px -12px -187px; }
  2675. .column_view .post_body ul.post_controls{ margin-left: -198px; }
  2676. .post_block.no_sidebar .post_body ul.post_controls{ margin-left: 0px; }
  2677. .post_body ul.post_controls img{ vertical-align: middle; margin: -3px 2px 0px -3px; position: relative; }
  2678. .hide_signature, .sigIconStay { float: right; }
  2679. .post_block:hover .signature a.hide_signature, .sigIconStay {
  2680. background: transparent url('{style_images_url}/cross_sml.png') no-repeat top right;
  2681. width: 13px;
  2682. height: 13px;
  2683. opacity: 0.6;
  2684. position: absolute;
  2685. right: 10px;
  2686. }
  2687.  
  2688. /************************************************************************/
  2689. /* PAGINATION STYLES */
  2690.  
  2691. .pagination { padding: 5px 0; line-height: 22px; }
  2692. .pagination.no_numbers .page { display: none; }
  2693. .pagination .pages { text-align: center; }
  2694. .pagination .back { margin-right: 5px; }
  2695. /*.pagination .back li { margin: 0 2px 0 0; }*/
  2696. .pagination .forward { margin-left: 5px; }
  2697. /*.pagination .forward li { margin: 0 0 0 2px; }*/
  2698.  
  2699. .pagination a{ color: #eeeeee; }
  2700.  
  2701. .pagination .page a,
  2702. .pagination .back a,
  2703. .pagination .forward a {
  2704. background: #424242 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2705. /*border: 1px solid #d6d6d6;*/
  2706. color: #eeeeee;
  2707. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  2708. -moz-border-radius: 3px;
  2709. -webkit-border-radius: 3px;
  2710. border-radius: 3px;
  2711. display: inline-block;
  2712. padding: 1px 8px;
  2713. text-transform: lowercase;
  2714. font-size: 11px;
  2715. font-weight: normal;
  2716. }
  2717.  
  2718. .pagination .page a:hover,
  2719. .pagination .back a:hover,
  2720. .pagination .forward a:hover {
  2721. background-color: #505050;
  2722. color: #fff;
  2723. }
  2724.  
  2725. .pagination .disabled a {
  2726. opacity: 0.4;
  2727. display: none;
  2728. }
  2729.  
  2730. .pagination .pages {
  2731. font-size: 11px;
  2732. }
  2733.  
  2734. .pagination .pages a,
  2735. .pagejump {
  2736. display: inline-block;
  2737. }
  2738.  
  2739. .pagination .pagejump a { padding: 0px 7px; }
  2740.  
  2741. .pagination .pagejump a:hover {
  2742. text-decoration: underline;
  2743. }
  2744.  
  2745. .pagination li { margin: 0; }
  2746.  
  2747. .pagination .pages li.active {
  2748. background: #bcbcbc url('{style_images_url}/highlight.png') repeat-x 0 0;
  2749. color: #fff;
  2750. padding: 1px 8px;
  2751. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  2752. -moz-border-radius: 3px;
  2753. -webkit-border-radius: 3px;
  2754. border-radius: 3px;
  2755. cursor: default;
  2756. }
  2757.  
  2758. .pagination.no_pages span {
  2759. color: #bbbbbb;
  2760. display: inline-block;
  2761. line-height: 20px;
  2762. height: 20px;
  2763. }
  2764.  
  2765. ul.mini_pagination {
  2766. font-size: 0.8em;
  2767. display: inline;
  2768. margin-left: 7px;
  2769. }
  2770.  
  2771. ul.mini_pagination li a {
  2772. background: #353535 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2773. color: #fff;
  2774. padding: 2px 6px;
  2775. -webkit-border-radius: 2px;
  2776. -moz-border-radius: 2px;
  2777. border-radius: 2px;
  2778. }
  2779.  
  2780. ul.mini_pagination li a:hover {
  2781. background: #424242 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2782. }
  2783.  
  2784. ul.mini_pagination li {
  2785. display: inline;
  2786. margin: 0px 1px 0px 0px;
  2787. }
  2788.  
  2789. /************************************************************************/
  2790. /* MODERATION & FILTER STYLES */
  2791.  
  2792. .moderation_bar {
  2793. text-align: right;
  2794. padding: 8px 10px;
  2795. }
  2796.  
  2797. .moderation_bar.with_action {
  2798. background-image: url('{style_images_url}/topic_mod_arrow.png');
  2799. background-repeat: no-repeat;
  2800. background-position: right center;
  2801. padding-right: 35px;
  2802. }
  2803.  
  2804. /************************************************************************/
  2805. /* AUTHOR INFO (& RELATED) STYLES */
  2806.  
  2807. .column_view .post_wrap{
  2808. background: #252525;
  2809. }
  2810.  
  2811. .column_view .post_body{
  2812. border-left: 1px solid #323232;
  2813. }
  2814.  
  2815. .author_info {
  2816. width: 166px;
  2817. float: left;
  2818. font-size: 12px;
  2819. text-align: center;
  2820. padding: 10px 10px;
  2821. line-height: 150%;
  2822. }
  2823.  
  2824. .author_info .group_title {
  2825. color: #dddddd;
  2826. margin-top: 5px;
  2827. }
  2828.  
  2829. .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
  2830. .author_info .group_icon { margin-bottom: 3px; }
  2831.  
  2832. .custom_fields {
  2833. color: #bbbbbb;
  2834. margin-top: 8px;
  2835. }
  2836.  
  2837. .custom_fields .ft {
  2838. color: #aaaaaa;
  2839. margin-right: 3px;
  2840. }
  2841.  
  2842. .custom_fields .fc {
  2843. word-wrap: break-word;
  2844. }
  2845.  
  2846. .user_controls {
  2847. text-align: center;
  2848. margin: 6px 0;
  2849. }
  2850.  
  2851. .user_controls li a {
  2852. padding: 0 5px;
  2853. }
  2854.  
  2855. /************************************************************************/
  2856. /* BOARD INDEX STYLES */
  2857.  
  2858. #board_index #categories { overflow: hidden; } /* opera fix */
  2859.  
  2860. #board_index { position: relative; }
  2861. #board_index.no_sidebar { padding-right: 0px; }
  2862. #board_index.force_sidebar { padding-right: 290px; }
  2863.  
  2864. #toggle_sidebar {
  2865. position: absolute;
  2866. right: -5px;
  2867. top: -12px;
  2868. z-index: 8000;
  2869. background: #eeeeee;
  2870. padding: 3px 7px;
  2871. -webkit-border-radius: 3px;
  2872. -moz-border-radius: 3px;
  2873. border-radius: 3px;
  2874. color: #333;
  2875. opacity: 0;
  2876. -webkit-transition: all 0.4s ease-in-out;
  2877. -moz-transition: all 0.4s ease-in-out;
  2878. }
  2879. #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
  2880. #toggle_sidebar:hover { opacity: 1 !important; }
  2881.  
  2882. .ipsSideBlock,
  2883. .general_box{
  2884. background: #292929;
  2885. border: 1px solid #454545;
  2886. margin-bottom: 10px;
  2887. }
  2888.  
  2889. .ipsSideBlock{
  2890. padding: 10px;
  2891. }
  2892.  
  2893. .bar,
  2894. .ipsSideBlock h3,
  2895. .general_box h3{
  2896.  
  2897. background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2898. color: #757575;
  2899. text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
  2900. padding: 12px;
  2901. font-size: 12px;
  2902. font-weight: 300;
  2903. overflow: hidden;
  2904. text-transform: uppercase;
  2905. border-left: 1px solid rgba(255,255,255,0.1);
  2906. border-right: 1px solid rgba(255,255,255,0.1);
  2907. border-top: 1px solid rgba(255,255,255,0.1);
  2908. border-bottom: 1px solid rgba(255,255,255,0.1);
  2909. }
  2910.  
  2911.  
  2912. .bar{ border-top: 1px solid #393939; }
  2913.  
  2914. .ipsPostForm_sidebar .ipsPostForm_sidebar_block:first-of-type h3.bar, .bar.noTopBorder{ border-top: 0; }
  2915.  
  2916. .ipsSideBlock h3, .ipsSideBlock h3 a, .general_box h3, .general_box h3 a, .bar, .bar a{ color: #fff; }
  2917.  
  2918. .ipsSideBlock h3{
  2919. margin: -10px -10px 10px -10px;
  2920. }
  2921.  
  2922. .ipsSideBlock h3 .mod_links {
  2923. color: #fff;
  2924. opacity: 0.0;
  2925. display: inline-block;
  2926. padding: 1px 4px 3px 4px;
  2927. margin-top: -2px;
  2928. text-shadow: none;
  2929. background: url('{style_images_url}/trans40.png') repeat;
  2930. background: rgba(0,0,0,0.4);
  2931. -webkit-border-radius: 3px;
  2932. -moz-border-radius: 3px;
  2933. border-radius: 3px;
  2934. -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  2935. -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  2936. box-shadow: inset rgba(0,0,0,0.6) 0px 1px 2px;
  2937. }
  2938. .ipsSideBlock h3:hover .mod_links { opacity: 1; }
  2939.  
  2940. .sideVerticalList, #index_stats .ipsList_withminiphoto{ margin: -10px; }
  2941. #index_stats .ipsList_withminiphoto img{ margin-bottom: -3px; }
  2942. .sideVerticalList.with_margin{ margin-bottom: 10px; }
  2943.  
  2944. .status_list .status_list { margin: 10px 0 0 35px; }
  2945. .status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
  2946. .status_list li { position: relative; }
  2947. .status_reply {
  2948. margin-top: 8px;
  2949. }
  2950.  
  2951. .status_list li .mod_links {
  2952. opacity: 0.1;
  2953. -webkit-transition: all 0.4s ease-in-out;
  2954. -moz-transition: all 0.4s ease-in-out;
  2955. }
  2956. .status_list li:hover .mod_links { opacity: 1; }
  2957.  
  2958. /* board stats */
  2959. #board_stats ul {
  2960. text-align: center;
  2961. background: #282828 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  2962. -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2963. -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2964. box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
  2965. color: #646464;
  2966. font-size: 12px;
  2967. border: 1px solid #494949;
  2968. font-weight: normal;
  2969. font-family: Calibri;
  2970. text-transform: uppercase;
  2971. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  2972. }
  2973. #board_stats li { margin-right: 20px; }
  2974. #board_stats .value {
  2975. display: inline-block;
  2976. background: #232323;
  2977. border-left: 1px solid #393939;
  2978. border-right: 1px solid #393939;
  2979. color: #bcbcbc;
  2980. font-size: 12px;
  2981. font-weight: normal;
  2982. font-family: Calibri;
  2983. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  2984. padding: 11px 6px;
  2985. margin-right: 3px;
  2986. }
  2987.  
  2988. .statistics {
  2989. margin: 20px 0 0 0;
  2990. padding: 8px;
  2991. line-height: 1.3;
  2992. overflow: hidden;
  2993. border: 1px solid #393939;
  2994. }
  2995.  
  2996. .statistics_head {
  2997. border-bottom: 1px solid #393939;
  2998. border-top: 1px solid #393939;
  2999. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  3000. background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  3001. font-size: 11px;
  3002. font-weight: bold;
  3003. padding: 8px;
  3004. margin: -8px -8px 8px -8px;
  3005. }
  3006.  
  3007. .statistics_head,
  3008. .statistics_head a{
  3009. color: #fff;
  3010. }
  3011.  
  3012. .statistics .statistics_head:first-of-type{
  3013. border-top: 0;
  3014. }
  3015.  
  3016. .statistics .statistics_head:not(:first-of-type){
  3017. margin-top: 0;
  3018. }
  3019.  
  3020. #stat_links{ font-weight: normal; }
  3021. #stat_links a{ margin: 0 5px; }
  3022.  
  3023. .friend_list ul li,
  3024. #top_posters li {
  3025. text-align: center;
  3026. padding: 8px 0 0 0;
  3027. margin: 5px 0 0 0;
  3028. min-width: 80px;
  3029. height: 80px;
  3030. float: left;
  3031. }
  3032.  
  3033. .friend_list ul li span.name,
  3034. #top_posters li span.name {
  3035. font-size: 0.95em;
  3036. }
  3037.  
  3038. .friend_list ul li .ipsUserPhoto{ margin-bottom: 5px; }
  3039.  
  3040. #hook_watched_items ul li {
  3041. padding: 8px;
  3042. }
  3043.  
  3044. body#ipboard_body #hook_watched_items fieldset.submit {
  3045. padding: 8px;
  3046. }
  3047.  
  3048. #hook_birthdays .list_content {
  3049. padding-top: 8px;
  3050. }
  3051.  
  3052. #hook_calendar .ipsBox_container { padding: 10px; }
  3053. #hook_calendar td, #hook_calendar th { text-align: center; }
  3054. #hook_calendar th { font-weight: bold; padding: 5px 0;}
  3055.  
  3056. /************************************************************************/
  3057. /* FORUM VIEW (& RELATED) STYLES */
  3058.  
  3059. #more_topics {
  3060. text-align: center;
  3061. font-weight: bold;
  3062. background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  3063. }
  3064. #more_topics a, #more_topics span { display: block; padding: 10px 0;}
  3065. #more_topics, .dynamic_update { border-top: 1px dashed #393939; }
  3066.  
  3067. .topic_preview,
  3068. ul.topic_moderation {
  3069. margin-top: -2px;
  3070. z-index: 300;
  3071. }
  3072. ul.topic_moderation li {
  3073. float: left;
  3074. }
  3075.  
  3076. .topic_preview a,
  3077. ul.topic_moderation li a {
  3078. padding: 0 3px;
  3079. display: block;
  3080. float: left;
  3081. }
  3082.  
  3083. span.mini_rate {
  3084. margin-right: 12px;
  3085. display: inline-block;
  3086. }
  3087.  
  3088. img.mini_rate {
  3089. margin-right: -5px;
  3090. }
  3091.  
  3092. /************************************************************************/
  3093. /* TOPIC VIEW (& RELATED) STYLES */
  3094.  
  3095. body .ip { }
  3096. span.post_id { margin-left: 15px; }
  3097. input.post_mod { margin:12px 5px 0px 10px; }
  3098.  
  3099. .signature {
  3100. clear: right;
  3101. color: #bcbcbc;
  3102. font-size: 0.9em;
  3103. border-top: 1px solid #323232;
  3104. padding: 10px;
  3105. margin: 6px 0 4px;
  3106. position: relative;
  3107. }
  3108.  
  3109. .signature a { text-decoration: underline; }
  3110.  
  3111. .post_body .signature{ margin-left: -12px; margin-right: -12px; }
  3112.  
  3113. .post_block {
  3114. position: relative;
  3115. }
  3116.  
  3117. .post_block.no_sidebar {
  3118. background-image: none;
  3119. }
  3120. .post_block.solved h3,
  3121. .answerBadgeInPost,
  3122. .horizontalView .post_block.solved .author_info {
  3123. background: #4a4a4a;
  3124. text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
  3125. border: 1px solid #777;
  3126. }
  3127.  
  3128. .post_block.solved h3,
  3129. .post_block.solved h3 *,
  3130. .answerBadgeInPost,
  3131. .horizontalView .post_block.solved .author_info *{
  3132. color: #fff !important;
  3133. }
  3134.  
  3135. .horizontalView .post_block.solved .author_info .ipsUserPhoto{
  3136. border-color: #353535 !important;
  3137. }
  3138.  
  3139. .post_block.solved h3,
  3140. .horizontalView .post_block.solved .author_info{
  3141. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0) 100%);
  3142. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.08)), color-stop(100%,rgba(255,255,255,0)));
  3143. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
  3144. background-image: -o-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
  3145. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
  3146. background-image: linear-gradient(to bottom, rgba(255,255,255,0.08) 0%,rgba(255,255,255,0) 100%);
  3147. border-left: 0;
  3148. border-right: 0;
  3149. }
  3150. .answerBadgeInPost{
  3151. border-top: 0;
  3152. padding: 0 12px;
  3153. height: 30px;
  3154. line-height: 30px;
  3155. position: relative;
  3156. float: right;
  3157. margin: -13px -2px 8px 8px;
  3158. -webkit-border-bottom-left-radius: 3px;
  3159. -webkit-border-bottom-right-radius: 3px;
  3160. -moz-border-radius: 0px 0px 3px 3px;
  3161. border-radius: 0px 0px 3px 3px;
  3162. }
  3163.  
  3164. .post_block.feature_box {
  3165. background-color: #5d5d5d;
  3166. background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0) 100%);
  3167. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.07)), color-stop(100%,rgba(255,255,255,0)));
  3168. background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  3169. background-image: -o-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  3170. background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  3171. background-image: linear-gradient(to bottom, rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 100%);
  3172. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3173. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3174. box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3175. border: 1px solid #838383;
  3176. padding: 8px;
  3177. min-height: 60px;
  3178. line-height: 180%;
  3179. font-size: 11.4px;
  3180. word-wrap: break-word;
  3181. }
  3182.  
  3183. .post_block.feature_box, .post_block.feature_box *{
  3184. color: #fcfcfc !important;
  3185. }
  3186.  
  3187. .post_block.feature_box .ipsType_sectiontitle {
  3188. border-color: #838383;
  3189. font-size: 11.8px;
  3190. font-weight: bold;
  3191. }
  3192.  
  3193. .post_block.feature_box .ipsBadge_green, .post_block.feature_box .ipsBadge_lightgrey{
  3194. background: #353535;
  3195. -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
  3196. -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
  3197. box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px;
  3198. color: #fff !important;
  3199. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  3200. padding: 3px 9px;
  3201. font-size: 10px;
  3202. }
  3203.  
  3204. .post_block.feature_box .ipsBadge_lightgrey:hover{
  3205. background: #262626;
  3206. }
  3207.  
  3208. .post_block.feature_box .ipsUserPhoto{
  3209. border-color: #353535 !important;
  3210. }
  3211. .post_block h3 {
  3212. border-top: 1px solid #3f3f3f;
  3213. border-bottom: 1px solid #3f3f3f;
  3214. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  3215. background: #363636 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  3216. padding: 0 10px;
  3217. height: 36px;
  3218. line-height: 36px;
  3219. font-weight: normal;
  3220. font-size: 13px;
  3221. }
  3222.  
  3223. .post_block h3,
  3224. .post_block h3 a{
  3225. color: #fff;
  3226. }
  3227.  
  3228. .post_block:first-of-type h3{ border-top: 0; }
  3229.  
  3230. .post_online{
  3231. vertical-align: middle;
  3232. margin: -3px 5px 0 0;
  3233. }
  3234.  
  3235. .post_username{
  3236. float: left;
  3237. min-width: 177px;
  3238. font-weight: bold;
  3239. }
  3240.  
  3241. .post_date{
  3242. color: #777;
  3243. float: left;
  3244. font-size: 11px;
  3245. font-weight: normal;
  3246. }
  3247.  
  3248. .post_wrap { top: 0px; }
  3249.  
  3250. .post_body {
  3251. margin-left: 175px;
  3252. padding: 12px;
  3253. }
  3254.  
  3255. .post_body .post {
  3256. line-height: 1.6;
  3257. font-size: 12px;
  3258. }
  3259.  
  3260. .column_view .post_body .post{ padding-bottom: 12px; }
  3261.  
  3262. .post_block.no_sidebar .post_body { margin-left: 0px !important; }
  3263.  
  3264. .posted_info {
  3265. padding: 0 0 10px 0;
  3266. }
  3267.  
  3268. .posted_info strong.event {
  3269. color: #1c2837;
  3270. font-size: 1.2em;
  3271. }
  3272.  
  3273. .post_ignore {
  3274. background: #1c1c1c;
  3275. color: #777;
  3276. font-size: 0.9em;
  3277. padding: 15px;
  3278. }
  3279.  
  3280. .post_ignore .reputation {
  3281. text-align: center;
  3282. padding: 2px 6px;
  3283. float: none;
  3284. display: inline;
  3285. }
  3286.  
  3287. .rep_bar {
  3288. white-space: nowrap;
  3289. margin: 6px 4px;
  3290. }
  3291.  
  3292. .rep_bar .reputation {
  3293. font-size: 10px;
  3294. padding: 2px 10px !important;
  3295. }
  3296.  
  3297. p.rep_highlight {
  3298. float: right;
  3299. display: inline-block;
  3300. margin: 5px 10px 10px 10px;
  3301. background: #D5DEE5;
  3302. color: #1d3652;
  3303. padding: 5px;
  3304. -moz-border-radius: 5px;
  3305. -webkit-border-radius: 5px;
  3306. border-radius: 5px;
  3307. font-size: 0.8em;
  3308. font-weight: bold;
  3309. text-align: center;
  3310. }
  3311.  
  3312. p.rep_highlight img {
  3313. margin-bottom: 4px;
  3314. }
  3315.  
  3316. .edit {
  3317. padding: 8px 8px 8px 28px;
  3318. background: #e0aa4b url('{style_images_url}/comment_edit.png') no-repeat 6px 10px;
  3319. border: 1px solid #efba5c;
  3320. color: #723e07;
  3321. text-shadow: #f4c778 0px 1px 0px;
  3322. font-size: 11px;
  3323. margin-top: 15px;
  3324. line-height: 18px;
  3325. }
  3326.  
  3327. .poll fieldset {
  3328. padding: 9px;
  3329. }
  3330.  
  3331. .poll_question {
  3332.  
  3333. }
  3334.  
  3335. .poll_question h4 {
  3336. background: #222222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 -1px;
  3337. padding: 5px;
  3338. -webkit-border-radius: 0px;
  3339. -moz-border-radius: 0px;
  3340. border-radius: 0px;
  3341. }
  3342.  
  3343. .poll_question ol {
  3344. padding: 20px;
  3345. }
  3346.  
  3347. .poll_question li {
  3348. font-size: 0.9em;
  3349. margin: 6px 0;
  3350. }
  3351.  
  3352. .poll_question .votes {
  3353. margin-left: 5px;
  3354. }
  3355.  
  3356. .snapback {
  3357. margin-right: 5px;
  3358. padding: 1px 0 1px 1px;
  3359. }
  3360.  
  3361. .rating { display: block; margin-bottom: 4px; line-height: 16px; }
  3362. .rating img { vertical-align: top; }
  3363. #rating_text { margin-left: 4px; }
  3364.  
  3365. /************************************************************************/
  3366. /* POSTING FORM (& RELATED) STYLES */
  3367.  
  3368. div.post_form label {
  3369. text-align: right;
  3370. padding-right: 15px;
  3371. width: 275px;
  3372. float: left;
  3373. clear: both;
  3374. }
  3375.  
  3376. div.post_form span.desc,
  3377. fieldset#poll_wrap span.desc {
  3378. margin-left: 290px;
  3379. display: block;
  3380. clear: both;
  3381. }
  3382.  
  3383. div.post_form .checkbox input.input_check,
  3384. #mod_form .checkbox input.input_check {
  3385. margin-left: 295px;
  3386. }
  3387.  
  3388. div.post_form .antispam_img {
  3389. margin-left: 290px;
  3390. }
  3391.  
  3392. div.post_form .captcha .input_text {
  3393. float: left;
  3394. }
  3395.  
  3396. div.post_form fieldset {
  3397. padding-bottom: 15px;
  3398. }
  3399.  
  3400. div.post_form h3 {
  3401. margin-bottom: 10px;
  3402. }
  3403.  
  3404. fieldset.with_subhead {
  3405. margin-bottom: 0;
  3406. padding-bottom: 0;
  3407. }
  3408.  
  3409. fieldset.with_subhead h4 {
  3410. text-align: right;
  3411. margin-top: 6px;
  3412. width: 300px;
  3413. float: left;
  3414. }
  3415.  
  3416. fieldset.with_subhead ul {
  3417. padding-top: 10px;
  3418. padding-bottom: 10px;
  3419. margin: 0 15px 0px 320px;
  3420. }
  3421.  
  3422. fieldset.with_subhead span.desc,
  3423. fieldset.with_subhead label {
  3424. margin: 0;
  3425. width: auto;
  3426. }
  3427.  
  3428. fieldset.with_subhead .checkbox input.input_check {
  3429. margin-left: 0px;
  3430. }
  3431.  
  3432. #toggle_post_options {
  3433. background: transparent url('{style_images_url}/add.png') no-repeat;
  3434. font-size: 0.9em;
  3435. padding: 2px 0 2px 22px;
  3436. margin: 15px;
  3437. display: block;
  3438. }
  3439.  
  3440. #poll_wrap .question {
  3441. margin-bottom: 10px;
  3442. }
  3443.  
  3444. #poll_wrap .question .wrap ol {
  3445. margin-left: 25px;
  3446. list-style: decimal;
  3447. }
  3448. #poll_wrap .question .wrap ol li {
  3449. margin: 5px;
  3450. }
  3451.  
  3452. .question_title { margin-left: 30px; padding-bottom: 0; }
  3453. .question_title .input_text { font-weight: bold }
  3454.  
  3455. #poll_wrap { position: relative; }
  3456. #poll_footer { }
  3457. #poll_container_wrap { overflow: auto; }
  3458. #poll_popup_inner { overflow: hidden; }
  3459.  
  3460. .poll_control { margin-left: 20px; }
  3461. .post_form .tag_field ul { margin-left: 290px; }
  3462.  
  3463. /************************************************************************/
  3464. /* ATTACHMENT MANAGER (& RELATED) STYLES */
  3465.  
  3466. .swfupload {
  3467. position: absolute;
  3468. z-index: 1;
  3469. }
  3470.  
  3471. #attachments { }
  3472.  
  3473. #attachments li {
  3474. background-color: #2a2a2a;
  3475. text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
  3476. border: 1px solid #383838;
  3477. padding: 6px 20px 6px 42px;
  3478. margin-bottom: 10px;
  3479. position: relative;
  3480. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  3481. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  3482. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  3483. }
  3484.  
  3485. #attachments li p.info {
  3486. font-size: 0.8em;
  3487. width: 300px;
  3488. }
  3489.  
  3490. #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
  3491. display: none;
  3492. }
  3493.  
  3494. #attachments li.complete .links {
  3495. font-size: 0.9em;
  3496. margin-right: 15px;
  3497. right: 0px;
  3498. top: 12px;
  3499. display: block;
  3500. position: absolute;
  3501. }
  3502.  
  3503. #attachments li .progress_bar {
  3504. margin-right: 15px;
  3505. width: 200px;
  3506. right: 0px;
  3507. top: 15px;
  3508. position: absolute;
  3509. }
  3510.  
  3511. #attachments li.complete, #attachments li.in_progress, #attachments li.error {
  3512. background-repeat: no-repeat;
  3513. background-position: 12px 12px;
  3514. }
  3515.  
  3516. #attachments li.in_progress {
  3517. background-image: url('{style_images_url}/loading.gif');
  3518. }
  3519.  
  3520. #attachments li.error {
  3521. background-image: url('{style_images_url}/exclamation.png');
  3522. background-color: #822f2f;
  3523. border: 1px solid #9c4141;
  3524. }
  3525.  
  3526. #attachments li.error .info {
  3527. color: #fff;
  3528. }
  3529.  
  3530. #attachments li.complete {
  3531. background-image: url('{style_images_url}/accept.png');
  3532. }
  3533.  
  3534. #attachments li .thumb_img {
  3535. left: 6px;
  3536. top: 6px;
  3537. width: 30px;
  3538. height: 30px;
  3539. overflow: hidden;
  3540. position: absolute;
  3541. }
  3542.  
  3543. .attach_controls {
  3544. background: url('{style_images_url}/icon_attach.png') no-repeat 3px top;
  3545. padding-left: 30px;
  3546. min-height: 82px;
  3547. }
  3548.  
  3549. .attach_controls .ipsType_subtitle { margin-bottom: 5px; }
  3550. .attach_controls iframe { display: block; margin-bottom: 5px; }
  3551.  
  3552. .attach_button { font-weight: bold; }
  3553. #help_msg { margin-top: 8px; }
  3554.  
  3555. #attach_wrap {
  3556. margin-top: 10px; overflow: hidden;
  3557. }
  3558.  
  3559. #attach_wrap h4 {
  3560. font-size: 16px;
  3561. padding-left: 0px;
  3562. }
  3563.  
  3564. #attach_wrap li {
  3565. margin: 5px 0;
  3566. float: left;
  3567. }
  3568.  
  3569. #attach_wrap .attachment {
  3570. float: none;
  3571. }
  3572.  
  3573. #attach_wrap .desc.info {
  3574. margin-left: 24px;
  3575. }
  3576.  
  3577. #attach_error_box { margin-bottom: 10px; }
  3578.  
  3579. .resized_img {
  3580. margin: 0 5px 5px 0;
  3581. display: inline-block;
  3582. }
  3583.  
  3584. /************************************************************************/
  3585. /* REPUTATION STYLES */
  3586.  
  3587. .reputation {
  3588. font-weight: bold;
  3589. padding: 3px 8px;
  3590. display: inline-block;
  3591. -moz-border-radius: 3px;
  3592. -webkit-border-radius: 3px;
  3593. border-radius: 3px;
  3594. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  3595. }
  3596.  
  3597. .reputation.positive, .members li.positive {
  3598. background: #bcbcbc url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  3599. }
  3600.  
  3601. .reputation.negative, .members li.negative {
  3602. background: #b82929 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  3603. }
  3604.  
  3605. .reputation.positive, .reputation.negative {
  3606. color: #fff;
  3607. }
  3608.  
  3609. .reputation.zero {
  3610. background: #505050 url('{style_images_url}/highlight_faint.png') repeat-x 0 0;
  3611. color: #fff;
  3612. }
  3613.  
  3614. .status_main_content { white-space: break-word; }
  3615.  
  3616. .status_main_content h4 {
  3617. font-weight:normal;
  3618. font-size:1.2em;
  3619. }
  3620.  
  3621. .status_main_content h4 .su_links a { font-weight: normal; }
  3622.  
  3623. .status_main_content p {
  3624. padding: 6px 0px 6px 0px;
  3625. }
  3626.  
  3627. .status_main_content h4 a {
  3628. font-weight:bold;
  3629. text-decoration: none;
  3630. }
  3631.  
  3632. .status_mini_wrap {
  3633. padding: 7px;
  3634. font-size: 0.95em;
  3635. margin-top: 2px;
  3636. background: rgba(0,0,0,0.04);
  3637. -webkit-border-radius: 3px;
  3638. -moz-border-radius: 3px;
  3639. border-radius: 3px;
  3640. }
  3641. .status_mini_wrap img{ vertical-align: middle; position: relative; margin-top: -2px; }
  3642.  
  3643. .status_mini_photo {
  3644. float: left;
  3645. }
  3646.  
  3647. .status_textarea {
  3648. width: 99%;
  3649. }
  3650.  
  3651. #index_stats .status_textarea{
  3652. width: 200px;
  3653. }
  3654.  
  3655. .status_replies_many {
  3656. height: 300px;
  3657. overflow: auto;
  3658. }
  3659.  
  3660. .status_update {
  3661. background: #1a1a1a url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  3662. color: #fff;
  3663. text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
  3664. padding: 15px 12px;
  3665. text-align: center;
  3666. }
  3667.  
  3668. .status_update .input_text {
  3669. width: 70%;
  3670. }
  3671.  
  3672. .status_update .input_submit{ padding-left: 15px; padding-right: 15px; }
  3673. .status_submit{ padding-top: 5px; }
  3674. /*.status_update .status_inactive { color: #bbbbbb; }*/
  3675. #status_wrapper h4 { font-weight: bold; font-size: 14px; }
  3676. .status_content { line-height: 1.4; }
  3677. .status_content .mod_links { opacity: 0.2; }
  3678. .status_content:hover .mod_links { opacity: 1; }
  3679. .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
  3680. .status_content .status_status{ padding: 2px 0 5px 0; }
  3681. .status_feedback .status_mini_content{ line-height: 18px; }
  3682. .status_feedback { margin: 10px 0 0 -10px; }
  3683. /*.status_feedback .row2 { margin-bottom: 1px; }*/
  3684.  
  3685. /* Favorites */
  3686. .ips_like {
  3687. background-color: #f6f6f6;
  3688. padding: 6px;
  3689. color: #878787;
  3690. font-size: 1em;
  3691. min-height: 18px;
  3692. line-height: 130%;
  3693. clear: both;
  3694. overflow: hidden;
  3695. }
  3696. .ips_like a {
  3697. color: #878787;
  3698. }
  3699.  
  3700. .ips_like a.ftoggle {
  3701. float: right;
  3702. background: #878787;
  3703. border:1px solid #747474;
  3704. padding: 3px 4px 2px 4px;
  3705. color: #fff;
  3706. text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
  3707. font-size:0.9em;
  3708. text-decoration: none;
  3709. -webkit-border-radius: 2px;
  3710. -moz-border-radius: 2px;
  3711. border-radius: 2px;
  3712. margin-top: -4px;
  3713. }
  3714.  
  3715. .ips_like a.ftoggle.on {
  3716. background: #545454;
  3717. border-color: #474747;
  3718. margin-left: 3px;
  3719. }
  3720.  
  3721. .ips_like a.ftoggle._newline,
  3722. .ips_like a.ftoggle.on._newline {
  3723. float:none;
  3724. margin-top: 5px;
  3725. margin-left: auto;
  3726. margin-right: 0;
  3727. display: block;
  3728. width: 70px;
  3729. text-align: center;
  3730. }
  3731.  
  3732. .ips_like a:hover.ftoggle.on,
  3733. .ips_like a:hover.ftoggle {
  3734. background-color: #545454;
  3735. }
  3736.  
  3737. .facebook-like { margin-top: 5px; }
  3738.  
  3739. .boxShadow {
  3740. float: left;
  3741. -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3742. -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3743. box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
  3744. }
  3745.  
  3746. /* New notification panel */
  3747. #ipsGlobalNotification {
  3748. position: fixed;
  3749. left: 50%;
  3750. margin-left: -250px;
  3751. top: 20px;
  3752. text-align: center;
  3753. font-weight: bold;
  3754. }
  3755.  
  3756. #ips_NotificationCloseButton {
  3757. background: transparent url('{style_images_url}/close_popup.png') no-repeat top left;
  3758. opacity: 0.8;
  3759. width: 13px;
  3760. height: 13px;
  3761. top: 5px;
  3762. left: 5px;
  3763. position: absolute;
  3764. cursor: pointer;
  3765. }
  3766.  
  3767. .googlePlusOne {
  3768. display: inline-block;
  3769. vertical-align:middle;
  3770. margin-top: 1px;
  3771. }
  3772.  
  3773. .fbLike {
  3774. float: right !important;
  3775. padding-left: 2px;
  3776. }
  3777.  
  3778. /************************************************************************/
  3779. /* SHARED MEDIA STYLES */
  3780.  
  3781. #mymedia_inserted {
  3782. position: absolute;
  3783. top: 100px; left: 50%;
  3784. margin-left: -200px;
  3785. width: 400px;
  3786. padding: 20px 0;
  3787. background: #000;
  3788. font-size: 15px;
  3789. font-weight: bold;
  3790. color: #fff;
  3791. z-index: 20000;
  3792. text-align: center;
  3793. -moz-border-radius: 4px;
  3794. -webkit-border-radius: 4px;
  3795. border-radius: 4px;
  3796. }
  3797.  
  3798. #mymedia_toolbar {
  3799. position: absolute;
  3800. bottom: 0; left: 0; right: 0;
  3801. height: 42px;
  3802. line-height: 42px;
  3803. padding: 0 5px;
  3804. background: #2d2d2d url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 1px;
  3805. }
  3806.  
  3807. #mymedia_finish { position: absolute; right: 5px; top: 5px; }
  3808. #mymedia_content { height: 339px; overflow: auto; }
  3809.  
  3810. .media_results li.result {
  3811. width: 20%;
  3812. height: 120px;
  3813. padding: 10px 0;
  3814. float: left;
  3815. text-align: center;
  3816. cursor: pointer;
  3817. -moz-border-radius: 4px;
  3818. -webkit-border-radius: 4px;
  3819. border-radius: 4px;
  3820. }
  3821.  
  3822. .media_results li:hover {
  3823. background: #252525;
  3824. }
  3825. .media_results li:active {
  3826. background: #252525;
  3827. }
  3828.  
  3829. .media_image {
  3830. padding: 1px;
  3831. background: #2d2d2d;
  3832. border: 1px solid #0e0e0e;
  3833. margin-bottom: 5px;
  3834. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  3835. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  3836. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  3837. }
  3838.  
  3839. /********************************************************/
  3840. /* Template Error */
  3841.  
  3842. .templateError {
  3843. background: #ffffff !important;
  3844. color: #000000 !important;
  3845. padding: 10px !important;
  3846. border: 1px dotted black !important;
  3847. margin: 0px !important;
  3848. }
  3849.  
  3850. /********************************************************/
  3851. /* ModCP styles */
  3852.  
  3853. .modcp_post_controls { padding-bottom: 15px; }
  3854. .modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
  3855. .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }
  3856.  
  3857. #modcp_content .ipsFilterbar li.active a {
  3858. margin-bottom: 1px;
  3859. display: inline-block;
  3860. }
  3861.  
  3862. /********************************************************/
  3863. /* Advertisements from Nexus */
  3864.  
  3865. .nexusad { padding: 10px; clear: both; }
  3866.  
  3867. #bbcode-description {
  3868. color: #666 !important;
  3869. white-space: normal !important;
  3870. word-wrap: break-word;
  3871. }
  3872.  
  3873. /********************************************************/
  3874. /* iPad Specific */
  3875. @media only screen and (device-width: 768px) {
  3876. table.ipb_table .expander,
  3877. table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
  3878. .post_block .post_controls { opacity: 1 !important; }
  3879. }
  3880.  
  3881. /* Additional */
  3882.  
  3883. .notnew .highlight_unread, .notnew .highlight_unread a{ color: #898989; }
  3884.  
  3885. #stats_div{
  3886. height: 0px;
  3887. overflow: hidden;
  3888. }
  3889.  
  3890. .skin_link{ float: left; padding-top: 4px; /* padding-left: 31px; */ }
  3891. .skin_link, .skin_link a{ color: #bcbcbc !important; }
  3892. .skin_link a:hover{ color: #bcbcbc !important; text-decoration: underline; }
  3893.  
  3894. .negMargin{ margin: -9px; }
  3895. .negMarginTop{ margin-top: -9px; }
  3896. .negMarginRight{ margin-right: -9px; }
  3897. .negMarginBottom{ margin-bottom: -9px; }
  3898. .negMarginLeft{ margin-left: -9px; }
  3899. .input_submit, .ipsButton_secondary{ outline: none; }
  3900. #rss_feed{ margin-top: -1px; }
  3901. #index_stats .status_submit .input_submit{ font-size: 11px; }
  3902. div[id$="member_popup"] .general_box{ margin: 0; border: 0; }
  3903. #ipsNav_content a{ display: block; padding: 5px 10px; }
  3904. #ipsNav_content li{ padding: 0; }
  3905. .ipsList_withminiphoto.ipsPad_half{ padding: 0 !important; } /* Fix downloads sidebar padding */
  3906. .ipsList_withminiphoto > li, .ipsHeaderMenu h4 { overflow: hidden; }
  3907. .status_list li{ margin-top: 10px; } /* Fix status updates on idx */
  3908. .fullList{ margin: -9px; } /* Must be the same as ipsPad */
  3909. #usercp_content .ipsType_subtitle{ margin-bottom: 10px; padding-bottom: 6px; padding-top: 3px; }
  3910. #modCpanel .ipsType_subtitle{ padding-top: 4px; padding-bottom: 5px; }
  3911. .col_f_icon span { margin-bottom: 6px; margin-top: 2px; }
  3912. .idx_album_thumb img{ width: 32px; height: 32px; }
  3913. .idx_album_thumb img, .inlineimage img, #appGallLatestHook img{
  3914. -webkit-border-radius: 3px;
  3915. border-radius: 3px;
  3916. -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
  3917. -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
  3918. box-shadow: rgba(0,0,0,0.2) 0px 1px 2px;
  3919. }
  3920. .inlineimage img:hover, #appGallLatestHook img:hover{ opacity: 0.9; }
  3921. .topic_desc{ display: inline-block; padding-top: 3px; }
  3922.  
  3923. .ipbfs_login h4{
  3924. padding: 10px;
  3925. font-weight: bold;
  3926. font-size: 14px;
  3927. background: #222 url('{style_images_url}/highlight_reallyfaint.png') repeat-x 0 0;
  3928. border-bottom: 1px solid #393939;
  3929. }
  3930.  
  3931. .ipbfs_login .ipsForm_submit{ margin-top: 0; }
  3932. .ipbfs_login .ipsBox_notice{ margin: 0; }
  3933. .ipbfs_login_col{ float: left; width: 279px; padding: 15px 10px; }
  3934. .ipbfs_login_col a:hover{ text-decoration: underline; }
  3935. .ipbfs_login_row{ overflow: hidden; }
  3936. .ipbfs_login_row label{ font-size: 1.15em; }
  3937. .ipbfs_login .input_submit{ font-size: 13px; }
  3938.  
  3939. .ipbfs_login_input {
  3940. padding: 6px 0px 6px 28px;
  3941. font-size: 14px;
  3942. margin-top: 10px;
  3943. width: 250px;
  3944. }
  3945.  
  3946. .ipbfs_luser{ background-image: url("{style_images_url}/user.png"); background-repeat: no-repeat; background-position: 7px 50%; }
  3947. .ipbfs_lpassword{ background-image: url("{style_images_url}/key.png"); background-repeat: no-repeat; background-position: 7px 50%; }
  3948.  
  3949. .ipbfs_titlebox .desc{ padding: 3px 0; }
  3950.  
  3951. .ipbfs_titlebox{
  3952. background: #1d1d1d;
  3953. border: 1px solid #303030;
  3954. -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3955. -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3956. box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3957. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  3958. -moz-border-radius: 3px;
  3959. -webkit-border-radius: 3px;
  3960. border-radius: 3px;
  3961. padding: 10px;
  3962. overflow: hidden;
  3963. }
  3964.  
  3965. .content_border{
  3966. border: 1px solid #393939;
  3967. }
  3968.  
  3969. .guestMessage{
  3970. background: #1d1d1d;
  3971. border: 1px solid #303030;
  3972. -webkit-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3973. -moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3974. box-shadow: inset rgba(0,0,0,0.4) 0px 1px 6px;
  3975. text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
  3976. -moz-border-radius: 3px;
  3977. -webkit-border-radius: 3px;
  3978. border-radius: 3px;
  3979. color: #dddddd;
  3980. font-family: Arial, Helvetica, sans-serif;
  3981. font-size: 12px;
  3982. line-height: 140%;
  3983. margin-bottom: 10px;
  3984. padding: 10px;
  3985. }
  3986.  
  3987. .guestMessage strong{ display: inline-block; margin-bottom: 7px; }
  3988.  
  3989. .guestMessage a{
  3990. color: #fff;
  3991. text-decoration: none;
  3992. border-bottom: 1px solid #bcbcbc;
  3993. }
  3994.  
  3995. .forum_name{
  3996. font-weight: bold;
  3997. }
  3998.  
  3999. .forum_desc_pos{
  4000. position: relative;
  4001. }
  4002.  
  4003. .forum_desc_con{
  4004. width: 350px;
  4005. display: none;
  4006. left: 10px;
  4007. float: left;
  4008. position: absolute;
  4009. top: -4px;
  4010. padding-left: 10px;
  4011. background: url("{style_images_url}/forum_desc_arrow.png") no-repeat 6px 9px;
  4012. z-index: 10000;
  4013. }
  4014.  
  4015. .forum_description{
  4016. color: #fff;
  4017. border-radius: 3px;
  4018. -moz-border-radius: 3px;
  4019. -webkit-border-radius: 3px;
  4020. background: url("{style_images_url}/forum_desc.png") repeat;
  4021. background: rgba(15,15,15,0.9);
  4022. -webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 7px;
  4023. -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 7px;
  4024. box-shadow: rgba(0,0,0,0.3) 0px 1px 7px;
  4025. font-size: 11px;
  4026. padding: 5px;
  4027. display: block;
  4028. float: left;
  4029. }
  4030.  
  4031. .topicViewIcons{
  4032. overflow: hidden;
  4033. position: relative;
  4034. padding-bottom: 1px;
  4035. margin: -3px 10px -5px 0;
  4036. }
  4037.  
  4038. .topicViewIcons img{
  4039. vertical-align: top;
  4040. margin-top: 4px;
  4041. width: 16px;
  4042. height: 16px;
  4043. background: url("{style_images_url}/topicViewIcon.png") no-repeat;
  4044. }
  4045.  
  4046. .topicViewIcons #topicViewRegular img{ background-position: 0 -16px; }
  4047. .topicViewIcons #topicViewRegular.active img{ background-position: 0 -16px; }
  4048. .topicViewIcons #topicViewBasic img{ background-position: -16px -16px; }
  4049. .topicViewIcons #topicViewBasic.active img{ background-position: -16px -16px; }
  4050.  
  4051. .topicViewIcons a{
  4052. -webkit-border-radius: 3px;
  4053. -moz-border-radius: 3px;
  4054. border-radius: 3px;
  4055. float: left;
  4056. width: 22px;
  4057. height: 22px;
  4058. text-decoration: none;
  4059. text-align: center;
  4060. outline: none;
  4061. margin-right: 5px;
  4062. opacity: 0.6;
  4063. }
  4064.  
  4065. .topicViewIcons a:hover{
  4066. background: url("{style_images_url}/trans10.png") repeat;
  4067. background: rgba(0,0,0,0.1);
  4068. opacity: 1;
  4069. }
  4070.  
  4071. .topicViewIcons a.active{
  4072. background: url("{style_images_url}/trans50.png") repeat;
  4073. background: rgba(0,0,0,0.5);
  4074. -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
  4075. -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
  4076. box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.15) 0px 1px 0px;
  4077. opacity: 1;
  4078. }
  4079.  
  4080. .basicTopicView .post_body{ margin-left: 0 !important; border: 0 !important; }
  4081. .basicTopicView .post_body ul.post_controls{ margin: 0 -12px -12px -12px; border: 0; background: transparent; }
  4082. .basicTopicView .author_info, .basicTopicView .signature{ display: none; }
  4083. .basicTopicView .post_username{ min-width: 0px; padding-right: 10px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,0.1); }
  4084.  
  4085. .ipbforumskins{}
  4086.  
  4087. #category_17.category_block
  4088. .col_c_forum {
  4089. width: 100%;
  4090. }
  4091.  
  4092. table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
  4093.  
  4094. .extraUserInfo{
  4095. font-size:12px;
  4096. padding:4px 0px;
  4097. font-family: Calibri;
  4098. }
  4099. .pairsJustified{
  4100. margin:1px 0 0;
  4101. font-size:12px;
  4102. border-bottom:1px solid #2F2F2F;
  4103. overflow:hidden;
  4104. line-height:2;
  4105. list-style-type: none;
  4106. }
  4107. .pairsJustified:hover{
  4108. border-bottom:1px solid #B53628;
  4109. }
  4110. .pairsJustified dt{
  4111. font-size:12px !important;
  4112. float:left;
  4113. padding-left:5px;
  4114. text-align:left;
  4115. max-width:100%;
  4116. color:#ababab;
  4117. text-shadow:0 1px #000;
  4118. }
  4119. .pairsJustified dd{
  4120. float:right;
  4121. font-size:11px !important;
  4122. text-align:right;
  4123. max-width:100%;
  4124. padding-right:5px;
  4125. text-shadow:0 1px #000;
  4126. }
  4127.  
  4128. .nstatsNumber, .nstatsText {display: block;text-align: center;color: #bcbcbc;line-height: 23px;text-transform: uppercase;font-size: 11px;}.nstatsText {color: #acacac;font-size: 9px;}
  4129.  
  4130. ::-webkit-scrollbar {
  4131. width: 3px;
  4132. height: 0px;
  4133. }
  4134.  
  4135. ::-webkit-scrollbar-track {
  4136. background-color: #757575;
  4137. }
  4138. ::-webkit-scrollbar-thumb {
  4139. background: #B53628;
  4140. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!