Advertisement
arabtion

Untitled

Oct 20th, 2019
247
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.16 KB | None | 0 0
  1. /* Start Edit By Style Host Web Services/*
  2. /* general colors */
  3. a {color:orange;}
  4.  
  5. body {background-color: #bed0e5;color:#444;}
  6.  
  7. button { background:transparent; color:#fff; }
  8.  
  9. input, textarea {
  10. background: #ffffff;
  11. border: 1px solid #b1aeae!important;
  12. color: #444;
  13. font-weight: 700;
  14. }
  15.  
  16. .post_input_container { background:#f2f2f2; border:1px solid #e6e6e6 !important; color:#666; }
  17.  
  18. /* login box */
  19. .not_member { background:#ededed; color:#666; }
  20.  
  21. /* cookie box */
  22. .cookie_wrap { background:#ddd; color:#666; }
  23.  
  24. /* back mains colors */
  25. .back_theme {background: #ff7e01;color:#fff;}
  26. .back_dark { background:#012832; color:#fff; }
  27. .back_med { background:#ededed; color:#666; }
  28. .back_lite { background:#f3f3f3; color:#666; }
  29. .back_xlite { background:#fff; color:#666; }
  30.  
  31. /* button colors */
  32. .theme_btn {
  33. background: linear-gradient(#ffb200,#ff7102);
  34. color: #fff;
  35. font-family: 'flat-jooza';
  36. }
  37. .default_btn {
  38. background: linear-gradient(#ffb200,#ff7102);
  39. color: #fff;
  40. font-family: 'flat-jooza';
  41. }
  42. .dark_selected {
  43. background: linear-gradient(to bottom,#75a0de 0%,#6a97d8 50%,#4073bd 52%,#285494 100%);
  44. color: #fff;
  45. }
  46. .ok_btn {
  47. background: linear-gradient(#ffb200,#ff7102);
  48. color: #fff;
  49. font-family: 'flat-jooza';
  50. border-radius: 4px;
  51. }
  52. .warn_btn { background:orange; color:#fff; }
  53. .delete_btn {color:#fff;background: linear-gradient(#ffb200,#ff7102);color: #fff;font-family: 'flat-jooza';}
  54. .sub_btn { background:#888; color:#fff; }
  55.  
  56. /* input option background colors */
  57. .input_wrap {
  58. background: linear-gradient(to bottom,#dae5eb 0%,#fdfefe 100%);
  59. border-top: 1px solid #bfc9d2;
  60. border-bottom: 1px solid #bfc9d2;
  61. }
  62. .input_item {color: #4789d1;}
  63.  
  64. /* top colors */
  65. .top_background{
  66. background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
  67. color: #fff;
  68. }
  69. /* box colors */
  70. .background_box {background: #f8fbfb;color:#666;}
  71.  
  72. /* background header */
  73. .background_header
  74. {
  75. background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
  76. color: #fff;
  77. border: 1px solid #fff;
  78. font-family: 'flat-jooza';
  79. }
  80.  
  81. /* background chat head */
  82. .chat_head
  83. {
  84. background: linear-gradient(#fff,#d8e2eb);
  85. color: #4789d1;
  86. font-family: 'flat-jooza';
  87. border-bottom: 1px solid #a2b4c7;
  88. }
  89.  
  90. /* background footer */
  91. .chat_footer
  92. {
  93. background: linear-gradient(#fff,#d8e2eb);
  94. color: #4789d1;
  95. font-family: 'flat-jooza';
  96. border-top: 1px solid #a2b4c7;
  97. }
  98.  
  99. /* background panel top */
  100. .panel_top
  101. { background:#012832; color:#fff; }
  102.  
  103. /* background emo head */
  104. .emo_head
  105. {
  106. background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
  107. color: #fff;
  108. font-family: 'flat-jooza';
  109. border: 1px solid #fff;
  110. }
  111.  
  112. /* background modal top */
  113. .modal_top
  114. {
  115. background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
  116. color: #fff;
  117. font-family: 'flat-jooza';
  118. border: 1px solid #fff;
  119. }
  120.  
  121. /* modal */
  122. .modal_menu
  123. {background: #e3eaf1;color:#555;}
  124. .tab_menu
  125. { background:#f3f3f3; color:#555; }
  126. .modal_selected
  127. {background: linear-gradient(#ffb200,#ff7102);color:#fff;}
  128. .tab_selected
  129. { background:#012832; color:#fff; }
  130. .modal_back
  131. { background-color:rgba(0,0,0,0.6); }
  132.  
  133. /*panel selected */
  134. .panel_selected {
  135. background: linear-gradient(to bottom,#75a0de 0%,#6a97d8 50%,#4073bd 52%,#285494 100%);
  136. color: #fff;
  137. font-family: 'flat-jooza';
  138. border-top: 1px solid #ffffff;
  139. }
  140.  
  141. /* reg menu */
  142. .reg_menu { color:#444; }
  143. .reg_selected {
  144. background: linear-gradient(#ffb200,#ff7102);
  145. color: #fff;
  146. }
  147.  
  148. /* menu icon */
  149. .page_menu_icon, .sub_menu_icon, .menui {color: #3b71ad;}
  150.  
  151. /* outside menu */
  152. .sub_menu_item { border-bottom:1px solid #ededed; background:#fff; color:#666; }
  153.  
  154. .avitem {border-bottom:1px solid #ededed;background:#fff;color:#666;font-weight: bold;}
  155.  
  156. .sub_menu_item:hover { background:#ededed; color:#666; }
  157.  
  158. .sub_menu_item:hover { background:#ededed; color:#666; }
  159.  
  160. .sub_menu_icon {color: #3b71ad;}
  161.  
  162. .avitem:hover { background:#ededed; color:#666; }
  163.  
  164. /* inside menu */
  165. .elem_in { background:#f3f3f3; border-bottom:1px solid #ddd; }
  166.  
  167. .aclist {background:#f3f3f3;border-bottom:1px solid #ddd;font-weight: bold;}
  168.  
  169. .status_option { background:#f3f3f3; border-bottom:1px solid #ddd; }
  170.  
  171. .left_drop_item { background:#f3f3f3; border-bottom:1px solid #ddd; }
  172.  
  173. .page_drop_item { background:#f3f3f3; border-bottom:1px solid #ddd; }
  174. /* hover elem */
  175. .elem_in:hover { background:#e6e6e6; color:#666; }
  176.  
  177. .aclist:hover { background:#e6e6e6; color:#666; }
  178.  
  179. .status_option:hover { background:#e6e6e6; color:#666; }
  180.  
  181. .left_drop_item:hover { background:#e6e6e6; color:#666; }
  182.  
  183. .page_drop_item:hover { background:#e6e6e6; color:#666; }
  184.  
  185. /* page menu */
  186. .page_menu_wrapper { background:#fff; }
  187.  
  188. .page_menu_item { border-bottom:1px solid #ededed; }
  189.  
  190. .page_menu_item:hover { background:#ededed; color:#666; }
  191.  
  192. .page_menu_item:hover { background:#ededed; color:#666; }
  193.  
  194. .page_menu_icon { background:#ededed; color:#666; }
  195.  
  196. .page_selected { color:#03add8 !important; }
  197.  
  198. /* text error colors */
  199. .error { color:red; }
  200. .success { color:#74b20e; }
  201. .warn { color:orange; }
  202.  
  203. /* logs color private and main chat */
  204. .log2 {background: #fffee2;}
  205. .target_private {color:#fff; background:#333;}
  206. .hunter_private {color:#fff; background:#03add8;}
  207.  
  208. /* text color & date */
  209. .sub_text {color: #015bb6;font-family: 'flat-jooza';}
  210.  
  211. .date {
  212. color: #015bb6;
  213. font-family: 'flat-jooza';
  214. }
  215.  
  216. .listing_text { color:#888; }
  217.  
  218. .docu_description { color:#888; }
  219.  
  220. .sub_dark { color:#aaa; }
  221.  
  222. .input_text { color:#ccc; }
  223.  
  224. .logs_date { color:#ccc; }
  225.  
  226. .pdate { color:#ccc; }
  227.  
  228. .ptdate { color:#ccc; }
  229.  
  230. .cclear {color: #346aa0;}
  231.  
  232. .cdate { color:#ccc; }
  233.  
  234. .theme_color {color: #ff7e02;}
  235.  
  236. .liked { background:#ededed; color:#666; }
  237.  
  238. .default_color {color: #ff7502;text-align: left;}
  239.  
  240. .user_count {font-size: 15px;font-weight: bold;text-align: center;color: #ff7102;border-bottom: 1px dotted #ff7102;height: 30px;margin-top: 7px;margin-bottom: 5px;}
  241.  
  242. .my_notice {
  243. padding: 0;
  244. /* display: inline-block; */
  245. line-height: 1em;
  246. margin-top: 2px;
  247. font-weight: bold;
  248. border-radius: 5px 0px 5px 0px;
  249. }
  250.  
  251. .shadow_text { text-shadow:1px 1px #000; }
  252.  
  253. .system_text { background:#ededed; color:#666; }
  254. .user_count { color:#03add8;}
  255. .my_notice { color:#fff; background:#03add8; padding:3px 10px; display:inline-block; line-height:1em; margin-top:2px; border-radius:20px; font-weight:normal; }
  256. .shadow_text { text-shadow:1px 1px #000; }
  257. .system_text { background:#ededed; color:#666; }
  258. .bustate { color:#999; }
  259. .bustate { color:#999; }
  260.  
  261. /* notification colors */
  262. .bnotify { background:red; color:#fff; }
  263.  
  264. /* elements */
  265. .element_style-host-color {
  266. background: linear-gradient(to bottom,#dee6ed 19%,#c8d5e0 22%,#ffffff 100%);
  267. color: #202020;
  268. font-family: 'flat-jooza';
  269. border: 1px solid #fff;
  270. }
  271.  
  272. .player_options {background: #fff;color: #4789d1;border: 1px solid #a2b4c7;}
  273.  
  274. .page_element { background:#fff; color:#444; }
  275.  
  276. .private_box { background:#fff; color:#444; }
  277.  
  278. .chat_side_panel { background:#fff; color:#444; }
  279.  
  280. .side_menu { background:#fff; color:#444; }
  281.  
  282. .modal_in { background:#fff; color:#444; }
  283.  
  284. .background_chat { background:#fff; }
  285.  
  286. .chat_panel { background:#fff; }
  287.  
  288. /* shadow */
  289. .add_shadow {}
  290.  
  291. .page_element { box-shadow:0 0 1px 1px #ddd; }
  292.  
  293. .private_box { box-shadow:0 0 1px 1px #ddd; }
  294.  
  295. .page_menu_wrapper { box-shadow:0 0 1px 1px #ddd; }
  296.  
  297. .chat_side_panel { box-shadow:0 0 1px 1px #ddd; }
  298.  
  299. .side_menu { box-shadow:0 0 1px 1px #ddd; }
  300.  
  301. .sub_menu { box-shadow:0 0 1px 1px #ddd; }
  302.  
  303. /* no view elements */
  304. .noview {background: #bdd6e7;border-bottom:1px solid #fff;font-weight: bold;color: #ea720c;}
  305.  
  306. /* borders css */
  307. .border_right { border-right:1px solid #ededed; }
  308.  
  309. .chat_left { border-right:1px solid #ededed; }
  310.  
  311. .border_left { border-left:1px solid #ededed; }
  312.  
  313. .chat_right { border-left:1px solid #ededed; }
  314.  
  315. .border_bottom { border-bottom:1px solid #ededed; }
  316.  
  317. .label_line { border-bottom:1px solid #ededed; }
  318.  
  319. .panel_bar {
  320. background: linear-gradient(to bottom,#ffffff 0%,#6892ce 50%,#5987c9 52%,#5987c9 100%);
  321. color: #fff;
  322. font-family: 'flat-jooza';
  323. border: 1px solid #a0b3c3;
  324. border-top: none;
  325. border-top-left-radius: 6px;
  326. border-top-right-radius: 6px;
  327. }
  328.  
  329. .listing_element { border-bottom:1px solid #ededed; }
  330.  
  331. .listing_half_element { border-bottom:1px solid #ededed; }
  332.  
  333. .post_element { border-bottom:1px solid #ededed; }
  334.  
  335. .list_element {border-bottom: 1px solid #d1dee8;}
  336.  
  337. .listing_reg { border-bottom:1px solid #ededed; }
  338.  
  339. .left_list {border-bottom: 1px solid #d1dee8;}
  340.  
  341. .user_item {border-bottom: 1px solid #d1dee8;}
  342.  
  343. .user_item_custom { border-bottom:1px solid #ededed; }
  344.  
  345. .box_title { border-bottom:1px solid #ededed; }
  346.  
  347. .border_top{ border-top:1px solid #ededed; }
  348.  
  349. .full_border { border:1px solid #ededed; }
  350.  
  351. /* list element */
  352. .sub_list_item { background:#f3f3f3; color:#666; }
  353.  
  354. .sub_half_item { background:#f3f3f3; color:#666; }
  355.  
  356. .reply_item { background:#f3f3f3; color:#666; }
  357.  
  358. .ulist_item { background:#f3f3f3; color:#666; }
  359.  
  360. .sub_list { background:#f3f3f3; color:#666; }
  361.  
  362. .sub_list_item:hover { background:#ededed; }
  363.  
  364. .sub_half_item:hover { background:#ededed; }
  365.  
  366. .ulist_item:hover { background:#ededed; }
  367.  
  368. /* slider */
  369. .boom_slider .ui-widget-content { background: #ededed; }
  370.  
  371. .boom_slider .ui-state-default { background: #999 !important; }
  372.  
  373. .boom_slider .ui-state-active { background: #999 !important; }
  374.  
  375. .boom_slider .ui-slider-range { background:#ccc; }
  376.  
  377. /* select box color */
  378. .selectboxit-list, .selectboxit-btn { background-color: #f2f2f2; color:#666; border:1px solid #e6e6e6 !important; }
  379.  
  380. /* background of select box */
  381. .selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: #ededed; color:#666; }
  382.  
  383. /* color of sub menu hover */
  384. .selectboxit-default-arrow { border-top: 4px solid #666; }
  385.  
  386. /* background selectboxit */
  387.  
  388. .selectboxit-btn.selectboxit-enabled:hover { background:#f2f2f2; color:#666; }
  389.  
  390. .selectboxit-btn.selectboxit-enabled:focus { background:#f2f2f2; color:#666; }
  391.  
  392. .selectboxit-btn.selectboxit-enabled:active { background:#f2f2f2; color:#666; }
  393.  
  394. /* background selectboxit */
  395. .selectboxit-options { background:#fff; border:1px solid #ccc; }
  396.  
  397. /* background color of the options */
  398. .selectboxit-list { color:#666; }
  399.  
  400. .selectboxit-option-anchor { color:#666; }
  401.  
  402. /* color of sub menu item */
  403.  
  404. /* user color and special user color */
  405. .offline { opacity:0.5; }
  406.  
  407. .user {
  408. color: #333333;
  409. font-family: tahoma;
  410. font-size: 13px;
  411. }
  412.  
  413. .chat_system {
  414. color: rgb(52,106,160);
  415. font-family: tahoma;
  416. font-size: 12px;
  417. font-weight: bold;
  418. }
  419.  
  420. /* list icon colors */
  421. .boy { border-color:#03add8; }
  422.  
  423. .girl { border-color:#ff99ff;}
  424.  
  425. .nosex {border-color: #decfc4;}
  426.  
  427. /* file music and upload */
  428. .file_color { background:#03add8; color:#fff; }
  429.  
  430. .file_color a { background:#03add8; color:#fff; }
  431.  
  432. .audio_color { background:#012832; color:#fff; }
  433.  
  434. .song_title { background:#03647d; color:#fff; }
  435.  
  436. .audio_progress { background:#fff; }
  437.  
  438. .audio_ball { background:#03add8; }
  439.  
  440. /* warning box */
  441. .boom_warning { color:#8a6d3b; background:#fcf8e3; border:1px solid #faebcc; }
  442. .boom_error { background:#f2dede; color:#a94442;; border:1px solid #ebccd1; }
  443. .boom_success { color:#3c763d; background:#dff0d8; border:1px solid #d6e9c6; }
  444. .boom_neutral { color:#31708f; background:#d9edf7; border:1px solid #bce8f1; }
  445.  
  446. /* admin box */
  447. .sp_box { background:#ededed; color:#666; }
  448. .sp_icon { background:#03add8; color:#fff; }
  449.  
  450. /* special log */
  451. .topic_log { background:#d9f2e6; color:#0d261a; }
  452. .seen { background:#ffe6f2; color:#330019; }
  453.  
  454. /* custom */
  455. .login_sub_text {
  456. text-shadow: 1px 1px 1px #fff;
  457. font-family: 'flat-jooza';
  458. color: #ff7200;
  459. }
  460.  
  461. .login_title_text {
  462. text-shadow: 1px 1px 1px #fff;
  463. font-family: 'flat-jooza';
  464. color: #ff7200;
  465. }
  466.  
  467. .login_register_text { text-shadow:1px 1px 1px #666; }
  468. /* end Edit By Style Host Web Services/*
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement