The Tor Browser / file revision

browser/themes/shared/social/chat.inc.css@b8a032363ba2

browser/themes/shared/social/chat.inc.css

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     1 %if 0

     2 /* This Source Code Form is subject to the terms of the Mozilla Public

     3  * License, v. 2.0. If a copy of the MPL was not distributed with this

     4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

     5 %endif

     6 

     7 #social-sidebar-header {

     8   padding: 3px;

     9 }

    10 

    11 #social-sidebar-button {

    12   -moz-appearance: none;

    13   list-style-image: url(chrome://browser/skin/social/gear_default.png);

    14   border: none;

    15   padding: 0;

    16   margin: 2px;

    17 }

    18 #social-sidebar-button > .toolbarbutton-icon {

    19   min-height: 16px;

    20   min-width: 16px;

    21 }

    22 #social-sidebar-button:hover,

    23 #social-sidebar-button:hover:active {

    24   list-style-image: url(chrome://browser/skin/social/gear_clicked.png);

    25 }

    26 #social-sidebar-button > .toolbarbutton-menu-dropmarker {

    27   display: none;

    28 }

    29 

    30 #social-sidebar-button[loading="true"] {

    31   list-style-image: url("chrome://global/skin/icons/loading_16.png");

    32 }

    33 

    34 #social-sidebar-favico {

    35   max-height: 16px;

    36   max-width: 16px;

    37   padding: 0;

    38   margin: 2px;

    39 }

    40 

    41 .chat-status-icon {

    42   max-height: 16px;

    43   max-width: 16px;

    44   padding: 0;

    45 }

    46 

    47 .chat-toolbarbutton {

    48   -moz-appearance: none;

    49   border: none;

    50   padding: 0;

    51   margin: 0;

    52   background: none;

    53   width: 16px;

    54 }

    55 

    56 .chat-toolbarbutton > .toolbarbutton-text {

    57   display: none;

    58 }

    59 

    60 .chat-toolbarbutton > .toolbarbutton-icon {

    61   width: inherit;

    62 }

    63 

    64 .chat-close-button {

    65   list-style-image: url('chrome://browser/skin/social/chat-icons.png');

    66   -moz-image-region: rect(0, 16px, 16px, 0);

    67 }

    68 

    69 .chat-close-button:hover {

    70   -moz-image-region: rect(0, 32px, 16px, 16px);

    71 }

    72 

    73 .chat-close-button:hover:active {

    74   -moz-image-region: rect(0, 48px, 16px, 32px);

    75 }

    76 

    77 .chat-minimize-button {

    78   list-style-image: url('chrome://browser/skin/social/chat-icons.png');

    79   -moz-image-region: rect(16px, 16px, 32px, 0);

    80 }

    81 

    82 .chat-minimize-button:hover {

    83   -moz-image-region: rect(16px, 32px, 32px, 16px);

    84 }

    85 

    86 .chat-minimize-button:hover:active {

    87   -moz-image-region: rect(16px, 48px, 32px, 32px);

    88 }

    89 

    90 .chat-swap-button {

    91   list-style-image: url('chrome://browser/skin/social/chat-icons.png');

    92   -moz-image-region: rect(48px, 16px, 64px, 0);

    93 }

    94 

    95 .chat-swap-button:hover {

    96   -moz-image-region: rect(48px, 32px, 64px, 16px);

    97 }

    98 

    99 .chat-swap-button:hover:active {

   100   -moz-image-region: rect(48px, 48px, 64px, 32px);

   101 }

   102 

   103 chatbar > chatbox > .chat-titlebar > .chat-swap-button {

   104   list-style-image: url('chrome://browser/skin/social/chat-icons.png');

   105   -moz-image-region: rect(32px, 16px, 48px, 0);

   106 }

   107 

   108 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {

   109   -moz-image-region: rect(32px, 32px, 48px, 16px);

   110 }

   111 

   112 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {

   113   -moz-image-region: rect(32px, 48px, 48px, 32px);

   114 }

   115 

   116 @media (min-resolution: 2dppx) {

   117   .chat-close-button {

   118     list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');

   119     -moz-image-region: rect(0, 32px, 32px, 0);

   120   }

   121 

   122   .chat-close-button:hover {

   123     -moz-image-region: rect(0, 64px, 32px, 32px);

   124   }

   125 

   126   .chat-close-button:hover:active {

   127     -moz-image-region: rect(0, 96px, 32px, 64px);

   128   }

   129 

   130   .chat-minimize-button {

   131     list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');

   132     -moz-image-region: rect(32px, 32px, 64px, 0);

   133   }

   134 

   135   .chat-minimize-button:hover {

   136     -moz-image-region: rect(32px, 64px, 64px, 32px);

   137   }

   138 

   139   .chat-minimize-button:hover:active {

   140     -moz-image-region: rect(32px, 96px, 64px, 64px);

   141   }

   142 

   143   .chat-swap-button {

   144     list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');

   145     -moz-image-region: rect(96px, 32px, 128px, 0);

   146   }

   147 

   148   .chat-swap-button:hover {

   149     -moz-image-region: rect(96px, 64px, 128px, 32px);

   150   }

   151 

   152   .chat-swap-button:hover:active {

   153     -moz-image-region: rect(96px, 96px, 128px, 64px);

   154   }

   155 

   156   chatbar > chatbox > .chat-titlebar > .chat-swap-button {

   157     list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');

   158     -moz-image-region: rect(64px, 32px, 96px, 0);

   159   }

   160 

   161   chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {

   162     -moz-image-region: rect(64px, 64px, 96px, 32px);

   163   }

   164 

   165   chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {

   166     -moz-image-region: rect(64px, 96px, 96px, 64px);

   167   }

   168 }

   169 

   170 .chat-title {

   171   font-weight: bold;

   172   color: black;

   173   text-shadow: none;

   174   cursor: inherit;

   175 }

   176 

   177 .chat-titlebar {

   178   height: 20px;

   179   min-height: 20px;

   180   width: 100%;

   181   margin: 0;

   182   padding: 2px;

   183   -moz-padding-start: 6px;

   184   border: none;

   185   border-bottom: 1px solid #ccc;

   186   cursor: pointer;

   187 }

   188 

   189 .chat-titlebar > .notification-anchor-icon {

   190   margin-left: 2px;

   191   margin-right: 2px;

   192 }

   193 

   194 .chat-titlebar[minimized="true"] {

   195   border-bottom: none;

   196 }

   197 

   198 .chat-titlebar[activity] {

   199   background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), rgba(255,255,255,0));

   200   background-repeat: no-repeat;

   201   background-size: 100% 20px;

   202   background-position: 0 -10px;

   203 }

   204 

   205 .chat-frame {

   206   padding: 0;

   207   margin: 0;

   208   overflow: hidden;

   209 }

   210 

   211 .chatbar-button {

   212   list-style-image: url("chrome://browser/skin/social/services-16.png");

   213   margin: 0;

   214   padding: 2px;

   215   height: 21px;

   216   width: 21px;

   217   border: 1px solid #ccc;

   218   border-bottom: none;

   219 }

   220 

   221 @media (min-resolution: 2dppx) {

   222   .chatbar-button {

   223     list-style-image: url("chrome://browser/skin/social/services-16@2x.png");

   224   }

   225 }

   226 

   227 .chatbar-button > .toolbarbutton-icon {

   228   width: 16px;

   229 }

   230 

   231 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {

   232   width: auto;

   233   height: auto;

   234   max-height: 16px;

   235   max-width: 16px;

   236 }

   237 

   238 .chatbar-button[open="true"] {

   239   box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);

   240 }

   241 

   242 .chatbar-button > .toolbarbutton-text,

   243 .chatbar-button > .toolbarbutton-menu-dropmarker {

   244   display: none;

   245 }

   246 

   247 .chatbar-button > menupopup > menuitem[activity] {

   248   font-weight: bold;

   249 }

   250 

   251 .chatbar-innerbox {

   252   background: transparent;

   253   margin: -285px 0 0;

   254   overflow: hidden;

   255 }

   256 

   257 chatbar {

   258   -moz-margin-end: 20px;

   259 }

   260 

   261 chatbox {

   262   -moz-margin-start: 4px;

   263   background-color: white;

   264   border: 1px solid #ccc;

   265   border-bottom: none;

   266 }

   267 

   268 window > chatbox {

   269   -moz-margin-start: 0px;

   270   margin: 0px;

   271   border: none;

   272   padding: 0px;

   273 }

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial