Advertisement
nicky9499

dremelfix

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