API tools faq
paste
Advertisement
Guest User

ipb_styles

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