Guest User

Untitled

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