1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/themes/shared/social/chat.inc.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,273 @@
1.4 +%if 0
1.5 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.6 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.7 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.8 +%endif
1.9 +
1.10 +#social-sidebar-header {
1.11 + padding: 3px;
1.12 +}
1.13 +
1.14 +#social-sidebar-button {
1.15 + -moz-appearance: none;
1.16 + list-style-image: url(chrome://browser/skin/social/gear_default.png);
1.17 + border: none;
1.18 + padding: 0;
1.19 + margin: 2px;
1.20 +}
1.21 +#social-sidebar-button > .toolbarbutton-icon {
1.22 + min-height: 16px;
1.23 + min-width: 16px;
1.24 +}
1.25 +#social-sidebar-button:hover,
1.26 +#social-sidebar-button:hover:active {
1.27 + list-style-image: url(chrome://browser/skin/social/gear_clicked.png);
1.28 +}
1.29 +#social-sidebar-button > .toolbarbutton-menu-dropmarker {
1.30 + display: none;
1.31 +}
1.32 +
1.33 +#social-sidebar-button[loading="true"] {
1.34 + list-style-image: url("chrome://global/skin/icons/loading_16.png");
1.35 +}
1.36 +
1.37 +#social-sidebar-favico {
1.38 + max-height: 16px;
1.39 + max-width: 16px;
1.40 + padding: 0;
1.41 + margin: 2px;
1.42 +}
1.43 +
1.44 +.chat-status-icon {
1.45 + max-height: 16px;
1.46 + max-width: 16px;
1.47 + padding: 0;
1.48 +}
1.49 +
1.50 +.chat-toolbarbutton {
1.51 + -moz-appearance: none;
1.52 + border: none;
1.53 + padding: 0;
1.54 + margin: 0;
1.55 + background: none;
1.56 + width: 16px;
1.57 +}
1.58 +
1.59 +.chat-toolbarbutton > .toolbarbutton-text {
1.60 + display: none;
1.61 +}
1.62 +
1.63 +.chat-toolbarbutton > .toolbarbutton-icon {
1.64 + width: inherit;
1.65 +}
1.66 +
1.67 +.chat-close-button {
1.68 + list-style-image: url('chrome://browser/skin/social/chat-icons.png');
1.69 + -moz-image-region: rect(0, 16px, 16px, 0);
1.70 +}
1.71 +
1.72 +.chat-close-button:hover {
1.73 + -moz-image-region: rect(0, 32px, 16px, 16px);
1.74 +}
1.75 +
1.76 +.chat-close-button:hover:active {
1.77 + -moz-image-region: rect(0, 48px, 16px, 32px);
1.78 +}
1.79 +
1.80 +.chat-minimize-button {
1.81 + list-style-image: url('chrome://browser/skin/social/chat-icons.png');
1.82 + -moz-image-region: rect(16px, 16px, 32px, 0);
1.83 +}
1.84 +
1.85 +.chat-minimize-button:hover {
1.86 + -moz-image-region: rect(16px, 32px, 32px, 16px);
1.87 +}
1.88 +
1.89 +.chat-minimize-button:hover:active {
1.90 + -moz-image-region: rect(16px, 48px, 32px, 32px);
1.91 +}
1.92 +
1.93 +.chat-swap-button {
1.94 + list-style-image: url('chrome://browser/skin/social/chat-icons.png');
1.95 + -moz-image-region: rect(48px, 16px, 64px, 0);
1.96 +}
1.97 +
1.98 +.chat-swap-button:hover {
1.99 + -moz-image-region: rect(48px, 32px, 64px, 16px);
1.100 +}
1.101 +
1.102 +.chat-swap-button:hover:active {
1.103 + -moz-image-region: rect(48px, 48px, 64px, 32px);
1.104 +}
1.105 +
1.106 +chatbar > chatbox > .chat-titlebar > .chat-swap-button {
1.107 + list-style-image: url('chrome://browser/skin/social/chat-icons.png');
1.108 + -moz-image-region: rect(32px, 16px, 48px, 0);
1.109 +}
1.110 +
1.111 +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
1.112 + -moz-image-region: rect(32px, 32px, 48px, 16px);
1.113 +}
1.114 +
1.115 +chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
1.116 + -moz-image-region: rect(32px, 48px, 48px, 32px);
1.117 +}
1.118 +
1.119 +@media (min-resolution: 2dppx) {
1.120 + .chat-close-button {
1.121 + list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
1.122 + -moz-image-region: rect(0, 32px, 32px, 0);
1.123 + }
1.124 +
1.125 + .chat-close-button:hover {
1.126 + -moz-image-region: rect(0, 64px, 32px, 32px);
1.127 + }
1.128 +
1.129 + .chat-close-button:hover:active {
1.130 + -moz-image-region: rect(0, 96px, 32px, 64px);
1.131 + }
1.132 +
1.133 + .chat-minimize-button {
1.134 + list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
1.135 + -moz-image-region: rect(32px, 32px, 64px, 0);
1.136 + }
1.137 +
1.138 + .chat-minimize-button:hover {
1.139 + -moz-image-region: rect(32px, 64px, 64px, 32px);
1.140 + }
1.141 +
1.142 + .chat-minimize-button:hover:active {
1.143 + -moz-image-region: rect(32px, 96px, 64px, 64px);
1.144 + }
1.145 +
1.146 + .chat-swap-button {
1.147 + list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
1.148 + -moz-image-region: rect(96px, 32px, 128px, 0);
1.149 + }
1.150 +
1.151 + .chat-swap-button:hover {
1.152 + -moz-image-region: rect(96px, 64px, 128px, 32px);
1.153 + }
1.154 +
1.155 + .chat-swap-button:hover:active {
1.156 + -moz-image-region: rect(96px, 96px, 128px, 64px);
1.157 + }
1.158 +
1.159 + chatbar > chatbox > .chat-titlebar > .chat-swap-button {
1.160 + list-style-image: url('chrome://browser/skin/social/chat-icons@2x.png');
1.161 + -moz-image-region: rect(64px, 32px, 96px, 0);
1.162 + }
1.163 +
1.164 + chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
1.165 + -moz-image-region: rect(64px, 64px, 96px, 32px);
1.166 + }
1.167 +
1.168 + chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover:active {
1.169 + -moz-image-region: rect(64px, 96px, 96px, 64px);
1.170 + }
1.171 +}
1.172 +
1.173 +.chat-title {
1.174 + font-weight: bold;
1.175 + color: black;
1.176 + text-shadow: none;
1.177 + cursor: inherit;
1.178 +}
1.179 +
1.180 +.chat-titlebar {
1.181 + height: 20px;
1.182 + min-height: 20px;
1.183 + width: 100%;
1.184 + margin: 0;
1.185 + padding: 2px;
1.186 + -moz-padding-start: 6px;
1.187 + border: none;
1.188 + border-bottom: 1px solid #ccc;
1.189 + cursor: pointer;
1.190 +}
1.191 +
1.192 +.chat-titlebar > .notification-anchor-icon {
1.193 + margin-left: 2px;
1.194 + margin-right: 2px;
1.195 +}
1.196 +
1.197 +.chat-titlebar[minimized="true"] {
1.198 + border-bottom: none;
1.199 +}
1.200 +
1.201 +.chat-titlebar[activity] {
1.202 + background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), rgba(255,255,255,0));
1.203 + background-repeat: no-repeat;
1.204 + background-size: 100% 20px;
1.205 + background-position: 0 -10px;
1.206 +}
1.207 +
1.208 +.chat-frame {
1.209 + padding: 0;
1.210 + margin: 0;
1.211 + overflow: hidden;
1.212 +}
1.213 +
1.214 +.chatbar-button {
1.215 + list-style-image: url("chrome://browser/skin/social/services-16.png");
1.216 + margin: 0;
1.217 + padding: 2px;
1.218 + height: 21px;
1.219 + width: 21px;
1.220 + border: 1px solid #ccc;
1.221 + border-bottom: none;
1.222 +}
1.223 +
1.224 +@media (min-resolution: 2dppx) {
1.225 + .chatbar-button {
1.226 + list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
1.227 + }
1.228 +}
1.229 +
1.230 +.chatbar-button > .toolbarbutton-icon {
1.231 + width: 16px;
1.232 +}
1.233 +
1.234 +.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
1.235 + width: auto;
1.236 + height: auto;
1.237 + max-height: 16px;
1.238 + max-width: 16px;
1.239 +}
1.240 +
1.241 +.chatbar-button[open="true"] {
1.242 + box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
1.243 +}
1.244 +
1.245 +.chatbar-button > .toolbarbutton-text,
1.246 +.chatbar-button > .toolbarbutton-menu-dropmarker {
1.247 + display: none;
1.248 +}
1.249 +
1.250 +.chatbar-button > menupopup > menuitem[activity] {
1.251 + font-weight: bold;
1.252 +}
1.253 +
1.254 +.chatbar-innerbox {
1.255 + background: transparent;
1.256 + margin: -285px 0 0;
1.257 + overflow: hidden;
1.258 +}
1.259 +
1.260 +chatbar {
1.261 + -moz-margin-end: 20px;
1.262 +}
1.263 +
1.264 +chatbox {
1.265 + -moz-margin-start: 4px;
1.266 + background-color: white;
1.267 + border: 1px solid #ccc;
1.268 + border-bottom: none;
1.269 +}
1.270 +
1.271 +window > chatbox {
1.272 + -moz-margin-start: 0px;
1.273 + margin: 0px;
1.274 + border: none;
1.275 + padding: 0px;
1.276 +}
