Advertisement
ravmunken

Steam Browser Chat

Aug 21st, 2014
686
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.65 KB | None | 0 0
  1. @-moz-document url-prefix(https://steamcommunity.com/chat/)
  2. {
  3.     div, h1, h2, #chat_page_header.maincontent, #chat_dialog_scroll, body.flat_page.chat_body, #chat_msg_area, #chat_friendslist
  4.     {
  5.         background: #3f3f3f !important;
  6.         background-image: none !important;
  7.         border: none !important;
  8.         box-shadow: none !important;
  9.         color: #cccaca !important;
  10.         font-family: lemon !important;
  11.         font-size: 9px !important;
  12.         font-weight: normal !important;
  13.         text-shadow: none !important;
  14.     }
  15.     .chatform_footer
  16.     {
  17.         display: none !important;
  18.     }
  19.     .chat_page_settings_area
  20.     {
  21.         background-image: none !important;
  22.         bottom: 3px !important;
  23.         position: absolute !important;
  24.         right: 0px !important;
  25.         z-index: 2434343434 !important;
  26.     }
  27.     .btn_chat_settings
  28.     {
  29.         background-color: #3f3f3f !important;
  30.         cursor: pointer !important;
  31.         display: block !important;
  32.         height: 8px !important;
  33.         position: relative !important;
  34.         width: 8px !important;
  35.         z-index: 232342342342 !important;
  36.     }
  37.     .btn_chat_settings:hover, .btn_chat_settings:focus
  38.     {
  39.         background-color: #3a3a3a !important;
  40.         transition-duration: .5s !important;
  41.         transition-property: all !important;
  42.         transition-timing-function: ease !important;
  43.     }
  44.     div
  45.     {
  46.         overflow-x: hidden !important;
  47.         overflow-y: auto !important;
  48.     }
  49.     .unread_message_count_value
  50.     {
  51.         text-shadow: none !important;
  52.     }
  53.     .playerAvatar.online, .playerAvatar, playerAvatar.online img, .playerAvatar img
  54.     {
  55.         background: none !important;
  56.         border: none !important;
  57.         border-radius: 0px !important;
  58.     }
  59.     #chat_page_header_user
  60.     {
  61.         width: 100vw !important;
  62.     }
  63.     .chat_page_header_logo_area
  64.     {
  65.         display: none !important;
  66.     }
  67.     .persona.online, a.persona.online, .persona.online a
  68.     {
  69.         color: #d9bfc2 !important;
  70.     }
  71.     .persona.in-game, a.persona.in-game, .persona.in-game a
  72.     {
  73.         color: #a98d9b !important;
  74.     }
  75.     .friendslist_group_handle_toggle, .friendlist_group_onlinesummary, .chat_message.chat_message_historical .chat_message_text, div.chat_message_system, div.chat_message:nth-child(7), div.chat_message.chat_message_historical, .chat_message_historical .persona, .chat_message_historical
  76.     {
  77.         color: #5d5d5d !important;
  78.     }
  79.     .chat_message.chat_message_self .chat_message_text, .chat_message_text, .whiteLink
  80.     {
  81.         color: #cccaca !important;
  82.     }
  83.     .gray_bevel
  84.     {
  85.         background-color: #3a3a3a !important;
  86.         background-image: none !important;
  87.         border: none !important;
  88.         box-shadow: none !important;
  89.         margin-top: 0px !important;
  90.         visibility: visible !important;
  91.     }
  92.     .gray_bevel input, .gray_bevel textarea
  93.     {
  94.         background-color: #3a3a3a !important;
  95.         border: none !important;
  96.         box-shadow: none !important;
  97.         margin-top: 0px !important;
  98.     }
  99.     .chatform_textarea textarea
  100.     {
  101.         background-color: #3a3a3a !important;
  102.     }
  103.     div.chat_message.chat_message_historical
  104.     {
  105.         color: #5d5d5d !important;
  106.     }
  107.     textarea#chatmessage
  108.     {
  109.         background: #3a3a3a !important;
  110.         border: none !important;
  111.         color: #cccaca !important;
  112.         font-family: lemon !important;
  113.         font-size: 9px !important;
  114.         font-weight: normal !important;
  115.     }
  116.     .chat_dialog_scroll
  117.     {
  118.         overflow-x: hidden !important;
  119.         overflow-y: auto !important;
  120.     }
  121.     #chatform
  122.     {
  123.         background: #3a3a3a !important;
  124.         border: none !important;
  125.         bottom: 0px !important;
  126.         height: 36px !important;
  127.         overflow-y: hidden !important;
  128.     }
  129.     #chatmessage
  130.     {
  131.         margin-left: -4px !important;
  132.     }
  133.     div.chat_dialog_content
  134.     {
  135.         bottom: 29px !important;
  136.         margin-bottom: 0px !important;
  137.     }
  138.     .chat_message, div.chat_message_system
  139.     {
  140.         line-height: 200% !important;
  141.     }
  142.     .chatdialog_header, .emoticon_button.small, .chatform_footer button
  143.     {
  144.         display: none !important;
  145.     }
  146.     #chat_friendslist_area
  147.     {
  148.         transition-duration: .5s !important;
  149.         transition-property: all !important;
  150.         transition-timing-function: ease !important;
  151.         width: 10px !important;
  152.     }
  153.     #chat_friendslist_area:hover, #chat_friendslist_area:focus
  154.     {
  155.         transition-duration: .5s !important;
  156.         transition-property: all !important;
  157.         transition-timing-function: ease !important;
  158.         width: 100vw !important;
  159.     }
  160.     .chat_dialog_content
  161.     {
  162.         border: none !important;
  163.         position: absolute !important;
  164.         top: 9px !important;
  165.     }
  166.     #chat_msg_area
  167.     {
  168.         left: 0px !important;
  169.         min-width: auto !important;
  170.         width: auto !important;
  171.     }
  172.     #chat_container
  173.     {
  174.         min-height: 300px !important;
  175.         width: auto !important;
  176.     }
  177.     .chat_page, .pagecontent.in_client, .pagecontent.no_header
  178.     {
  179.         max-width: 1920px !important;
  180.         min-width: 200px !important;
  181.         width: auto !important;
  182.     }
  183.     .maincontent
  184.     {
  185.         height: auto !important;
  186.         max-width: 1920px !important;
  187.         min-width: 100px !important;
  188.         width: auto !important;
  189.     }
  190. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement