Guest User

Untitled

a guest
Jan 24th, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 76.90 KB | None | 0 0
  1. /************************************************************************/
  2. /* IP.Board 3 CSS - By Rikki Tissier - (c)2008 Invision Power Services */
  3. /************************************************************************/
  4. /* ipb_styles.css */
  5. /************************************************************************/
  6.  
  7. /***********************************************************************/
  8. /* RESET (Thanks to YUI) */
  9.  
  10. 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; }
  11. table { border-collapse:collapse; border-spacing:0; }
  12. fieldset,img { border:0; }
  13. address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
  14. ol,ul { list-style:none; }
  15. caption,th { text-align:left; }
  16. h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
  17. q:before,q:after { content:''; }
  18. abbr,acronym { border:0; }
  19. hr { display: none; }
  20. address{ display: inline; }
  21.  
  22. /************************************************************************/
  23. /* CORE ELEMENT STYLES */
  24.  
  25. html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
  26. background-color: #d8dde8;
  27. color: #5a5a5a;
  28. }
  29.  
  30. body {
  31. font: normal 13px helvetica, arial, sans-serif;
  32. position: relative;
  33. }
  34.  
  35. input, select {
  36. font: normal 13px helvetica, arial, sans-serif;
  37. }
  38.  
  39. h3, strong { font-weight: bold; }
  40. em { font-style: italic; }
  41. img, .input_check, .input_radio { vertical-align: middle; }
  42. legend { display: none; }
  43. table { width: 100%; }
  44. td { padding: 3px; }
  45.  
  46.  
  47. a {
  48. color: #225985;
  49. text-decoration: none;
  50. }
  51.  
  52. a:hover { color: #328586; }
  53.  
  54.  
  55. /************************************************************************/
  56. /* LISTS */
  57.  
  58. .ipsList_inline > li {
  59. display: inline-block;
  60. margin: 0 3px;
  61. }
  62. .ipsList_inline > li:first-child { margin-left: 0; }
  63. .ipsList_inline > li:last-child { margin-right: 0; }
  64. .ipsList_inline.ipsList_reset > li:first-child { margin-left: 3px; }
  65. .ipsList_inline.ipsList_reset > li:last-child { margin-right: 3px; }
  66. .ipsList_inline.ipsList_nowrap { white-space: nowrap; }
  67.  
  68. .ipsList_withminiphoto > li { margin-bottom: 8px; }
  69. .ipsList_withmediumphoto > li .list_content { margin-left: 60px; }
  70. .ipsList_withminiphoto > li .list_content { margin-left: 40px; }
  71. .ipsList_withtinyphoto > li .list_content { margin-left: 30px; }
  72. .list_content { word-wrap: break-word; }
  73.  
  74. .ipsList_data li { margin-bottom: 6px; line-height: 1.3; }
  75. .ipsList_data .row_data { display: inline-block; }
  76. .ipsList_data .row_title, .ipsList_data .ft {
  77. display: inline-block;
  78. float: left;
  79. width: 120px;
  80. font-weight: bold;
  81. text-align: right;
  82. padding-right: 10px;
  83. }
  84.  
  85. .ipsList_data.ipsList_data_thin .row_title, .ipsList_data.ipsList_data_thin .ft {
  86. width: 80px;
  87. }
  88.  
  89. /************************************************************************/
  90. /* TYPOGRAPHY */
  91.  
  92. .ipsType_pagetitle, .ipsType_subtitle {
  93. font: 300 26px/1.3 Helvetica, Arial, sans-serif;
  94. color: #323232;
  95. }
  96. .ipsType_subtitle { font-size: 18px; }
  97. .ipsType_sectiontitle {
  98. font-size: 16px;
  99. font-weight: normal;
  100. color: #595959;
  101. padding: 5px 0;
  102. border-bottom: 1px solid #ececec;
  103. }
  104.  
  105. .ipsType_pagedesc {
  106. color: #7f7f7f;
  107. line-height: 1.5;
  108. }
  109.  
  110. .ipsType_pagedesc a { text-decoration: underline; }
  111.  
  112. .ipsType_textblock { line-height: 1.5; color: #282828; }
  113.  
  114. .ipsType_small { font-size: 12px; }
  115. .ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }
  116.  
  117. .ipsReset { margin: 0px !important; padding: 0px !important; }
  118.  
  119. /************************************************************************/
  120. /* LAYOUT */
  121. #content, .main_width {
  122. margin: 0 auto;
  123. /* Uncomment for fixed */
  124. /*width: 980px;*/
  125. /* Fluid */
  126. width: 87% !important;
  127. min-width: 960px;
  128. }
  129.  
  130. #branding, #header_bar, #primary_nav { min-width: 980px; }
  131. /*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/
  132.  
  133.  
  134. #content {
  135. background: #fff;
  136. padding: 10px 10px;
  137. line-height: 120%;
  138. -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  139. -moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  140. box-shadow: 0 5px 9px rgba(0,0,0,0.1);
  141. }
  142.  
  143. /************************************************************************/
  144. /* COLORS */
  145.  
  146.  
  147. .row1, .post_block.row1 { background-color: #fff; }
  148.  
  149.  
  150. .row2, .post_block.row2 { background-color: #f1f6f9; }
  151.  
  152.  
  153.  
  154. .unread { background-color: #f7fbfc; }
  155.  
  156.  
  157. .unread .altrow, .unread.altrow { background-color: #E2E9F0; }
  158.  
  159. /* primarily used for topic preview header */
  160. .highlighted, .highlighted .altrow { background-color: #d6e4f0; }
  161.  
  162.  
  163. .ipsBox { background: #ebf0f3; }
  164.  
  165. .ipsBox_notice, .ipsBox_highlight {
  166. background: #f4fcff;
  167. border-bottom: 1px solid #cae9f5;
  168. }
  169.  
  170. /* mini badges */
  171. a.ipsBadge:hover { color: #fff; }
  172.  
  173. .ipsBadge_green { background: #7ba60d; }
  174. .ipsBadge_purple { background: #af286d; }
  175. .ipsBadge_grey { background: #5b5b5b; }
  176. .ipsBadge_lightgrey { background: #b3b3b3; }
  177. .ipsBadge_orange { background: #ED7710; }
  178. .ipsBadge_red { background: #bf1d00; }
  179.  
  180.  
  181. .bar {
  182. background: #eff4f7;
  183. padding: 8px 10px;
  184. }
  185.  
  186. .bar.altbar {
  187. background: #b6c7db;
  188. color: #1d3652;
  189. }
  190.  
  191.  
  192. .header {
  193. background: #b6c7db;
  194. color: #1d3652;
  195. }
  196.  
  197.  
  198. body .ipb_table .header a,
  199. body .topic_options a {
  200. color: #1d3652;
  201. }
  202.  
  203.  
  204. .post_block {
  205. background: #fff;
  206. border-bottom: 1px solid #D6E2EB;
  207. }
  208.  
  209. .post_body .post { color: #282828; }
  210.  
  211. .bbc_url, .bbc_email {
  212. color: #0f72da;
  213. text-decoration: underline;
  214. }
  215.  
  216. /* Dates */
  217. .date, .poll_question .votes {
  218. color: #747474;
  219. font-size: 11px;
  220. }
  221.  
  222.  
  223. .no_messages {
  224. background-color: #f6f8fa;
  225. color: #1c2837;
  226. padding: 15px 10px;
  227. }
  228.  
  229. /* Tab bars */
  230. .tab_bar {
  231. background-color: #e4ebf2;
  232. color: #4a6784;
  233. }
  234.  
  235. .tab_bar li.active {
  236. background-color: #243f5c;
  237. color: #fff;
  238. }
  239.  
  240. .tab_bar.no_title.mini {
  241. border-bottom: 8px solid #243f5c;
  242. }
  243.  
  244. /* Menu popups */
  245. .ipbmenu_content, .ipb_autocomplete {
  246. background-color: #f7f9fb;
  247. border: 1px solid #d5dde5;
  248. -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
  249. box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 6px;
  250. }
  251.  
  252. .ipbmenu_content li, .ipb_autocomplete li {
  253. border-bottom: 1px solid #d5dde5;
  254. }
  255.  
  256. .ipb_autocomplete li.active {
  257. background: #d5dde5;
  258. }
  259.  
  260. .ipbmenu_content a:hover { background: #d5dde5; }
  261.  
  262. /* Forms */
  263.  
  264. .input_submit {
  265. background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;
  266. color: #fff;
  267. -moz-border-radius: 3px;
  268. -webkit-border-radius: 3px;
  269. border-radius: 3px;
  270. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  271. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  272. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  273. border-color: #212121;
  274. }
  275.  
  276. .input_submit:hover { color: #fff; }
  277.  
  278.  
  279. .input_submit.alt {
  280. background: #e2e9f0;
  281. border-color: #dae2ea;
  282. color: #464646;
  283. -moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  284. -webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  285. box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
  286. }
  287.  
  288. .input_submit.alt:hover { color: #464646; }
  289.  
  290. .input_submit.delete {
  291. background-color: #ad2930;
  292. border-color: #C8A5A4 #962D29 #962D29 #C8A5A4;
  293. color: #fff;
  294. }
  295.  
  296. .input_submit.delete:hover { color: #fff; }
  297.  
  298.  
  299. body#ipboard_body fieldset.submit,
  300. body#ipboard_body p.submit {
  301. background-color: #d1ddea;
  302. }
  303.  
  304. /* Moderated styles */
  305. .moderated, body .moderated td, .moderated td.altrow, .post_block.moderated,
  306. body td.moderated, body td.moderated {
  307. background-color: #f8f1f3;
  308. }
  309.  
  310. .post_block.moderated { border-color: #e9d2d7; }
  311. .moderated .row2 { background-color: #f0e0e3; }
  312. .moderated, .moderated a { color: #6f3642; }
  313.  
  314. body#ipboard_body.redirector {
  315. background: #fff !important;
  316. }
  317.  
  318. /************************************************************************/
  319. /* HEADER */
  320.  
  321. #header_bar {
  322. background: #323232 url({style_images_url}/user_navigation.png ) repeat-x bottom;
  323. padding: 0;
  324. text-align: right;
  325. }
  326.  
  327. #admin_bar { font-size: 11px; line-height: 36px; }
  328. #admin_bar li.active a { color: #fc6d35; }
  329. #admin_bar a { color: #8a8a8a; }
  330. #admin_bar a:hover { color: #fff; }
  331.  
  332. #user_navigation { color: #9f9f9f; font-size: 11px; }
  333. #user_navigation a { color: #fff; }
  334. #user_navigation .ipsList_inline li { margin: 0;} /* remove spacing from default ipsList_inline */
  335.  
  336. #user_navigation.not_logged_in {
  337. height: 26px; padding: 6px 0 4px;
  338. }
  339.  
  340. #user_link {
  341. font-size: 12px;
  342. color: #fff;
  343. padding: 0 12px;
  344. height: 36px;
  345. line-height: 36px;
  346. display: inline-block;
  347. margin-right: 15px;
  348. outline: 0;
  349. }
  350.  
  351. #user_link_dd {
  352. display: inline-block;
  353. width: 9px; height: 5px;
  354. background: url({style_images_url}/header_dropdown.png ) no-repeat left;
  355. }
  356.  
  357. #user_link:hover, #notify_link:hover, #inbox_link:hover { background-color: #323232; }
  358.  
  359. #user_link_menucontent #links li {
  360. width: 50%;
  361. float: left;
  362. margin: 3px 0;
  363. text-shadow: 0px 1px 0 rgba(255,255,255,1);
  364. white-space: nowrap;
  365. }
  366.  
  367.  
  368. #user_link.menu_active {
  369. background: #fff;
  370. color: #323232;
  371. }
  372.  
  373. #user_link.menu_active #user_link_dd { background-position: right; }
  374. #user_link_menucontent #statusForm { margin-bottom: 15px; }
  375. #user_link_menucontent #statusUpdate { margin-bottom: 5px; }
  376.  
  377. #user_link_menucontent > div {
  378. margin-left: 15px;
  379. width: 265px;
  380. text-align: left;
  381. }
  382.  
  383. #statusSubmitGlobal { margin-top: 3px; }
  384.  
  385. #user_link.menu_active, #notify_link.menu_active, #inbox_link.menu_active {
  386. background-position: bottom;
  387. background-color: #fff;
  388. -moz-border-radius: 3px 3px 0 0;
  389. -webkit-border-top-left-radius: 3px;
  390. -webkit-border-top-right-radius: 3px;
  391. border-radius: 3px 3px 0 0;
  392. }
  393.  
  394. #notify_link, #inbox_link {
  395. vertical-align: middle;
  396. width: 18px;
  397. height: 15px;
  398. padding: 13px 24px 9px 12px;
  399. position: relative;
  400. }
  401.  
  402. #notify_link { background: url({style_images_url}/icon_notify.png ) no-repeat top; }
  403. #inbox_link { background: url({style_images_url}/icon_inbox.png ) no-repeat top; }
  404.  
  405.  
  406. #user_navigation #register_link {
  407. background: #7ba60d;
  408. color: #fff;
  409. display: inline-block;
  410. padding: 3px 8px;
  411. border: 1px solid #7ba60d;
  412. -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
  413. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
  414. box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
  415. text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  416. }
  417.  
  418.  
  419. #branding {
  420. background: #0f3854 url({style_images_url}/branding_bg.png) repeat-x;
  421. border-bottom: 1px solid #1b3759;
  422. min-height: 64px;
  423. }
  424.  
  425. #logo { display: inline; }
  426.  
  427.  
  428. #primary_nav {
  429. background: #204066;
  430. font-size: 13px;
  431. padding: 4px 0 0 0;
  432. }
  433.  
  434. #primary_nav li { margin: 0px 3px 0 0; position: relative; }
  435.  
  436.  
  437. #primary_nav a {
  438. color: #c5d5e2;
  439. background: #1c3b5f;
  440. display: block;
  441. padding: 6px 15px 8px;
  442. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  443. }
  444.  
  445. #primary_nav a:hover, #primary_nav a.menu_active { background: #173455; color: #fff; }
  446.  
  447.  
  448. #primary_nav .active a {
  449. background: #fff;
  450. color: #0b5794;
  451. font-weight: bold;
  452. margin-top: 0;
  453. text-shadow: none;
  454. }
  455.  
  456. #quickNavLaunch span {
  457. background: url({style_images_url}/icon_quicknav.png ) no-repeat top;
  458. width: 13px;
  459. height: 13px;
  460. display: inline-block;
  461. }
  462. #quickNavLaunch:hover span { background: url({style_images_url}/icon_quicknav.png ) no-repeat bottom; }
  463. #primary_nav #quickNavLaunch { padding: 6px 8px 8px; }
  464.  
  465. #more_apps_menucontent {
  466. background: #173455;
  467. font-size: 12px;
  468. border: 0;
  469. min-width: 140px;
  470. -moz-box-shadow: none;
  471. -moz-border-radius: 0 0 4px 4px;
  472. -webkit-border-bottom-right-radius: 4px;
  473. -webkit-border-bottom-left-radius: 4px;
  474. border-radius: 0 0 4px 4px;
  475. }
  476. #more_apps_menucontent li { padding: 0; border: 0; float: none !important; min-width: 150px; }
  477. #more_apps_menucontent a {
  478. display: block;
  479. padding: 8px 10px;
  480. color: #fff;
  481. text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
  482. }
  483.  
  484. #more_apps_menucontent a:hover { color: #000; }
  485.  
  486. .breadcrumb {
  487. color: #777;
  488. font-size: 11px;
  489. }
  490. .breadcrumb a { color: #777; }
  491. .breadcrumb li .nav_sep { margin: 0 5px 0 0; }
  492. .breadcrumb li:first-child{ margin-left: 0; }
  493. .breadcrumb.top { margin-bottom: 10px; }
  494. .breadcrumb.bottom { margin-top: 10px; width: 100% }
  495.  
  496. .ipsHeaderMenu {
  497. background: #ffffff; /* Old browsers */
  498. background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 70%, #ededed 100%); /* FF3.6+ */
  499. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(70%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  500. padding: 10px;
  501. -moz-border-radius: 0 0 6px 6px;
  502. -webkit-border-bottom-right-radius: 6px;
  503. -webkit-border-bottom-left-radius: 6px;
  504. border-radius: 0 0 6px 6px;
  505. overflow: hidden;
  506. width: 340px;
  507. }
  508.  
  509. .ipsHeaderMenu .ipsType_sectiontitle { margin-bottom: 8px; }
  510.  
  511. #user_notifications_link_menucontent.ipsHeaderMenu,
  512. #user_inbox_link_menucontent.ipsHeaderMenu {
  513. width: 300px;
  514. }
  515.  
  516. /************************************************************************/
  517. /* SEARCH */
  518.  
  519. #search { margin: 20px 0; }
  520. #main_search {
  521. font-size: 12px;
  522. border: 0;
  523. padding: 0;
  524. background: transparent;
  525. width: 130px;
  526. outline: 0;
  527. }
  528.  
  529. #main_search.inactive { color: #bcbcbc; }
  530.  
  531. #search_wrap {
  532. position: relative;
  533. background: #fff;
  534. display: block;
  535. padding: 0 26px 0 4px;
  536. height: 26px;
  537. line-height: 25px;
  538. -moz-border-radius: 3px 4px 4px 3px;
  539. -webkit-border-top-left-radius: 3px;
  540. -webkit-border-top-right-radius: 4px;
  541. -webkit-border-bottom-right-radius: 4px;
  542. -webkit-border-bottom-left-radius: 3px;
  543. border-radius: 3px 4px 4px 3px;
  544. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  545. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  546. box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  547. min-width: 230px;
  548. }
  549.  
  550. #adv_search {
  551. width: 16px;
  552. height: 16px;
  553. background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
  554. text-indent: -3000em;
  555. display: inline-block;
  556. margin: 4px 0 4px 4px;
  557. }
  558.  
  559.  
  560. #search .submit_input {
  561. background: #7ba60d url({style_images_url}/search_icon.png) no-repeat 50%;
  562. text-indent: -3000em;
  563. padding: 0; border: 0;
  564. border: 1px solid #7ba60d;
  565. display: block;
  566. width: 26px;
  567. height: 26px;
  568. position: absolute;
  569. right: 0; top: 0; bottom: 0;
  570. -moz-border-radius: 0 3px 3px 0;
  571. -webkit-border-top-right-radius: 3px;
  572. -webkit-border-bottom-right-radius: 3px;
  573. border-radius: 0 3px 3px 0;
  574. -webkit-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  575. -moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  576. box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
  577. }
  578.  
  579. #search_options {
  580. font-size: 10px;
  581. height: 20px;
  582. line-height: 20px;
  583. margin: 3px 3px 3px 0;
  584. padding: 0 6px;
  585. -moz-border-radius: 3px;
  586. -webkit-border-radius: 3px;
  587. border-radius: 3px;
  588. background: #eaeaea;
  589. display: inline-block;
  590. float: right;
  591. }
  592.  
  593. #search_options_menucontent { min-width: 100px; }
  594. #search_options_menucontent input { margin-right: 10px; }
  595. #search_options_menucontent li { border-bottom: 0; }
  596. #search_options_menucontent label { cursor: pointer; }
  597.  
  598. /************************************************************************/
  599. /* FOOTER */
  600.  
  601. #backtotop {
  602. width: 24px;
  603. height: 24px;
  604. line-height: 20px;
  605. left: 50%;
  606. margin-left: -12px;
  607. position: absolute;
  608. display: inline-block;
  609. background: #bdbdbd;
  610. text-align: center;
  611. -moz-border-radius: 16px;
  612. -webkit-border-radius: 16px;
  613. border-radius: 16px;
  614. opacity: 0.4;
  615. outline: 0;
  616. }
  617.  
  618. #backtotop:hover {
  619. background: #af286d;
  620. color: #fff;
  621. opacity: 1;
  622. }
  623.  
  624. #footer_utilities {
  625. padding: 10px;
  626. font-size: 11px;
  627. position: relative;
  628. }
  629.  
  630. #footer_utilities .ipsList_inline > li > a { margin-right: 0px; padding: 4px 10px; }
  631. #footer_utilities a.menu_active {
  632. background: #F7F9FB;
  633. margin-top: -5px;
  634. padding: 3px 9px 4px !important;
  635. z-index: 20000;
  636. position: relative;
  637. display: inline-block;
  638. border: 1px solid #D5DDE5;
  639. border-bottom: 0;
  640. }
  641.  
  642. #copyright {
  643. color: #848484;
  644. text-align: right;
  645. text-shadow: 0px 1px 0px #fff;
  646. }
  647.  
  648. #copyright a { color: #848484; }
  649.  
  650. #ipsDebug_footer {
  651. width: 900px;
  652. margin: 8px auto 0px auto;
  653. text-align: center;
  654. color: #404040;
  655. text-shadow: 0px 1px 0px #fff;
  656. font-size: 11px;
  657. }
  658. #ipsDebug_footer strong { margin-left: 20px; }
  659. #ipsDebug_footer a { color: #404040; }
  660.  
  661. #rss_menu {
  662. background-color: #fef3d7;
  663. border: 1px solid #ed7710;
  664. }
  665.  
  666. #rss_menu li { border-bottom: 1px solid #fce19b; }
  667. #rss_menu a {
  668. color: #ed7710;
  669. padding: 5px 8px;
  670. }
  671.  
  672. #rss_menu a:hover {
  673. background-color: #ed7710;
  674. color: #fff;
  675. }
  676.  
  677. /************************************************************************/
  678. /* GENERAL CONTENT */
  679.  
  680. .ipsUserPhoto {
  681. padding: 1px;
  682. border: 1px solid #d5d5d5;
  683. background: #fff;
  684. -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  685. -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  686. box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
  687. }
  688.  
  689. .ipsUserPhotoLink:hover .ipsUserPhoto {
  690. border-color: #7d7d7d;
  691. }
  692.  
  693. .ipsUserPhoto_variable { max-width: 155px; }
  694. .ipsUserPhoto_large { width: 90px; height: 90px; }
  695. .ipsUserPhoto_medium { width: 50px; height: 50px; }
  696. .ipsUserPhoto_mini { width: 30px; height: 30px; }
  697. .ipsUserPhoto_tiny { width: 20px; height: 20px; }
  698. .ipsUserPhoto_icon { width: 16px; height: 16px; }
  699. .ipsUserPhoto_inset { width: 25px; height: 25px; position: absolute; margin-left:-22px; margin-top: 30px; }
  700.  
  701.  
  702. .general_box {
  703. background: #fcfcfc;
  704. margin-bottom: 10px;
  705. }
  706.  
  707.  
  708. .general_box h3 {
  709. font: normal 14px helvetica, arial, sans-serif;
  710. padding: 8px 10px;
  711. background: #DBE2EC;
  712. color: #204066;
  713. }
  714.  
  715. .general_box .none {
  716. color: #bcbcbc;
  717. }
  718.  
  719. .ipsBox, .ipsPad { padding: 9px; }
  720. .ipsPad_double { padding: 9px 19px; } /* 19px because it's still only 1px border to account for */
  721. .ipsBox_withphoto { margin-left: 65px; }
  722.  
  723.  
  724. .ipsBox_container {
  725. background: #fff;
  726. border: 1px solid #dbe4ef;
  727. }
  728. .ipsBox_notice {
  729. padding: 10px;
  730. line-height: 1.6;
  731. margin-bottom: 10px;
  732. }
  733. .ipsBox_container .ipsBox_notice { margin: -10px -10px 10px -10px; }
  734. .ipsPad_half { padding: 4px !important; }
  735. .ipsPad_left { padding-left: 9px; }
  736. .ipsPad_top { padding-top: 9px; }
  737. .ipsPad_top_slimmer { padding-top: 7px; }
  738. .ipsPad_top_half { padding-top: 4px; }
  739. .ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
  740. .ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }
  741.  
  742. .ipsBlendLinks_target .ipsBlendLinks_here {
  743. opacity: 0.5;
  744. -webkit-transition: all 0.1s ease-in-out;
  745. -moz-transition: all 0.2s ease-in-out;
  746. }
  747. .ipsBlendLinks_target:hover .ipsBlendLinks_here { opacity: 1; }
  748.  
  749. .block_list > li {
  750. padding: 5px 10px;
  751. border-bottom: 1px solid #f2f2f2;
  752. }
  753.  
  754. .ipsModMenu {
  755. width: 15px;
  756. height: 15px;
  757. display: inline-block;
  758. text-indent: -2000em;
  759. background: url({style_images_url}/moderation_cog.png ) no-repeat;
  760. margin-right: 5px;
  761. vertical-align: middle;
  762. }
  763.  
  764. .ipsBadge {
  765. display: inline-block;
  766. height: 16px;
  767. line-height: 16px;
  768. padding: 0 5px;
  769. font-size: 9px;
  770. font-weight: bold;
  771. text-transform: uppercase;
  772. color: #fff;
  773. -moz-border-radius: 4px;
  774. -webkit-border-radius: 4px;
  775. border-radius: 4px;
  776. }
  777.  
  778. #nav_app_ipchat .ipsBadge { position: absolute; }
  779.  
  780. #ajax_loading {
  781. background: #95C715;
  782. background: -moz-linear-gradient(top, #95C715 0%, #7BA60D 100%);
  783. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#95C715), color-stop(100%,#7BA60D));
  784. background: linear-gradient(top, #95C715 0%,#7BA60D 100%);
  785. border: 1px solid #7BA60D;
  786. color: #fff;
  787. text-align: center;
  788. padding: 5px 0 8px;
  789. width: 8%;
  790. top: 0px;
  791. left: 46%;
  792. -moz-border-radius: 0 0 5px 5px;
  793. -webkit-border-bottom-right-radius: 5px;
  794. -webkit-border-bottom-left-radius: 5px;
  795. border-radius: 0 0 5px 5px;
  796. z-index: 10000;
  797. position: fixed;
  798. -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  799. -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  800. box-shadow: 0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);
  801. }
  802.  
  803. #ipboard_body.redirector {
  804. width: 500px;
  805. margin: 150px auto 0 auto;
  806. }
  807.  
  808. #ipboard_body.minimal { margin-top: 40px; }
  809. #ipboard_body.minimal #content {
  810. -moz-border-radius: 10px;
  811. -webkit-border-radius: 10px;
  812. border-radius: 10px;
  813. padding: 20px 30px;
  814. }
  815. #ipboard_body.minimal h1 { font-size: 32px; }
  816. #ipboard_body.minimal .ipsType_pagedesc { font-size: 16px; }
  817.  
  818. .progress_bar {
  819. background-color: #fff;
  820. border: 1px solid #d5dde5;
  821. }
  822.  
  823. .progress_bar span {
  824. background: #243f5c url({style_images_url}/gradient_bg.png) repeat-x left 50%;
  825. color: #fff;
  826. font-size: 0em;
  827. font-weight: bold;
  828. text-align: center;
  829. text-indent: -2000em; /* Safari fix */
  830. height: 10px;
  831. display: block;
  832. overflow: hidden;
  833. }
  834.  
  835. .progress_bar.limit span {
  836. background: #b82929 url({style_images_url}/progressbar_warning.png) repeat-x center;
  837. }
  838.  
  839. .progress_bar span span {
  840. display: none;
  841. }
  842.  
  843. .progress_bar.user_warn {
  844. margin: 0 auto;
  845. width: 80%;
  846. }
  847.  
  848. .progress_bar.user_warn span {
  849. height: 6px;
  850. }
  851.  
  852. .progress_bar.topic_poll {
  853. border: 1px solid #d5dde5;
  854. margin-top: 2px;
  855. width: 40%;
  856. }
  857.  
  858. li.rating a {
  859. outline: 0;
  860. }
  861.  
  862. .antispam_img { margin: 0 3px 5px 0; }
  863.  
  864. span.error {
  865. color: #ad2930;
  866. font-weight: bold;
  867. clear: both;
  868. }
  869.  
  870. #recaptcha_widget_div { max-width: 350px; }
  871. #recaptcha_table { border: 0 !important; }
  872.  
  873. /************************************************************************/
  874. /* GENERIC REPEATED STYLES */
  875. /* Inline lists */
  876. .tab_filters ul, .tab_filters li, fieldset.with_subhead span.desc, fieldset.with_subhead label,.user_controls li {
  877. display: inline;
  878. }
  879.  
  880. /* Utility styles */
  881. .right { float: right; }
  882. .left { float: left; }
  883. .hide { display: none; }
  884. .short { text-align: center; }
  885. .clear { clear: both; }
  886. .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
  887. .faded { opacity: 0.5 }
  888. .clickable { cursor: pointer; }
  889. .reset_cursor { cursor: default; }
  890.  
  891. /* Bullets */
  892. .bullets ul, .bullets ol,
  893. ul.bullets, ol.bullets {
  894. list-style: disc;
  895. margin-left: 30px;
  896. line-height: 150%;
  897. list-style-image: none;
  898. }
  899.  
  900.  
  901. .maintitle {
  902. background: #2c5687 url({style_images_url}/maintitle.png) repeat-x top;
  903. color: #fff;
  904. padding: 10px 10px 11px;
  905. font-size: 16px;
  906. font-weight: 300;
  907. -moz-border-radius: 4px 4px 0 0;
  908. -webkit-border-top-left-radius: 4px;
  909. -webkit-border-top-right-radius: 4px;
  910. border-radius: 4px 4px 0 0;
  911. -webkit-box-shadow: inset 0px 1px 0 #528cbc;
  912. -moz-box-shadow: inset 0px 1px 0 #528cbc;
  913. box-shadow: inset 0px 1px 0 #528cbc;
  914. border-width: 1px 1px 0 1px;
  915. border-color: #316897;
  916. border-style: solid;
  917. }
  918.  
  919. .maintitle a { color: #fff; }
  920.  
  921. .collapsed .maintitle {
  922. opacity: 0.2;
  923. -moz-border-radius: 4px;
  924. -webkit-border-radius: 4px;
  925. border-radius: 4px;
  926. }
  927.  
  928. .collapsed .maintitle:hover { opacity: 0.4; }
  929.  
  930. .maintitle .toggle {
  931. visibility: hidden;
  932. background: url({style_images_url}/cat_minimize.png) no-repeat;
  933. text-indent: -3000em;
  934. width: 25px; height: 25px;
  935. display: block;
  936. outline: 0;
  937. }
  938. .maintitle:hover .toggle { visibility: visible; }
  939.  
  940. .collapsed .toggle {
  941. background-image: url({style_images_url}/cat_maximize.png);
  942. }
  943.  
  944. /* Rounded corners */
  945. #user_navigation #new_msg_count, .poll_question h4,
  946. .rounded {
  947. border-radius: 6px;
  948. -moz-border-radius: 6px;
  949. -webkit-border-radius: 6px;
  950. }
  951.  
  952.  
  953. .desc, .desc.blend_links a, p.posted_info {
  954. font-size: 12px;
  955. color: #777777;
  956. }
  957.  
  958.  
  959. .desc.lighter, .desc.lighter.blend_links a {
  960. color: #a4a4a4;
  961. }
  962.  
  963. /* Cancel */
  964. .cancel {
  965. color: #ad2930;
  966. font-size: 0.9em;
  967. font-weight: bold;
  968. }
  969.  
  970. /* Moderation */
  971. em.moderated {
  972. font-size: 11px;
  973. font-style: normal;
  974. font-weight: bold;
  975. }
  976.  
  977. /* Positive/Negative */
  978. .positive { color: #6f8f52; }
  979. .negative { color: #c7172b; }
  980.  
  981. /* Search highlighting */
  982. .searchlite
  983. {
  984. background-color: yellow;
  985. color: red;
  986. font-size:14px;
  987. }
  988.  
  989. /* Users posting */
  990. .activeuserposting {
  991. font-style: italic;
  992. }
  993.  
  994. /************************************************************************/
  995. /* COLUMN WIDTHS FOR TABLES */
  996. /* col_f = forums; col_c = categories; col_m = messenger; col_n = notifications */
  997.  
  998. .col_f_post { width: 250px !important; }
  999. .is_mod .col_f_post { width: 210px !important; }
  1000.  
  1001. td.col_c_post {
  1002. padding-top: 10px !important;
  1003. width: 250px;
  1004. }
  1005.  
  1006. .col_f_icon {
  1007. padding: 10px 0 0 0 !important;
  1008. width: 24px !important;
  1009. text-align: center;
  1010. vertical-align: top;
  1011. }
  1012.  
  1013. .col_n_icon {
  1014. vertical-align: middle;
  1015. width: 24px;
  1016. padding: 0 !important;
  1017. }
  1018.  
  1019. .col_f_views, .col_m_replies {
  1020. width: 100px !important;
  1021. text-align: right;
  1022. white-space: nowrap;
  1023. }
  1024.  
  1025. .col_f_mod, .col_m_mod, .col_n_mod { width: 40px; text-align: right; }
  1026. .col_f_preview {
  1027. width: 20px !important;
  1028. text-align: right;
  1029. }
  1030.  
  1031. .col_c_icon { padding: 10px 5px 10px 5px !important; width: 30px; vertical-align: middle; text-align: middle; }
  1032. .col_c_post .ipsUserPhoto { margin-top: 3px; }
  1033.  
  1034. .col_n_date { width: 250px; }
  1035. .col_m_photo, .col_n_photo { width: 30px; }
  1036. .col_m_mod { text-align: right; }
  1037. .col_r_icon { width: 3%; }
  1038. .col_f_topic, .col_m_subject { width: 49%; }
  1039. .col_f_starter, .col_r_total, .col_r_comments { width: 10%; }
  1040. .col_m_date, .col_r_updated, .col_r_section { width: 18%; }
  1041. .col_c_stats { width: 15%; text-align: right; }
  1042. .col_c_forum { width: auto; }
  1043. .col_mod, .col_r_mod { width: 3%; }
  1044. .col_r_title { width: 26%; }
  1045.  
  1046. /*.col_c_forum, .col_c_stats, .col_c_icon, .col_c_post { vertical-align: top; }*/
  1047.  
  1048. /************************************************************************/
  1049. /* TABLE STYLES */
  1050.  
  1051. table.ipb_table {
  1052. width: 100%;
  1053. line-height: 1.3;
  1054. border-collapse: collapse;
  1055. }
  1056.  
  1057.  
  1058. table.ipb_table td {
  1059. padding: 10px;
  1060. border-bottom: 1px solid #f3f3f3;
  1061. }
  1062.  
  1063. table.ipb_table tr.unread h4 { font-weight: bold; }
  1064. table.ipb_table tr.highlighted td { border-bottom: 0; }
  1065.  
  1066. table.ipb_table th {
  1067. font-size: 11px;
  1068. font-weight: bold;
  1069. padding: 8px 6px;
  1070. }
  1071.  
  1072. .last_post { margin-left: 45px; }
  1073.  
  1074. table.ipb_table h4,
  1075. table.ipb_table .topic_title {
  1076. font-size: 14px;
  1077. display: inline-block;
  1078. }
  1079.  
  1080. table.ipb_table .unread .topic_title { font-weight: bold; }
  1081. table.ipb_table .ipsModMenu { visibility: hidden; }
  1082. table.ipb_table tr:hover .ipsModMenu, table.ipb_table tr .ipsModMenu.menu_active { visibility: visible; }
  1083.  
  1084. #announcements h4 { display: inline; }
  1085. #announcements td { border-bottom: 1px solid #fff; }
  1086.  
  1087. .forum_data {
  1088. font-size: 11px;
  1089. color: #5c5c5c;
  1090. display: inline-block;
  1091. white-space: nowrap;
  1092. margin: 0px 0 0 8px;
  1093. }
  1094.  
  1095. .desc_more {
  1096. background: url({style_images_url}/desc_more.png ) no-repeat top;
  1097. display: inline-block;
  1098. width: 13px; height: 13px;
  1099. text-indent: -2000em;
  1100. }
  1101. .desc_more:hover { background-position: bottom; }
  1102.  
  1103. .category_block .ipb_table h4 { font-size: 15px; word-wrap: break-word; }
  1104.  
  1105. table.ipb_table .subforums {
  1106. margin: 2px 0 3px 5px;
  1107. padding-left: 20px;
  1108. background: url({style_images_url}/subforum_stem.png ) no-repeat left 4px;
  1109. }
  1110. table.ipb_table .subforums li.unread { font-weight: bold; }
  1111.  
  1112. table.ipb_table .expander {
  1113. visibility: hidden;
  1114. width: 16px;
  1115. height: 16px;
  1116. display: inline-block;
  1117. }
  1118. table.ipb_table tr:hover .expander { visibility: visible; opacity: 0.2; }
  1119. table.ipb_table td.col_f_preview { cursor: pointer; }
  1120. table.ipb_table tr td:hover .expander, .expander.open, .expander.loading { visibility: visible !important; opacity: 1; }
  1121. table.ipb_table .expander.closed { background: url({style_images_url}/icon_expand_close.png ) no-repeat top; }
  1122. table.ipb_table .expander.open { background: url({style_images_url}/icon_expand_close.png ) no-repeat bottom; }
  1123. table.ipb_table .expander.loading { background: url({style_images_url}/loading.gif ) no-repeat; }
  1124. table.ipb_table .preview td {
  1125. padding: 20px 10px 20px 29px;
  1126. z-index: 20000;
  1127. border-top: 0;
  1128. }
  1129.  
  1130. table.ipb_table .preview td > div {
  1131. line-height: 1.4;
  1132. position: relative;
  1133. }
  1134.  
  1135. table.ipb_table .preview td {
  1136. -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1137. -moz-box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1138. box-shadow: 0px 4px 5px rgba(0,0,0,0.15);
  1139. border: 1px solid #D6E4F0;
  1140. }
  1141.  
  1142. .preview_info {
  1143. border-bottom: 1px solid #eaeaea;
  1144. padding-bottom: 3px;
  1145. margin: -3px 0 3px;
  1146. }
  1147.  
  1148. table.ipb_table .mini_pagination { opacity: 0.5; }
  1149. table.ipb_table tr:hover .mini_pagination { opacity: 1; }
  1150.  
  1151. /************************************************************************/
  1152. /* LAYOUT SYSTEM */
  1153.  
  1154. .ipsLayout.ipsLayout_withleft { padding-left: 210px; }
  1155. .ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
  1156. /* Panes */
  1157. .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
  1158. .ipsLayout_content { width: 100%; float: left; }
  1159. .ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
  1160. .ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }
  1161.  
  1162. /* Wider sidebars */
  1163. .ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
  1164. .ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
  1165. .ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
  1166. .ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 280px; margin-right: -290px; }
  1167.  
  1168. /* Narrow sidebars */
  1169. .ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
  1170. .ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
  1171. .ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
  1172. .ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }
  1173.  
  1174. /* Tiny sidebar */
  1175. .ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
  1176. .ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -40px; }
  1177. .ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
  1178. .ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; }
  1179.  
  1180. /* Big sidebar */
  1181. .ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
  1182. .ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
  1183. .ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
  1184. .ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }
  1185.  
  1186. /* Even Wider sidebars */
  1187. .ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
  1188. .ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
  1189. .ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
  1190. .ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }
  1191.  
  1192. /************************************************************************/
  1193. /* NEW FORMS */
  1194.  
  1195. .ipsField .ipsField_title {
  1196. font-weight: bold;
  1197. font-size: 15px;
  1198. }
  1199.  
  1200. .ipsForm_required {
  1201. color: #ab1f39;
  1202. font-weight: bold;
  1203. }
  1204.  
  1205. .ipsForm_horizontal .ipsField_title {
  1206. float: left;
  1207. width: 185px;
  1208. padding-right: 15px;
  1209. text-align: right;
  1210. line-height: 1.8;
  1211. }
  1212.  
  1213. .ipsForm_horizontal .ipsField { margin-bottom: 15px; }
  1214. .ipsForm_horizontal .ipsField_content, .ipsForm_horizontal .ipsField_submit { margin-left: 200px; }
  1215. .ipsForm_horizontal .ipsField_checkbox { margin: 0 0 5px 200px; }
  1216. .ipsForm_horizontal .ipsField_select .ipsField_title { line-height: 1.6; }
  1217.  
  1218. .ipsForm_vertical .ipsField { margin-bottom: 10px; }
  1219. .ipsForm_vertical .ipsField_content { margin-top: 3px; }
  1220.  
  1221. .ipsForm .ipsField_checkbox .ipsField_content { margin-left: 25px; }
  1222. .ipsForm .ipsField_checkbox input { float: left; margin-top: 3px; }
  1223.  
  1224. .ipsField_primary input { font-size: 18px; }
  1225.  
  1226. .ipsForm_submit {
  1227. background: #e4e4e4;
  1228. background: -moz-linear-gradient(top, #e4e4e4 0%, #cccccc 100%);
  1229. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#cccccc));
  1230. padding: 5px 10px;
  1231. text-align: right;
  1232. border-top: 1px solid #cccccc;
  1233. margin-top: 25px;
  1234. }
  1235.  
  1236. .ipsForm_right { text-align: right; }
  1237. .ipsForm_left { text-align: left; }
  1238. .ipsForm_center { text-align: center; }
  1239.  
  1240. /************************************************************************/
  1241. /* SETTINGS SCREENS */
  1242. .ipsSettings_pagetitle { font-size: 20px; margin-bottom: 5px; }
  1243. .ipsSettings { padding: 0 0px; }
  1244. .ipsSettings_section {
  1245. margin: 0 0 15px 0;
  1246. border-top: 1px solid #eaeaea;
  1247. padding: 15px 0 0 0;
  1248. }
  1249.  
  1250. .ipsSettings_section > div { margin-left: 175px; }
  1251. .ipsSettings_section > div ul li { margin-bottom: 10px; }
  1252. .ipsSettings_section .desc { margin-top: 3px; }
  1253.  
  1254. .ipsSettings_sectiontitle {
  1255. font: bold 14px Helvetica, Arial, sans-serif;
  1256. color: #151515;
  1257. width: 165px;
  1258. padding-left: 10px;
  1259. float: left;
  1260. }
  1261.  
  1262. .ipsSettings_fieldtitle {
  1263. min-width: 100px;
  1264. margin-right: 10px;
  1265. font-size: 14px;
  1266. display: inline-block;
  1267. vertical-align: top;
  1268. padding-top: 3px;
  1269. }
  1270.  
  1271. /************************************************************************/
  1272. /* TOOLTIPS */
  1273.  
  1274. .ipsTooltip { padding: 5px; z-index: 25000;}
  1275. .ipsTooltip_inner {
  1276. padding: 8px;
  1277. background: #333333;
  1278. border: 1px solid #333333;
  1279. color: #fff;
  1280. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1281. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1282. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1283. -moz-border-radius: 4px;
  1284. -webkit-border-radius: 4px;
  1285. border-radius: 4px;
  1286. font-size: 12px;
  1287. text-align: center;
  1288. max-width: 250px;
  1289. }
  1290. .ipsTooltip_inner a { color: #fff; }
  1291. .ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
  1292. .ipsTooltip.top { background: url({style_images_url}/stems/tooltip_top.png) no-repeat bottom center; }
  1293. .ipsTooltip.top_left { background-position: bottom left; }
  1294. .ipsTooltip.bottom { background: url({style_images_url}/stems/tooltip_bottom.png) no-repeat top center; }
  1295. .ipsTooltip.left { background: url({style_images_url}/stems/tooltip_left.png) no-repeat center right; }
  1296. .ipsTooltip.right { background: url({style_images_url}/stems/tooltip_right.png) no-repeat center left; }
  1297.  
  1298. /************************************************************************/
  1299. /* AlertFlag */
  1300.  
  1301. .ipsHasNotifications {
  1302. padding: 0px 4px;
  1303. height: 12px;
  1304. line-height: 12px;
  1305. background: #cf2020;
  1306. color: #fff !important;
  1307. font-size: 9px;
  1308. text-align: center;
  1309. -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1310. -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1311. box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
  1312. -moz-border-radius: 2px;
  1313. -webkit-border-radius: 2px;
  1314. border-radius: 2px;
  1315. position: absolute;
  1316. top: 4px;
  1317. left: 3px;
  1318. }
  1319.  
  1320. .ipsHasNotifications_blank { display: none; }
  1321. #chat-tab-count.ipsHasNotifications { left: auto; top: 0px; right: -1px; text-shadow: none !important; }
  1322.  
  1323. /************************************************************************/
  1324. /* SIDEBAR STYLE */
  1325.  
  1326. .ipsSideMenu { padding: 10px 0; }
  1327. .ipsSideMenu h4 {
  1328. margin: 0 10px 5px 25px;
  1329. font-weight: bold;
  1330. color: #383838;
  1331. }
  1332.  
  1333. .ipsSideMenu ul {
  1334. border-top: 1px solid #EDF1F5;
  1335. margin-bottom: 20px;
  1336. }
  1337.  
  1338. .ipsSideMenu ul li {
  1339. font-size: 11px;
  1340. border-bottom: 1px solid #EDF1F5;
  1341. }
  1342.  
  1343. .ipsSideMenu ul li a {
  1344. padding: 5px 10px 5px 25px;
  1345. display: block;
  1346. }
  1347.  
  1348.  
  1349. .ipsSideMenu ul li.active a {
  1350. background: #af286d url({style_images_url}/icon_check_white.png ) no-repeat 6px 8px;
  1351. color: #fff;
  1352. font-weight: bold;
  1353. }
  1354.  
  1355. /***************************************************************************/
  1356. /* WIZARDS */
  1357. .ipsSteps {
  1358. border-bottom: 1px solid #fff;
  1359. background: #DBE2EC;
  1360. overflow: hidden;
  1361. }
  1362. .ipsSteps ul li {
  1363. float: left;
  1364. padding: 11px 33px 11px 18px;
  1365. color: #323232;
  1366. background-image: url({style_images_url}/wizard_step_large.png );
  1367. background-repeat: no-repeat;
  1368. background-position: bottom right;
  1369. position: relative;
  1370. max-height: 53px;
  1371. }
  1372.  
  1373. .ipsSteps .ipsSteps_active {
  1374. background-position: top right;
  1375. color: #fff;
  1376. text-shadow: 0px -1px 0 rgba(0,0,0,0.7);
  1377. }
  1378.  
  1379. .ipsSteps .ipsSteps_done { color: #aeaeae; }
  1380. .ipsSteps_desc { font-size: 11px; }
  1381. .ipsSteps_arrow { display: none; }
  1382.  
  1383. .ipsSteps_title {
  1384. display: block;
  1385. font-size: 14px;
  1386. }
  1387.  
  1388. .ipsSteps_active .ipsSteps_arrow {
  1389. display: block;
  1390. position: absolute;
  1391. left: -23px;
  1392. top: 0;
  1393. width: 23px;
  1394. height: 54px;
  1395. background: url({style_images_url}/wizard_step_extra.png ) no-repeat;
  1396. }
  1397.  
  1398. .ipsSteps ul li:first-child .ipsSteps_arrow { display: none !important; }
  1399.  
  1400. /************************************************************************/
  1401. /* VERTICAL TABS (profile etc.) */
  1402.  
  1403. .ipsVerticalTabbed { }
  1404.  
  1405. .ipsVerticalTabbed_content {
  1406. min-height: 400px;
  1407. }
  1408.  
  1409. .ipsVerticalTabbed_tabs > ul {
  1410. width: 149px !important;
  1411. margin-top: 10px;
  1412. border-top: 1px solid #DBE4EF;
  1413. border-left: 1px solid #DBE4EF;
  1414. }
  1415.  
  1416. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
  1417.  
  1418.  
  1419. .ipsVerticalTabbed_tabs li {
  1420. background: #f6f8fb;
  1421. color: #808080;
  1422. border-bottom: 1px solid #DBE4EF;
  1423. font-size: 13px;
  1424. }
  1425.  
  1426.  
  1427. .ipsVerticalTabbed_tabs li a {
  1428. display: block;
  1429. padding: 10px 8px;
  1430. outline: 0;
  1431. color: #8d8d8d;
  1432. -webkit-transition: background-color 0.1s ease-in-out;
  1433. -moz-transition: background-color 0.3s ease-in-out;
  1434. }
  1435.  
  1436.  
  1437. .ipsVerticalTabbed_tabs li a:hover {
  1438. background: #eaeff5;
  1439. color: #808080;
  1440. }
  1441.  
  1442.  
  1443. .ipsVerticalTabbed_tabs li.active a {
  1444. width: 135px;
  1445. position: relative;
  1446. z-index: 8000;
  1447. border-right: 1px solid #fff;
  1448. background: #fff;
  1449. color: #353535;
  1450. font-weight: bold;
  1451. }
  1452.  
  1453. .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
  1454. width: 24px;
  1455. }
  1456.  
  1457. /************************************************************************/
  1458. /* 'LIKE' FUNCTIONS */
  1459.  
  1460. .ipsLikeBar { margin: 10px 0; font-size: 11px; }
  1461.  
  1462. .ipsLikeBar_info {
  1463. line-height: 19px;
  1464. background: #f4f4f4;
  1465. padding: 0 10px;
  1466. display: inline-block;
  1467. -moz-border-radius: 2px;
  1468. -webkit-border-radius: 2px;
  1469. border-radius: 2px;
  1470. }
  1471.  
  1472. .ipsLikeButton {
  1473. line-height: 17px;
  1474. padding: 0 6px 0 24px;
  1475. font-size: 11px;
  1476. display: inline-block;
  1477. -moz-border-radius: 2px;
  1478. -webkit-border-radius: 2px;
  1479. border-radius: 2px;
  1480. color: #fff !important;
  1481. }
  1482. .ipsLikeButton:hover { color: #fff !important; }
  1483.  
  1484. .ipsLikeButton.ipsLikeButton_enabled {
  1485. background: #7b96bb url({style_images_url}/like_button.png ) no-repeat top left;
  1486. border: 1px solid #7b96bb;
  1487. }
  1488.  
  1489. .ipsLikeButton.ipsLikeButton_disabled {
  1490. background: #acacac url({style_images_url}/like_button.png ) no-repeat bottom left;
  1491. border: 1px solid #acacac;
  1492. }
  1493.  
  1494. /************************************************************************/
  1495. /* TAG LIST */
  1496.  
  1497. .ipsTag {
  1498. display: inline-block;
  1499. background: url({style_images_url}/tag_bg.png );
  1500. height: 20px;
  1501. line-height: 20px;
  1502. padding: 0 7px 0 15px;
  1503. margin: 5px 5px 0 0;
  1504. font-size: 11px;
  1505. color: #656565;
  1506. text-shadow: 0 1px 0 rgba(255,255,255,1);
  1507. -moz-border-radius: 0 3px 3px 0;
  1508. -webkit-border-top-right-radius: 3px;
  1509. -webkit-border-bottom-right-radius: 3px;
  1510. border-radius: 0 3px 3px 0;
  1511. }
  1512.  
  1513. /************************************************************************/
  1514. /* TAG EDITOR STYLES */
  1515.  
  1516. .ipsTagBox_wrapper {
  1517. min-height: 18px;
  1518. width: 350px;
  1519. line-height: 1.3;
  1520. display: inline-block;
  1521. }
  1522.  
  1523. .ipsTagBox_hiddeninput { background: #fff; }
  1524. .ipsTagBox_hiddeninput.inactive {
  1525. font-size: 11px;
  1526. min-width: 200px;
  1527. }
  1528.  
  1529. .ipsTagBox_wrapper input { border: 0px; outline: 0; }
  1530. .ipsTagBox_wrapper li { display: inline-block; }
  1531.  
  1532. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
  1533. background: #dbf3ff;
  1534. border-color: #a8e3ff;
  1535. color: #136db5;
  1536. }
  1537.  
  1538. .ipsTagBox_tag {
  1539. padding: 2px 1px 2px 4px;
  1540. background: #f4f4f4;
  1541. border: 1px solid #dddddd;
  1542. margin: 0 3px 2px 0;
  1543. font-size: 11px;
  1544. -moz-border-radius: 2px;
  1545. -webkit-border-radius: 2px;
  1546. border-radius: 2px;
  1547. cursor: pointer;
  1548. }
  1549.  
  1550. .ipsTagBox_tag:hover {
  1551. border-color: #bdbdbd;
  1552. }
  1553.  
  1554. .ipsTagBox_tag.selected {
  1555. background: #e2e2e2 !important;
  1556. border-color: #c0c0c0 !important;
  1557. color: #424242 !important;
  1558. }
  1559.  
  1560. .ipsTagBox_closetag {
  1561. margin-left: 2px;
  1562. display: inline-block;
  1563. padding: 0 3px;
  1564. color: #c7c7c7;
  1565. font-weight: bold;
  1566. }
  1567. .ipsTagBox_closetag:hover { color: #454545; }
  1568. .ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
  1569. .ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f; }
  1570. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }
  1571. .ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }
  1572.  
  1573. .ipsTagBox_addlink {
  1574. font-size: 10px;
  1575. margin-left: 3px;
  1576. outline: 0;
  1577. }
  1578.  
  1579. .ipsTagBox_dropdown {
  1580. max-height: 100px;
  1581. overflow: auto;
  1582. background: #fff;
  1583. border: 1px solid #dddddd;
  1584. -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1585. -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1586. box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  1587. z-index: 16000;
  1588. }
  1589.  
  1590. .ipsTagBox_dropdown li {
  1591. padding: 4px;
  1592. font-size: 12px;
  1593. cursor: pointer;
  1594. }
  1595. .ipsTagBox_dropdown li:hover {
  1596. background: #dbf3ff;
  1597. color: #003b71;
  1598. }
  1599.  
  1600. /************************************************************************/
  1601. /* TAG CLOUD */
  1602. .ipsTagWeight_1 { opacity: 1.0; }
  1603. .ipsTagWeight_2 { opacity: 0.9; }
  1604. .ipsTagWeight_3 { opacity: 0.8; }
  1605. .ipsTagWeight_4 { opacity: 0.7; }
  1606. .ipsTagWeight_5 { opacity: 0.6; }
  1607. .ipsTagWeight_6 { opacity: 0.5; }
  1608. .ipsTagWeight_7 { opacity: 0.4; }
  1609. .ipsTagWeight_8 { opacity: 0.3; }
  1610.  
  1611. /************************************************************************/
  1612. /* NEW FILTER BAR */
  1613.  
  1614. .ipsFilterbar li {
  1615. margin: 0px 15px 0px 0;
  1616. font-size: 11px;
  1617. }
  1618.  
  1619. .ipsFilterbar li a {
  1620. color: #fff;
  1621. opacity: 0.5;
  1622. text-shadow: 0px 1px 0px #0d273e;
  1623. -webkit-transition: all 0.3s ease-in-out;
  1624. -moz-transition: all 0.3s ease-in-out;
  1625. }
  1626.  
  1627. .ipsFilterbar:hover li a { opacity: 0.8; }
  1628.  
  1629. .ipsFilterbar li a:hover {
  1630. color: #fff;
  1631. opacity: 1;
  1632. }
  1633.  
  1634. .ipsFilterbar li.active { opacity: 1; }
  1635.  
  1636.  
  1637. .ipsFilterbar li.active a {
  1638. background: #244156;
  1639. opacity: 1;
  1640. color: #fff;
  1641. padding: 4px 10px;
  1642. font-weight: bold;
  1643. -moz-border-radius: 10px;
  1644. -webkit-border-radius: 10px !important;
  1645. border-radius: 10px;
  1646. -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  1647. -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  1648. box-shadow: inset 0px 2px 2px rgba(0,0,0,0.2);
  1649. }
  1650.  
  1651. /************************************************************************/
  1652. /* POSTING FORM STYLES */
  1653. /* Additional form styles for posting forms */
  1654.  
  1655. .ipsPostForm { }
  1656.  
  1657. .ipsPostForm.ipsLayout_withright {
  1658. padding-right: 260px;
  1659. }
  1660.  
  1661. .ipsPostForm .ipsLayout_content {
  1662. z-index: 900;
  1663. -webkit-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  1664. -moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  1665. box-shadow: 2px 0px 4px rgba(0,0,0,0.1);
  1666. float: none;
  1667. }
  1668.  
  1669. .ipsPostForm .ipsLayout_right {
  1670. width: 250px;
  1671. margin-right: -251px;
  1672. border-left: 0;
  1673. z-index: 800;
  1674. }
  1675.  
  1676. .ipsPostForm_sidebar .ipsPostForm_sidebar_block.closed h3 {
  1677. background-image: url({style_images_url}/folder_closed.png );
  1678. background-repeat: no-repeat;
  1679. background-position: 10px 9px;
  1680. padding-left: 26px;
  1681. margin-bottom: 2px;
  1682. }
  1683.  
  1684. /************************************************************************/
  1685. /* MEMBER LIST STYLES */
  1686. .ipsMemberList .ipsButton_secondary { opacity: 0.3; }
  1687. .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary { opacity: 1; }
  1688. .ipsMemberList li .reputation { margin: 5px 10px 0 0; }
  1689. .ipsMemberList > li .ipsButton_secondary { margin-top: 15px; }
  1690. .ipsMemberList li .rating { display: inline; }
  1691.  
  1692. /************************************************************************/
  1693. /* COMMENT STYLES */
  1694. .ipsComment_wrap { margin-top: 10px; }
  1695. .ipsComment_wrap .ipsLikeBar { margin: 0; }
  1696. .ipsComment_wrap input[type='checkbox'] { vertical-align: middle; }
  1697.  
  1698. .ipsComment {
  1699. border-bottom: 1px solid #e9e9e9;
  1700. margin-bottom: 5px;
  1701. padding: 10px 0;
  1702. }
  1703.  
  1704. .ipsComment_author, .ipsComment_reply_user {
  1705. width: 160px;
  1706. text-align: right;
  1707. padding: 0 10px;
  1708. float: left;
  1709. line-height: 1.3;
  1710. }
  1711.  
  1712. .ipsComment_author .ipsUserPhoto { margin-bottom: 5px; }
  1713.  
  1714. .ipsComment_comment {
  1715. margin-left: 190px;
  1716. line-height: 1.5;
  1717. }
  1718.  
  1719. .ipsComment_comment > div { min-height: 33px; }
  1720.  
  1721. .ipsComment_controls { margin-top: 10px; }
  1722. .ipsComment_controls > li { opacity: 0.2; }
  1723. .ipsComment:hover .ipsComment_controls > li, .ipsComment .ipsComment_controls > li.right { opacity: 1; }
  1724.  
  1725. /************************************************************************/
  1726. /* FLOATING ACTION STYLES (comment moderation, multiquote etc.) */
  1727. .ipsFloatingAction {
  1728. position: fixed;
  1729. right: 10px;
  1730. bottom: 10px;
  1731. background: #fff;
  1732. padding: 10px;
  1733. z-index: 15000;
  1734. border: 4px solid #464646;
  1735. -moz-border-radius: 5px;
  1736. -webkit-border-radius: 5px;
  1737. border-radius: 5px;
  1738. -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  1739. -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  1740. box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
  1741. }
  1742.  
  1743. /************************************************************************/
  1744. /* FORM STYLES */
  1745.  
  1746. body#ipboard_body fieldset.submit,
  1747. body#ipboard_body p.submit {
  1748. padding: 15px 6px 15px 6px;
  1749. text-align: center;
  1750. }
  1751.  
  1752. .input_text, .ipsTagBox_wrapper {
  1753. padding: 4px;
  1754. border-width: 1px;
  1755. border-style: solid;
  1756. border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
  1757. background: #fff;
  1758. -moz-border-radius: 2px;
  1759. -webkit-border-radius: 2px;
  1760. border-radius: 2px;
  1761. }
  1762.  
  1763. .input_text:focus {
  1764. border-color: #4e4e4e #7c7c7c #a3a3a3 #7c7c7c;
  1765. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  1766. -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  1767. box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  1768. }
  1769.  
  1770. input.inactive, select.inactive, textarea.inactive { color: #c4c4c4; }
  1771.  
  1772. .input_text.error {
  1773. background-color: #f3dddd;
  1774. }
  1775. .input_text.accept {
  1776. background-color: #f1f6ec;
  1777. }
  1778.  
  1779. .input_submit {
  1780. text-decoration: none;
  1781. border-width: 1px;
  1782. border-style: solid;
  1783. padding: 4px 10px;
  1784. cursor: pointer;
  1785. }
  1786.  
  1787. .input_submit.alt {
  1788. text-decoration: none;
  1789. }
  1790.  
  1791. p.field {
  1792. padding: 15px;
  1793. }
  1794.  
  1795. li.field {
  1796. padding: 5px;
  1797. margin-left: 5px;
  1798. }
  1799.  
  1800. li.field label,
  1801. li.field span.desc {
  1802. display: block;
  1803. }
  1804.  
  1805. li.field.error {
  1806. color: #ad2930;
  1807. }
  1808.  
  1809. li.field.error label {
  1810. font-weight: bold;
  1811. }
  1812.  
  1813. li.field.checkbox, li.field.cbox {
  1814. margin-left: 0;
  1815. }
  1816.  
  1817. li.field.checkbox .input_check,
  1818. li.field.checkbox .input_radio,
  1819. li.field.cbox .input_check,
  1820. li.field.cbox .input_radio {
  1821. margin-right: 10px;
  1822. vertical-align: middle;
  1823. }
  1824.  
  1825. li.field.checkbox label,
  1826. li.field.cbox label {
  1827. width: auto;
  1828. float: none;
  1829. display: inline;
  1830. }
  1831.  
  1832. li.field.checkbox p,
  1833. li.field.cbox p {
  1834. position: relative;
  1835. left: 245px;
  1836. display: block;
  1837. }
  1838.  
  1839. li.field.checkbox span.desc,
  1840. li.field.cbox span.desc {
  1841. padding-left: 27px;
  1842. margin-left: auto;
  1843. display: block;
  1844. }
  1845.  
  1846. /************************************************************************/
  1847. /* MESSAGE STYLES */
  1848.  
  1849. .message {
  1850. background: #ebfcdf;
  1851. padding: 10px;
  1852. border: 1px solid #a4cfa4;
  1853. color: #0e440e;
  1854. line-height: 1.6;
  1855. font-size: 12px;
  1856. }
  1857.  
  1858. .message h3 {
  1859. padding: 0;
  1860. color: #323232;
  1861. }
  1862.  
  1863. .message.error {
  1864. background-color: #f3e3e6;
  1865. border-color: #e599aa;
  1866. color: #80001c;
  1867. }
  1868.  
  1869. .message.error.usercp {
  1870. background-image: none;
  1871. padding: 4px;
  1872. float: right;
  1873. }
  1874.  
  1875. .message.unspecific {
  1876. background-color: #f3f3f3;
  1877. border-color: #d4d4d4;
  1878. color: #515151;
  1879. margin: 0 0 10px 0;
  1880. clear: both;
  1881. }
  1882.  
  1883. /************************************************************************/
  1884. /* MENU & POPUP STYLES */
  1885.  
  1886. .ipbmenu_content, .ipb_autocomplete {
  1887. font-size: 12px;
  1888. min-width: 85px;
  1889. z-index: 2000;
  1890. }
  1891.  
  1892. .ipbmenu_content li:last-child {
  1893. border-bottom: 0;
  1894. padding-bottom: 0px;
  1895. }
  1896.  
  1897. .ipbmenu_content li:first-child { padding-top: 0px; }
  1898. .ipbmenu_content.with_checks a { padding-left: 26px; } /* save room for a checkmark */
  1899. .ipbmenu_content a .icon { margin-right: 10px; }
  1900. .ipbmenu_content a {
  1901. text-decoration: none;
  1902. text-align: left;
  1903. display: block;
  1904. padding: 6px 10px;
  1905. }
  1906. .ipbmenu_content.with_checks li.selected a {
  1907. background-image: url({style_images_url}/icon_check.png );
  1908. background-repeat: no-repeat;
  1909. background-position: 7px 10px;
  1910. }
  1911.  
  1912. .popupWrapper {
  1913. background-color: #464646;
  1914. background-color: rgba(70,70,70,0.6);
  1915. padding: 4px;
  1916. -webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  1917. -moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
  1918. box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
  1919. -moz-border-radius: 4px;
  1920. -webkit-border-radius: 4px;
  1921. border-radius: 4px;
  1922. }
  1923.  
  1924. .popupInner {
  1925. background: #fff;
  1926. width: 500px;
  1927. overflow: auto;
  1928. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  1929. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  1930. box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  1931. overflow-x: hidden;
  1932. }
  1933.  
  1934. .popupInner.black_mode {
  1935. background: #000;
  1936. border: 3px solid #b3bbc3;
  1937. color: #eee;
  1938. border: 3px solid #555;
  1939. }
  1940.  
  1941. .popupInner.warning_mode {
  1942. border: 3px solid #7D1B1B;
  1943. }
  1944.  
  1945. .popupInner h3 {
  1946. background: #2c5687 url({style_images_url}/maintitle.png) repeat-x top;
  1947. color: #fff;
  1948. border-width: 1px 1px 0 1px;
  1949. border-style: solid;
  1950. border-color: #316897;
  1951. padding: 8px 10px 9px;
  1952. font-size: 16px;
  1953. font-weight: 300;
  1954. text-shadow: 0 1px 2px rgba(0,0,0,0.3);
  1955. -webkit-box-shadow: inset 0px 1px 0 #528cbc;
  1956. box-shadow: inset 0px 1px 0 #528cbc;
  1957. -moz-box-shadow: inset 0px 1px 0 #528cbc;
  1958. }
  1959.  
  1960. .popupInner h3 a { color: #fff; }
  1961.  
  1962. .popupInner.black_mode h3 {
  1963. background-color: #545C66;
  1964. color: #ddd;
  1965. }
  1966.  
  1967. .popupInner.warning_mode h3 {
  1968. background-color: #7D1B1B;
  1969. padding-top: 6px;
  1970. padding-bottom: 6px;
  1971. color: #fff;
  1972. }
  1973.  
  1974. .popupInner.warning_mode input.input_submit {
  1975. background-color: #7D1B1B;
  1976. }
  1977.  
  1978. .popupClose {
  1979. position: absolute;
  1980. right: 16px;
  1981. top: 12px;
  1982. }
  1983.  
  1984. .popupClose.light_close_button {
  1985. background: transparent url({style_images_url}/close_popup_light.png) no-repeat top left;
  1986. opacity: 0.8;
  1987. width: 13px;
  1988. height: 13px;
  1989. top: 17px;
  1990. }
  1991.  
  1992. .popupClose.light_close_button img {
  1993. display: none;
  1994. }
  1995.  
  1996. .popup_footer {
  1997. padding: 15px;
  1998. position: absolute;
  1999. bottom: 0px;
  2000. right: 0px;
  2001. }
  2002.  
  2003. .popup_body {
  2004. padding: 10px;
  2005. }
  2006.  
  2007. .stem {
  2008. width: 31px;
  2009. height: 16px;
  2010. position: absolute;
  2011. }
  2012.  
  2013. .stem.topleft { background-image: url({style_images_url}/stems/topleft.png); }
  2014. .stem.topright { background-image: url({style_images_url}/stems/topright.png); }
  2015. .stem.bottomleft { background-image: url({style_images_url}/stems/bottomleft.png); }
  2016. .stem.bottomright { background-image: url({style_images_url}/stems/bottomright.png); }
  2017.  
  2018. .modal {
  2019. background-color: #3e3e3e;
  2020. }
  2021.  
  2022. .userpopup h3 { font-size: 17px; }
  2023. .userpopup h3, .userpopup .side + div { padding-left: 110px; }
  2024. .userpopup .side { position: absolute; margin-top: -40px; }
  2025. .userpopup .side .ipsButton_secondary { display: block; text-align: center; margin-top: 5px; }
  2026. .userpopup .user_controls { text-align: left; }
  2027. .userpopup .user_status { padding: 5px; margin-bottom: 5px; }
  2028. .userpopup .reputation {
  2029. display: block;
  2030. text-align: center;
  2031. margin-top: 5px;
  2032. }
  2033.  
  2034. .userpopup {
  2035. overflow: hidden;
  2036. position: relative;
  2037. font-size: 0.9em;
  2038. }
  2039.  
  2040. .userpopup dl {
  2041. border-bottom: 1px solid #d4d4d4;
  2042. padding-bottom: 10px;
  2043. margin-bottom: 4px;
  2044. }
  2045.  
  2046. .info dt {
  2047. float: left;
  2048. font-weight: bold;
  2049. padding: 3px 6px;
  2050. clear: both;
  2051. width: 30%;
  2052. }
  2053.  
  2054. .info dd {
  2055. padding: 3px 6px;
  2056. width: 60%;
  2057. margin-left: 35%;
  2058. }
  2059.  
  2060. /************************************************************************/
  2061. /* BUTTONS STYLES */
  2062.  
  2063. .topic_buttons li {
  2064. float: right;
  2065. margin: 0 0 10px 10px;
  2066. }
  2067.  
  2068.  
  2069. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important,
  2070. .topic_buttons li a, .topic_buttons li span, .ipsButton {
  2071. background: #212121 url({style_images_url}/topic_button.png ) repeat-x top;
  2072. border: 1px solid #212121;
  2073. border-width: 1px 1px 0 1px;
  2074. -moz-border-radius: 3px;
  2075. -webkit-border-radius: 3px;
  2076. border-radius: 3px;
  2077. -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  2078. -webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  2079. box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
  2080. color: #fff;
  2081. text-shadow: 0 -1px 0 #191919;
  2082. font: 300 12px/1.3 Helvetica, Arial, sans-serif;
  2083. line-height: 30px;
  2084. height: 30px;
  2085. padding: 0 10px;
  2086. text-align: center;
  2087. min-width: 125px;
  2088. display: inline-block;
  2089. cursor: pointer;
  2090. }
  2091.  
  2092. .topic_buttons li.important a, .topic_buttons li.important span, .ipsButton .important, .ipsButton.important {
  2093. background: #812200 url({style_images_url}/topic_button_closed.png ) repeat-x top;
  2094. border-color: #812200;
  2095. -moz-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  2096. -webkit-box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  2097. box-shadow: inset 0 1px 0 0 #db6e46, 0px 2px 3px rgba(0,0,0,0.2);
  2098. }
  2099.  
  2100. .topic_buttons li a:hover, .ipsButton:hover { color: #fff; }
  2101. .topic_buttons li.non_button a {
  2102. background: transparent !important;
  2103. background-color: transparent !important;
  2104. border: 0;
  2105. box-shadow: none;
  2106. -moz-box-shadow: none;
  2107. -webkit-box-shadow: none;
  2108. text-shadow: none;
  2109. min-width: 0px;
  2110. color: #777777;
  2111. font-weight: normal;
  2112. }
  2113.  
  2114. .topic_buttons li.disabled a, .topic_buttons li.disabled span {
  2115. background: #ebebeb;
  2116. box-shadow: none;
  2117. -moz-box-shadow: none;
  2118. -webkit-box-shadow: none;
  2119. text-shadow: none;
  2120. border: 0;
  2121. color: #7f7f7f;
  2122. }
  2123.  
  2124. .topic_buttons li span { cursor: default !important; }
  2125.  
  2126.  
  2127. .ipsButton_secondary {
  2128. height: 22px;
  2129. line-height: 22px;
  2130. font-size: 12px;
  2131. padding: 0 10px;
  2132. background: #f6f6f6;
  2133. background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
  2134. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
  2135. border: 1px solid #dbdbdb;
  2136. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2137. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2138. box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2139. -moz-border-radius: 3px;
  2140. -webkit-border-radius: 3px;
  2141. border-radius: 3px;
  2142. color: #616161;
  2143. display: inline-block;
  2144. white-space: nowrap;
  2145. -webkit-transition: all 0.2s ease-in-out;
  2146. -moz-transition: all 0.2s ease-in-out;
  2147. }
  2148. .ipsButton_secondary a { color: #616161; }
  2149. .ipsButton_secondary:hover {
  2150. color: #4c4c4c;
  2151. border-color: #9a9a9a;
  2152. }
  2153.  
  2154. .ipsButton_secondary.important {
  2155. background: #9f2a00;
  2156. background: -moz-linear-gradient(top, #9f2a00 0%, #812200 100%); /* firefox */
  2157. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f2a00), color-stop(100%,#812200)); /* webkit */
  2158. border: 1px solid #812200;
  2159. color: #fbf4f4;
  2160. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2161. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2162. box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2163. }
  2164. .ipsButton_secondary.important a { color: #fbf4f4; }
  2165. .ipsButton_secondary.important a:hover {
  2166. color: #fff;
  2167. border-color: #571700;
  2168. }
  2169.  
  2170. .ipsButton_extra {
  2171. line-height: 22px;
  2172. height: 22px;
  2173. font-size: 11px;
  2174. margin-left: 5px;
  2175. color: #5c5c5c;
  2176. }
  2177.  
  2178. .ipsButton.no_width { min-width: 0; }
  2179. .topic_controls { min-height: 30px; }
  2180.  
  2181. ul.post_controls {
  2182. padding: 6px;
  2183. margin: 0 0 10px 0;
  2184. clear: both;
  2185. -moz-border-radius: 4px;
  2186. -webkit-border-radius: 4px;
  2187. border-radius: 4px;
  2188. }
  2189.  
  2190. ul.post_controls li {
  2191. font-size: 12px;
  2192. float: right;
  2193. }
  2194.  
  2195. ul.post_controls a {
  2196. height: 22px;
  2197. line-height: 22px;
  2198. padding: 0 12px;
  2199. color: #1d3652;
  2200. text-decoration: none;
  2201. margin-left: 4px;
  2202. display: block;
  2203. }
  2204.  
  2205. ul.post_controls a:hover { color: #3d70a3; }
  2206.  
  2207. ul.post_controls a.ipsButton_secondary {
  2208. height: 20px;
  2209. line-height: 20px;
  2210. }
  2211.  
  2212. ul.post_controls li.multiquote.selected a {
  2213. background: #a1dc00; /* Old browsers */
  2214. background: -moz-linear-gradient(top, #a1dc00 0%, #7ba60d 100%); /* FF3.6+ */
  2215. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dc00), color-stop(100%,#7ba60d)); /* Chrome,Safari4+ */
  2216. border-color: #7ba60d;
  2217. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2218. -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2219. box-shadow: 0px 1px 0px rgba(255,255,255,0.4) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2220. color: #fff;
  2221. }
  2222.  
  2223. .post_block .post_controls li a {
  2224. opacity: 0.2;
  2225. -webkit-transition: all 0.2s ease-in-out;
  2226. -moz-transition: all 0.5s ease-in-out;
  2227. }
  2228.  
  2229. .post_block .post_controls li a.ipsButton_secondary {
  2230. opacity: 1;
  2231. }
  2232. .post_block:hover .post_controls li a { opacity: 1; }
  2233.  
  2234. .hide_signature, .sigIconStay { float: right; }
  2235. .post_block:hover .signature a.hide_signature, .sigIconStay {
  2236. background: transparent url({style_images_url}/cross_sml.png) no-repeat top right;
  2237. width: 13px;
  2238. height: 13px;
  2239. opacity: 0.6;
  2240. position: absolute;
  2241. right: 0px;
  2242. }
  2243.  
  2244. /************************************************************************/
  2245. /* PAGINATION STYLES */
  2246.  
  2247. .pagination { padding: 5px 0; line-height: 20px; }
  2248. .pagination.no_numbers .page { display: none; }
  2249. .pagination .pages { text-align: center; }
  2250. .pagination .back { margin-right: 6px; }
  2251. .pagination .back li { margin: 0 2px 0 0; }
  2252. .pagination .forward { margin-left: 6px; }
  2253. .pagination .forward li { margin: 0 0 0 2px; }
  2254.  
  2255.  
  2256. .pagination .back a,
  2257. .pagination .forward a {
  2258. display: inline-block;
  2259. padding: 0px 6px;
  2260. height: 20px;
  2261. background: #eaeaea;
  2262. -moz-border-radius: 2px;
  2263. -webkit-border-radius: 2px;
  2264. border-radius: 2px;
  2265. text-transform: uppercase;
  2266. color: #5a5a5a;
  2267. font-size: 11px;
  2268. font-weight: bold;
  2269. }
  2270.  
  2271.  
  2272. .pagination .back a:hover,
  2273. .pagination .forward a:hover {
  2274. background: #af286d;
  2275. color: #fff;
  2276. }
  2277.  
  2278. .pagination .disabled a {
  2279. opacity: 0.4;
  2280. display: none;
  2281. }
  2282.  
  2283. .pagination .pages {
  2284. font-size: 11px;
  2285. font-weight: bold;
  2286. }
  2287.  
  2288. .pagination .pages a, .pagejump {
  2289. display: inline-block;
  2290. padding: 1px 4px;
  2291. color: #999;
  2292. }
  2293.  
  2294. .pagination .pages .pagejump { padding: 0px; }
  2295.  
  2296. .pagination .pages a:hover {
  2297. background: #ececec;
  2298. -moz-border-radius: 2px;
  2299. -webkit-border-radius: 2px;
  2300. border-radius: 2px;
  2301. }
  2302.  
  2303. .pagination .pages li { margin: 0 1px; }
  2304.  
  2305.  
  2306. .pagination .pages li.active {
  2307. background: #7BA60D;
  2308. color: #fff;
  2309. font-weight: bold;
  2310. -moz-border-radius: 2px;
  2311. -webkit-border-radius: 2px;
  2312. border-radius: 2px;
  2313. padding: 1px 5px;
  2314. }
  2315.  
  2316. .pagination.no_pages span {
  2317. color: #acacac;
  2318. display: inline-block;
  2319. line-height: 20px;
  2320. height: 20px;
  2321. }
  2322.  
  2323. ul.mini_pagination {
  2324. font-size: 10px;
  2325. display: inline;
  2326. margin-left: 7px;
  2327. }
  2328.  
  2329. ul.mini_pagination li a {
  2330. background: #fff;
  2331. border: 1px solid #d3d3d3;
  2332. padding: 1px 3px;
  2333. }
  2334.  
  2335. ul.mini_pagination li {
  2336. display: inline;
  2337. margin: 0px 2px;
  2338. }
  2339.  
  2340. /************************************************************************/
  2341. /* MODERATION & FILTER STYLES */
  2342.  
  2343. .moderation_bar {
  2344. text-align: right;
  2345. padding: 8px 10px;
  2346. /*background: #f7f7f7;*/
  2347. }
  2348.  
  2349. .moderation_bar.with_action {
  2350. background-image: url({style_images_url}/topic_mod_arrow.png);
  2351. background-repeat: no-repeat;
  2352. background-position: right center;
  2353. padding-right: 35px;
  2354. }
  2355.  
  2356. /************************************************************************/
  2357. /* AUTHOR INFO (& RELATED) STYLES */
  2358.  
  2359. .author_info {
  2360. width: 155px;
  2361. float: left;
  2362. font-size: 12px;
  2363. text-align: center;
  2364. padding: 15px 10px;
  2365. }
  2366.  
  2367. .author_info .group_title {
  2368. font-weight: bold;
  2369. color: #5a5a5a;
  2370. margin-top: 5px;
  2371. }
  2372.  
  2373. .author_info .member_title { margin-bottom: 5px; }
  2374. .author_info .group_icon { margin-bottom: 3px; }
  2375.  
  2376. .custom_fields {
  2377. color: #818181;
  2378. margin-top: 8px;
  2379. }
  2380.  
  2381. .custom_fields .ft {
  2382. color: #505050;
  2383. margin-right: 3px;
  2384. }
  2385.  
  2386.  
  2387. .user_controls {
  2388. text-align: center;
  2389. margin: 6px 0;
  2390. }
  2391.  
  2392. .user_controls li a {
  2393. display: inline-block;
  2394. background: #f6f6f6;
  2395. background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
  2396. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
  2397. border: 1px solid #dbdbdb;
  2398. -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
  2399. -moz-border-radius: 3px;
  2400. -webkit-border-radius: 3px;
  2401. border-radius: 3px;
  2402. padding: 5px;
  2403. color: #616161;
  2404. }
  2405.  
  2406. /************************************************************************/
  2407. /* BOARD INDEX STYLES */
  2408.  
  2409. #board_index #categories { overflow: hidden; } /* opera fix */
  2410.  
  2411. #board_index { position: relative; }
  2412. #board_index.no_sidebar { padding-right: 0px; }
  2413. #board_index.force_sidebar { padding-right: 290px; }
  2414.  
  2415. #toggle_sidebar {
  2416. position: absolute;
  2417. right: -5px;
  2418. top: -13px;
  2419. z-index: 8000;
  2420. background: #333333;
  2421. padding: 3px 7px;
  2422. -webkit-border-radius: 4px;
  2423. -moz-border-radius: 4px;
  2424. border-radius: 4px;
  2425. color: #fff;
  2426. opacity: 0;
  2427. -webkit-transition: all 0.4s ease-in-out;
  2428. -moz-transition: all 0.4s ease-in-out;
  2429. }
  2430. #index_stats:hover + #toggle_sidebar, #board_index.no_sidebar #toggle_sidebar { opacity: 0.1; }
  2431. #toggle_sidebar:hover { opacity: 1 !important; }
  2432.  
  2433.  
  2434. .ipsSideBlock {
  2435. background: #F7FBFC;
  2436. padding: 10px;
  2437. margin-bottom: 10px;
  2438. }
  2439.  
  2440. .ipsSideBlock h3 {
  2441. font: normal 14px helvetica, arial, sans-serif;
  2442. color: #204066;
  2443. padding: 5px 10px;
  2444. background: #DBE2EC;
  2445. margin: -10px -10px 10px;
  2446. }
  2447.  
  2448. .ipsSideBlock h3 .mod_links { opacity: 0.0; }
  2449. .ipsSideBlock h3:hover .mod_links { opacity: 1; }
  2450.  
  2451. .status_list .status_list { margin: 10px 0 0 50px; }
  2452. .status_list p.index_status_update { line-height: 120%; margin:4px 0px; }
  2453. .status_list li { position: relative; }
  2454. .status_reply {
  2455. margin-top: 8px;
  2456. }
  2457.  
  2458. .status_list li .mod_links {
  2459. opacity: 0.1;
  2460. -webkit-transition: all 0.4s ease-in-out;
  2461. -moz-transition: all 0.4s ease-in-out;
  2462. }
  2463. .status_list li:hover .mod_links { opacity: 1; }
  2464.  
  2465. /* board stats */
  2466. #board_stats ul { text-align: center; }
  2467. #board_stats li { margin-right: 20px; }
  2468. #board_stats .value {
  2469. display: inline-block;
  2470. background: #e2e2e2;
  2471. color: #4a4a4a;
  2472. padding: 2px 6px;
  2473. font-weight: bold;
  2474. -moz-border-radius: 2px;
  2475. -webkit-border-radius: 2px;
  2476. border-radius: 2px;
  2477. margin-right: 3px;
  2478. }
  2479.  
  2480. .statistics {
  2481. margin: 20px 0 0 0;
  2482. padding: 10px 0;
  2483. border-top: 3px solid #d8d8d8;
  2484. line-height: 1.3;
  2485. overflow: hidden;
  2486. }
  2487.  
  2488. .statistics_head {
  2489. font-size: 14px;
  2490. font-weight: bold;
  2491. }
  2492.  
  2493. .friend_list ul li,
  2494. #top_posters li {
  2495. text-align: center;
  2496. padding: 8px 0 0 0;
  2497. margin: 5px 0 0 0;
  2498. min-width: 80px;
  2499. height: 70px;
  2500. float: left;
  2501. }
  2502.  
  2503. .friend_list ul li span.name,
  2504. #top_posters li span.name {
  2505. font-size: 0.8em;
  2506. }
  2507.  
  2508. #hook_watched_items ul li {
  2509. padding: 8px;
  2510. }
  2511.  
  2512. body#ipboard_body #hook_watched_items fieldset.submit {
  2513. padding: 8px;
  2514. }
  2515.  
  2516. #hook_birthdays .list_content {
  2517. padding-top: 8px;
  2518. }
  2519.  
  2520. #hook_calendar .ipsBox_container { padding: 10px; }
  2521. #hook_calendar td, #hook_calendar th { text-align: center; }
  2522. #hook_calendar th { font-weight: bold; padding: 5px 0;}
  2523.  
  2524. /************************************************************************/
  2525. /* FORUM VIEW (& RELATED) STYLES */
  2526.  
  2527. #more_topics {
  2528. text-align: center;
  2529. font-weight: bold;
  2530. }
  2531. #more_topics a { display: block; padding: 10px 0;}
  2532.  
  2533. /* Result of the 'load more topics' link */
  2534. .dynamic_update { border-top: 2px solid #b3b3b3; }
  2535.  
  2536. .topic_preview,
  2537. ul.topic_moderation {
  2538. margin-top: -2px;
  2539. z-index: 300;
  2540. }
  2541. ul.topic_moderation li {
  2542. float: left;
  2543. }
  2544.  
  2545. .topic_preview a,
  2546. ul.topic_moderation li a {
  2547. padding: 0 3px;
  2548. display: block;
  2549. float: left;
  2550. }
  2551.  
  2552. span.mini_rate {
  2553. margin-right: 12px;
  2554. display: inline-block;
  2555. }
  2556.  
  2557. img.mini_rate {
  2558. margin-right: -5px;
  2559. }
  2560.  
  2561. /************************************************************************/
  2562. /* TOPIC VIEW (& RELATED) STYLES */
  2563.  
  2564. body .ip { color: #475769; }
  2565. span.post_id { margin-left: 15px; }
  2566. input.post_mod { margin:12px 5px 0px 10px; }
  2567.  
  2568. .signature {
  2569. clear: right;
  2570. color: #a4a4a4;
  2571. font-size: 0.9em;
  2572. border-top: 1px solid #d5d5d5;
  2573. padding: 10px 0;
  2574. margin: 6px 0 4px;
  2575. position: relative;
  2576. }
  2577.  
  2578. .signature a { text-decoration: underline; }
  2579.  
  2580. .post_block {
  2581. position: relative;
  2582. }
  2583.  
  2584. .post_block.no_sidebar {
  2585. background-image: none;
  2586. }
  2587.  
  2588. .post_block h3 {
  2589. background: #D8DDE8;
  2590. padding: 0 10px;
  2591. height: 36px;
  2592. line-height: 36px;
  2593. font-weight: normal;
  2594. font-size: 16px;
  2595. }
  2596.  
  2597. .post_wrap { top: 0px; }
  2598.  
  2599. .post_body {
  2600. margin: 0 10px 0 185px;
  2601. padding-top: 15px;
  2602. }
  2603.  
  2604. .post_body .post {
  2605. line-height: 1.6;
  2606. font-size: 14px;
  2607. }
  2608.  
  2609. .post_block.no_sidebar .post_body { margin-left: 10px; }
  2610.  
  2611. .posted_info {
  2612. padding: 0 0 10px 0;
  2613. }
  2614.  
  2615. .posted_info strong.event {
  2616. color: #1c2837;
  2617. font-size: 1.2em;
  2618. }
  2619.  
  2620. .post_ignore {
  2621. background: #fafbfc;
  2622. color: #777;
  2623. font-size: 0.9em;
  2624. padding: 15px;
  2625. }
  2626.  
  2627. .post_ignore .reputation {
  2628. text-align: center;
  2629. padding: 2px 6px;
  2630. float: none;
  2631. display: inline;
  2632. }
  2633.  
  2634. .rep_bar {
  2635. white-space: nowrap;
  2636. margin: 6px 4px;
  2637. }
  2638.  
  2639. .rep_bar .reputation {
  2640. font-size: 10px;
  2641. padding: 2px 10px !important;
  2642. }
  2643.  
  2644. p.rep_highlight {
  2645. float: right;
  2646. display: inline-block;
  2647. margin: 5px 10px 10px 10px;
  2648. background: #D5DEE5;
  2649. color: #1d3652;
  2650. padding: 5px;
  2651. -moz-border-radius: 5px;
  2652. -webkit-border-radius: 5px;
  2653. border-radius: 5px;
  2654. font-size: 0.8em;
  2655. font-weight: bold;
  2656. text-align: center;
  2657. }
  2658.  
  2659. p.rep_highlight img {
  2660. margin-bottom: 4px;
  2661. }
  2662.  
  2663. .edit {
  2664. padding: 2px 0 0 24px;
  2665. background: url({style_images_url}/icon_warning.png ) no-repeat left 4px;
  2666. font-size: 12px;
  2667. margin-top: 15px;
  2668. line-height: 14px;
  2669. color: #7c7c7c;
  2670. }
  2671.  
  2672. .poll fieldset {
  2673. padding: 9px;
  2674. }
  2675.  
  2676. .poll_question {
  2677. padding: 10px;
  2678. margin: 10px 10px 10px 20px;
  2679. }
  2680.  
  2681. .poll_question h4 {
  2682. background-color: #e4ebf2;
  2683. margin: 0 -7px;
  2684. padding: 5px;
  2685. }
  2686.  
  2687. .poll_question ol {
  2688. padding: 8px;
  2689. background-color: #fafbfc;
  2690. }
  2691.  
  2692. .poll_question li {
  2693. font-size: 0.9em;
  2694. margin: 6px 0;
  2695. }
  2696.  
  2697. .poll_question .votes {
  2698. margin-left: 5px;
  2699. }
  2700.  
  2701. .snapback {
  2702. margin-right: 5px;
  2703. padding: 1px 0 1px 1px;
  2704. }
  2705.  
  2706. .rating { display: block; margin-bottom: 4px; line-height: 16px; }
  2707. .rating img { vertical-align: top; }
  2708. #rating_text { margin-left: 4px; }
  2709.  
  2710. /************************************************************************/
  2711. /* POSTING FORM (& RELATED) STYLES */
  2712.  
  2713. div.post_form label {
  2714. text-align: right;
  2715. padding-right: 15px;
  2716. width: 275px;
  2717. float: left;
  2718. clear: both;
  2719. }
  2720.  
  2721. div.post_form span.desc,
  2722. fieldset#poll_wrap span.desc {
  2723. margin-left: 290px;
  2724. display: block;
  2725. clear: both;
  2726. }
  2727.  
  2728. div.post_form .checkbox input.input_check,
  2729. #mod_form .checkbox input.input_check {
  2730. margin-left: 295px;
  2731. }
  2732.  
  2733. div.post_form .antispam_img {
  2734. margin-left: 290px;
  2735. }
  2736.  
  2737. div.post_form .captcha .input_text {
  2738. float: left;
  2739. }
  2740.  
  2741. div.post_form fieldset {
  2742. padding-bottom: 15px;
  2743. }
  2744.  
  2745. div.post_form h3 {
  2746. margin-bottom: 10px;
  2747. }
  2748.  
  2749. fieldset.with_subhead {
  2750. margin-bottom: 0;
  2751. padding-bottom: 0;
  2752. }
  2753.  
  2754. fieldset.with_subhead h4 {
  2755. text-align: right;
  2756. margin-top: 6px;
  2757. width: 300px;
  2758. float: left;
  2759. }
  2760.  
  2761. fieldset.with_subhead ul {
  2762. border-bottom: 1px solid #d5dde5;
  2763. padding-bottom: 6px;
  2764. margin: 0 15px 6px 320px;
  2765. }
  2766.  
  2767. fieldset.with_subhead span.desc,
  2768. fieldset.with_subhead label {
  2769. margin: 0;
  2770. width: auto;
  2771. }
  2772.  
  2773. fieldset.with_subhead #post_icons {
  2774. border: 0;
  2775. margin-left: 326px;
  2776. }
  2777.  
  2778. fieldset.with_subhead #post_icons li {
  2779. margin-right: 15px;
  2780. margin-bottom: 6px;
  2781. float: left;
  2782. }
  2783.  
  2784. fieldset.with_subhead .checkbox input.input_check {
  2785. margin-left: 0px;
  2786. }
  2787.  
  2788. #toggle_post_options {
  2789. background: transparent url({style_images_url}/add.png) no-repeat;
  2790. font-size: 0.9em;
  2791. padding: 2px 0 2px 22px;
  2792. margin: 15px;
  2793. display: block;
  2794. }
  2795.  
  2796. #poll_wrap .question {
  2797. margin-bottom: 10px;
  2798. }
  2799.  
  2800. #poll_wrap .question .wrap ol {
  2801. margin-left: 25px;
  2802. list-style: decimal;
  2803. }
  2804. #poll_wrap .question .wrap ol li {
  2805. margin: 5px;
  2806. }
  2807.  
  2808. .question_title { margin-left: 30px; padding-bottom: 0; }
  2809. .question_title .input_text { font-weight: bold }
  2810.  
  2811. #poll_wrap { position: relative; }
  2812. #poll_footer { }
  2813. #poll_container_wrap { overflow: auto; }
  2814. #poll_popup_inner { overflow: hidden; }
  2815.  
  2816. .poll_control { margin-left: 20px; }
  2817. .post_form .tag_field ul { margin-left: 290px; }
  2818.  
  2819. /************************************************************************/
  2820. /* ATTACHMENT MANAGER (& RELATED) STYLES */
  2821.  
  2822. .swfupload {
  2823. position: absolute;
  2824. z-index: 1;
  2825. }
  2826.  
  2827. #attachments { }
  2828.  
  2829. #attachments li {
  2830. background-color: #e4ebf2;
  2831. border: 1px solid #d5dde5;
  2832. padding: 6px 20px 6px 42px;
  2833. margin-bottom: 10px;
  2834. position: relative;
  2835. }
  2836.  
  2837. #attachments li p.info {
  2838. color: #69727b;
  2839. font-size: 0.8em;
  2840. width: 300px;
  2841. }
  2842.  
  2843. #attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
  2844. display: none;
  2845. }
  2846.  
  2847. #attachments li.complete .links {
  2848. font-size: 0.9em;
  2849. margin-right: 15px;
  2850. right: 0px;
  2851. top: 12px;
  2852. display: block;
  2853. position: absolute;
  2854. }
  2855.  
  2856. #attachments li .progress_bar {
  2857. margin-right: 15px;
  2858. width: 200px;
  2859. right: 0px;
  2860. top: 15px;
  2861. position: absolute;
  2862. }
  2863.  
  2864. #attachments li.complete, #attachments li.in_progress, #attachments li.error {
  2865. background-repeat: no-repeat;
  2866. background-position: 12px 12px;
  2867. }
  2868.  
  2869. #attachments li.in_progress {
  2870. background-image: url({style_images_url}/loading.gif);
  2871. }
  2872.  
  2873. #attachments li.error {
  2874. background-image: url({style_images_url}/exclamation.png);
  2875. background-color: #e8caca;
  2876. border: 1px solid #ddafaf;
  2877. }
  2878.  
  2879. #attachments li.error .info {
  2880. color: #8f2d2d;
  2881. }
  2882.  
  2883. #attachments li.complete {
  2884. background-image: url({style_images_url}/accept.png);
  2885. }
  2886.  
  2887. #attachments li .thumb_img {
  2888. left: 6px;
  2889. top: 6px;
  2890. width: 30px;
  2891. height: 30px;
  2892. overflow: hidden;
  2893. position: absolute;
  2894. }
  2895.  
  2896. .attach_controls {
  2897. background: url({style_images_url}/icon_attach.png ) no-repeat 3px top;
  2898. padding-left: 30px;
  2899. min-height: 82px;
  2900. }
  2901.  
  2902. .attach_controls .ipsType_subtitle { margin-bottom: 5px; }
  2903. .attach_controls iframe { display: block; margin-bottom: 5px; }
  2904.  
  2905. .attach_button { font-weight: bold; }
  2906. #help_msg { margin-top: 8px; }
  2907.  
  2908. #attach_wrap {
  2909. background: #eef3f8;
  2910. padding: 6px;
  2911. margin-top: 8px;
  2912. }
  2913.  
  2914. #attach_wrap h4 {
  2915. font-size: 1em;
  2916. font-weight: bold;
  2917. }
  2918.  
  2919. #attach_wrap li {
  2920. margin: 5px 6px;
  2921. float: left;
  2922. }
  2923.  
  2924. #attach_wrap .desc.info {
  2925. margin-left: 24px;
  2926. }
  2927.  
  2928. #attach_error_box { margin-bottom: 10px; }
  2929.  
  2930. /************************************************************************/
  2931. /* REPUTATION STYLES */
  2932.  
  2933. .reputation {
  2934. font-weight: bold;
  2935. padding: 3px 8px;
  2936. display: inline-block;
  2937. -moz-border-radius: 3px;
  2938. -webkit-border-radius: 3px;
  2939. border-radius: 3px;
  2940. }
  2941.  
  2942. .reputation.positive, .members li.positive {
  2943. background: #6f8f52;
  2944. }
  2945.  
  2946. .reputation.negative, .members li.negative {
  2947. background: #b82929;
  2948. }
  2949.  
  2950. .reputation.positive, .reputation.negative {
  2951. color: #fff;
  2952. }
  2953.  
  2954. .reputation.zero {
  2955. background: #dedede;
  2956. color: #6e6e6e;
  2957. }
  2958.  
  2959.  
  2960. .status_main_content { white-space: break-word; }
  2961.  
  2962. .status_main_content h4 {
  2963. font-weight:normal;
  2964. font-size:1.2em;
  2965. }
  2966.  
  2967. .status_main_content h4 .su_links a { font-weight: normal; }
  2968.  
  2969. .status_main_content p {
  2970. padding: 6px 0px 6px 0px;
  2971. }
  2972.  
  2973. .status_main_content h4 a {
  2974. font-weight:bold;
  2975. text-decoration: none;
  2976. }
  2977.  
  2978. .status_mini_wrap {
  2979. padding: 7px;
  2980. font-size: 0.95em;
  2981. margin-top: 2px;
  2982. }
  2983. .status_mini_photo {
  2984. float: left;
  2985. }
  2986.  
  2987.  
  2988. .status_textarea {
  2989. width: 99%;
  2990. }
  2991.  
  2992. .status_replies_many {
  2993. height: 300px;
  2994. overflow: auto;
  2995. }
  2996.  
  2997.  
  2998. .status_update {
  2999. background: #71a5c9;
  3000. color: #fff;
  3001. padding: 15px 12px;
  3002. }
  3003.  
  3004. .status_update .input_text { width: 70%; padding: 6px 4px; }
  3005. .status_update .status_inactive { color: #bbbbbb; }
  3006. #status_wrapper h4 { font-weight: bold; font-size: 14px; }
  3007. .status_content { line-height: 1.4; }
  3008. .status_content .mod_links { opacity: 0.2; }
  3009. .status_content:hover .mod_links { opacity: 1; }
  3010. .status_content .h4, .status_content .status_status { font-size: 14px; word-wrap: break-word; }
  3011. .status_feedback { margin: 10px 0 0 -10px; }
  3012. .status_feedback .row2 { margin-bottom: 1px; }
  3013.  
  3014. /* Favorites */
  3015. .ips_like {
  3016. background-color: #f1f4f7;
  3017. padding: 8px 4px 4px 4px;
  3018. color: #878787;
  3019. font-size: 1em;
  3020. min-height: 18px;
  3021. font-size: 0.9em;
  3022. line-height: 130%;
  3023. clear: both;
  3024. }
  3025. .ips_like a {
  3026. color: #878787;
  3027. }
  3028.  
  3029. .ips_like a.ftoggle {
  3030. float: right;
  3031. /*background: #e4ebf2 url({style_images_url}/icons/thumb_up.png) no-repeat left 2px;*/
  3032. border:1px solid #CBCBCB;
  3033. padding: 3px 4px 2px 4px;
  3034. color: #656565;
  3035. font-size:0.8em;
  3036. text-decoration: none;
  3037. -webkit-border-top-left-radius: 4px;
  3038. -webkit-border-top-right-radius: 4px;
  3039. -webkit-border-bottom-left-radius: 4px;
  3040. -webkit-border-bottom-right-radius: 4px;
  3041. margin-top: -4px;
  3042. }
  3043.  
  3044. .ips_like a.ftoggle.on {
  3045. /*background: #e4ebf2 url({style_images_url}/icons/fave_on_small.png) no-repeat left 2px;*/
  3046. margin-left: 3px;
  3047. }
  3048.  
  3049. .ips_like a.ftoggle._newline,
  3050. .ips_like a.ftoggle.on._newline {
  3051. float:none;
  3052. margin-top: 5px;
  3053. margin-left: auto;
  3054. margin-right: 0;
  3055. display: block;
  3056. width: 70px;
  3057. text-align: center;
  3058. }
  3059.  
  3060. .ips_like a:hover.ftoggle.on,
  3061. .ips_like a:hover.ftoggle {
  3062. background-color: #d5dde5;
  3063. }
  3064.  
  3065. .facebook-like { margin-top: 5px; }
  3066.  
  3067. .boxShadow {
  3068. -webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  3069. -moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  3070. box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
  3071. }
  3072.  
  3073. /* New notification panel */
  3074. #ipsGlobalNotification {
  3075. position: fixed;
  3076. left: 50%;
  3077. margin-left: -250px;
  3078. top: 20px;
  3079. text-align: center;
  3080. font-weight: bold;
  3081. }
  3082.  
  3083. #ips_NotificationCloseButton {
  3084. background: transparent url({style_images_url}/close_popup.png) no-repeat top left;
  3085. opacity: 0.8;
  3086. width: 13px;
  3087. height: 13px;
  3088. top: 5px;
  3089. left: 5px;
  3090. position: absolute;
  3091. cursor: pointer;
  3092. }
  3093.  
  3094. .googlePlusOne {
  3095. display: inline-block;
  3096. vertical-align:middle;
  3097. margin-top: 1px;
  3098. }
  3099. /************************************************************************/
  3100. /* SHARED MEDIA STYLES */
  3101.  
  3102. #mymedia_inserted {
  3103. position: absolute;
  3104. top: 100px; left: 50%;
  3105. margin-left: -200px;
  3106. width: 400px;
  3107. padding: 20px 0;
  3108. background: black;
  3109. font-size: 15px;
  3110. font-weight: bold;
  3111. color: #fff;
  3112. z-index: 20000;
  3113. text-align: center;
  3114. -moz-border-radius: 4px;
  3115. -webkit-border-radius: 4px;
  3116. border-radius: 4px;
  3117. }
  3118.  
  3119. #mymedia_toolbar {
  3120. position: absolute;
  3121. bottom: 0; left: 0; right: 0;
  3122. height: 42px;
  3123. line-height: 42px;
  3124. padding: 0 5px;
  3125. background: #DBE4EF;
  3126. background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */
  3127. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */
  3128. -webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
  3129. -moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
  3130. box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
  3131. border-top: 1px solid #DBE4EF;
  3132. }
  3133.  
  3134. #mymedia_finish { position: absolute; right: 5px; top: 5px; }
  3135. #mymedia_content { height: 339px; overflow: auto; }
  3136.  
  3137. .media_results li.result {
  3138. width: 20%;
  3139. height: 100px;
  3140. padding: 15px 0;
  3141. float: left;
  3142. text-align: center;
  3143. cursor: pointer;
  3144. -moz-border-radius: 4px;
  3145. -webkit-border-radius: 4px;
  3146. border-radius: 4px;
  3147. }
  3148.  
  3149. .media_results li:hover {
  3150. background: #F9F9F9;
  3151. background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
  3152. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
  3153. }
  3154. .media_results li:active {
  3155. background: #EDEDED;
  3156. background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
  3157. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
  3158. }
  3159.  
  3160. .media_image {
  3161. padding: 1px;
  3162. border: 1px solid #d5d5d5;
  3163. margin-bottom: 5px;
  3164. }
  3165.  
  3166. /********************************************************/
  3167. /* ModCP styles */
  3168.  
  3169. .modcp_post_controls { padding-bottom: 15px; }
  3170. .modcp_post_controls .ipsButton_secondary { opacity: 0.5; }
  3171. .post_body:hover .modcp_post_controls .ipsButton_secondary { opacity: 1; }
  3172.  
  3173. #modcp_content .ipsFilterbar li.active a {
  3174. margin-bottom: 1px;
  3175. display: inline-block;
  3176. }
  3177.  
  3178. /********************************************************/
  3179. /* Advertisements from Nexus */
  3180.  
  3181. .nexusad { padding: 10px; clear: both; }
  3182.  
  3183. #bbcode-description {
  3184. color: #666 !important;
  3185. white-space: normal !important;
  3186. word-wrap: break-word;
  3187. }
  3188.  
  3189. /********************************************************/
  3190. /* iPad Specific */
  3191. @media only screen and (device-width: 768px) {
  3192. table.ipb_table .expander,
  3193. table.ipb_table .ipsModMenu { visibility: visible; opacity: 0.2; }
  3194. .post_block .post_controls { opacity: 1 !important; }
  3195. }
Add Comment
Please, Sign In to add comment