The Tor Browser / annotate

browser/themes/shared/social/chat.inc.css@6474c204b198 (annotated)

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

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 %if 0
michael@0 2 /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0 3 * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0 4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0 5 %endif
michael@0 6
michael@0 7 #social-sidebar-header {
michael@0 8 padding: 3px;
michael@0 9 }
michael@0 10
michael@0 11 #social-sidebar-button {
michael@0 12 -moz-appearance: none;
michael@0 13 list-style-image: url(chrome://browser/skin/social/gear_default.png);
michael@0 14 border: none;
michael@0 15 padding: 0;
michael@0 16 margin: 2px;
michael@0 17 }
michael@0 18 #social-sidebar-button > .toolbarbutton-icon {
michael@0 19 min-height: 16px;
michael@0 20 min-width: 16px;
michael@0 21 }
michael@0 22 #social-sidebar-button:hover,
michael@0 23 #social-sidebar-button:hover:active {
michael@0 24 list-style-image: url(chrome://browser/skin/social/gear_clicked.png);
michael@0 25 }
michael@0 26 #social-sidebar-button > .toolbarbutton-menu-dropmarker {
michael@0 27 display: none;
michael@0 28 }
michael@0 29
michael@0 30 #social-sidebar-button[loading="true"] {
michael@0 31 list-style-image: url("chrome://global/skin/icons/loading_16.png");
michael@0 32 }
michael@0 33
michael@0 34 #social-sidebar-favico {
michael@0 35 max-height: 16px;
michael@0 36 max-width: 16px;
michael@0 37 padding: 0;
michael@0 38 margin: 2px;
michael@0 39 }
michael@0 40
michael@0 41 .chat-status-icon {
michael@0 42 max-height: 16px;
michael@0 43 max-width: 16px;
michael@0 44 padding: 0;
michael@0 45 }
michael@0 46
michael@0 47 .chat-toolbarbutton {
michael@0 48 -moz-appearance: none;
michael@0 49 border: none;
michael@0 50 padding: 0;
michael@0 51 margin: 0;
michael@0 52 background: none;
michael@0 53 width: 16px;
michael@0 54 }
michael@0 55
michael@0 56 .chat-toolbarbutton > .toolbarbutton-text {
michael@0 57 display: none;
michael@0 58 }
michael@0 59
michael@0 60 .chat-toolbarbutton > .toolbarbutton-icon {
michael@0 61 width: inherit;
michael@0 62 }
michael@0 63
michael@0 64 .chat-close-button {
michael@0 65 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
michael@0 66 -moz-image-region: rect(0, 16px, 16px, 0);
michael@0 67 }
michael@0 68
michael@0 69 .chat-close-button:hover {
michael@0 70 -moz-image-region: rect(0, 32px, 16px, 16px);
michael@0 71 }
michael@0 72
michael@0 73 .chat-close-button:hover:active {
michael@0 74 -moz-image-region: rect(0, 48px, 16px, 32px);
michael@0 75 }
michael@0 76
michael@0 77 .chat-minimize-button {
michael@0 78 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
michael@0 79 -moz-image-region: rect(16px, 16px, 32px, 0);
michael@0 80 }
michael@0 81
michael@0 82 .chat-minimize-button:hover {
michael@0 83 -moz-image-region: rect(16px, 32px, 32px, 16px);
michael@0 84 }
michael@0 85
michael@0 86 .chat-minimize-button:hover:active {
michael@0 87 -moz-image-region: rect(16px, 48px, 32px, 32px);
michael@0 88 }
michael@0 89
michael@0 90 .chat-swap-button {
michael@0 91 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
michael@0 92 -moz-image-region: rect(48px, 16px, 64px, 0);
michael@0 93 }
michael@0 94
michael@0 95 .chat-swap-button:hover {
michael@0 96 -moz-image-region: rect(48px, 32px, 64px, 16px);
michael@0 97 }
michael@0 98
michael@0 99 .chat-swap-button:hover:active {
michael@0 100 -moz-image-region: rect(48px, 48px, 64px, 32px);
michael@0 101 }
michael@0 102
michael@0 103 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
michael@0 104 list-style-image: url('chrome://browser/skin/social/chat-icons.png');
michael@0 105 -moz-image-region: rect(32px, 16px, 48px, 0);
michael@0 106 }
michael@0 107
michael@0 108 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
michael@0 109 -moz-image-region: rect(32px, 32px, 48px, 16px);
michael@0 110 }
michael@0 111
michael@0 112 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
michael@0 113 -moz-image-region: rect(32px, 48px, 48px, 32px);
michael@0 114 }
michael@0 115
michael@0 116 @media (min-resolution: 2dppx) {
michael@0 117 .chat-close-button {
michael@0 118 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
michael@0 119 -moz-image-region: rect(0, 32px, 32px, 0);
michael@0 120 }
michael@0 121
michael@0 122 .chat-close-button:hover {
michael@0 123 -moz-image-region: rect(0, 64px, 32px, 32px);
michael@0 124 }
michael@0 125
michael@0 126 .chat-close-button:hover:active {
michael@0 127 -moz-image-region: rect(0, 96px, 32px, 64px);
michael@0 128 }
michael@0 129
michael@0 130 .chat-minimize-button {
michael@0 131 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
michael@0 132 -moz-image-region: rect(32px, 32px, 64px, 0);
michael@0 133 }
michael@0 134
michael@0 135 .chat-minimize-button:hover {
michael@0 136 -moz-image-region: rect(32px, 64px, 64px, 32px);
michael@0 137 }
michael@0 138
michael@0 139 .chat-minimize-button:hover:active {
michael@0 140 -moz-image-region: rect(32px, 96px, 64px, 64px);
michael@0 141 }
michael@0 142
michael@0 143 .chat-swap-button {
michael@0 144 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
michael@0 145 -moz-image-region: rect(96px, 32px, 128px, 0);
michael@0 146 }
michael@0 147
michael@0 148 .chat-swap-button:hover {
michael@0 149 -moz-image-region: rect(96px, 64px, 128px, 32px);
michael@0 150 }
michael@0 151
michael@0 152 .chat-swap-button:hover:active {
michael@0 153 -moz-image-region: rect(96px, 96px, 128px, 64px);
michael@0 154 }
michael@0 155
michael@0 156 chatbar > chatbox > .chat-titlebar > .chat-swap-button {
michael@0 157 list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
michael@0 158 -moz-image-region: rect(64px, 32px, 96px, 0);
michael@0 159 }
michael@0 160
michael@0 161 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
michael@0 162 -moz-image-region: rect(64px, 64px, 96px, 32px);
michael@0 163 }
michael@0 164
michael@0 165 chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
michael@0 166 -moz-image-region: rect(64px, 96px, 96px, 64px);
michael@0 167 }
michael@0 168 }
michael@0 169
michael@0 170 .chat-title {
michael@0 171 font-weight: bold;
michael@0 172 color: black;
michael@0 173 text-shadow: none;
michael@0 174 cursor: inherit;
michael@0 175 }
michael@0 176
michael@0 177 .chat-titlebar {
michael@0 178 height: 20px;
michael@0 179 min-height: 20px;
michael@0 180 width: 100%;
michael@0 181 margin: 0;
michael@0 182 padding: 2px;
michael@0 183 -moz-padding-start: 6px;
michael@0 184 border: none;
michael@0 185 border-bottom: 1px solid #ccc;
michael@0 186 cursor: pointer;
michael@0 187 }
michael@0 188
michael@0 189 .chat-titlebar > .notification-anchor-icon {
michael@0 190 margin-left: 2px;
michael@0 191 margin-right: 2px;
michael@0 192 }
michael@0 193
michael@0 194 .chat-titlebar[minimized="true"] {
michael@0 195 border-bottom: none;
michael@0 196 }
michael@0 197
michael@0 198 .chat-titlebar[activity] {
michael@0 199 background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), rgba(255,255,255,0));
michael@0 200 background-repeat: no-repeat;
michael@0 201 background-size: 100% 20px;
michael@0 202 background-position: 0 -10px;
michael@0 203 }
michael@0 204
michael@0 205 .chat-frame {
michael@0 206 padding: 0;
michael@0 207 margin: 0;
michael@0 208 overflow: hidden;
michael@0 209 }
michael@0 210
michael@0 211 .chatbar-button {
michael@0 212 list-style-image: url("chrome://browser/skin/social/services-16.png");
michael@0 213 margin: 0;
michael@0 214 padding: 2px;
michael@0 215 height: 21px;
michael@0 216 width: 21px;
michael@0 217 border: 1px solid #ccc;
michael@0 218 border-bottom: none;
michael@0 219 }
michael@0 220
michael@0 221 @media (min-resolution: 2dppx) {
michael@0 222 .chatbar-button {
michael@0 223 list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
michael@0 224 }
michael@0 225 }
michael@0 226
michael@0 227 .chatbar-button > .toolbarbutton-icon {
michael@0 228 width: 16px;
michael@0 229 }
michael@0 230
michael@0 231 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
michael@0 232 width: auto;
michael@0 233 height: auto;
michael@0 234 max-height: 16px;
michael@0 235 max-width: 16px;
michael@0 236 }
michael@0 237
michael@0 238 .chatbar-button[open="true"] {
michael@0 239 box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
michael@0 240 }
michael@0 241
michael@0 242 .chatbar-button > .toolbarbutton-text,
michael@0 243 .chatbar-button > .toolbarbutton-menu-dropmarker {
michael@0 244 display: none;
michael@0 245 }
michael@0 246
michael@0 247 .chatbar-button > menupopup > menuitem[activity] {
michael@0 248 font-weight: bold;
michael@0 249 }
michael@0 250
michael@0 251 .chatbar-innerbox {
michael@0 252 background: transparent;
michael@0 253 margin: -285px 0 0;
michael@0 254 overflow: hidden;
michael@0 255 }
michael@0 256
michael@0 257 chatbar {
michael@0 258 -moz-margin-end: 20px;
michael@0 259 }
michael@0 260
michael@0 261 chatbox {
michael@0 262 -moz-margin-start: 4px;
michael@0 263 background-color: white;
michael@0 264 border: 1px solid #ccc;
michael@0 265 border-bottom: none;
michael@0 266 }
michael@0 267
michael@0 268 window > chatbox {
michael@0 269 -moz-margin-start: 0px;
michael@0 270 margin: 0px;
michael@0 271 border: none;
michael@0 272 padding: 0px;
michael@0 273 }

Mercurial Repository: The Tor Browser

Europalab SCM Repository Server

mercurial