API tools faq
paste
Advertisement
Guest User

Utopia3 forum CSS

a guest
Jan 15th, 2014
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 108.64 KB | None | 0 0
raw download clone embed print report
  1. @empty: ~"";
  2.  
  3. .rounded-corners(@a, @b, @c, @d) {
  4. border-radius: @arguments;
  5. -moz-border-radius: @arguments;
  6. -webkit-border-radius: @arguments;
  7. }
  8.  
  9. .rounded-corners(@a, @b, @c) {
  10. border-radius: @arguments;
  11. -moz-border-radius: @arguments;
  12. -webkit-border-radius: @arguments;
  13. }
  14.  
  15. .rounded-corners(@a, @b) {
  16. border-radius: @arguments;
  17. -moz-border-radius: @arguments;
  18. -webkit-border-radius: @arguments;
  19. }
  20.  
  21. .rounded-corners(@a: 5px) {
  22. border-radius: @arguments;
  23. -moz-border-radius: @arguments;
  24. -webkit-border-radius: @arguments;
  25. }
  26.  
  27. .box-shadow(@h-shadow: 2px, @v-shadow: 2px, @blur: 2px, @box-shadow-color: #333333) {
  28. box-shadow: @arguments;
  29. -moz-box-shadow: @arguments;
  30. -webkit-box-shadow: @arguments;
  31. }
  32.  
  33. .box-sizing(@box-model: border-box) {
  34. box-sizing: @arguments;
  35. -moz-box-sizing: @arguments;
  36. -webkit-box-sizing: @arguments;
  37. -ms-box-sizing: @arguments;
  38. }
  39.  
  40. .hsla-bgcolor-safe(transparent, @alpha) {
  41. background-color: transparent;
  42. }
  43.  
  44. .hsla-bgcolor-safe(@color, @alpha) when (iscolor(@color)) {
  45. background-color: @color;
  46. background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
  47. }
  48.  
  49. /* Required for proper functioning of the Colors & Theme Creator */
  50. @banner_height: 172px;
  51. @banner_background_color: #006CB7;
  52. @banner_background_image: url('http://s9568.storage.proboards.com/5499568/i/ENSPX4r_eNTLtpYfq8DP.png');
  53. @banner_background_position: center center;
  54. @banner_text_color: #FFFFFF;
  55. @banner_text_align: left;
  56. @wrapper_width: 90%;
  57. @all_gradients: url('http://images.proboards.com/v5/gradients/wave.png');
  58. @body_background_image: url('http://s9568.storage.proboards.com/5499568/i/utaIHs50IFXJAujgnPbw.png');
  59.  
  60. @body_background_color: #FFFFFF;
  61. @default_forum_text_color: #000000;
  62. @link_color: #ffffff;
  63. @link_visited_color: #004FA0;
  64.  
  65. @title_bar_background_color: #1c1c49;
  66. @title_text_color: #FFFFFF;
  67. @title_buttons_background_color: #004C97;
  68. @title_buttons_color: #FFFFFF;
  69.  
  70. @buttons_background_color: #5b3c77;
  71. @buttons_text_color: #000000;
  72.  
  73. @container_background_color_1: #01021b;
  74. @container_text_color_1: #ffffff;
  75. @container_background_color_2: #000000;
  76. @container_text_color_2: #ffffff;
  77. @container_links_color: #b6b6b6;
  78. @container_highlight_color: #F6F6F6;
  79. @container_outer_border_color: #000000;
  80. @container_inner_border_color: #202f53;
  81.  
  82. @pagination_background_color: #FFFFFF;
  83. @pagination_text_color: #000000;
  84. @pagination_hover_color: #EFEFEF;
  85. /* End required for proper functioning of the Colors & Theme Creator */
  86.  
  87.  
  88. /**************************************************************************
  89. * Global Styles *
  90. **************************************************************************/
  91.  
  92. /* Common Elements and Classes */
  93. @body_background_attachment: scroll;
  94. @body_background_repeat: @empty;
  95. @body_background_position: @empty;
  96. @default_forum_text_font_style: normal;
  97. @default_forum_text_font_weight: normal;
  98. @default_forum_text_font_size: 80%;
  99. @default_forum_text_font_family: Verdana, Geneva, sans-serif;
  100. @default_forum_text_decoration: none;
  101. @default_forum_text_case: inherit;
  102. @default_forum_text_caps: normal;
  103. @bold_weight: 700;
  104. @bold_size: @empty;
  105. @italic_style: italic;
  106. @link_font: 100% Tahoma, Geneva, sans-serif;
  107. @link_decoration: underline;
  108. @link_active_color: @link_color;
  109. @link_active_decoration: @link_decoration;
  110. @link_visited_decoration: @link_decoration;
  111. @link_hover_color: @link_color;
  112. @link_hover_decoration: @link_decoration;
  113. @h2_color: @empty;
  114. @h2_font: 100% @default_forum_text_font_family;
  115. @h2_decoration: @empty;
  116. @h2_case: @empty;
  117. @h2_caps: @empty;
  118. @h3_color: @empty;
  119. @h3_font: 140% @default_forum_text_font_family;
  120. @h3_decoration: @empty;
  121. @h3_case: @empty;
  122. @h3_caps: @empty;
  123. @timestamp_color: lighten(@default_forum_text_color, 15%);
  124. @timestamp_font: italic 85% @default_forum_text_font_family;
  125. @description_color: @empty;
  126. @description_font: italic 85% @default_forum_text_font_family;
  127. @viewing_color: @empty;
  128. @viewing_font: 75% @default_forum_text_font_family;
  129. @small_desc_color: lighten(@default_forum_text_color, 15%);
  130. @small_desc_font: 70% @default_forum_text_font_family;
  131. @shadow_color: #333333;
  132. * { word-wrap: break-word; }
  133. body { background-color: @body_background_color; background-image: @body_background_image; background-attachment: @body_background_attachment; background-repeat: @body_background_repeat; background-position: @body_background_position; line-height: 1.2; color: @default_forum_text_color; font-style: @default_forum_text_font_style; font-weight: @default_forum_text_font_weight; font-size: @default_forum_text_font_size; font-family: @default_forum_text_font_family; text-decoration: @default_forum_text_decoration; text-transform: @default_forum_text_case; font-variant: @default_forum_text_caps; }
  134. #wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; }
  135. table { table-layout: fixed; }
  136. a { cursor: pointer; color: @link_color; font: @link_font; text-decoration: @link_decoration; }
  137. :visited { color: @link_visited_color; text-decoration: @link_visited_decoration; }
  138. a:hover { color: @link_hover_color; text-decoration: @link_hover_decoration; }
  139. a:active { color: @link_active_color; text-decoration: @link_active_decoration; }
  140. a.text { cursor: default; }
  141. h1, h2 { color: @h2_color; font: @h2_font; text-decoration: @h2_decoration; text-transform: @h2_case; font-variant: @h2_caps; }
  142. h3 { color: @h3_color; font: @h3_font; text-decoration: @h3_decoration; text-transform: @h3_case; font-variant: @h3_caps; }
  143. abbr.time, .last-edited, #event_range .time { color: @timestamp_color; font: @timestamp_font; }
  144. abbr.time.recent_time { font-weight: bold; font-style: normal; }
  145. blockquote { display: block; margin: 15px 40px; }
  146. sub, sup { font-size: 80%; }
  147. .bold, b { font-weight: @bold_weight; font-size: @bold_size; }
  148. .italic { font-style: @italic_style; }
  149. .description { color: @description_color; font: @description_font; }
  150. .viewing { color: @viewing_color; font: @viewing_font; }
  151. .small { font: @small_desc_font; vertical-align: middle; }
  152. .note { color: @small_desc_color; }
  153. .placeholder, .placeholder-empty { color: #888888; }
  154. .foot abbr.time, .small abbr.time { font-size: 100%; }
  155. .pointer { cursor: pointer; }
  156. .border-round { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
  157. .clear { clear: both; }
  158. .float-right { float: right; }
  159. .float-left { float: left; }
  160. .hide, .spoiler { display: none; }
  161. .absolute-hide { display: none; position: absolute; }
  162. .block-item { display: block; }
  163. .center { text-align: center; }
  164. .no-right-margin { margin-right: 0px; }
  165. .valigntt { vertical-align: text-top; }
  166. .auto-overflow { overflow: auto; }
  167. .inline-block { display: inline-block; }
  168. .break-word { word-wrap: break-word; }
  169. .nowrap { white-space: nowrap; }
  170. .aria-hidden { width: 1px; height: 1px; overflow: hidden; text-indent: -1000px; position: absolute; top: 0; left: 0; display: block; }
  171. .wysiwyg-textarea { width: 100%; height: 200px; }
  172. .post-options, .message-options { display: none; }
  173. .options_menu { max-width: 190px; }
  174. .posting-options-list.options_menu { max-width: 100%; }
  175. .options_menu li { height: 28px; }
  176. .options_menu a { height: 20px; line-height: 20px !important; }
  177. .options_menu hr { color: #AAAAAA; background-color: #AAAAAA; height: 1px; border: none; }
  178. .controls .checkbox { display: none; }
  179. .clickable { cursor: pointer; }
  180.  
  181. /* Generic Padding Classes */
  182. .pad-all-thin { padding: 3px !important; }
  183. .pad-all { padding: 5px !important; }
  184. .pad-all-double { padding: 10px !important; }
  185. .pad-all-thick { padding: 20px !important; }
  186. .pad-sides-thin { padding: 0px 3px !important; }
  187. .pad-sides { padding: 0px 5px !important; }
  188. .pad-sides-double { padding: 0px 10px !important; }
  189. .pad-sides-thick { padding: 0px 20px !important; }
  190. .pad-top-bottom-thin { padding: 3px 0px !important; }
  191. .pad-top-bottom { padding: 5px 0px !important; }
  192. .pad-top-bottom-double { padding: 10px 0px !important; }
  193. .pad-top-bottom-thick { padding: 20px 0px !important; }
  194. .pad-top-thin { padding-top: 3px !important; }
  195. .pad-top { padding-top: 5px !important; }
  196. .pad-top-double { padding-top: 10px !important; }
  197. .pad-top-thick { padding-top: 20px !important; }
  198. .pad-right-thin { padding-right: 3px !important; }
  199. .pad-right { padding-right: 5px !important; }
  200. .pad-right-double { padding-right: 10px !important; }
  201. .pad-right-thick { padding-right: 20px !important; }
  202. .pad-bottom-thin { padding-bottom: 3px !important; }
  203. .pad-bottom { padding-bottom: 5px !important; }
  204. .pad-bottom-double { padding-bottom: 10px !important; }
  205. .pad-bottom-thick { padding-bottom: 20px !important; }
  206. .pad-left-thin { padding-left: 3px !important; }
  207. .pad-left { padding-left: 5px !important; }
  208. .pad-left-double { padding-left: 10px !important; }
  209. .pad-left-thick { padding-left: 20px !important; }
  210. .pad-all-sides-thick { padding: 5px 20px !important; }
  211.  
  212. /* Status Text */
  213. @status_text_success_color: @container_text_color_1;
  214. @status_text_failure_color: @container_text_color_1;
  215. .saved { color: @status_text_success_color; }
  216. .status-box { font-weight: 800; margin-left: 5px; .rounded-corners(); padding: 1px 5px; }
  217. .status-box.error { background-color: @container_background_color_1; }
  218. .status-box.saved { background-color: @container_background_color_1; }
  219. .error { color: @status_text_failure_color; }
  220. .flood-control { padding: 5px; color: @status_text_failure_color; }
  221. .posting-errors { padding: 5px; color: @status_text_failure_color; }
  222. .noscript-form-error { color: @status_text_failure_color; background: @container_background_color_1; font-weight: 800; .rounded-corners(); padding: 5px; margin: 0 0 10px 0; }
  223. .ui-form-error { display: none; position: absolute; z-index: 9000; color: @container_text_color_1; border: 2px solid @status_text_failure_color; padding: 4px; font-size: 80%; background-color: @container_background_color_1; }
  224. input.ui-error { background-color: @container_background_color_1; color: @status_text_failure_color; padding: 2px; }
  225. .shoutbox_error { color: @status_text_failure_color; }
  226.  
  227.  
  228. /* Header */
  229. @banner_background_repeat: no-repeat;
  230. @banner_text_font: bold 0px 'Trebuchet MS', Verdana, Arial;
  231. @banner_text_decoration: none;
  232. @banner_text_case: none;
  233. @banner_text_caps: normal;
  234. @banner_text_shadow: 2px 2px 2px @shadow_color;
  235. header { display: block; position: relative; margin-bottom: 10px; }
  236. #banner-container { display: table; width: 100%; }
  237. #banner { display: table-cell; height: @banner_height; background-color: @banner_background_color; background-image: @banner_background_image; background-position: @banner_background_position; background-repeat: @banner_background_repeat; vertical-align: middle; padding: 0px 20px; text-align: @banner_text_align; overflow: hidden; }
  238. a#logo { vertical-align: middle; color: @banner_text_color; text-shadow: @banner_text_shadow; text-decoration: @banner_text_decoration; font: @banner_text_font; font-variant: @banner_text_caps; text-transform: @banner_text_case; white-space: normal; word-break: break-all; }
  239. a#logo:hover { color: @banner_text_color !important; text-decoration: @banner_text_decoration !important; }
  240.  
  241. /* Welcome Text / Login / Logout Links */
  242. @welcome_text_color: @title_text_color;
  243. @welcome_text_font: 1em "Trebuchet MS", Verdana, Arial;
  244. @welcome_text_shadow: none;
  245. @welcome_links_color: @welcome_text_color;
  246. @welcome_links_font: @welcome_text_font;
  247. @welcome_links_decoration: underline;
  248. @welcome_links_shadow: @welcome_text_shadow;
  249. #welcome { text-align: right; color: @welcome_text_color; font: @welcome_text_font; text-shadow: @welcome_text_shadow; float: right; vertical-align: middle; line-height: 31px !important; }
  250. #welcome a { color: @welcome_links_color; text-decoration: @welcome_links_decoration; text-shadow: @welcome_links_shadow; font: @welcome_links_font; }
  251.  
  252. /* Navigation Menu */
  253. @nav_bar_background: #1c1c49 left center repeat-x scroll url('http://images.proboards.com/v5/gradients/darkness.png');
  254. @nav_bar_border: 0px solid #0f1925;
  255. @nav_bar_border_radius: 0 0 5px 5px;
  256. @nav_bar_button_color: @title_text_color;
  257. @nav_bar_button_font: 1em "Trebuchet MS", Verdana, Arial;
  258. @nav_bar_button_decoration: none;
  259. @nav_bar_button_shadow: none;
  260. @nav_bar_button_background: #1c1c49 scroll url('http://images.proboards.com/v5/gradients/darkness.png');
  261. @nav_bar_button_hover_color: @nav_bar_button_color;
  262. @nav_bar_button_hover_font: @nav_bar_button_font;
  263. @nav_bar_button_hover_decoration: @nav_bar_button_decoration;
  264. @nav_bar_button_hover_shadow: @nav_bar_button_shadow;
  265. @nav_bar_button_hover_background: @nav_bar_button_background;
  266. @nav_bar_button_current_color: @title_buttons_color;
  267. @nav_bar_button_current_font: @nav_bar_button_font;
  268. @nav_bar_button_current_decoration: @nav_bar_button_decoration;
  269. @nav_bar_button_current_shadow: @nav_bar_button_shadow;
  270. @nav_bar_button_current_background: @title_buttons_background_color @all_gradients center repeat-x;
  271. @nav_bar_bubble_text_color: #000000;
  272. @nav_bar_bubble_font: .8em "Trebuchet MS", Verdana, Arial;
  273. @nav_bar_bubble_background: #FFFFFF;
  274. @nav_bar_bubble_border_radius: 5px;
  275. #navigation-menu { padding: 0 8px; background: @nav_bar_background; border: @nav_bar_border; .rounded-corners(@nav_bar_border_radius); }
  276. #navigation-menu a { position: relative; }
  277. #navigation-menu > ul, #navigation-menu > ul li { float: left; }
  278. #navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: @nav_bar_button_color; font: @nav_bar_button_font; text-decoration: @nav_bar_button_decoration; text-shadow: @nav_bar_button_shadow; background: @nav_bar_button_background; line-height: 31px !important; }
  279. #navigation-menu > ul li:hover a { color: @nav_bar_button_hover_color !important; font: @nav_bar_button_hover_font; text-decoration: @nav_bar_button_hover_decoration !important; text-shadow: @nav_bar_button_hover_shadow; background: @nav_bar_button_hover_background; line-height: 31px !important; }
  280. #navigation-menu > ul li a.state-active { color: @nav_bar_button_current_color !important; font: @nav_bar_button_current_font; text-decoration: @nav_bar_button_current_decoration !important; text-shadow: @nav_bar_button_current_shadow; background: @nav_bar_button_current_background; line-height: 31px !important; }
  281. #navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }
  282. #navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: @nav_bar_bubble_background; .rounded-corners(@nav_bar_bubble_border_radius); font: @nav_bar_bubble_font; line-height: .8em; text-shadow: none; .box-shadow(2px, 2px, 2px, @shadow_color); height: .8em; color: @nav_bar_bubble_text_color; }
  283. #navigation-menu div.tip-holder span.tip { border-top: 4px solid @nav_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }
  284.  
  285. /* Navigation Tree + Participated Button + News Bar */
  286. @nav_tree_color: @container_text_color_1;
  287. @nav_tree_font: .8em @default_forum_text_font_family;
  288. @nav_tree_decoration: none;
  289. @nav_tree_background_color: @container_background_color_1;
  290. @nav_tree_border_width: 1px;
  291. @nav_tree_border_style: solid;
  292. @nav_tree_border_color: @container_outer_border_color;
  293. @nav_tree_border_radius: 5px;
  294. @nav_tree_hover_color: @container_text_color_1;
  295. @nav_tree_hover_font: @nav_tree_font;
  296. @nav_tree_hover_decoration: none;
  297. @nav_tree_hover_background_color: @container_highlight_color;
  298. .recent-threads-button, #navigation-tree { color: @nav_tree_color; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background: @nav_tree_background_color; margin-bottom: 10px; height: 20px; .rounded-corners(@nav_tree_border_radius); }
  299. .recent-threads-button.new .new-icon { display: inline-block; }
  300. #navigation-tree { overflow: hidden; }
  301. #nav-tree { white-space: nowrap; }
  302. .popup_html { position: absolute; top: 0; left: 0; z-index: 999999; }
  303. #nav-tree ul { display: none; list-style-type: none; border-width: @nav_tree_border_width; border-style: @nav_tree_border_style; border-color: @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
  304. #nav-tree > li { display: inline-block; position: relative; height: 20px; }
  305. #nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
  306. #nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; }
  307. #nav-tree > li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
  308. #nav-tree .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
  309. #nav-tree > li:first-child { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
  310. #nav-tree > li:first-child a { margin-left: -2px; }
  311. #nav-tree .ui-menu { display: none; position: absolute; float: left; }
  312. #nav-tree .ui-menu a { .rounded-corners(0px); }
  313. #nav-tree .ui-menu li { position: relative; white-space: nowrap; padding: 2px 10px 2px 5px; }
  314. #nav-tree .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
  315. #nav-tree .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
  316. #nav-tree .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
  317. #nav-tree li.new_span > a > .new-icon { float: none; display: inline-block; }
  318. #nav-tree li.state-selected > a { font-weight: bold !important; }
  319. #nav-tree .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
  320. #nav-tree .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
  321. #nav-tree > li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
  322. #nav-tree > li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
  323. .popup_html ul { display: none; list-style-type: none; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; background-color: @nav_tree_background_color; .box-shadow(); }
  324. .popup_html li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
  325. .popup_html li:hover, .popup_html .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; }
  326. .popup_html li:hover > div > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
  327. .popup_html .ui-menu li:hover > a { font: @nav_tree_hover_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
  328. .popup_html li { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
  329. .popup_html li a { margin-left: -2px; }
  330. .popup_html .ui-menu { display: none; position: absolute; float: left; z-index: 11; }
  331. .popup_html .ui-menu a { .rounded-corners(0px); overflow: hidden; max-width: 550px; }
  332. .popup_html .ui-menu li { position: relative; white-space: nowrap; padding: 2px 15px 2px 5px; }
  333. .popup_html .ui-menu li ul { display: none; z-index: 9999; position: absolute; }
  334. .popup_html .ui-menu li .arrow { position: absolute; right: 2px; top: 50%; width: 16px; height: 16px; margin-top: -8px; display: none; }
  335. .popup_html .ui-menu li.ui-menu-has-sub-menu > .arrow { display: block; }
  336. .popup_html li.new_span > a > .new-icon { float: none; display: inline-block; }
  337. .popup_html li.state-selected > a { font-weight: bold !important; }
  338. .popup_html .menu_arrow { width: 0; height: 0; position: absolute; top: 0px; right: -10px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_border_color; z-index: 1001; }
  339. .popup_html .menu_arrow span { width: 0; height: 0; position: absolute; top: -10px; left: -11px; border-width: 10px @nav_tree_border_width 10px 10px; border-style: @nav_tree_border_style none @nav_tree_border_style @nav_tree_border_style; border-color: transparent transparent transparent @nav_tree_background_color; z-index: 1002; }
  340. .popup_html li:hover .menu_arrow { border-color: transparent transparent transparent @nav_tree_border_color; }
  341. .popup_html li:hover .menu_arrow span { border-color: transparent transparent transparent @nav_tree_hover_background_color; }
  342. /* Participated Button */
  343. .recent-threads-button { font: @nav_tree_font; cursor: pointer; float: right; height: 14px; margin: 0 0 10px 10px; padding: 3px 6px 3px 6px; text-align: center; }
  344. .recent-threads-button:hover { color: @nav_tree_hover_color; font: @nav_tree_hover_font; text-decoration: @nav_tree_hover_decoration; background-color: @nav_tree_hover_background_color; }
  345. .recent-threads-button .new-icon { margin: 0px 5px 0px 0px; }
  346. /* News Bar */
  347. #news { color: @nav_tree_color; font: @nav_tree_font; text-decoration: @nav_tree_decoration; z-index: 9; height: 20px; font: @nav_tree_font; background-color: @nav_tree_background_color; overflow: hidden; margin: 0 auto 10px; border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; .rounded-corners(@nav_tree_border_radius); }
  348. #news .items { height: 20px; position: relative; overflow: hidden; }
  349. #news .items > div > div { padding: 0 10px; line-height: 20px !important; }
  350. #news .items div img { vertical-align: text-bottom; }
  351. #news .nav { float: left; background-position: center; }
  352. #news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
  353. #news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
  354. #news .nav .arrow.left { .rounded-corners(@nav_tree_border_radius, 0, 0, @nav_tree_border_radius); }
  355. #news .nav .arrow.left span { border-right-color: @nav_tree_border_color; }
  356. #news .nav .arrow.right span { border-left-color: @nav_tree_border_color; }
  357. #news .nav:hover { background-color: @nav_tree_hover_background_color; }
  358. #news .nav:hover > span { border: @nav_tree_border_width @nav_tree_border_style @nav_tree_border_color; border-width: 0px @nav_tree_border_width 0px 0px; }
  359. #news .nav:hover .arrow { background-color: @nav_tree_hover_background_color; }
  360.  
  361. /* Participated Dialog */
  362. @participated_background: @container_background_color_1;
  363. @participated_inner_border: 1px solid @container_inner_border_color;
  364. @participated_text_color: @container_text_color_1;
  365. @participated_text_font: @empty;
  366. @participated_links_color: @empty;
  367. @participated_links_font: @empty;
  368. @participated_links_decoration: @empty;
  369. @participated_subject_align: left;
  370. @participated_last_post_align: right;
  371. @participated_hover_background: @container_highlight_color;
  372. @participated_hover_text_color: @empty;
  373. @participated_hover_text_font: @empty;
  374. @participated_hover_links_color: @empty;
  375. @participated_hover_links_font: @empty;
  376. @participated_hover_links_decoration: @empty;
  377. #recent-threads { background: @participated_background; color: @participated_text_color; font: @participated_text_font; }
  378. #recent-threads a { color: @participated_links_color; font: @participated_links_font; text-decoration: @participated_links_decoration; }
  379. #recent-threads th { border-bottom: 1px solid; }
  380. #recent-threads .subject { text-align: @participated_subject_align; }
  381. #recent-threads .latest { text-align: @participated_last_post_align; }
  382. #recent-threads th, #recent-threads td { border: @participated_inner_border; border-top-width: 0px; border-left-width: 0px; }
  383. #recent-threads tbody tr:hover { color: @participated_hover_text_color; font: @participated_hover_text_font; background: @participated_hover_background; }
  384. #recent-threads tbody tr:hover a { color: @participated_hover_links_color; font: @participated_hover_links_font; text-decoration: @participated_hover_links_decoration; }
  385.  
  386. /* Selection Dialogs */
  387. #thread_listing, #conversation_listing { padding: 0; }
  388.  
  389. /* CSS Arrows */
  390. .arrow { position: relative; display: inline-block; width: 10px; height: 10px; z-index: 10; }
  391. .arrow > span { content: ''; position: absolute; left: 50%; top: 50%; display: block; border-color: transparent; border-style: solid; border-width: 4px; height: 0; width: 0; }
  392. .arrow.up > span { margin-left: -4px; margin-top: -6px; border-bottom-color: @container_text_color_1; }
  393. .arrow.right > span { margin-left: -2px; margin-top: -4px; border-left-color: @container_text_color_1; }
  394. .arrow.down > span { margin-left: -4px; margin-top: -2px; border-top-color: @container_text_color_1; }
  395. .arrow.left > span { margin-left: -7px; margin-top: -4px; border-right-color: @container_text_color_1; }
  396. .arrow.big > span { border-width: 5px; }
  397. .arrow.big.up > span { margin-left: -5px; margin-top: -7px; }
  398. .arrow.big.right > span { margin-top: -5px; }
  399. .arrow.big.down > span { margin-left: -5px; }
  400. .arrow.big.left > span { margin-left: -8px; margin-top: -5px; }
  401.  
  402. /* Containers and Dialogs */
  403. @title_bar_background_image: url('http://images.proboards.com/v5/gradients/darkness.png');
  404. @title_bar_background_attachment: @empty;
  405. @title_bar_background_repeat: repeat-x;
  406. @title_bar_background_position: left center;
  407. @title_bar_border: #000000;
  408. @title_bar_border_radius: 5px 5px 0 0;
  409. @title_text_font: bold 100% @default_forum_text_font_family;
  410. @title_text_decoration: @empty;
  411. @title_text_transform: @empty;
  412. @title_text_variant: @empty;
  413. @title_text_align: @empty;
  414. @title_text_shadow: @empty;
  415. @title_buttons_background_image: @all_gradients;
  416. @title_buttons_background_attachment: scroll;
  417. @title_buttons_background_repeat: repeat-x;
  418. @title_buttons_background_position: left center;
  419. @title_buttons_font: 100% @default_forum_text_font_family;
  420. @title_buttons_decoration: @empty;
  421. @title_buttons_hover_background: @empty;
  422. @title_buttons_hover_color: @title_buttons_color;
  423. @title_buttons_hover_font: @title_buttons_font;
  424. @title_buttons_hover_decoration: @title_buttons_decoration;
  425. @content_background: @container_background_color_1;
  426. @content_border_width: 1px;
  427. @content_border_style: solid;
  428. @content_border_radius: 0 0 5px 5px;
  429. @content_area_background: #000000 scroll;
  430. @content_area_border: 1px solid #000000;
  431. @content_area_border_radius: 10px;
  432. @content_area_text_color: @container_text_color_1;
  433. @content_area_text_font: @empty;
  434. @content_area_links_font: @content_area_text_font;
  435. @content_area_links_decoration: @empty;
  436. @action_bar_background: @container_inner_border_color;
  437. @action_bar_border: 1px solid @container_outer_border_color;
  438. @action_bar_border_radius: @empty;
  439. .container > .title-bar { background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
  440. .ui-dialog .ui-dialog-titlebar { padding: .3em 1em; position: relative; background-color: @title_bar_background_color; background-image: @title_bar_background_image; background-attachment: @title_bar_background_attachment; background-repeat: @title_bar_background_repeat; background-position: @title_bar_background_position; border: @title_bar_border; .rounded-corners(@title_bar_border_radius); }
  441. .ui-dialog .ui-dialog-title { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; float: left; margin: .1em 16px .2em 0; }
  442. .container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { color: @title_text_color; font: @title_text_font; text-decoration: @title_text_decoration; font-variant: @title_text_variant; text-transform: @title_text_transform; text-align: @title_text_align; text-shadow: @title_text_shadow; }
  443. .container > .title-bar > .controls li a, .container > .title-bar > .controls li div { color: @title_buttons_color; background-color: @title_buttons_background_color; background-image: @title_buttons_background_image; background-attachment: @title_buttons_background_attachment; background-repeat: @title_buttons_background_repeat; background-position: @title_buttons_background_position; font: @title_buttons_font; text-decoration: @title_buttons_decoration; height: 30px; line-height: 30px !important; padding: 0 10px; }
  444. .container > .title-bar > .controls:hover li a, .container > .title-bar > .controls:hover li div { color: @title_buttons_hover_color !important; background: @title_buttons_hover_background; font: @title_buttons_hover_font; text-decoration: @title_buttons_hover_decoration !important; }
  445. .container > .content, .ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane, .container.copy .clone { background: @content_background; border-width: @content_border_width; border-style: @content_border_style; border-color: @container_outer_border_color; border-top-width: 0px; padding: 0px; .rounded-corners(@content_border_radius); }
  446. .content-box { background: @content_area_background; border: @content_area_border; .rounded-corners(@content_area_border_radius); color: @content_area_text_color; font: @content_area_text_font; }
  447. .content-box a, .container a { color: @container_links_color; font: @content_area_links_font; text-decoration: @content_area_links_decoration; }
  448. .container > .control-bar { background: @action_bar_background; border: @action_bar_border; border-top-width: 0px; border-bottom-width: 0px; .rounded-corners(@action_bar_border_radius); margin-bottom: 0px; }
  449. .container { margin-bottom: 10px; color: @container_text_color_1; }
  450. .container > .title-bar { min-height: 30px; padding: 0px 10px; }
  451. .container > .title-bar h1, .container > .title-bar h2, .container > .title-bar h3 { line-height: 30px !important; display: inline; }
  452. .container > .title-bar.bbcode { min-height: 30px; padding: 0px; }
  453. .container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }
  454. *+html .container > .title-bar.bbcode h2 { line-height: 16px !important; }
  455. .title_wrapper { padding: 7px 10px; overflow: hidden; }
  456. .title_wrapper img { display: block; }
  457. .container abbr.time { color: @timestamp_color; }
  458. .container .note { color: lighten(@container_text_color_1, 15%); }
  459. .container > .title-bar > .controls { float: right; }
  460. .container > .control-bar > .controls { float: right; padding: 5px; color: #000000; }
  461. .container > .content { overflow: hidden; }
  462. .controls > li a { display: inline-block; }
  463. .control-bar .ui-pagination { padding: 5px 5px 3px 10px; }
  464. .control-bar > div.float-left { padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
  465. .control-bar > div.float-left img { padding-right: 5px; }
  466. .control-bar .controls ul { z-index: 233; }
  467. .control-bar .controls .ui-selectMenu-box { margin-left: 10px; }
  468. .control-bar .ui-search { padding-bottom: 5px !important; }
  469. .ui-selectMenu-box { border: 1px solid darken(@container_inner_border_color, 20%); }
  470. .ui-selectMenu-box .arrow.down > span { border-top-color: #000000; }
  471. .ui-dialog { .rounded-corners(); .hsla-bgcolor-safe(@container_outer_border_color, .5); }
  472. .ui-dialog .ui-dialog-titlebar-close:hover span, .ui-dialog .ui-dialog-titlebar-close:focus span { background-image:url('http://images.proboards.com/v5/ui-icons.png'); background-position: -20px, 0px; }
  473. .ui-dialog div.ui-dialog-buttonpane.ui-widget-content { text-align: right; margin-top: 10px; padding: 0 0 0 10px; border-width: 1px; .rounded-corners(5px); }
  474. .ui-dialog div.section { text-align: center; background-color: @container_background_color_1; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(10px); padding: 10px; margin: 10px 0; }
  475. .ui-search .search-input.filters-input { .rounded-corners(); }
  476. .ui-search .search-input { line-height: 16px !important; padding: 2px; border-width: 1px; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(5px, 0, 0, 5px); }
  477. .ui-search .search-filters-button { display: inline-block; width: auto; height: auto; margin-left: -2px; min-height: 19px; padding: 3px 4px 2px 4px; border-width: 1px 1px 1px 0px !important; border-style: solid; border-color: darken(@container_inner_border_color, 20%); .rounded-corners(0, 5px, 5px, 0); vertical-align: top; cursor: pointer; }
  478. .ui-search .search-filters-button .icon { display: inline-block; width: auto; height: auto; }
  479. .ui-search .search-filters-button.state-active { background: @title_buttons_color; }
  480. .event_icon { cursor: pointer; }
  481. .container.copy .clone { .rounded-corners(0px); border-collapse: inherit; border-bottom-width: 0px; }
  482.  
  483. /* Pagination Menus */
  484. @pagination_micro_background_color: @pagination_background_color;
  485. @pagination_micro_hover_color: @pagination_hover_color;
  486. @pagination_micro_text_color: @pagination_text_color;
  487. .ui-pagination { display: inline-block; overflow: hidden; }
  488. .ui-pagination li { cursor: pointer; list-style: none; float: left; margin-right: 2px; }
  489. .ui-pagination li:last-child { margin-right: 0px; }
  490. .ui-pagination li > a, .ui-pagination li > div { .rounded-corners(3px); font-weight: bold; text-decoration: none; background-color: @pagination_background_color; border: 1px solid darken(@container_inner_border_color, 20%); color: @pagination_text_color; display: inline-block; padding: 4px 5px; }
  491. .ui-pagination li > a:hover, .ui-pagination li > div:hover { border-style: solid; text-decoration: none; background-color: @pagination_hover_color; color: @pagination_text_color; border-color: mix(@pagination_text_color, @pagination_background_color, 70%); }
  492. .ui-pagination li.state-selected > a { border: 0px solid transparent; background-color: @pagination_text_color; color: @pagination_background_color; padding: 5px 6px; cursor: default; }
  493. .ui-pagination li.state-disabled > a { cursor: default; padding: 4px 5px; border-width: 1px; border-style: solid; opacity: .5; filter: alpha(opacity=50); }
  494. .ui-pagination li.state-disabled > a:hover { background-color: @pagination_background_color; border-color: mix(@pagination_text_color, @pagination_background_color, 40%); }
  495. .ui-micro-pagination { overflow: hidden; font-size: 75%; margin-top: 3px; }
  496. .ui-micro-pagination ul, .ui-micro-pagination ul li div { display: inline; }
  497. .ui-micro-pagination ul li { list-style: none; display: inline; margin-right: 2px; }
  498. .ui-micro-pagination ul li:last-child { margin-right: 0px; }
  499. .ui-micro-pagination ul li > a { display: inline-block; text-decoration: none; padding: 0 3px; color: @pagination_micro_text_color; background-color: @pagination_micro_background_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 40%); .rounded-corners(2px); }
  500. .ui-micro-pagination ul li > a:hover { color: @pagination_micro_text_color; border: 1px solid mix(@pagination_text_color, @pagination_background_color, 70%); background-color: @pagination_micro_hover_color; }
  501.  
  502. /* Tabs */
  503. @tabs_background: @container_inner_border_color none left center repeat-x;
  504. @tabs_border: 1px solid @container_inner_border_color;
  505. @tabs_border_radius: 5px 5px 0 0;
  506. @tabs_unselected_background: @container_background_color_2;
  507. @tabs_unselected_border: @empty;
  508. @tabs_unselected_border_radius: 5px 5px 0 0;
  509. @tabs_unselected_text_color: @container_links_color;
  510. @tabs_unselected_text_font: 100% @default_forum_text_font_family;
  511. @tabs_unselected_text_decoration: none;
  512. @tabs_selected_background: @container_background_color_1;
  513. @tabs_selected_border: @tabs_unselected_border;
  514. @tabs_selected_border_radius: @tabs_unselected_border_radius;
  515. @tabs_selected_text_color: @container_links_color;
  516. @tabs_selected_text_font: @tabs_unselected_text_font;
  517. @tabs_selected_text_decoration: @tabs_unselected_text_decoration;
  518. @tabs_hover_background: @container_highlight_color;
  519. @tabs_hover_border: @tabs_unselected_border;
  520. @tabs_hover_border_radius: @tabs_unselected_border_radius;
  521. @tabs_hover_text_color: @tabs_unselected_text_color;
  522. @tabs_hover_text_font: @tabs_unselected_text_font;
  523. @tabs_hover_text_decoration: @tabs_unselected_text_decoration;
  524. .ui-tabMenu ul { background: @tabs_background; border: @tabs_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding: 5px 5px 0 5px; }
  525. .ui-tabMenu ul li { height: 26px; list-style: none; float: left; top: 1px; margin: 0 2px 1px 0; position: relative; background: @tabs_unselected_background; border: @tabs_unselected_border; .rounded-corners(@tabs_border_radius); }
  526. .ui-tabMenu ul li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 14px; white-space: nowrap; }
  527. .ui-tabMenu ul li:hover { background: @tabs_hover_background; border: @tabs_hover_border; .rounded-corners(@tabs_hover_border_radius); }
  528. .ui-tabMenu ul li:hover a { color: @tabs_hover_text_color; font: @tabs_hover_text_font; text-decoration: @tabs_hover_text_decoration; }
  529. .ui-tabMenu ul li.ui-active { background: @tabs_selected_background; border: @tabs_selected_border; .rounded-corners(@tabs_selected_border_radius); }
  530. .ui-tabMenu ul li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; border-bottom: 1px solid @tabs_selected_background; }
  531.  
  532. /* Tables / Lists */
  533. @lists_inner_border_width: 1px;
  534. @lists_inner_border_style: solid;
  535. @lists_background: @empty;
  536. @lists_text_color: @container_text_color_1;
  537. @lists_text_font: @empty;
  538. @lists_links_color: @container_links_color;
  539. @lists_links_font: @empty;
  540. @lists_links_decoration: none;
  541. @lists_hover_background_image: @empty;
  542. @lists_hover_background_attachment: @empty;
  543. @lists_hover_background_repeat: @empty;
  544. @lists_hover_background_position: @empty;
  545. @lists_hover_text_color: @lists_text_color;
  546. @lists_hover_text_font: @lists_text_font;
  547. @lists_hover_links_color: @lists_links_color;
  548. @lists_hover_links_font: @lists_links_font;
  549. @lists_hover_links_decoration: underline;
  550. @lists_selected_background: @container_highlight_color;
  551. @lists_selected_text_color: @lists_text_color;
  552. @lists_selected_text_font: @lists_text_font;
  553. @lists_selected_links_color: @lists_links_color;
  554. @lists_selected_links_font: @lists_links_font;
  555. @lists_selected_links_decoration: none;
  556. table.list > thead > tr > th, table.list > tbody > tr > td { border-width: 0px @lists_inner_border_width @lists_inner_border_width 0px; border-style: @lists_inner_border_style; border-color: @container_inner_border_color; vertical-align: middle; padding: 10px; .box-sizing(); }
  557. table.list { color: @lists_text_color; font: @lists_text_font; background: @lists_background; table-layout: fixed; font-size: 90%; width: 100%; .box-sizing(); }
  558. .list a { color: @lists_links_color; font: @lists_links_font; text-decoration: @lists_links_decoration; }
  559. .list .item.state-hover, .list .board.item:hover, #calendar-list .item:hover { color: @lists_hover_text_color; font: @lists_hover_text_font; background-color: @container_highlight_color; background-image: @lists_hover_background_image; background-attachment: @lists_hover_background_attachment; background-repeat: @lists_hover_background_repeat; background-position: @lists_hover_background_position; }
  560. .list .item > .main.state-hover .link a, .list .item:hover > .main .link a { color: @lists_hover_links_color; font: @lists_hover_links_font; text-decoration: @lists_hover_links_decoration; }
  561. .list .item.state-selected { color: @lists_selected_text_color; font: @lists_selected_text_font; background: @lists_selected_background; }
  562. .list .item.state-selected a { color: @lists_selected_links_color; font: @lists_selected_links_font; text-decoration: @lists_selected_links_decoration; }
  563. table.list > thead > tr > th { padding: 5px 10px; white-space: nowrap; }
  564. table.list > thead > tr.last > td, table.list > tbody > tr.last > td { border-bottom-width: 0px; }
  565. table.list > thead > tr > .last, table.list > tbody > tr > .last { border-right: none; }
  566. table.list td.icon, table.list th.icon { width: 55px; text-align: center; }
  567. table.list td.main, table.list th.main { padding: 10px 10px 10px 0px; }
  568. table.list .checkbox { width: 25px; text-align: center; padding: 0px; border-right: none; }
  569. table.list .checkbox-placeholder { border-right: none !important; }
  570. .list .item > .main { cursor: pointer; overflow: hidden; }
  571. .list .item .list-item-checkbox { visibility: hidden; }
  572. .list .item.state-hover .list-item-checkbox, .list .item.state-selected .list-item-checkbox { visibility: visible; }
  573. table.list abbr.time, table.list .last-edited { color: @timestamp_color; }
  574.  
  575. /* New Icons */
  576. @new_background: @title_buttons_background_color @all_gradients left center repeat-x;
  577. @new_border: 1px solid darken(@title_buttons_background_color, 15%);
  578. @new_border_radius: 5px;
  579. @new_link_transform: uppercase;
  580. @new_link_color: @title_buttons_color;
  581. @new_link_font: bold 7px @default_forum_text_font_family;
  582. @new_link_decoration: none;
  583. @new_hover_background: @new_background;
  584. @new_hover_border: @new_border;
  585. @new_hover_border_radius: @new_border_radius;
  586. @new_hover_link_transform: @new_link_transform;
  587. @new_hover_link_color: @new_link_color;
  588. @new_hover_link_font: @new_link_font;
  589. @new_hover_link_decoration: @new_link_decoration;
  590. .new-icon { background: @new_background; border: @new_border; .rounded-corners(@new_border_radius); display: none; float: left; margin: 3px 5px 3px 0px; padding: 0px 1px; word-wrap: normal; }
  591. .new-icon, .new-icon a { color: @new_link_color !important; font: @new_link_font; text-decoration: @new_link_decoration; text-transform: @new_link_transform; text-align: center; line-height: 10px !important; height: 10px; }
  592. .new-icon:hover { background: @new_hover_background; border: @new_hover_border; .rounded-corners(@new_hover_border_radius); }
  593. .new-icon:hover, .new-icon:hover a { color: @new_hover_link_color !important; font: @new_hover_link_font; text-decoration: @new_hover_link_decoration; text-transform: @new_hover_link_transform; }
  594.  
  595. /* Footer */
  596. @footer_text_color: @link_color;
  597. @footer_text_font: .8em @default_forum_text_font_family;
  598. @footer_text_decoration: none;
  599. @footer_background: ~"";
  600. @footer_border: ~"";
  601. @footer_hover_color: @footer_text_color;
  602. @footer_hover_font: @footer_text_font;
  603. @footer_hover_decoration: @footer_text_decoration;
  604. @footer_pipe_color: @default_forum_text_color;
  605. @footer_copyright_color: @default_forum_text_color;
  606. @footer_copyright_font: .8em @default_forum_text_font_family;
  607. @footer_pb_link_color: @link_color;
  608. @footer_pb_link_font: 100% @default_forum_text_font_family;
  609. @footer_pb_link_decoration: none;
  610. footer { text-align: center; display: block; background: @footer_background; border: @footer_border; padding-top: 5px; padding-bottom: 28px; }
  611. footer .footer-links { margin: 0 auto; color: @footer_pipe_color; }
  612. footer .footer-links a { color: @footer_text_color; text-decoration: @footer_text_decoration; font: @footer_text_font; }
  613. footer .footer-links a:hover { color: @footer_hover_color; text-decoration: @footer_hover_decoration; font: @footer_hover_font; }
  614. footer .footer-text { text-align: center; color: @footer_copyright_color; margin: 5px 0 0 0; font: @footer_copyright_font; }
  615. footer .footer-text a { color: @footer_pb_link_color; text-decoration: @footer_pb_link_decoration; font: @footer_pb_link_font; }
  616.  
  617.  
  618. /**************************************************************************
  619. * Pages *
  620. **************************************************************************/
  621.  
  622. /* Search Page */
  623. .search .content { padding: 10px 0px 0px 10px; }
  624. .search .content form > div { padding: 10px; margin-right: 10px; margin-bottom: 10px; }
  625. .search .header, #how { font-size: 14px; padding: 10px; }
  626. .search .options-container { padding: 10px; width: 432px; font-size: 11px; margin-right: 10px; height: 200px; overflow: hidden; }
  627. .search .options-container th { padding-bottom: 5px; font-size: 14px; text-align: left; font-weight: normal; }
  628. .search .options-container td { padding: 5px 5px 5px 0; }
  629. .search .footer { font-size: 14px; line-height: 20px !important; }
  630. .search .footer input { float: right; }
  631. .search .footer #transcription { width: 89%; font-size: 11px; }
  632. .search .disabled { background-color: #DDDDDD; }
  633. .search #what input, .search #where input, .search #who input { width: 230px; }
  634. .search #who select { width: 235px; }
  635. .search #when input { width: 80px; }
  636. .search input[id*="-placeholder"] { cursor: pointer; }
  637. #where-board-subboard, #where-without, #where-category, #who-member-group { display: none; }
  638.  
  639. /* Calendar Page */
  640. @cal_background: @container_background_color_1;
  641. @cal_border: 1px solid @container_inner_border_color;
  642. @cal_border_radius: 10px;
  643. @cal_inner_border: 1px solid @container_inner_border_color;
  644. @cal_link_alignment: right;
  645. @cal_title_color: @container_text_color_1;
  646. @cal_title_font: @empty;
  647. @cal_day_background: @container_highlight_color;
  648. @cal_day_link_color: @container_links_color;
  649. @cal_day_link_font: @empty;
  650. @cal_day_link_decoration: @empty;
  651. @cal_cur_month_background: @container_background_color_2;
  652. @cal_cur_month_link_color: @container_links_color;
  653. @cal_cur_month_link_font: @empty;
  654. @cal_cur_month_link_decoration: @empty;
  655. @cal_month_background: @container_background_color_1;
  656. @cal_month_link_color: @container_text_color_1;
  657. @cal_month_link_font: @empty;
  658. @cal_month_link_decoration: @empty;
  659. @cal_list_title_border_radius: 10px 10px 0 0;
  660. @cal_list_align_icon: center;
  661. @cal_list_align_last: right;
  662. @cal_list_last_color: @empty;
  663. @cal_list_last_font: @empty;
  664. .cal-box { background: @cal_background; border: @cal_border; .rounded-corners(@cal_border_radius); width: 100%; border-collapse: separate; }
  665. .cal-box th { padding: 3px 0px; }
  666. .cal-box th, .cal-current-panel .cal-box td, #calendar-list .cal-box td { border: @cal_inner_border; border-top-width: 0px; border-left-width: 0px; }
  667. .cal-box th, .cal-box th * { color: @cal_title_color; font: @cal_title_font; }
  668. .cal-box .current-day .head, .cal-box .today .head, .ui-datepicker td.ui-datepicker-today a { background: @cal_day_background; }
  669. .cal-box .current-day .head a, .cal-box .today .head a, .ui-datepicker td.ui-datepicker-today a { color: @cal_day_link_color; font: @cal_day_link_font; text-decoration: @cal_day_link_decoration; }
  670. .cal-box .head { background: @cal_cur_month_background; }
  671. .cal-box a { color: @cal_cur_month_link_color; font: @cal_cur_month_link_font; text-decoration: @cal_cur_month_link_decoration; }
  672. .cal-box .off .head a { color: @cal_month_link_color; font: @cal_month_link_font; text-decoration: @cal_month_link_decoration; }
  673. .cal-current-panel { vertical-align: top; }
  674. .cal-current-panel .cal-box .last { border-right: none; }
  675. .cal-current-panel .cal-box .last td { border-bottom: none; }
  676. .cal-current-panel .body { min-height: 74px; height: 74px; padding-bottom: 15px; padding: 3px; overflow: hidden; }
  677. .cal-current-panel .body a, .cal-current-panel .birthday-event { white-space: nowrap; }
  678. .cal-current-panel .off .head { background: @cal_month_background; }
  679. .cal-current-panel .head { text-align: @cal_link_alignment; cursor: pointer; padding-bottom: 3px; height: 16px; overflow: hidden; }
  680. .cal-current-panel .head a { font-weight: bold; font-size: 12px; padding: 2px; overflow: hidden; }
  681. .cal-preview-panel { width: 180px; padding-right: 10px; vertical-align: top; }
  682. .cal-preview-panel .header th { border-right: none; }
  683. .cal-preview-panel .header th a { color: @container_links_color; }
  684. .cal-preview-panel td { padding: 2px 0px; }
  685. .cal-preview-panel .weekdays td { padding-top: 5px; }
  686. .cal-preview-panel .cal-box { table-layout: auto; width: 100%; text-align: center; padding-bottom: 10px; margin-bottom: 10px; }
  687. .cal-preview-panel .cal-box .head { padding: 0px 1px 2px 0px; }
  688. .cal-preview-panel .off .head { background-color: transparent; }
  689. .cal-preview-panel a.has-events { font-weight: bold; }
  690. #calendar-list { vertical-align: top; }
  691. #calendar-list .new .new-icon { display: inline-block; }
  692. #calendar-list table { table-layout: auto; }
  693. #calendar-list table.cal-box td { border-width: 0px 0px 1px 0px; }
  694. #calendar-list tr:last-child td { border-bottom: none; }
  695. #calendar-list tr:first-child th { .rounded-corners(@cal_list_title_border_radius); }
  696. #calendar-list th { padding: 5px 15px; text-align: left; border-right: none; }
  697. #calendar-list td.icon { width: 60px; height: 60px; text-align: @cal_list_align_icon; border: @cal_inner_border; border-width: 0px 1px 1px 0px; }
  698. #calendar-list td.main { cursor: pointer; padding: 0 10px; }
  699. #calendar-list td.last_post { color: @cal_list_last_color; font: @cal_list_last_font; text-align: @cal_list_align_last; width: 250px; padding-right: 10px; }
  700. .calendar .content { padding: 10px; }
  701. .calendar .content > table { width: 100%; vertical-align: top; }
  702. .calendar .content > table > tr > td { vertical-align: top; }
  703. .calendar .control-bar .calendar-jump .button { float: left; }
  704. .calendar .control-bar .calendar_go_button { display: none; margin: 0 5px 0 10px; }
  705. #to-date-container { display: none; }
  706. .ui-datepicker { .hsla-bgcolor-safe(@container_outer_border_color, .5); }
  707. .ui-datepicker .ui-datepicker-header { background-color: @title_bar_background_color; background-image: @all_gradients; border-color: @container_outer_border_color; }
  708. .ui-datepicker .ui-datepicker-title { color: @title_text_color; }
  709. .ui-datepicker table { background-color: @container_background_color_1; border-color: @container_outer_border_color; }
  710. .ie7 .calendar .control-bar .calendar_go_button { margin-left: 0; }
  711. .ie7 .calendar .control-bar .controls .ui-selectMenu-box { margin-left: 0; margin-right: 10px; }
  712.  
  713. /* Members Page */
  714. @members_background: @empty;
  715. @members_text_color: @empty;
  716. @members_text_font: @empty;
  717. @members_text_align: left;
  718. @members_align_name: left;
  719. @members_align_username: left;
  720. @members_align_rank: left;
  721. @members_align_group: left;
  722. @members_align_posts: left;
  723. @members_align_date_registered: left;
  724. @members_align_last_online: right;
  725. .member { cursor: pointer; }
  726. .members table.list { table-layout: fixed; }
  727. .members thead { color: @members_text_color; font: @members_text_font; background: @members_background; }
  728. .members th.sortable { cursor: pointer; overflow: hidden; text-align: @members_text_align; }
  729. .members .name { width: 19%; text-align: @members_align_name; }
  730. .members .username { width: 17%; text-align: @members_align_username; }
  731. .members .rank { width: 16%; text-align: @members_align_rank; }
  732. .members .group { width: 16%; text-align: @members_align_group; }
  733. .members .posts { width: 8%; text-align: @members_align_posts; }
  734. .members .date-registered { width: 18%; text-align: @members_align_date_registered; }
  735. .members .last-online { width: 18%; text-align: @members_align_last_online; }
  736. .members .last-online abbr.timestamp { font-size: 100%; }
  737. .members .list-content td { word-wrap: break-word; overflow: hidden; padding: 3px 10px; .box-sizing(content-box); }
  738. .members .list-content .checkbox { padding: 3px 0px 3px 7px; }
  739.  
  740. /* View Profile */
  741. .show-user table { width: 100%; }
  742. .show-user .controls > * { float: right; }
  743. .show-user table.list { font-size: 100%; }
  744. .show-user .heading th, .show-user .heading td { font-weight: bold; padding: 8px 0px; text-align: center; border-right: 0px; }
  745. .show-user td.avatar, th.avatar { width: 75px; border-width: 1px 1px 0 0; padding: 3px; }
  746. .show-user .list .main { border-right-width: 0; border-width: 1px 0 0 0; padding: 5px 33px 5px 33px; }
  747. .show-user .delete { width: 60px; padding: 5px 10px 5px 5px; border-width: 1px 1px 0 0; vertical-align: middle; text-align: right; }
  748. .show-user .time-container { width: 22%; padding: 3px 10px 3px 3px; text-align: right; border-width: 1px 0 0 0; }
  749. .show-user a.show-more { border-top: 1px solid @container_inner_border_color; display: block; font-weight: bold; padding: 8px 0px; text-align: center; }
  750. .show-user .content-box { margin-bottom: 10px; overflow: hidden; }
  751. .show-user .content-box:last-child { margin-bottom: 0px; }
  752. .show-user .following { table-layout: auto; }
  753. .show-user .center-col { padding: 10px; }
  754. .show-user td.status-input input { width: 100%; }
  755. .show-user td.status-submit { width: 120px; text-align: right; }
  756. .show-user .headings { width: 175px; }
  757. .show-user #center-column { vertical-align: top; }
  758. .show-user #right-column { width: 180px; vertical-align: top; }
  759. .show-user .right-col { width: 167px; margin-left: 10px; text-align: center; }
  760. .show-user .social { width: 50%; float: left; }
  761. .show-user .messengers span.label { width: 55px; display: inline-block; }
  762. .show-user .mini-user { width: 75px; max-width: 75px; min-height: 90px; display: inline-block; overflow: hidden; padding: 4px 0px; vertical-align: top; text-align: center; }
  763. .ie7 .show-user .mini-user { display: inline; margin-right: 10px; }
  764. .show-user #status-bar { border-top: none !important; }
  765. .show-user #status-bar td { border: none; }
  766. .show-user #status-input-box input { width: 99%; }
  767. .show-user .delete a { display: none; }
  768. .show-user .notifications .main { padding: 10px 33px; }
  769. .show-user .notifications .main .new-icon { display: inline-block; }
  770. .show-user .friends-stats { float: right; }
  771. .online-friends .mini-profile { margin-right: 10px; margin-bottom: 10px; vertical-align: top; display: inline-block; }
  772. .offline-friends .micro-profile { float: left; text-align: left; margin-right: 10px; margin-bottom: 10px; }
  773. .show-user .members-link-container { margin-bottom: 10px; }
  774. .show-user .empty-result-message { text-align: center; padding-bottom: 25px; }
  775. .show-user .groups td { border-width: 1px 1px 0px 0px; text-align: center; padding: 12px 0px; }
  776. .show-user .groups td:first-child { text-align: left; padding-left: 20px; }
  777. .show-user .groups td:last-child { border-right: 0px; }
  778. .show-user .groups .group_desc { width: 40%; }
  779. .show-user .groups .leaders { width: 25%; }
  780. .show-user .groups .members { width: 10%; }
  781. .show-user .groups .status { width: 15%; }
  782. .show-user .groups .heading td { padding: 4px 0px; text-align: center; }
  783. .show-user .badge-wish { text-align: center; height: 100px; margin-right: 10px; }
  784. .show-user .badge-wish img { display: block; }
  785. .show-user .visit-badge-store { text-align: center; width: 130px; }
  786. .show-user .visit-badge-store .badge-store-text { width: 110px; height: 54px; margin: 10px auto 5px auto; }
  787.  
  788. .badge-thumbs { padding: 5px 100px 5px 5px !important; position: relative; min-height: 36px; }
  789. .badge-thumbs .badge-thumb { margin: 5px; }
  790. .badge-thumbs .button { position: absolute; top: 50%; right: 10px; margin-top: -13px; }
  791.  
  792. /* Edit Profile */
  793. .big_username { font-size: 20pt; }
  794. .edit-user .title { font-weight: bold; margin-bottom: 4px; }
  795. .edit-user textarea { padding: 2px; margin: 0; }
  796. .edit-user input, .edit-user select, .edit-user textarea { display: inline-block; zoom: 1; margin-top: 5px; }
  797. .edit-user .content-box { margin: 10px; padding: 10px; }
  798. .edit-user .content-box.options { position: relative; zoom: 1; }
  799. .edit-user .content-box.options table { table-layout: auto; }
  800. .edit-user .content-box.options td { padding: 9px 5px; }
  801. .edit-user .content-box.options input[type="radio"] { margin-top: 0px; }
  802. .edit-user .pad { padding: 10px; }
  803. .edit-user .pad.info { padding-bottom: 0; clear: both; }
  804. .edit-user .pad .username { font-size: 1em; font-weight: normal; margin-top: 14px; }
  805. .edit-user .note { font-style: italic; font-size: 85%; }
  806. .edit-user label { display: block; font-weight: 800; }
  807. .edit-user .radio label, .edit-user .checkbox label { display: inline; font-weight: 400; }
  808. .edit-user .avatar.content-box { padding: 10px 10px 0px 0px; }
  809. .edit-user .avatar h4 { margin-bottom: 5px; }
  810. .edit-user .user-search { padding-top: 3px; }
  811. .edit-user .avatar { margin-bottom: 10px; }
  812. .edit-user .notifications table { table-layout: auto; }
  813. .edit-user .notifications th, .edit-user .notifications td { padding: 0px 5px; }
  814. .edit-user .notifications th.description { width: 760px; }
  815. .edit-user .edit_button_spacer { min-width: 275px; display: inline-block; }
  816. #user_block_list .user-search-selection .ui-selectlist-item { float: none; clear: both; margin-bottom: 10px; }
  817. #user_block_list .user-search-selection .ui-selectlist-item .block_list_options { float: left; width: 430px; padding-left: 20px; }
  818. #user_block_list .selectlist-wrapper { float: left; position: relative; }
  819. #user_block_list .block_list_options input { margin: 0 5px 5px 5px; padding: 0; height: 13px; }
  820. #user_block_list .block_list_options label { position: relative; top: -2px; }
  821. .edit-user #avatar-options .content-box { position: relative; margin: 10px 0px 0px 10px; float: left; min-height: 250px; padding: 10px; text-align: center; width: 150px; }
  822. .edit-user #avatar-options .content-box.options { width: 100%; min-width: 279px; max-width: 350px; text-align: left; }
  823. #forum-avatars-wrapper img:hover { border-width: 3px; border-style: solid; border-color: @link_color; .rounded-corners(); margin: -3px; }
  824. #image-avatar-editor-container .wrapper { padding: 10px 5px 5px 5px; margin-top: 15px; *width: 520px; }
  825. #image-avatar-editor-container .wrapper.first { clear: both; margin-top: 10px; }
  826. #image-avatar-editor-container span.fileupload-buttonbar { display: inline-block; margin: 10px 0; }
  827. #image-avatar-editor-container .files { margin: 0; }
  828. #image-avatar-editor-container #link-image { height: 18px; }
  829. #image-avatar-editor-container #link-image.button { cursor: pointer; }
  830. #forum-avatar-editor-container { padding: 0; }
  831. #forum-avatars-wrapper { width: 510px; margin: 0 auto; padding: 10px; }
  832. #forum-avatars-wrapper .avatar-wrapper { float: left; margin: 10px; }
  833. #forum-avatars-wrapper img { max-height: 150px; max-width: 150px; }
  834.  
  835. /* Badge Options Tab */
  836. #badge-options h4 { margin-top: 10px; }
  837. #badge-options .badges-have .badge-thumbs { width: 240px; }
  838. #badge-options .badges-dont-have .badge-thumbs { width: 110px; }
  839. #badge-options .badge-thumbs { float: left; padding: 5px !important; }
  840. #badge-options .badge-thumbs .badge-thumb, #badge-options .badge-thumbs .badge-icons { float: left; }
  841. #badge-options .badge-icons img { margin: 5px 0 5px 10px; vertical-align: middle; }
  842. #badge-options .badge-thumbs .badge-icons img, #badge-options .badge-thumbs .badge-icons input { margin: 5px 0 0 10px; width: 16px; height: 16px; }
  843. #badge-options .badge-thumbs .badge-icons input { margin-top: 8px; padding: 0; }
  844. #badge-options .badge-thumbs .small { vertical-align: bottom; }
  845. #badge-options .badges-dont-have .badge-icons img { margin-top: 16px; }
  846. #badge-options .badge-gift, #badge-options .badge-use-action { color: @container_text_color_1; }
  847.  
  848. /* Board List */
  849. @board_names_color: #ffffff;
  850. @board_names_font: bold medium Arial;
  851. @board_desc_color: #d3d3d3;
  852. @board_desc_font: 95% Arial;
  853. @board_mod_color: #cacaca;
  854. @board_mod_font: 75% @default_forum_text_font_family;
  855. @board_sub_color: @empty;
  856. @board_sub_font: 75% @default_forum_text_font_family;
  857. @board_align_main: left;
  858. @board_align_threads: center;
  859. @board_align_posts: center;
  860. @board_align_last_post: right;
  861. .boards .main { width: 59%; text-align: @board_align_main; }
  862. .boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
  863. .boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
  864. .boards .latest { width: 20%; text-align: @board_align_last_post; }
  865. .boards .main.redirect { border-right: 0px; }
  866. .boards .main .link a { color: @board_names_color; font: @board_names_font; }
  867. .boards .main .description { color: @board_desc_color; font: @board_desc_font; padding-left: 0px; padding-bottom: 3px; }
  868. .boards .main .moderators { color: @board_mod_color; font: @board_mod_font; padding-bottom: 3px; }
  869. .boards .main .sub-boards { color: @board_sub_color; font: @board_sub_font; }
  870. .boards table.list { table-layout: auto; }
  871. .boards table.list th.main { padding-left: 10px; }
  872. .boards table.list > tbody > tr > td { padding: 5px 10px; }
  873. /* Board Password Page */
  874. #password-wrapper { margin: 10px 0px; }
  875. #password-wrapper div { display: inline-block; margin-right: 5px; }
  876. #password-wrapper input { padding: 1px 6px 3px 6px; }
  877.  
  878. /* Thread List */
  879. @thread_align_subject: left;
  880. @thread_align_created_by: center;
  881. @thread_align_replies: center;
  882. @thread_align_views: center;
  883. @thread_align_last_post: right;
  884. .threads .main { width: 41%; text-align: @thread_align_subject; }
  885. .threads .created-by { width: 14%; text-align: @thread_align_created_by; }
  886. .threads .replies { width: 9%; text-align: @thread_align_replies; }
  887. .threads .views { width: 8%; text-align: @thread_align_views; }
  888. .threads .latest { width: 20%; text-align: @thread_align_last_post; cursor: pointer; }
  889. .threads .icons { white-space: nowrap; }
  890. .threads .control-icons img { padding-right: 5px; }
  891. .threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
  892. .threads .checkbox { width: 2%; }
  893. .threads .checkbox-placeholder { width: 5px; }
  894. .threads .main table { table-layout: auto; }
  895. .threads table.list { table-layout: auto; }
  896. .threads .item.new .new-icon { display: inline-block; }
  897. .threads .item.announcement.last > td { border-width: 0px 1px 10px 0px; border-style: solid; }
  898. .threads .item.announcement.last > td.checkbox, .threads .item.announcement.last > td.last { border-right: none; }
  899.  
  900. /* Conversation List */
  901. @conversation_align_created_by: center;
  902. @conversation_align_replies: center;
  903. @conversation_align_last_reply: right;
  904. .conversations table.list { table-layout: auto; }
  905. .conversations .created-by, .conversations .recipients { width: 17%; text-align: @conversation_align_created_by; }
  906. .conversations .replies { width: 8%; text-align: @conversation_align_replies; }
  907. .conversations .latest { width: 20%; text-align: @conversation_align_last_reply; padding-right: 10px; cursor: pointer; }
  908. .conversations .checkbox { width: 24px; }
  909. .conversations .item.new .new-icon { display: inline-block; }
  910.  
  911. /* Polls */
  912. @polls_selection_border: 1px solid @container_inner_border_color;
  913. @polls_selection_background: @container_highlight_color;
  914. @polls_rank_default_background: #AAAAAA url('http://images.proboards.com/v5/gradients/bar.png') repeat-x left center;
  915. @polls_rank_default_border: 1px solid #000000;
  916. @polls_rank_default_border_radius: 5px;
  917. @polls_rank_default_rank_color: #FFFFFF;
  918. @polls_rank_default_rank_background: #000000;
  919. @polls_rank_default_rank_border: 5px;
  920. @polls_rank_first_background_color: #FFCC22;
  921. @polls_rank_second_background_color: #66DDEE;
  922. @polls_rank_third_background_color: #FF0000;
  923. .ui-poll .results td .select-box { min-width: 15px; min-height: 15px; border: @polls_selection_border; }
  924. .ui-poll .results tr.ui-selected { background: @polls_selection_background; }
  925. .ui-poll .poll-vote-bar .bar { background: @polls_rank_default_background; border: @polls_rank_default_border; border-right-width: 0px; .rounded-corners(@polls_rank_default_border_radius, 0, 0, @polls_rank_default_border_radius); float: left; height: 17px; min-width: 5px; }
  926. .ui-poll .poll-vote-bar .rank { float: left; background: @polls_rank_default_background; border: @polls_rank_default_border; border-left-width: 0px; height: 17px; padding-left: 2px; .rounded-corners(0, @polls_rank_default_border_radius, @polls_rank_default_border_radius, 0); }
  927. .ui-poll .poll-vote-bar .rank div { margin-right: 1px; margin-top: 1px; color: @polls_rank_default_rank_color; font-size: 80%; background: @polls_rank_default_rank_background; opacity: .5; filter: alpha(opacity=50); padding: 1px 2px; .rounded-corners(@polls_rank_default_rank_border); }
  928. .ui-poll .poll-vote-bar.rank-1 .rank, .ui-poll .poll-vote-bar.rank-1 .bar { background-color: @polls_rank_first_background_color; }
  929. .ui-poll .poll-vote-bar.rank-2 .rank, .ui-poll .poll-vote-bar.rank-2 .bar { background-color: @polls_rank_second_background_color; }
  930. .ui-poll .poll-vote-bar.rank-3 .rank, .ui-poll .poll-vote-bar.rank-3 .bar { background-color: @polls_rank_third_background_color; }
  931. .ui-poll { padding: 10px; }
  932. .ui-poll table { table-layout: fixed; width: auto; }
  933. .ui-poll .icon-poll { margin-right: 5px; }
  934. .ui-poll .results { margin-bottom: 5px; }
  935. .ui-poll .results td { padding: 5px; }
  936. .ui-poll .results tr.ui-hover { background-color: @container_highlight_color; cursor: default; }
  937. .ui-poll .results td:first-child { padding-right: 0px; }
  938. .ui-poll .results .stats { float: left; margin-left: 5px; line-height: 18px !important; }
  939. .ui-poll .voted ul { list-style: disc; padding-left: 20px; }
  940. .ui-poll .vote-input { margin-top: 5px; }
  941. .ui-poll .vote-input-cooldown { margin-left: 5px; margin-top: 2px; }
  942. .ui-poll .poll-vote-bar { float: left; overflow: hidden; min-width: 10px; }
  943. .ui-poll .results tr td .select-box img { visibility: hidden; display: block; }
  944. .ui-poll .results tr.ui-selected td .select-box img { visibility: visible; }
  945.  
  946. /* Posts */
  947. @posts_odd_background_color: @container_background_color_1;
  948. @posts_odd_background_image: @empty;
  949. @posts_odd_background_attachment: @empty;
  950. @posts_odd_background_repeat: @empty;
  951. @posts_odd_background_position: @empty;
  952. @posts_odd_text_color: @container_text_color_1;
  953. @posts_even_background_color: @container_background_color_2;
  954. @posts_even_background_image: @empty;
  955. @posts_even_background_attachment: @empty;
  956. @posts_even_background_repeat: @empty;
  957. @posts_even_background_position: @empty;
  958. @posts_even_text_color: @container_text_color_2;
  959. @posts_separator_border: 1px solid @container_inner_border_color;
  960. @posts_likes_color: @empty;
  961. @posts_likes_font: 80% @default_forum_text_font_family;
  962. @posts_header_border: 1px solid @container_inner_border_color;
  963. @posts_code_background: @container_background_color_1;
  964. @posts_code_border: 1px solid @container_inner_border_color;
  965. @posts_code_text_color: @container_text_color_1;
  966. @posts_code_text_font: @empty;
  967. @posts_edited_text_color: @empty;
  968. @posts_edited_text_font: 80% @default_forum_text_font_family;
  969. @posts_signatures_border: 1px solid @container_inner_border_color;
  970. @posts_signatures_text_color: @empty;
  971. @posts_signatures_text_font: 80% @default_forum_text_font_family;
  972. .posts .post, .post .quote div.quote div.quote_body, .post.even .quote div.quote_body { color: @posts_odd_text_color; background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; }
  973. .posts .post.even, .post .quote div.quote_body, .post.even .quote div.quote div.quote_body { color: @posts_even_text_color; background-color: @posts_even_background_color; background-image: @posts_even_background_image; background-attachment: @posts_even_background_attachment; background-repeat: @posts_even_background_repeat; background-position: @posts_even_background_position; }
  974. .post.item abbr.time, .post.item.even .quote abbr.time, .post.item .quote .quote abbr.time { color: @posts_odd_text_color; }
  975. .post.item.even abbr.time, .post.item .quote abbr.time, .post.item.even .quote .quote abbr.time { color: @posts_even_text_color; }
  976. .posts .post .post-method { font-size: .8em; }
  977. .posts span.labels { display: block; }
  978. .posts span.labels .ui-label { padding: 5px 0 0 5px; display: inline-block; zoom: 1; }
  979. .posts .poll { border-width: 0px 1px 10px 1px; border-style: solid; border-color: @container_inner_border_color; }
  980. .posts .post table { width: 100%; }
  981. .posts .post .left-panel { width: 172px; vertical-align: top; }
  982. .posts .post .content { padding-left: 10px; vertical-align: top; }
  983. .posts .post .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
  984. .posts .post .content-head .info .date { margin-right: 7px; }
  985. .posts .post .content-head .info .date, .posts .post .post-method { vertical-align: -7px; }
  986. .posts .post.recent .content-head .info .date, .posts .post.recent .post-method { vertical-align: 0; }
  987. .posts .post.recent .content-head .info { line-height: 13px !important; }
  988. .posts .post .thread-link { display: none; }
  989. .posts .post.recent .thread-link { display: block; }
  990. .posts .post.recent .likes { vertical-align: 0px; }
  991. .posts .post .content-head .controls { float: right; border-collapse: separate; }
  992. .posts .post .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; }
  993. .posts .post .content-head .controls > a.likes-button { padding: 1px 6px 0px 6px; }
  994. .posts .post .content-head .controls > a.likes-button img { margin-top: 2px; }
  995. .posts .post .message { word-wrap: break-word; overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
  996. .posts .post .message table { width: inherit; }
  997. .posts .post .message table td { padding: 3px; }
  998. .posts .post .message ul {margin-left: 31px; list-style-type: disc;}
  999. .posts .post .message ol {margin-left: 31px; list-style-type: decimal;}
  1000. .posts.summary .post .content-head .info { float: none; }
  1001. .posts .post.blocked .unblocked { display: none; }
  1002. .posts .post .content .thread-link { max-width: 450px; overflow: hidden; }
  1003. .posts.item .ui-pagination { padding-left: 0px; }
  1004. .likes { vertical-align: -7px; }
  1005. .posts #labels { display: none; text-align: right; padding: 5px; }
  1006. .posts .post > td, .posts .labels { border: @posts_separator_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
  1007. .likes, .likes:hover { color: @posts_likes_color; font: @posts_likes_font; }
  1008. .likes-button { padding: 4px 0px 0px 5px; display: none; }
  1009. .liked.likes { display: inline; }
  1010. .posts .post .content-head { border: @posts_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
  1011. .posts .post .message code { display: block; border: @posts_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @posts_code_background; color: @posts_code_text_color; font: @posts_code_text_font; white-space: pre-wrap; }
  1012. .posts .post .foot { height: 1px; vertical-align: bottom; padding-left: 10px; }
  1013. .posts .post .foot .edited_by { text-align: right; color: @posts_edited_text_color; font: @posts_edited_text_font; margin-top: 10px; }
  1014. .posts .post .foot .signature { color: @posts_signatures_text_color; font: @posts_signatures_text_font; vertical-align: bottom; border: @posts_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
  1015. .posts .bookmark_icon { padding-right: 5px; }
  1016. .quote_clear { clear: both; }
  1017.  
  1018. /* Message List */
  1019. @messages_odd_background: @container_background_color_1;
  1020. @messages_odd_text_color: @container_text_color_1;
  1021. @messages_even_background: @container_background_color_2;
  1022. @messages_even_text_color: @container_text_color_2;
  1023. @messages_header_border: 1px solid @container_inner_border_color;
  1024. @messages_participants_border: 1px solid @container_inner_border_color;
  1025. @messages_code_background: @container_background_color_1;
  1026. @messages_code_border: 1px solid @container_inner_border_color;
  1027. @messages_code_text_color: @container_text_color_1;
  1028. @messages_code_text_font: @empty;
  1029. @messages_signatures_border: 1px solid @container_inner_border_color;
  1030. @messages_signatures_text_color: @empty;
  1031. @messages_signatures_text_font: 80% @default_forum_text_font_family;
  1032. .messages .item { color: @messages_odd_text_color; background: @messages_odd_background; }
  1033. .messages .item.even { color: @messages_even_text_color; background: @messages_even_background; }
  1034. .messages .item .quote div.quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
  1035. .messages .item.even .quote div.quote_body { color: @messages_odd_text_color; background: @messages_odd_background; }
  1036. .messages .item .quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
  1037. .messages .item.even .quote div.quote div.quote_body { color: @messages_even_text_color; background: @messages_even_background; }
  1038. .message.item abbr.time, .message.item.even .quote abbr.time, .message.item .quote .quote abbr.time { color: @messages_odd_text_color; }
  1039. .message.item.even abbr.time, .message.item .quote abbr.time, .message.item.even .quote .quote abbr.time { color: @messages_even_text_color; }
  1040. .messages .item .content-head { border: @messages_header_border; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; padding-bottom: 5px; margin-bottom: 10px; }
  1041. .messages .item table { width: 100%; }
  1042. .messages .item td { vertical-align: top; }
  1043. .messages .item > td { border-width: 0px 1px 1px 1px; border-style: solid; border-color: @container_inner_border_color; }
  1044. .messages .item .left-panel { width: 172px; }
  1045. .messages .item .content { padding-left: 10px; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
  1046. .messages .item .content table { width: inherit; }
  1047. .messages .item .content ul {margin-left: 31px; list-style-type: disc;}
  1048. .messages .item .content ol {margin-left: 31px; list-style-type: decimal;}
  1049. .messages .item .content .message { overflow-x: auto; overflow-y: hidden; margin-bottom: 1.3em; }
  1050. .messages .item .content .message table td { padding: 3px; }
  1051. .messages .item .content code { display: block; border: @messages_code_border; padding: 5px; margin-left: 16px; margin-right: 16px; background: @messages_code_background; color: @messages_code_text_color; font: @messages_code_text_font; white-space: pre-wrap; }
  1052. .messages .item .content-head .info { float: left; margin-top: 3px; line-height: 20px !important; }
  1053. .messages .item .content-head .info .date { vertical-align: -7px; }
  1054. .messages .item .content-head .controls { float: right; }
  1055. .messages .item .content-head .controls > a { float: left; margin-left: 3px; padding-right: 5px; display: inline; }
  1056. .messages .item .foot { padding-left: 10px; vertical-align: bottom; }
  1057. .messages .item .foot .signature { text-align: left; color: @messages_signatures_text_color; font: @messages_signatures_text_font; vertical-align: bottom; border: @messages_signatures_border; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 10px; margin-top: 10px; }
  1058. .message .post-method { vertical-align: -7px; font-size: .8em; }
  1059. .messages .conversation-labels { float: right; margin-right: 5px; margin-top: 5px; }
  1060. .messages.summary .message .content-head .info { width: 100%; }
  1061. .messages .message .controls { min-width: 100px; }
  1062. .messages .participants { padding: 5px 10px; border: @messages_participants_border; border-top-width: 0px; }
  1063. .posting-options-list, .messaging-options-list { display: none; }
  1064.  
  1065. /* Custom Pages */
  1066. .pbcpe-widget-title { color: @default_forum_text_color; }
  1067.  
  1068.  
  1069. /**************************************************************************
  1070. * Objects *
  1071. **************************************************************************/
  1072.  
  1073. /* Micro Profiles */
  1074. @micro_background: @container_background_color_1;
  1075. @micro_border: 1px solid @container_inner_border_color;
  1076. @micro_border_radius: 5px;
  1077. @micro_text_color: @empty;
  1078. @micro_text_font: @empty;
  1079. @micro_link_color: @empty;
  1080. @micro_link_font: @empty;
  1081. @micro_link_decoration: @empty;
  1082. @micro_remove_background: @container_background_color_1;
  1083. @micro_remove_border: 1px solid @container_inner_border_color;
  1084. @micro_remove_border_radius: 0 5px 5px 0;
  1085. @micro_remove_text_color: @container_text_color_1;
  1086. @micro_remove_text_font: bold 80% @default_forum_text_font_family;
  1087. .micro-profile { color: @micro_text_color; font: @micro_text_font; position: relative; height: 50px; width: 200px; display: inline-block; padding: 5px; margin-bottom: 3px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; }
  1088. .grp_recipients_div li { color: @micro_text_color; font: @micro_text_font; position: relative; width: 240px; display: inline-block; margin: 3px; padding: 3px 22px 3px 5px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; float: left; }
  1089. .micro-profile a, .grp_recipients_div li a { color: @micro_link_color; font: @micro_link_font; text-decoration: @micro_link_decoration; }
  1090. .user-search-selection .ui-selectlist-item .close { color: @micro_remove_text_color; font: @micro_remove_text_font; background: @micro_remove_background; border: @micro_remove_border; .rounded-corners(@micro_remove_border_radius); cursor: pointer; height: 35px; padding: 20px 3px 5px; position: absolute; right: 0px; }
  1091. .micro-profile .avatar { display: block; width: 50px; position: absolute; top: 5px; border-width: 0px; }
  1092. .micro-profile .info { width: 145px; overflow: hidden; position: absolute; top: 5px; left: 60px; }
  1093. .micro-profile .info input { width: 112px; }
  1094. .user-search-box { width: 200px; }
  1095. .user-search-selectlist { z-index: 99999; }
  1096. .user-search-selectlist .content { cursor: pointer; padding: 1px 0px; }
  1097. .user-search-selectlist .micro-profile .info { width: 200px; }
  1098. .user-search-selection .ui-selectlist-item { float: left; margin-right: 5px; }
  1099. .user-search-selection .ui-selectlist-item .micro-profile { .rounded-corners(5px, 0, 0, 5px); }
  1100. .user-search-displaybox { min-width: 250px; z-index: 99999; }
  1101. .user-search-displaybox .control-bar { border: none; }
  1102. .user-search-displaybox .control-bar .ui-pagination { padding: 5px; display: inherit; }
  1103. .user-search-selectlist .micro-profile { margin: 1px auto; display: inherit; }
  1104. .ie7 .user-search-pagination-note { margin: 5px 0; }
  1105. .ie7 .user-search-displaybox .control-bar { width: 350px; }
  1106. .ie7 .user-search-displaybox { min-width: 350px; }
  1107. .ie7 .user-search-selectlist .micro-profile { margin: 1px 68px 1px 67px; width: 198px; display: inline-block; }
  1108.  
  1109. /* Mini Profiles */
  1110. @mini_background: transparent;
  1111. @mini_border: 1px solid @container_inner_border_color;
  1112. @mini_border_radius: 10px;
  1113. @mini_text_align: left;
  1114. @mini_text_color: @container_text_color_1;
  1115. @mini_text_font: @empty;
  1116. @mini_links_color: @container_links_color;
  1117. @mini_links_font: @empty;
  1118. @mini_links_decoration: @empty;
  1119. @mini_avatar_align: center;
  1120. @mini_personal_text_color: @container_text_color_1;
  1121. @mini_personal_text_font: 75% @default_forum_text_font_family;
  1122. @mini_personal_text_align: left;
  1123. @mini_info_text_color: @container_text_color_1;
  1124. @mini_info_text_font: 75% @default_forum_text_font_family;
  1125. @mini_info_text_align: left;
  1126. @mini_even_background: @mini_background;
  1127. @mini_even_border: @mini_border;
  1128. @mini_even_border_radius: @mini_border_radius;
  1129. @mini_even_text_align: @mini_text_align;
  1130. @mini_even_text_color: @container_text_color_2;
  1131. @mini_even_text_font: @mini_text_font;
  1132. @mini_even_links_color: @container_links_color;
  1133. @mini_even_links_font: @mini_links_font;
  1134. @mini_even_links_decoration: @mini_links_decoration;
  1135. @mini_even_personal_text_color: @container_text_color_2;
  1136. @mini_even_personal_text_font: @mini_personal_text_font;
  1137. @mini_even_personal_text_align: @mini_personal_text_align;
  1138. @mini_even_info_text_color: @container_text_color_2;
  1139. @mini_even_info_text_font: @mini_info_text_font;
  1140. @mini_even_info_text_align: @mini_info_text_align;
  1141. @mini_warning_background: #AAAAAA url("http://images.proboards.com/v5/gradients/bar.png") repeat-x scroll left center;
  1142. @mini_warning_border: 1px solid #000000;
  1143. @mini_warning_border_radius: 5px;
  1144. @mini_warning_text_align: right;
  1145. @mini_warning_number_background_color: #000000;
  1146. @mini_warning_number_border_radius: 5px;
  1147. @mini_warning_number_text_color: #FFFFFF;
  1148. @mini_warning_number_text_font: @empty;
  1149. @mini_warning_number_text_decoration: @empty;
  1150. @mini_warning_low_background_color: #FFCC22;
  1151. @mini_warning_medium_background_color: #FF6611;
  1152. @mini_warning_high_background_color: #FF0000;
  1153. .mini-profile { color: @mini_text_color; font: @mini_text_font; background: @mini_background; border: @mini_border; .rounded-corners(@mini_border_radius); text-align: @mini_text_align; overflow: hidden; padding: 13px 10px; width: 150px; }
  1154. .mini-profile .personal-text { color: @mini_personal_text_color; display: block; font: @mini_personal_text_font; text-align: @mini_personal_text_align; }
  1155. .mini-profile .info { color: @mini_info_text_color; font: @mini_info_text_font; text-align: @mini_info_text_align; }
  1156. div.mini-profile a { color: @mini_links_color; font: @mini_links_font; text-decoration: @mini_links_decoration; }
  1157. .even .mini-profile { color: @mini_even_text_color; font: @mini_even_text_font; background: @mini_even_background; border: @mini_even_border; .rounded-corners(@mini_even_border_radius); text-align: @mini_even_text_align; }
  1158. .even .mini-profile .personal-text { color: @mini_even_personal_text_color; font: @mini_even_personal_text_font; text-align: @mini_even_personal_text_align; }
  1159. .even .mini-profile .info { color: @mini_even_info_text_color; font: @mini_even_info_text_font; text-align: @mini_even_info_text_align; }
  1160. .even div.mini-profile a { color: @mini_even_links_color; font: @mini_even_links_font; text-decoration: @mini_even_links_decoration; }
  1161. .warning-bar { background: @mini_warning_background; border: @mini_warning_border; .rounded-corners(@mini_warning_border_radius); padding-bottom: 2px; height: 14px; line-height: 100%; text-align: @mini_warning_text_align; min-width: 40px !important; }
  1162. .warning-bar .number { color: @mini_warning_number_text_color; font: @mini_warning_number_text_font; text-decoration: @mini_warning_number_text_decoration; background-color: @mini_warning_number_background_color; .rounded-corners(@mini_warning_number_border_radius); opacity: 0.5; font-size: 0.6em; margin-right: 1px; padding: 0px 2px 1px 2px; }
  1163. .warning-low { background-color: @mini_warning_low_background_color; background-position: center; }
  1164. .warning-medium { background-color: @mini_warning_medium_background_color; background-position: center; }
  1165. .warning-high { background-color: @mini_warning_high_background_color; background-position: center; }
  1166. .mini-profile .avatar { max-width: 150px; max-height: 150px; overflow-x: hidden; overflow-y: hidden; margin: auto; border-width: 0px; vertical-align: middle; }
  1167. .avatar-wrapper { display: table-cell; text-align: @mini_avatar_align; vertical-align: middle; }
  1168. .avatar-wrapper > div, #avatar-preview.flash_present.image_present > div { position: relative; }
  1169. .avatar-wrapper div object, .flash-avatar object, #avatar-preview.flash_present.image_present div object, .avatar-wrapper > div > img { position: absolute; top: 0; left: 0; }
  1170. .avatar-wrapper * { vertical-align: middle; }
  1171. .avatar_size_default, .avatar_size_default embed, .avatar_size_default object, .avatar_size_default > div, .avatar-wrapper.avatar_size_default > div > div { height: 150px; width: 150px; }
  1172. .avatar-wrapper > div > div { display: table-cell; vertical-align: middle; }
  1173. .avatar_size_default img, .avatar_size_default default { max-height: 150px; max-width: 150px; }
  1174. .avatar_size_medium, .avatar_size_medium embed, .avatar_size_medium object, .avatar_size_medium > div, .avatar-wrapper.avatar_size_medium > div > div { height: 75px; width: 75px; }
  1175. .avatar_size_medium img, .avatar_size_medium default { max-height: 75px; max-width: 75px; }
  1176. .avatar_size_small, .avatar_size_small embed, .avatar_size_small object, .avatar_size_small > div, .avatar-wrapper.avatar_size_small > div > div { height: 50px; width: 50px; }
  1177. .avatar_size_small img, .avatar_size_small default { max-height: 50px; max-width: 50px; }
  1178. .avatar_size_quote, .avatar_size_quote embed, .avatar_size_quote object, .avatar_size_quote > div, .avatar-wrapper.avatar_size_quote > div > div { height: 30px; width: 30px; }
  1179. .avatar_size_quote img, .avatar_size_quote default { max-height: 30px; max-width: 30px; }
  1180. #flash-avatar-preview .flash-avatar object { position: relative; }
  1181. #avatar-preview.flash_present div object { position: inherit; }
  1182. #avatar-preview.flash_present > div { position: inherit; }
  1183. #avatar-preview .hide { display: none; }
  1184. .avatar_size_placeholder { height: 150px; width: 150px; }
  1185. .mini-profile .badges img { height: 24px; width: 24px; }
  1186.  
  1187. /* Buttons */
  1188. @buttons_background_image: url('http://images.proboards.com/v5/gradients/light.png');
  1189. @buttons_background_attachment: @empty;
  1190. @buttons_background_repeat: repeat-x;
  1191. @buttons_background_position: center center;
  1192. @buttons_border: 1px solid darken(@buttons_background_color, 20%);
  1193. @buttons_border_radius: 5px;
  1194. @buttons_text_font: 12px Verdana, Arial;
  1195. @buttons_text_decoration: none;
  1196. @buttons_hover_background: lighten(@buttons_background_color, 5%) url('http://images.proboards.com/v5/gradients/top-light-40-trans.png') center repeat-x;
  1197. @buttons_hover_border: 1px solid darken(@buttons_background_color, 20%);
  1198. @buttons_hover_text_color: lighten(@buttons_text_color, 20%);
  1199. @buttons_hover_text_font: @buttons_text_font;
  1200. @buttons_hover_text_decoration: @buttons_text_decoration;
  1201. @buttons_active_background: @container_highlight_color;
  1202. @buttons_active_border: 1px solid darken(@buttons_background_color, 20%);
  1203. @buttons_active_text_color: @link_color;
  1204. @buttons_active_text_font: @buttons_text_font;
  1205. @buttons_active_text_decoration: @buttons_text_decoration;
  1206. .button, a.button, input[type="submit"], input[type="button"], button { color: @buttons_text_color; font: @buttons_text_font; text-decoration: @buttons_text_decoration; background-color: @buttons_background_color; background-image: @buttons_background_image; background-attachment: @buttons_background_attachment; background-repeat: @buttons_background_repeat; background-position: @buttons_background_position; border: @buttons_border; .rounded-corners(@buttons_border_radius); min-height: 20px; line-height: 20px !important; padding: 2px 0px; display: inline-block; vertical-align: middle; margin-left: 3px; cursor: pointer; white-space: nowrap; }
  1207. .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: @buttons_hover_text_color; font: @buttons_hover_text_font; text-decoration: @buttons_hover_text_decoration; background: @buttons_hover_background; border: @buttons_hover_border; }
  1208. .button:active, input[type="submit"]:active, input[type="button"]:active, button:active, .shoutbox_refresh_button.active, .liked.likes-button, .button.state-selected { color: @buttons_active_text_color; font: @buttons_active_text_font; text-decoration: @buttons_active_text_decoration; background: @buttons_active_background; border: @buttons_active_border; }
  1209. a.button { padding: 2px 6px; }
  1210. .button .status { padding: 0 6px 0 2px; .rounded-corners(0); border: @buttons_border; border-width: 0px 1px 0px 0px; float: left; overflow: hidden; word-wrap: break-word; white-space: nowrap; }
  1211. .button .status img { display: block; margin-top: 2px; position: relative; left: 2px; }
  1212. .button .icon { padding: 1px 2px 1px 1px; border: 0; float: left; line-height: normal !important; }
  1213. input[type="submit"], input[type="button"], button { padding: 2px 6px; min-height: 26px; }
  1214. .button-x { position: absolute; top: 50%; right: 3px; margin-top: -8px; cursor: pointer; display: block; text-indent: -9999px; width: 16px; height: 16px; background: url('http://images.proboards.com/v5/icons-default.png') -16px -32px no-repeat; }
  1215. .button-x:hover { background: url('http://images.proboards.com/v5/icons-default.png') 0px -32px no-repeat; }
  1216. .button.post-options { padding: 2px 0 2px 0; }
  1217. .reply_button { float: right; }
  1218.  
  1219. /* Forms */
  1220. @forms_field_background: #FFFFFF;
  1221. @forms_field_border: @empty;
  1222. @forms_field_border_radius: @empty;
  1223. @forms_field_text_color: @empty;
  1224. @forms_field_text_font: @empty;
  1225. @forms_area_background: @empty;
  1226. @forms_area_border: @empty;
  1227. @forms_area_border_radius: @empty;
  1228. @forms_area_text_color: @empty;
  1229. @forms_area_text_font: @empty;
  1230. @forms_select_background: @empty;
  1231. @forms_select_border: @empty;
  1232. @forms_select_border_radius: @empty;
  1233. @forms_select_text_color: @empty;
  1234. @forms_select_text_font: @empty;
  1235. input[type="text"], input[type="email"], input[type="password"] { color: @forms_field_text_color; font: @forms_field_text_font; background: @forms_field_background; border: @forms_field_border; .rounded-corners(@forms_field_border_radius); width: 300px; height: 20px; padding: 2px; }
  1236. textarea { color: @forms_area_text_color; font: @forms_area_text_font; background: @forms_area_background; border: @forms_area_border; .rounded-corners(@forms_area_border_radius); resize: none; }
  1237. select { color: @forms_select_text_color; font: @forms_select_text_font; background-color: @forms_select_background; border: @forms_select_border; .rounded-corners(@forms_select_border_radius); height: 26px; padding: 2px; }
  1238. input[type="text"].short { width: 50px; }
  1239. input[type="text"].search-input { width: inherit; }
  1240. input.date { width: 77px; }
  1241. input.time { width: 55px; }
  1242.  
  1243. /* Labels */
  1244. @labels_weight: bold;
  1245. @labels_size: 80%;
  1246. @labels_case: none;
  1247. @labels_caps: normal;
  1248. .ui-label { font-size: @labels_size; font-weight: @labels_weight; text-transform: @labels_case; font-variant: @labels_caps; position: relative; top: -1px; margin: 0 5px 0 0; display: inline; }
  1249. .label-row { height: 20px; line-height: 20px !important; margin: 10px 0; clear: left; }
  1250. .label-row * { float: left; }
  1251. .label-row .ui-label, .label-row span.label-delete-button { margin-bottom: -5px; margin-left: 5px; }
  1252. #manage-labels-container .style-wrapper .color_input { border: 1px solid #AAAAAA; }
  1253. #manage-labels-container .style-wrapper .color-picker { border: 1px solid #AAAAAA; background: #EEEEEE; .rounded-corners(0, 5px, 5px, 0); }
  1254. #manage-labels-container .style-wrapper .color-picker-preview { border: 1px solid #AAAAAA; border-right: none; }
  1255.  
  1256. /* Quotes */
  1257. @quotes_background: @empty;
  1258. @quotes_border: 2px solid @container_inner_border_color;
  1259. @quotes_border_radius: 10px;
  1260. @quotes_sub_background: @quotes_background;
  1261. @quotes_sub_border: @quotes_border;
  1262. @quotes_sub_border_radius: @quotes_border_radius;
  1263. #content .content .quote div.quote_body { background: @quotes_background; border: @quotes_border; .rounded-corners(@quotes_border_radius); margin-top: 7px; padding: 10px 10px; }
  1264. #content .content .quote div.quote div.quote_body { background: @quotes_sub_background; border: @quotes_sub_border; .rounded-corners(@quotes_sub_border_radius); }
  1265. .quote { margin: 0 10px; padding-bottom: 10px; position: relative; top: 0px; }
  1266. .quote div.quote_avatar_container { float: left; }
  1267. .quote div.no_avatar_placeholder { display: inline-block; height: 30px; width: 30px; position: absolute; top: 14px; left: 4px; }
  1268. .quote div.quote_header { display: block; margin: 7px 0px 16px 35px; }
  1269. .quote.no_header { padding-top: 10px; }
  1270.  
  1271. /* Info Centers */
  1272. @info_background: @empty;
  1273. @info_inner_border: 1px solid @container_inner_border_color;
  1274. @info_text_color: @container_text_color_1;
  1275. @info_text_font: @empty;
  1276. @info_links_color: @container_links_color;
  1277. @info_links_font: @empty;
  1278. @info_links_decoration: @empty;
  1279. @info_titles_color: @empty;
  1280. @info_titles_font: @empty;
  1281. .stats table { background: @info_background; width: 100%; }
  1282. .stats .content > table > tbody > tr > td { border: @info_inner_border; border-right-width: 0px; border-bottom-width: 0px; width: 43%; }
  1283. .stats .content { color: @info_text_color; font: @info_text_font; }
  1284. .stats .content a { color: @info_links_color; font: @info_links_font; text-decoration: @info_links_decoration; }
  1285. .stats th { color: @info_titles_color; font: @info_titles_font; text-align: left; }
  1286. .stats .icon { width: 70px; text-align: center; vertical-align: middle; }
  1287. .stats .info { padding: 10px 10px 10px 0px; }
  1288. .stats .content > table { width: 100%; table-layout: auto; }
  1289. .stats .content > table table table tr:last-child td a { white-space: nowrap; }
  1290. .stats .content > table > tbody > tr > td:first-child { border-left-width: 0px; width: 57%; }
  1291. .stats .content > table > tbody > tr:first-child > td { border-top-width: 0px; }
  1292.  
  1293. /* Shoutbox */
  1294. @shoutbox_message_background: @empty;
  1295. @shoutbox_message_border: @empty;
  1296. @shoutbox_message_border_radius: 5px;
  1297. @shoutbox_message_text_color: @empty;
  1298. @shoutbox_message_text_font: @empty;
  1299. @shoutbox_shouts_background: @empty;
  1300. @shoutbox_shouts_border: 1px solid @container_inner_border_color;
  1301. @shoutbox_shouts_border_radius: 5px;
  1302. @shoutbox_shouts_text_color: @empty;
  1303. @shoutbox_shouts_text_font: @empty;
  1304. @shoutbox_shouts_edit_color: @empty;
  1305. @shoutbox_shouts_edit_font: 85% @default_forum_text_font_family;
  1306. @shoutbox_shouts_edit_decoration: @empty;
  1307. @shoutbox_shouts_delete_background: @empty;
  1308. @shoutbox_shouts_delete_border: 1px solid @container_inner_border_color;
  1309. @shoutbox_shouts_delete_border_radius: 5px;
  1310. @shoutbox_shouts_delete_text_color: @container_text_color_1;
  1311. @shoutbox_shouts_delete_text_font: bold 100% @default_forum_text_font_family;
  1312. @shoutbox_shouts_delete_text_decoration: none;
  1313. @shoutbox_shouts_selected_background: @container_highlight_color;
  1314. @shoutbox_reply_background: @empty;
  1315. @shoutbox_reply_border: 1px solid @container_inner_border_color;
  1316. @shoutbox_reply_border_radius: 5px;
  1317. @shoutbox_reply_counter_color: @container_text_color_1;
  1318. @shoutbox_reply_counter_font: 85% @default_forum_text_font_family;
  1319. .shoutbox_welcome_message { color: @shoutbox_message_text_color; font: @shoutbox_message_text_font; background: @shoutbox_message_background; border: @shoutbox_message_border; .rounded-corners(@shoutbox_message_border_radius); margin-bottom: 10px; }
  1320. .shoutbox_messages .shoutbox-post { color: @shoutbox_shouts_text_color; font: @shoutbox_shouts_text_font; background: @shoutbox_shouts_background; border: @shoutbox_shouts_border; .rounded-corners(@shoutbox_shouts_border_radius); text-align: left; position: relative; overflow: hidden; margin-top: 10px; margin-right: 10px; padding: 5px 15px 5px 10px; }
  1321. .shoutbox_messages .shoutbox_edit_button { color: @shoutbox_shouts_edit_color; font: @shoutbox_shouts_edit_font; text-decoration: @shoutbox_shouts_edit_decoration; display: inline-block; width: 32px; margin-right: 5px; visibility: visible; }
  1322. .shoutbox_messages .hidden { visibility: hidden; }
  1323. .shoutbox_messages .shoutbox_delete_button { color: @shoutbox_shouts_delete_text_color; font: @shoutbox_shouts_delete_text_font; text-decoration: @shoutbox_shouts_delete_text_decoration; background: @shoutbox_shouts_delete_background; border: @shoutbox_shouts_delete_border; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; position: absolute; right: -7px; top: 0; width: 15px; cursor: pointer; margin-left: 20px; margin-top: 0px; padding: 3px; height: 100%; display: inline-block; }
  1324. .shoutbox .state-selected { background: @shoutbox_shouts_selected_background; }
  1325. .shoutbox_form { background: @shoutbox_reply_background; border: @shoutbox_reply_border; .rounded-corners(@shoutbox_reply_border_radius); padding: 10px; height: 100px; }
  1326. .shoutbox_form .shoutbox_counter { color: @shoutbox_reply_counter_color; font: @shoutbox_reply_counter_font; float: right; margin-top: -5px; }
  1327. .shoutbox_form textarea.gray { color: #666666; }
  1328. .shoutbox_messages { overflow-y: scroll; text-align: center; position: relative; }
  1329. .shoutbox .content { padding: 10px; }
  1330. .shoutbox_messages .shoutbox-post:first-child { margin-top: 0px; }
  1331. .shoutbox_messages .message { padding-right: 10px; word-wrap: break-word; }
  1332. .shoutbox_messages .details { float: right; margin: 0px 15px 0px 10px; height: 16px; vertical-align: bottom; }
  1333. .shoutbox_form.reply-box-bottom { margin-top: 10px; }
  1334. .shoutbox_form.reply-box-top { margin-bottom: 10px; }
  1335. .shoutbox_form input[type="text"] { margin-top: 2px; margin-bottom: 4px; }
  1336. .shoutbox_form .button img { display: inline; padding: 2px 0 0; }
  1337. .shoutbox_form .shoutbox_refresh_button { float: right; padding: 2px 6px 0px 6px; }
  1338. .shoutbox_form ul.tools { white-space: nowrap; display: inline-block; }
  1339. .shoutbox_form ul.tools li { float: left; margin: 0; padding: 0; .rounded-corners(0px); border: 0; height: 22px; width: 26px; text-align: center; line-height: 18px !important; }
  1340. .shoutbox_form ul.tools li img { padding: 0; }
  1341. .shoutbox_form textarea { height: 38px; width: 100%; margin-right: 0px; margin-bottom: 5px; margin-top: 5px; position: inherit; .box-sizing(); }
  1342. .shoutbox_form .shoutbox_post_button { margin-left: 0px; }
  1343. .shoutbox_form .shoutbox_cancel_button { vertical-align: bottom; }
  1344. .shoutbox_name { padding: 10px 0; height: 22px; }
  1345. .shoutbox_name input { height: 15px; width: 50%; min-width: 150px; }
  1346. .shoutbox_container { position: relative; }
  1347. .shoutbox_container > .shoutbox_form_container { position: absolute; width: 100%; }
  1348. .shoutbox_container.orientation-top { padding-top: 174px; }
  1349. .shoutbox_container.orientation-top.no-post { padding-top: 0; }
  1350. .shoutbox_container.orientation-top > .shoutbox_form_container { top: 0; }
  1351. .shoutbox_container.orientation-bottom { padding-bottom: 174px; }
  1352. .shoutbox_container.orientation-bottom.no-post { padding-bottom: 0; }
  1353. .shoutbox_container.orientation-bottom > .shoutbox_form_container { bottom: 0; }
  1354.  
  1355. /* Legend */
  1356. .legend .content td { padding: 10px 5px; vertical-align: middle; color: @container_text_color_1; }
  1357. .legend .content td:first-child { padding-left: 15px; }
  1358. .legend .content td * { vertical-align: middle; }
  1359. .legend .new-icon { display: block; }
  1360.  
  1361. /* Quick Reply */
  1362. .quick-reply textarea { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; height: 150px; padding: 5px; width: 100%; resize: none; .box-sizing(); }
  1363. .quick-reply .content { padding: 10px; }
  1364. .quick-reply .message { margin-bottom: 10px; }
  1365. .quick-reply .guest_name { padding: 0px 10px 10px 0px; vertical-align: middle; }
  1366. .quick-reply .guest_name label { display: inline; font-weight: 800; }
  1367. .quick-reply input[type="submit"] { margin-left: 0px; }
  1368.  
  1369. /* Posting Page */
  1370. @smiles_menu_width: 280px;
  1371. @smile_padding: 5px;
  1372. .wysiwyg-area label { font-weight: 800; }
  1373. .wysiwyg-area .outline { padding: 10px; border-width: 1px; border-style: solid; border-color: @container_inner_border_color; .rounded-corners(); }
  1374. .wysiwyg-area .content { padding: 10px 10px 0px 10px; }
  1375. .wysiwyg-area .content > form > div { margin-bottom: 10px; }
  1376. .wysiwyg-area .subject_line .controls { float: right; }
  1377. .wysiwyg-area .subject_line .subject_input { overflow: hidden; padding-right: 13px; }
  1378. .wysiwyg-area .subject_line input { width: 100%; }
  1379. .wysiwyg-area .subject_line table { width: 100%; table-layout: auto; }
  1380. .wysiwyg-area .subject_line .subject_input { line-height: 28px !important; }
  1381. .wysiwyg-area .subject_line table .subject { width: 70px; }
  1382. .wysiwyg-area .end-date, .wysiwyg-area .attachment, .new-area .captcha { display: none; }
  1383. .wysiwyg-area .poll .poll-options { line-height: 30px !important; }
  1384. .wysiwyg-area .poll [name="poll_max_answers"] { width: 25px; }
  1385. .wysiwyg-area .poll table { width: 100%; table-layout: auto; }
  1386. .wysiwyg-area .poll td { vertical-align: top; padding: 5px 10px 5px 0px; line-height: 230%; }
  1387. .wysiwyg-area .poll th { text-align: left; padding-bottom: 5px; }
  1388. .wysiwyg-area .submit { height: 32px; vertical-align: middle; line-height: 28px !important; }
  1389. .ui-wysiwyg .button { border: none; margin: 0; padding: 0; .rounded-corners(0px); color: #000000; background: none; }
  1390. .ui-wysiwyg .button-fontName, .ui-wysiwyg .button-fontSize { background-color: transparent; }
  1391. .ui-wysiwyg .ui-selectMenu { line-height: normal; }
  1392. .ui-wysiwyg .ui-selectMenu-box { height: 20px; }
  1393. .ui-wysiwyg .ui-selectMenu-box .status { border: none; line-height: 20px !important; padding: 0; width: auto; }
  1394. .ui-wysiwyg .ui-selectMenu-box .icon { border: none; }
  1395. .ui-wysiwyg .ui-selectMenu-box .arrow { height: 20px; }
  1396. .new-area .user-search .content { padding: 0px 15px 0px 0px; }
  1397. .new-area .recipients h4 { display: block; margin-bottom: 3px; }
  1398. .new-area .guest_name input { width: 485px; }
  1399. .wysiwyg-area .edit_reason > label { float: left; line-height: 28px; width: 180px; }
  1400. .wysiwyg-area .edit_reason > div { margin-left: 180px; margin-right: 8px; }
  1401. .wysiwyg-area .edit_reason > div > input { width: 100%; }
  1402. .grp_recipients_div { display: none; }
  1403. .grp_recipients_div a { display: block; clear: both; padding-top: 10px; }
  1404. .loadingOverlay { background-image: url('http://utopia3.freeforums.net/images/loader/processing.gif'); background-position: center center; background-repeat: no-repeat; position: absolute; }
  1405. #announcement-options { display: none; width: 500px; }
  1406. .smiley-menu { width: @smiles_menu_width; }
  1407. .smiley-menu > li > a { padding: @smile_padding; }
  1408. .smiley-menu > li:hover > a { padding: @smile_padding; }
  1409.  
  1410. /* Editing Area */
  1411. .ui-wysiwyg .editors { border-width: 1px; border-style: solid; border-color: @container_inner_border_color; }
  1412. .wysiwyg-tabs li { float: left; position: relative; bottom: 1px; margin: 1px 2px 0 0; list-style: none; background: @tabs_unselected_background; border: 1px solid @container_inner_border_color; border-top-width: 0px; .rounded-corners(0, 0, 5px, 5px); }
  1413. .wysiwyg-tabs li:hover { background: @tabs_hover_background; border: @tabs_hover_border; }
  1414. .wysiwyg-tabs li a { color: @tabs_unselected_text_color; font: @tabs_unselected_text_font; text-decoration: @tabs_unselected_text_decoration; float: left; padding: 5px 15px; text-decoration: none; }
  1415. .wysiwyg-tabs li.ui-active { background-color: @posts_odd_background_color; background-image: @posts_odd_background_image; background-attachment: @posts_odd_background_attachment; background-repeat: @posts_odd_background_repeat; background-position: @posts_odd_background_position; border: @tabs_selected_border; margin-top: 0px; padding-top: 1px; }
  1416. .wysiwyg-tabs li.ui-active a { color: @tabs_selected_text_color; font: @tabs_selected_text_font; text-decoration: @tabs_selected_text_decoration; }
  1417. .wysiwyg-smiley-menu .state-disabled { display: none; }
  1418.  
  1419. /* BBCode Editor */
  1420. @bbcode_editor_background_color: #ffffff;
  1421. @bbcode_editor_text_color: #000000;
  1422. @bbcode_editor_text_font_family: @empty;
  1423. .ui-wysiwyg .editors .bbcode-editor textarea { color: @bbcode_editor_text_color; font-family: @bbcode_editor_text_font_family; background-color: @bbcode_editor_background_color; }
  1424.  
  1425. /* Preview Editor */
  1426. @ve_posts_odd_text_color: #000000;
  1427. @ve_posts_odd_background_color: #ffffff;
  1428. @ve_posts_odd_background_image: @posts_odd_background_image;
  1429. @ve_posts_odd_background_attachment: @posts_odd_background_attachment;
  1430. @ve_posts_odd_background_repeat: @posts_odd_background_repeat;
  1431. @ve_posts_odd_background_position: @posts_odd_background_position;
  1432. @ve_lists_links_color: @lists_links_color;
  1433. @ve_default_forum_text_font_style: @default_forum_text_font_style;
  1434. @ve_default_forum_text_font_weight: @default_forum_text_font_weight;
  1435. @ve_default_forum_text_font_size: @default_forum_text_font_size;
  1436. @ve_default_forum_text_font_family: @default_forum_text_font_family;
  1437. @ve_quotes_background: @quotes_background;
  1438. @ve_quotes_border: @quotes_border;
  1439. @ve_quotes_border_radius: @quotes_border_radius;
  1440. @ve_quotes_sub_background: @quotes_sub_background;
  1441. @ve_quotes_sub_border: @quotes_sub_border;
  1442. @ve_quotes_sub_border_radius: @quotes_sub_border_radius;
  1443. @ve_posts_code_background: @posts_code_background;
  1444. @ve_posts_code_border: @posts_code_border;
  1445. @ve_posts_code_text_color: @posts_code_text_color;
  1446. @ve_posts_code_text_font: @posts_code_text_font;
  1447.  
  1448. /* Guests Online Dialogs */
  1449. #guests-online table { width: 150px; margin: auto; }
  1450. #guests-online th, #guests-online td { padding: 2px 0; text-align: @members_align_name; }
  1451.  
  1452. /**************************************************************************
  1453. * Browser Hacks *
  1454. **************************************************************************/
  1455.  
  1456. /* IE7 */
  1457. .ie7 * { word-wrap: normal; }
  1458. .ie7 .shoutbox .shoutbox-post * { word-wrap: break-word; }
  1459. .ie7 .show-user .status-input input { width: 95%; margin-top: 0px; }
  1460. .ie7 .show-user .status-submit { width: 130px; text-align: right; }
  1461. .ie7 .show-user .edit-controls { text-align: right; padding-right: 10px; }
  1462. .ie7 .show-user .edit-controls .icon { text-align: center; }
  1463. .ie7 .search .options-container { height: 250px; }
  1464. .ie7 .calendar .cal-box { border-collapse: collapse; }
  1465. .ie7 .ui-pagination { float: left; }
  1466. .ie7 .recipients .user-search-selection .ui-selectlist-item .close { right: 0px; }
  1467. .ie7 .user-search-selection .ui-selectlist-item .close { right: -8px; }
  1468. .ie7 .micro-profile { zoom: 1; *display: inline; width: 188px; margin: 0px 0px 3px 0px; padding-right: 9px; text-align: left; }
  1469. .ie7 .container.copy table.list { border-collapse: separate; }
  1470. .ie7 .ui-search .search-input { margin-top: -1px; }
  1471. .ie7 .threads .main table, .ie7 .conversations .main table { table-layout: auto; }
  1472. .ie7 table.list .checkbox { padding-left: 1px; }
  1473. .ie7 .avatar-wrapper span { display: inline-block; height: 100%; }
  1474. .ie7 .cal-preview-panel .cal-box .head { padding: 2px 0px 2px 4px; }
  1475. .ie7 input[type="text"] { padding-top: 5px; vertical-align: middle; }
  1476. .ie7 select { vertical-align: middle; }
  1477. .ie7 input[type=text].search-input { width: auto; padding: 4px 2px 0px 2px; }
  1478. .ie7 .search #what input, .ie7 .search #where input, .ie7 .search #who input, .ie7 .search #who select { width: 210px; }
  1479. .ie7 .legend table { table-layout: auto; }
  1480. .ie7 .edit-user .options.content-box input[type="submit"] { left: auto; }
  1481. /* I'm aware that this line is ridiculous. It removes the extra black border around submit buttons, by making black transparent and setting the color to off-black */
  1482. .ie7 input[type="submit"], .ie7 input[type="button"], .ie7 button { padding: 1px 6px 3px 6px; height: 26px; color: lighten(@buttons_text_color, 1%); background-color: lighten(@buttons_background_color, 1%); filter:chroma(color=#000000); overflow: visible; }
  1483. .ie7 .container > .control-bar { margin-bottom: 0px; }
  1484. .ie7 a.likes-button, .ie7 .messages .quote-button { margin-right: 3px; min-height: 23px; }
  1485. .ie7 .user-search-box input[type=text].search-input, .ie7 .filter input[type="text"].search-input { width: 112px; }
  1486. .ie7 .recent-threads-button { padding-right: 2px; }
  1487. .ie7 .subject_line .controls { margin-top: 1px; }
  1488. .ie7 .ui-poll .results td.answer { width: 175px; }
  1489. .ie7 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
  1490. .ie7 footer ul { width: 530px; }
  1491. .ie7 .options_menu li.ui-menu-has-sub-menu > .arrow { display: inline; }
  1492. .ie7 .options_menu li { width: 190px; position: static; }
  1493. .ie7 .options_menu li .arrow { margin-top: -22px; top: auto; }
  1494. .ie7 .options_menu hr { display: none; }
  1495. .ie7 .quick-reply textarea { width: 99%; }
  1496. .ie7 .ui-poll table { table-layout: auto; }
  1497. .ie7 .ui-poll .results .stats { float: none; }
  1498. .ie7 .users { width: 100%; }
  1499. .ie7 .users .ui-pagination { margin: 0 auto; display: inline; float: none; }
  1500. .ie7 .name_and_group.float-right { float: none; }
  1501. .ie7 .shoutbox_form ul.tools li img { border: 1px solid transparent; }
  1502. .ie7 .shoutbox_form textarea { word-wrap: break-word; }
  1503. .ie7 #banner { padding: 0px 0px; }
  1504. .ie7 a#logo { padding: 0px 20px; line-height: 100px !important; }
  1505. .ie7 div.post-options { display: inline !important; }
  1506. .ie7 .ui-menu li { background-image: none; }
  1507. .ie7 .ui-menu li:hover > a { background-image: none; }
  1508. .ie7 .attachment-button-text { padding: 0 5px 3px 5px; }
  1509. .ie7 .wysiwyg-area .edit_reason > div { height: 28px; margin-left: 0; margin-right: 8px; }
  1510. .ie7 .wysiwyg-area .submit { line-height: 1px !important; }
  1511. .ie7 .show-user .controls { margin-right: 10px; }
  1512. .ie7 #nav-tree > li { display: inline; }
  1513. .ie7 #navigation-tree, .ie7 #nav-tree, .ie7 #nav-tree > li { height: 21px; }
  1514. .ie7 .recent-threads-button { height: 15px; }
  1515. .ie7 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
  1516. .ie7 #password-wrapper div { display: inline; }
  1517. .ie7 #password-wrapper div input[name="password"] { position: relative; top: 5px; }
  1518. .ie7 #banner { min-height: @banner_height; height: auto; }
  1519. .ie7 #nav-tree { position: relative; overflow: hidden; }
  1520. .ie7 .show-user table .center-col:first-child table { table-layout: auto; }
  1521. .ie7 .popup_html .ui-menu { position: relative; z-index: 99999999; }
  1522. .ie7 #navigation-menu > ul li a { min-width: 21px; }
  1523. .ie7 #welcome { min-width: 200px; }
  1524. .ie7 .avatar_size_default { font-size: 120px; }
  1525. .ie7 .avatar_size_medium { font-size: 60px; }
  1526. .ie7 .avatar_size_small { font-size: 40px; }
  1527. .ie7 .avatar_size_quote { font-size: 24px; }
  1528.  
  1529. /* IE8 */
  1530. .ie8 select {padding-top: 2px; padding-bottom: 2px; }
  1531. .ie8 .user-search-selection .ui-selectlist-item .close { right: 0px; }
  1532. .ie8 .container.copy table.list { border-collapse: separate; }
  1533. .ie8 .boards .threads { padding-left: 8px; padding-right: 8px; }
  1534. .ie8 .options_menu { max-width: 190px; }
  1535. .ie8 input[type="text"] { line-height: 20px; }
  1536. .ie8 .recent-threads-button { line-height: 1.4em; }
  1537. .ie8 .shoutbox_messages .shoutbox-post.content-box { padding-right: 16px; }
  1538. .ie8 .user-search .user-search-box .user-search-input { width: 135px; }
  1539. .ie8 table.list td.icon, .ie8 table.list th.icon { width: 54px; }
  1540. .ie8 #nav-tree { display: inline-block; }
  1541. .ie8 #content #navigation-tree, .ie8 #nav-tree, .ie8 #nav-tree > li { height: 21px; }
  1542. .ie8 #content .recent-threads-button { height: 15px; }
  1543. .ie8 #nav-tree .menu_arrow { top: -1px; border-width: 11px 1px 11px 11px; }
  1544. .ie8 #nav-tree > li { padding-right: 1px; }
  1545. .ie8 .popup_html ul { max-width: 550px; }
  1546. .ie8 input[type="submit"], input[type="button"], button { min-height: 20px; }
  1547.  
  1548. /* IE9 */
  1549. .ie9 .avatar-wrapper > div > div { display: inherit; }
  1550. .ie9 .user-search-selection .ui-selectlist-item .close { right: 1px; }
  1551. .ie9 #nav-tree { display: inline-block; }
  1552.  
  1553. /* Firefox */
  1554. @-moz-document url-prefix() {
  1555. select { padding: 4px 2px; }
  1556. .ui-search .search-filters-button { padding-left: 6px; }
  1557. .ui-tabMenu ul li { height: 27px; }
  1558. }
  1559.  
  1560. /* Screen-only (tablets, phones) */
  1561. @media only handheld {
  1562. textarea { font-size: 2em; }
  1563. }
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!