You are here

Home » API reference » DrupalChat 6

drupalchat.css in DrupalChat 6

Default CSS Stylesheet for the DrupalChat module.

File

themes/drupalchat.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * Default CSS Stylesheet for the DrupalChat module.

  5.  */

  6.  

  7. #drupalchat_block {

  8.   position: relative;

  9.   text-align: center;

  10.   line-height: 0;

  11. }

  12. 

  13. #drupalchat {

  14.   position: relative;

  15.   float: left;

  16. }

  17. #drupalchat_bar {

  18.   position: fixed;

  19.   z-index: 74;

  20.   right: 16px;

  21.   bottom: 0px;

  22.   height: 25px;

  23.   line-height: 0;

  24.   display: block;

  25.   

  26.   

  27. }

  28. 

  29. #drupalchat_bar_background {

  30.   position: fixed;

  31.   z-index: 73;

  32.   right: 15px;

  33.   bottom: 0px;

  34.   height: 24px;

  35.   background-color: #e5e5e5 !important;

  36.   background-image: none !important;

  37.   border-left: 1px #b5b5b5 solid;

  38.   border-right: 1px #b5b5b5 solid;

  39.   border-top: 1px #b5b5b5 solid;

  40. }

  41. #drupalchat_bar_background_region {

  42.   height: 1px;

  43.   background-color: #ffffff !important;

  44. }

  45. #drupalchat_block div {

  46.   line-height: 0;

  47.   margin: 0;

  48.   padding: 0;

  49.   text-align: left;

  50.   font-size: 0;

  51.   font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

  52.   text-decoration: none;

  53.   font-weight: normal;

  54.   font-style: normal;

  55.   white-space: normal;

  56.   word-wrap: normal;

  57. }

  58. .drupalchat_bar_tab_normal {

  59.   width: 159px;

  60.   height: 16px;

  61.   cursor: pointer;

  62.   padding: 4px 5px 4px 6px !important;

  63.   border-left: 1px #b5b5b5 solid;

  64.   border-right: 1px #e0e0e0 solid;

  65.   margin-top: 1px !important;

  66. }

  67. 

  68. .drupalchat_bar_tab_normal_text {

  69.   width: 145px;

  70.   height: 16px;

  71.   padding-left: 14px !important;

  72.   cursor: pointer;

  73.   font-size: 11px !important;

  74.   color: #333333 !important;

  75.   line-height: 1.2 !important;

  76.   white-space: pre !important;

  77.   background-image: none;

  78. }

  79. #drupalchat_bar_tab_online_users {

  80.   float: right;

  81.   width: 172px;

  82.   height: 25px;

  83. }

  84. .drupalchat_bar_tab_over {

  85.   width: 159px;

  86.   height: 16px;

  87.   cursor: pointer;

  88.   padding: 4px 5px 4px 6px !important;

  89.   border-left: 1px #b5b5b5 solid;

  90.   border-right: 1px #ffffff solid;

  91.   margin-top: 1px !important;

  92.   background-color: #ffffff !important;

  93. }

  94. 

  95. .drupalchat_bar_tab_over_text {

  96.   width: 145px;

  97.   height: 16px;

  98.   padding-left: 14px !important;

  99.   cursor: pointer;

  100.   font-size: 11px !important;

  101.   color: #000000 !important;

  102.   line-height: 1.2 !important;

  103.   white-space: pre !important;

  104.   background-image: none;

  105. }

  106. .drupalchat_bar_tab_open_over {

  107.   width: 159px;

  108.   height: 16px;

  109.   cursor: pointer;

  110.   padding: 4px 5px 4px 6px !important;

  111.   border-left: 1px #333333 solid;

  112.   border-right: 1px #333333 solid;

  113.   border-bottom: 1px #333333 solid;

  114.   background-color: #ffffff !important;

  115. }

  116. 

  117. .drupalchat_bar_tab_open_over_text {

  118.   width: 145px;

  119.   height: 16px;

  120.   padding-left: 14px !important;

  121.   cursor: pointer;

  122.   font-size: 11px !important;

  123.   color: #000000 !important;

  124.   line-height: 1.2 !important;

  125.   white-space: pre !important;

  126.   background-image: none;

  127. }

  128. #drupalchat_chat_window_online_users {

  129.   position: fixed;

  130.   z-index: 72;

  131.   width: 201px;

  132.   right: 43px;

  133.   bottom: 25px;

  134. }

  135. #drupalchat_chat_window_head_online_users {

  136.   float: left;

  137.   width: 199px;

  138.   height: 20px;

  139.   border-left: 1px #254588 solid;

  140.   border-right: 1px #254588 solid;

  141.   border-top: 1px #254588 solid;

  142.   background-color: #526ea6 !important;

  143. }

  144. 

  145. #drupalchat_chat_window_head_text_online_users {

  146.   float: left;

  147.   width: 164px;

  148.   height: 14px;

  149.   margin: 3px 8px !important;

  150.   color: #ffffff !important;

  151.   font-size: 11px !important;

  152.   line-height: 1.2 !important;

  153.   white-space: pre !important;

  154.   font-weight: bold !important;

  155.   cursor: default;

  156. }

  157. #drupalchat_chat_window_body_online_users {

  158.   float: left;

  159.   width: 199px;

  160.   background-color: #ffffff !important;

  161.   padding-bottom: 1px !important;

  162.   border-left: 1px #333333 solid;

  163.   border-right: 1px #333333 solid;

  164.   border-bottom: 1px #E5E5E5 solid;

  165.   background-image: none;

  166. }

  167. 

  168. #drupalchat_chat_window_body_box_online_users {

  169.   float: left;

  170.   width: 187px;

  171.   background-color: #eeeeee !important;

  172.   padding: 4px 6px !important;

  173. }

  174. 

  175. #drupalchat_chat_window_body_box_text_online_users {

  176.   font-size: 11px !important;

  177.   color: #000000 !important;

  178.   line-height: 1.1 !important;

  179.   word-wrap: break-word !important;

  180.   cursor: default;

  181. }

  182. #drupalchat_chat_window_users_block {

  183.   float: left;

  184.   width: 199px;

  185.   height: 195px;

  186.   padding-top: 2px !important;

  187.   padding-bottom: 5px !important;

  188.   background-color: #ffffff !important;

  189. }

  190. #drupalchat_chat_window_users {

  191.   float: left;

  192.   width: 188px;

  193.   height: 195px;

  194.   overflow-x: hidden;

  195.   overflow-y: scroll;

  196. }

  197. 

  198. #drupalchat_chat_window_users_region {

  199.   float: left;

  200. }

  201. .drupalchat_chat_window_users_menu_main_normal {

  202.   float: left;

  203.   width: 174px;

  204.   height: 12px;

  205.   padding: 4px 5px 4px 9px !important;

  206.   margin-bottom: 2px !important;

  207.   cursor: pointer;

  208. }

  209. 

  210. .drupalchat_chat_window_users_menu_main_normal_text {

  211.   font-size: 11px !important;

  212.   color: #3b5998 !important;

  213.   line-height: 1.1 !important;

  214.   white-space: pre !important;

  215.   word-wrap: break-word !important;

  216.   cursor: pointer;

  217.   background-image: none;

  218.   padding-left: 13px !important;

  219. }

  220. 

  221. .drupalchat_chat_window_users_menu_main_press {

  222.   float: left;

  223.   width: 174px;

  224.   height: 12px;

  225.   padding: 4px 5px 4px 9px !important;

  226.   margin-bottom: 2px !important;

  227.   cursor: pointer;

  228.   background-color: #3b5998 !important;

  229. }

  230. 

  231. .drupalchat_chat_window_users_menu_main_press_text {

  232.   font-size: 11px !important;

  233.   color: #ffffff !important;

  234.   line-height: 1.1 !important;

  235.   white-space: pre !important;

  236.   word-wrap: break-word !important;

  237.   cursor: pointer;

  238.   background-image: none;

  239.   padding-left: 13px !important;

  240. }

  241. 

  242. .drupalchat_chat_window_users_menu_main_over {

  243.   float: left;

  244.   width: 174px;

  245.   height: 12px;

  246.   padding: 4px 5px 4px 9px !important;

  247.   margin-bottom: 2px !important;

  248.   cursor: pointer;

  249.   background-color: #3b5998 !important;

  250. }

  251. 

  252. .drupalchat_chat_window_users_menu_main_over_text {

  253.   font-size: 11px !important;

  254.   color: #ffffff !important;

  255.   line-height: 1.1 !important;

  256.   white-space: pre !important;

  257.   word-wrap: break-word !important;

  258.   cursor: pointer;

  259.   background-image: none;

  260.   padding-left: 13px !important;

  261. }

  262. .drupalchat_chat_window_users_user_normal {

  263.   float: left;

  264.   width: 174px;

  265.   min-height: 12px;

  266.   padding: 4px 5px 4px 9px !important;

  267.   margin-bottom: 2px !important;

  268.   cursor: pointer;

  269. }

  270. 

  271. .drupalchat_chat_window_users_user_normal_text {

  272.   font-size: 11px !important;

  273.   color: #3b5998 !important;

  274.   line-height: 1.1 !important;

  275.   white-space: pre !important;

  276.   word-wrap: break-word !important;

  277.   cursor: pointer;

  278. }

  279. 

  280. .drupalchat_chat_window_users_user_press {

  281.   float: left;

  282.   width: 174px;

  283.   min-height: 12px;

  284.   padding: 4px 5px 4px 9px !important;

  285.   margin-bottom: 2px !important;

  286.   cursor: pointer;

  287.   background-color: #3b5998 !important;

  288. }

  289. 

  290. .drupalchat_chat_window_users_user_press_text {

  291.   font-size: 11px !important;

  292.   color: #ffffff !important;

  293.   line-height: 1.1 !important;

  294.   white-space: pre !important;

  295.   word-wrap: break-word !important;

  296.   cursor: pointer;

  297. }

  298. 

  299. .drupalchat_chat_window_users_user_over {

  300.   float: left;

  301.   width: 174px;

  302.   min-height: 12px;

  303.   padding: 4px 5px 4px 9px !important;

  304.   margin-bottom: 2px !important;

  305.   cursor: pointer;

  306.   background-color: #3b5998 !important;

  307. }

  308. 

  309. .drupalchat_chat_window_users_user_over_text {

  310.   font-size: 11px !important;

  311.   color: #ffffff !important;

  312.   line-height: 1.1 !important;

  313.   white-space: pre !important;

  314.   word-wrap: break-word !important;

  315.   cursor: pointer;

  316. }

  317. .drupalchat_chat_window_users_user_me {

  318.   float: left;

  319.   width: 174px;

  320.   min-height: 12px;

  321.   padding: 4px 5px 4px 9px !important;

  322.   margin-bottom: 2px !important;

  323. }

  324. 

  325. .drupalchat_chat_window_users_user_me_text {

  326.   font-size: 11px !important;

  327.   color: #333333 !important;

  328.   line-height: 1.1 !important;

  329.   white-space: pre !important;

  330.   word-wrap: break-word !important;

  331.   cursor: default;

  332. }

  333. #drupalchat_bar_tab_exit {

  334.   float: right;

  335.   width: 27px;

  336.   height: 24px;

  337.   margin-top: 1px !important;

  338.   border-left: 1px #b5b5b5 solid;

  339. }

  340. #drupalchat_bar_head_volume_audio {

  341.   float: right;

  342.   width: 27px;

  343.   height: 24px;

  344.   margin-top: 1px !important;

  345.   border-left: 1px #b5b5b5 solid;

  346. }

  347. #drupalchat_tabs {

  348.   float: right;

  349.   height: 25px;

  350. }

  351. #drupalchat_tabs_region {

  352.   float: left;

  353.   height: 25px;

  354.   overflow: hidden;

  355. }

  356. #drupalchat_tabs_block {

  357.   height: 25px;

  358. }

  359. .drupalchat_tabs_user_normal {

  360.   float: right;

  361.   width: 130px;

  362.   height: 16px;

  363.   cursor: pointer;

  364.   padding: 6px 0px 2px 6px !important;

  365.   border-left: 1px #b5b5b5 solid;

  366.   border-right: 1px #e0e0e0 solid;

  367.   margin-top: 1px !important;

  368. }

  369. 

  370. .drupalchat_tabs_user_normal_text {

  371.   float: left;

  372.   width: 112px;

  373.   height: 16px;

  374.   cursor: pointer;

  375.   font-size: 11px !important;

  376.   color: #333333 !important;

  377.   line-height: 1.2 !important;

  378.   white-space: pre !important;

  379.   font-weight: bold !important;

  380.   overflow: hidden;

  381. }

  382. .drupalchat_tabs_user_over {

  383.   float: right;

  384.   width: 130px;

  385.   height: 16px;

  386.   cursor: pointer;

  387.   padding: 6px 0px 2px 6px !important;

  388.   border-left: 1px #b5b5b5 solid;

  389.   border-right: 1px #ffffff solid;

  390.   margin-top: 1px !important;

  391.   background-color: #ffffff !important;

  392. }

  393. 

  394. .drupalchat_tabs_user_over_text {

  395.   float: left;

  396.   width: 112px;

  397.   height: 16px;

  398.   cursor: pointer;

  399.   font-size: 11px !important;

  400.   color: #000000 !important;

  401.   text-decoration: underline !important;

  402.   line-height: 1.2 !important;

  403.   white-space: pre !important;

  404.   font-weight: bold !important;

  405.   overflow: hidden;

  406. }

  407. 

  408. .drupalchat_tabs_user_open_normal {

  409.   float: right;

  410.   width: 130px;

  411.   height: 16px;

  412.   cursor: pointer;

  413.   padding: 5px 0px 3px 6px !important;

  414.   border-left: 1px #333333 solid;

  415.   border-right: 1px #333333 solid;

  416.   border-bottom: 1px #333333 solid;

  417.   background-color: #ffffff !important;

  418. }

  419. 

  420. .drupalchat_tabs_user_open_normal_text {

  421.   float: left;

  422.   width: 112px;

  423.   height: 16px;

  424.   cursor: pointer;

  425.   font-size: 11px !important;

  426.   color: #333333 !important;

  427.   line-height: 1.2 !important;

  428.   white-space: pre !important;

  429.   font-weight: bold !important;

  430.   overflow: hidden;

  431. }

  432. .drupalchat_tabs_user_open_over {

  433.   float: right;

  434.   width: 130px;

  435.   height: 16px;

  436.   cursor: pointer;

  437.   padding: 5px 0px 3px 6px !important;

  438.   border-left: 1px #333333 solid;

  439.   border-right: 1px #333333 solid;

  440.   border-bottom: 1px #333333 solid;

  441.   background-color: #ffffff !important;

  442. }

  443. 

  444. .drupalchat_tabs_user_open_over_text {

  445.   float: left;

  446.   width: 112px;

  447.   height: 16px;

  448.   cursor: pointer;

  449.   font-size: 11px !important;

  450.   color: #000000 !important;

  451.   text-decoration: underline !important;

  452.   line-height: 1.2 !important;

  453.   white-space: pre !important;

  454.   font-weight: bold !important;

  455.   overflow: hidden;

  456. }

  457. #drupalchat_tab_window {

  458.   position: fixed;

  459.   z-index: 72;

  460.   width: 228px;

  461.   bottom: 25px;

  462.   display: none;

  463. }

  464. #drupalchat_tab_window_head {

  465.   float: left;

  466.   width: 226px;

  467.   height: 21px;

  468.   border-left: 1px #254588 solid;

  469.   border-right: 1px #254588 solid;

  470.   border-top: 1px #254588 solid;

  471.   background-color: #526ea6 !important;

  472. }

  473. #drupalchat_tab_window_body {

  474.   float: left;

  475.   width: 226px;

  476.   background-color: #ffffff !important;

  477.   border-left: 1px #333333 solid;

  478.   border-right: 1px #333333 solid;

  479.   padding-bottom: 1px !important;

  480.   background-image: none;

  481. }

  482. #drupalchat_tab_receive {

  483.   clear: both;

  484.   float: left;

  485.   width: 226px;

  486.   border-bottom: 1px #b9c4da solid;

  487. }

  488. #drupalchat_tab_receive_text {

  489.   float: left;

  490.   width: 226px;

  491. }

  492. #drupalchat_tab_text_messages_block {

  493.   float: left;

  494.   width: 222px;

  495.   background-color: #FFFFFF !important;

  496.   padding: 2px !important;

  497. }

  498. #drupalchat_tab_text_messages_block_region {

  499.   float: left;

  500.   width: 215px;

  501.   padding: 0px 4px 0px 6px !important;

  502. }

  503. #drupalchat_tab_receive_text_messages {

  504.   float: left;

  505.   width: 215px;

  506.   overflow-x: hidden;

  507.   overflow-y: scroll;

  508.   height: 200px;

  509. }

  510. #drupalchat_tab_receive_text_messages_region {

  511.   float: left;

  512.   width: 199px;

  513. }

  514. .drupalchat_tab_receive_normal {

  515.   height: 208px;

  516. }

  517. #drupalchat_tab_send {

  518.   clear: both;

  519.   width: 226px;

  520.   height: 21px;

  521.   float: left;

  522.   background-color: #FFFFFF !important;

  523.   border-top: 1px #93a2c1 solid;

  524. }

  525. #drupalchat_tab_input_block {

  526.   float: left;

  527.   width: 226px;

  528.   height: 21px;

  529. }

  530. 

  531. #drupalchat_tab_input {

  532.   width: 226px;

  533.   height: 21px;

  534. }

  535. #drupalchat_tab_send_input_text {

  536.   width: 198px;

  537.   height: 13px;

  538.   font-size: 11px !important;

  539.   color: #000000 !important;

  540.   line-height: 1.2 !important;

  541.   padding: 4px 4px 4px 24px !important;

  542.   overflow-y: hidden;

  543.   background-image: url(images/chat.jpg) !important;

  544.   background-repeat: no-repeat;

  545.   background-position: -5px 0px;

  546.   word-wrap: break-word !important;

  547. }

  548. #drupalchat_block textarea {

  549.   line-height: 0;

  550.   margin: 0;

  551.   padding: 0;

  552.   text-align: left;

  553.   font-size: 0;

  554.   background-color: transparent;

  555.   background-image: none;

  556.   font-family: "lucida grande",tahoma,verdana,arial,sans-serif;

  557.   text-decoration: none;

  558.   font-weight: normal;

  559.   font-style: normal;

  560.   white-space: normal;

  561.   word-wrap: normal;

  562.   border-style: none;

  563.   outline-style: none;

  564.   border-width: 0;

  565. }

  566. .drupalchat_receive_text_messages_tab {

  567.   float: left;

  568. }

  569. 

  570. .drupalchat_receive_text_messages_message_even {

  571.   float: left;

  572.   clear: both;

  573.   width: 199px;

  574. }

  575. 

  576. .drupalchat_receive_text_messages_message_odd {

  577.   float: left;

  578.   clear: both;

  579.   width: 199px;

  580. }

  581. 

  582. .drupalchat_receive_text_messages_separator {

  583.   background-color: #eeeeee !important;

  584.   margin-top: 5px !important;

  585.   width: 100%;

  586.   height: 1px;

  587. }

  588. 

  589. .drupalchat_receive_text_messages_me {

  590.   margin-top: 3px !important;

  591.   word-wrap: break-word !important;

  592. }

  593. 

  594. .drupalchat_receive_text_messages_me_more {

  595.   margin-top: 6px !important;

  596.   word-wrap: break-word !important;

  597. }

  598. 

  599. .drupalchat_receive_text_messages_me_separator {

  600.   height: 5px !important;

  601. }

  602. 

  603. .drupalchat_receive_text_messages_me_user {

  604.   display: inline;

  605.   color: #777777 !important;

  606.   font-size: 11px !important;

  607.   line-height: 1.1 !important;

  608.   white-space: pre !important;

  609.   word-wrap: break-word !important;

  610.   font-weight: bold !important;

  611. }

  612. 

  613. .drupalchat_receive_text_messages_me_message {

  614.   display: inline;

  615.   font-size: 11px !important;

  616.   color: #000000 !important;

  617.   line-height: 1.1 !important;

  618.   word-wrap: break-word !important;

  619. }

  620. 

  621. .drupalchat_receive_text_messages_me_message_user {

  622.   display: inline;

  623.   font-size: 11px !important;

  624.   color: #000000 !important;

  625.   text-decoration: underline !important;

  626.   line-height: 1.1 !important;

  627.   cursor: pointer;

  628.   white-space: pre !important;

  629.   word-wrap: break-word !important;

  630. }

  631. 

  632. .drupalchat_receive_text_messages_me_message_me {

  633.   display: inline;

  634.   font-size: 11px !important;

  635.   color: #000000 !important;

  636.   text-decoration: underline !important;

  637.   line-height: 1.1 !important;

  638.   white-space: pre !important;

  639.   word-wrap: break-word !important;

  640. }

  641. .drupalchat_receive_text_messages_user {

  642.   margin-top: 3px !important;

  643.   word-wrap: break-word !important;

  644. }

  645. 

  646. .drupalchat_receive_text_messages_user_more {

  647.   margin-top: 6px !important;

  648.   word-wrap: break-word !important;

  649. }

  650. 

  651. .drupalchat_receive_text_messages_user_separator {

  652.   height: 5px !important;

  653. }

  654. 

  655. .drupalchat_receive_text_messages_user_user_text {

  656.   display: inline;

  657.   color: #3b5998 !important;

  658.   cursor: pointer;

  659.   font-size: 11px !important;

  660.   line-height: 1.1 !important;

  661.   white-space: pre !important;

  662.   word-wrap: break-word !important;

  663.   font-weight: bold !important;

  664. }

  665. 

  666. .drupalchat_receive_text_messages_user_message {

  667.   display: inline;

  668.   font-size: 11px !important;

  669.   color: #000000 !important;

  670.   line-height: 1.1 !important;

  671.   word-wrap: break-word !important;

  672. }

  673. 

  674. .drupalchat_receive_text_messages_user_message_user {

  675.   display: inline;

  676.   font-size: 11px !important;

  677.   color: #000000 !important;

  678.   text-decoration: underline !important;

  679.   line-height: 1.1 !important;

  680.   cursor: pointer;

  681.   white-space: pre !important;

  682.   word-wrap: break-word !important;

  683. }

  684. 

  685. .drupalchat_receive_text_messages_user_message_me {

  686.   display: inline;

  687.   font-size: 11px !important;

  688.   color: #000000 !important;

  689.   text-decoration: underline !important;

  690.   line-height: 1.1 !important;

  691.   white-space: pre !important;

  692.   word-wrap: break-word !important;

  693. }

  694. .drupalchat_bar_tab_exit_normal {

  695.   width: 17px;

  696.   height: 16px;

  697.   cursor: pointer;

  698.   padding-top: 9px !important;

  699.   padding-left: 10px !important;

  700. }

  701. 

  702. .drupalchat_bar_tab_exit_normal_text {

  703.   width: 7px;

  704.   height: 7px;

  705.   background-image: url(images/grey_cross.png) !important;

  706.   background-position: 0px 0px;

  707.   cursor: pointer;

  708. }

  709. 

  710. .drupalchat_bar_tab_exit_over {

  711.   width: 17px;

  712.   height: 16px;

  713.   cursor: pointer;

  714.   padding-top: 9px !important;

  715.   padding-left: 10px !important;

  716.   background-color: #ffffff !important;

  717. }

  718. 

  719. .drupalchat_bar_tab_exit_over_text {

  720.   width: 7px;

  721.   height: 7px;

  722.   background-image: url(images/black_cross.png) !important;

  723.   background-position: 0px 0px;

  724.   cursor: pointer;

  725. }

  726. #drupalchat_show {

  727.   float: right;

  728.   width: 27px;

  729.   height: 24px;

  730.   margin-top: 1px !important;

  731.   border-left: 1px #b5b5b5 solid;

  732.   border-top: 1px #b5b5b5 solid;

  733.   border-right: 1px #b5b5b5 solid;

  734.   position: fixed;

  735.   z-index: 74;

  736.   right: 16px;

  737.   bottom: 0px;

  738.   line-height: 0;

  739.   display: none;

  740.   background-color: #e5e5e5 !important;

  741. }

  742. .drupalchat_show_normal {

  743.   width: 17px;

  744.   height: 16px;

  745.   cursor: pointer;

  746.   padding-top: 9px !important;

  747.   padding-left: 10px !important;

  748. }

  749. 

  750. .drupalchat_show_normal_text {

  751.   width: 7px;

  752.   height: 7px;

  753.   background-image: url(images/grey_show.png) !important;

  754.   background-position: 0px 0px;

  755.   cursor: pointer;

  756. }

  757. 

  758. .drupalchat_show_over {

  759.   width: 17px;

  760.   height: 16px;

  761.   cursor: pointer;

  762.   padding-top: 9px !important;

  763.   padding-left: 10px !important;

  764.   background-color: #ffffff !important;

  765. }

  766. 

  767. .drupalchat_show_over_text {

  768.   width: 7px;

  769.   height: 7px;

  770.   background-image: url(images/black_show.png) !important;

  771.   background-position: 0px 0px;

  772.   cursor: pointer;

  773. }

  774. .drupalchat_tab_window_head_text_user, .drupalchat_tab_window_head_text_user:link, .drupalchat_tab_window_head_text_user:visited, .drupalchat_tab_window_head_text_user:hover, .drupalchat_tab_window_head_text_user:active {

  775.   float: left;

  776.   width: 169px;

  777.   height: 14px;

  778.   margin: 4px 8px 3px 8px !important;

  779.   color: #ffffff !important;

  780.   font-size: 11px !important;

  781.   line-height: 1.2 !important;

  782.   white-space: pre !important;

  783.   font-weight: bold !important;

  784.   cursor: default;

  785.   overflow: hidden;

  786. }

  787. 

  788. .drupalchat_tab_window_head_text_user_link, .drupalchat_tab_window_head_text_user_link:link, .drupalchat_tab_window_head_text_user_link:visited, .drupalchat_tab_window_head_text_user_link:active {

  789.   float: left;

  790.   width: 169px;

  791.   height: 14px;

  792.   margin: 4px 8px 3px 8px !important;

  793.   color: #ffffff !important;

  794.   font-size: 11px !important;

  795.   line-height: 1.2 !important;

  796.   white-space: pre !important;

  797.   font-weight: bold !important;

  798.   cursor: pointer;

  799.   overflow: hidden;

  800. }

  801. 

  802. .drupalchat_tab_window_head_text_user_link:hover {

  803.   float: left;

  804.   width: 169px;

  805.   height: 14px;

  806.   margin: 4px 8px 3px 8px !important;

  807.   color: #ffffff !important;

  808.   font-size: 11px !important;

  809.   line-height: 1.2 !important;

  810.   white-space: pre !important;

  811.   font-weight: bold !important;

  812.   cursor: pointer;

  813.   overflow: hidden;

  814.   text-decoration: underline !important;

  815. }

  816. #drupalchat_tab_window_head_buttons {

  817.   float: left;

  818.   width: 41px;

  819.   height: 19px;

  820.   padding-top: 1px !important;

  821.   padding-bottom: 1px !important;

  822. }

  823. 

  824. .drupalchat_tab_window_head_buttons_exit_normal {

  825.   float: right;

  826.   width: 19px;

  827.   height: 19px;

  828.   cursor: pointer;

  829. }

  830. 

  831. .drupalchat_tab_window_head_buttons_exit_normal_text {

  832.   float: left;

  833.   margin: 6px !important;

  834.   width: 7px;

  835.   height: 7px;

  836.   background-image: url(images/blue_cross.png) !important;

  837.   background-position: 0px 0px;

  838.   cursor: pointer;

  839. }

  840. 

  841. .drupalchat_tab_window_head_buttons_exit_over {

  842.   float: right;

  843.   width: 19px;

  844.   height: 19px;

  845.   cursor: pointer;

  846. }

  847. 

  848. .drupalchat_tab_window_head_buttons_exit_over_text {

  849.   float: left;

  850.   margin: 6px !important;

  851.   width: 7px;

  852.   height: 7px;

  853.   background-image: url(images/white_cross.png) !important;

  854.   background-position: 0px 0px;

  855.   cursor: pointer;

  856. }

  857. 

  858. .drupalchat_tab_window_head_buttons_minimize_normal {

  859.   float: right;

  860.   width: 19px;

  861.   height: 19px;

  862.   cursor: pointer;

  863.   margin-left: 3px !important;

  864. }

  865. 

  866. .drupalchat_tab_window_head_buttons_minimize_normal_text {

  867.   float: left;

  868.   margin-top: 11px !important;

  869.   margin-bottom: 6px !important;

  870.   margin-left: 5px !important;

  871.   margin-right: 5px !important;

  872.   width: 9px;

  873.   height: 2px;

  874.   background-color: #adbed8 !important;

  875.   cursor: pointer;

  876. }

  877. 

  878. .drupalchat_tab_window_head_buttons_minimize_over {

  879.   float: right;

  880.   width: 19px;

  881.   height: 19px;

  882.   cursor: pointer;

  883.   margin-left: 3px !important;

  884. }

  885. 

  886. .drupalchat_tab_window_head_buttons_minimize_over_text {

  887.   float: left;

  888.   margin-top: 11px !important;

  889.   margin-bottom: 6px !important;

  890.   margin-left: 5px !important;

  891.   margin-right: 5px !important;

  892.   width: 9px;

  893.   height: 2px;

  894.   background-color: #ffffff !important;

  895.   cursor: pointer;

  896. }

  897. .drupalchat_tabs_user_alert {

  898.   float: right;

  899.   width: 130px;

  900.   height: 16px;

  901.   cursor: pointer;

  902.   padding: 6px 0px 2px 6px !important;

  903.   border-left: 1px #3b5998 solid;

  904.   border-right: 1px #3b5998 solid;

  905.   border-top: 1px #3b5998 solid;

  906.   background-color: #526ea6 !important;

  907. }

  908. 

  909. .drupalchat_tabs_user_alert_text {

  910.   float: left;

  911.   width: 112px;

  912.   height: 16px;

  913.   cursor: pointer;

  914.   font-size: 11px !important;

  915.   color: #ffffff !important;

  916.   line-height: 1.2 !important;

  917.   white-space: pre !important;

  918.   font-weight: bold !important;

  919.   overflow: hidden;

  920. }