projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make CTP notification popup look better
[themes.git]
/
LCARStrek
/
browser
/
browser.css
diff --git
a/LCARStrek/browser/browser.css
b/LCARStrek/browser/browser.css
index b55e58acd5c62fb4f9b451269f0f179d40fa8c97..17e7e9a6b2f6c01e282e908802e53df772dd3cd8 100644
(file)
--- a/
LCARStrek/browser/browser.css
+++ b/
LCARStrek/browser/browser.css
@@
-1136,7
+1136,6
@@
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
#urlbar {
width: 7em;
#urlbar {
width: 7em;
- min-width: 7em;
/* make color as light as possible to deal with dark non-domain parts */
color: #FFBFFF;
}
/* make color as light as possible to deal with dark non-domain parts */
color: #FFBFFF;
}
@@
-1236,6
+1235,7
@@
html|*.urlbar-input:-moz-lwtheme:-moz-placeholder,
.urlbar-input-box {
-moz-margin-start: 0;
.urlbar-input-box {
-moz-margin-start: 0;
+ min-width: 4em;
}
#urlbar-icons {
}
#urlbar-icons {
@@
-1602,8
+1602,7
@@
richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
/* social recommending panel */
#share-button {
/* social recommending panel */
#share-button {
- width: 16px;
- height: 16px;
+ -moz-image-region: rect(0, 16px, 16px, 0);
}
#socialUserPortrait {
}
#socialUserPortrait {
@@
-1636,11
+1635,11
@@
richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
text-decoration: underline;
}
text-decoration: underline;
}
-#
editS
harePopupText {
+#
uns
harePopupText {
height: 48px;
}
height: 48px;
}
-#
editS
harePopupBottomButtons {
+#
uns
harePopupBottomButtons {
margin-top: 1em;
}
margin-top: 1em;
}
@@
-1748,12
+1747,12
@@
richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
}
#navigator-throbber[busy="true"] {
}
#navigator-throbber[busy="true"] {
- list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.
gif
");
+ list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.
png
");
}
#navigator-throbber,
#wrapper-navigator-throbber > #navigator-throbber {
}
#navigator-throbber,
#wrapper-navigator-throbber > #navigator-throbber {
- list-style-image: url("chrome://communicator/skin/brand/throbber16-single.
gif
");
+ list-style-image: url("chrome://communicator/skin/brand/throbber16-single.
png
");
}
/* Tabstrip */
}
/* Tabstrip */
@@
-1828,15
+1827,11
@@
richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
}
.tab-throbber {
}
.tab-throbber {
- list-style-image: url("chrome://
browser/skin/tabbrowser/connecting
.png");
+ list-style-image: url("chrome://
communicator/skin/brand/throbber16-anim-connect
.png");
}
.tab-throbber[progress] {
}
.tab-throbber[progress] {
- list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
-}
-
-#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
- min-height: 16px; /* corresponds to the max. height of non-textual tab contents, i.e. the favicon */
+ list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
}
.tab-throbber[pinned],
}
.tab-throbber[pinned],
@@
-2149,9
+2144,7
@@
toolbarbutton.bookmark-item[dragover="true"][open="true"] {
}
.popup-notification-icon[popupid="click-to-play-plugins"] {
}
.popup-notification-icon[popupid="click-to-play-plugins"] {
- list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
- width: 32px;
- height: 32px;
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
}
.addon-progress-description {
}
.addon-progress-description {
@@
-2199,6
+2192,10
@@
toolbarbutton.bookmark-item[dragover="true"][open="true"] {
list-style-image: url("chrome://browser/skin/webapps-64.png");
}
list-style-image: url("chrome://browser/skin/webapps-64.png");
}
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url("chrome://browser/skin/webRTC-shareDevice-64.png");
+}
+
/* Notification icon box */
#notification-popup-box {
position: relative;
/* Notification icon box */
#notification-popup-box {
position: relative;
@@
-2266,6
+2263,10
@@
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
}
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
}
+#webRTC-notification-icon {
+ list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
+}
+
#identity-popup-container {
min-width: 280px;
}
#identity-popup-container {
min-width: 280px;
}
@@
-2506,19
+2507,14
@@
window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
/* Highlighter */
/* Highlighter */
-.highlighter-veil {
- background-color: rgba(25, 25, 25, 0.5);
-}
-
-highlighter-veil-transparentbox {
- box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
- outline: 1px dashed rgba(255,255,255,0.5);
- outline-offset: -1px;
+#highlighter-outline {
+ box-shadow: 0 0 0 1px black;
+ outline: 1px dashed white;
}
}
-#highlighter-
veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox
{
- box-shadow: 0 0 0 1px
black
;
- outline-color:
white
;
+#highlighter-
outline[locked]
{
+ box-shadow: 0 0 0 1px
rgba(0,0,0,0.3)
;
+ outline-color:
rgba(255,255,255,0.7)
;
}
/* Highlighter toolbar */
}
/* Highlighter toolbar */
@@
-2533,16
+2529,6
@@
highlighter-veil-transparentbox {
-moz-image-region: rect(0 32px 16px 16px);
}
-moz-image-region: rect(0 32px 16px 16px);
}
-#inspector-option-toolbarbutton {
- list-style-image: url("chrome://browser/skin/devtools/inspector-option-icon.png");
- -moz-image-region: rect(0 16px 16px 0);
-}
-
-#inspector-option-toolbarbutton[open],
-#inspector-option-toolbarbutton:hover {
- -moz-image-region: rect(0 32px 16px 16px);
-}
-
#inspector-toolbar,
#developer-toolbar {
border-top: 3px solid #000000;
#inspector-toolbar,
#developer-toolbar {
border-top: 3px solid #000000;
@@
-3008,6
+2994,12
@@
html|*#gcli-output-frame {
border-color: transparent;
}
border-color: transparent;
}
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: #008484;
+ color: #000000;
+ text-shadow: none;
+}
+
.gclitoolbar-complete-node {
padding-left: 21px;
background-color: transparent;
.gclitoolbar-complete-node {
padding-left: 21px;
background-color: transparent;
@@
-3057,13
+3049,12
@@
html|*#gcli-output-frame {
/* Responsive Mode */
/* Responsive Mode */
-vbox[anonid=browserContainer][responsivemode] {
- background: #392900 url("chrome://browser/skin/devtools/responsive-background.png");
- box-shadow: 0 0 7px #9C9CFF inset;
+.browserContainer[responsivemode] {
+ background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
padding: 0 20px 20px 20px;
}
padding: 0 20px 20px 20px;
}
-
stack[anonid=browserStack]
[responsivemode] {
+
.browserStack
[responsivemode] {
box-shadow: 0 0 7px #9C9CFF;
}
box-shadow: 0 0 7px #9C9CFF;
}
@@
-3112,10
+3103,6
@@
stack[anonid=browserStack][responsivemode] {
transition: height 100ms;
}
transition: height 100ms;
}
-.web-console-splitter {
- border: none;
-}
-
/* Developer Toolbar */
.developer-toolbar-button {
/* Developer Toolbar */
.developer-toolbar-button {
@@
-3157,6
+3144,10
@@
stack[anonid=browserStack][responsivemode] {
display: none;
}
display: none;
}
+#developer-toolbar-toolbox-button {
+ -moz-image-region: rect(64px, 16px, 80px, 0);
+}
+
/* Error counter */
#developer-toolbar-webconsole[error-count]:before {
/* Error counter */
#developer-toolbar-webconsole[error-count]:before {
@@
-3210,8
+3201,7
@@
stack[anonid=browserStack][responsivemode] {
}
.social-notification-icon-image {
}
.social-notification-icon-image {
- width: 16px;
- height: 16px;
+ -moz-image-region: rect(0, 16px, 16px, 0);
}
#social-notification-icon-mentions {
}
#social-notification-icon-mentions {
@@
-3244,7
+3234,6
@@
stack[anonid=browserStack][responsivemode] {
background-color: #000000;
color: #FF9F00;
position: relative;
background-color: #000000;
color: #FF9F00;
position: relative;
- font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
cursor: pointer;
}
cursor: pointer;
}
@@
-3255,7
+3244,8
@@
stack[anonid=browserStack][responsivemode] {
margin: 10px;
}
margin: 10px;
}
-#social-statusarea-user > vbox > .link {
+#social-statusarea-user > vbox > #social-statusarea-notloggedin,
+#social-statusarea-user > vbox > #social-statusarea-username {
background: transparent;
border: none;
color: #9C9CFF;
background: transparent;
border: none;
color: #9C9CFF;
@@
-3263,7
+3253,9
@@
stack[anonid=browserStack][responsivemode] {
margin: 0 6px;
list-style-image: none;
}
margin: 0 6px;
list-style-image: none;
}
-#social-statusarea-user:hover > vbox > .link {
+
+#social-statusarea-user[_moz-menuactive] > vbox > #social-statusarea-notloggedin,
+#social-statusarea-user[_moz-menuactive] > vbox > #social-statusarea-username {
text-decoration: underline;
}
text-decoration: underline;
}
@@
-3271,7
+3263,6
@@
stack[anonid=browserStack][responsivemode] {
padding: 0;
}
padding: 0;
}
-#social-notification-box,
.social-panel-frame {
border-radius: inherit;
}
.social-panel-frame {
border-radius: inherit;
}
@@
-3307,6
+3298,7
@@
stack[anonid=browserStack][responsivemode] {
.chat-title {
font-weight: bold;
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
.chat-title {
font-weight: bold;
font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ text-shadow: none;
cursor: inherit;
}
cursor: inherit;
}
@@
-3314,7
+3306,7
@@
stack[anonid=browserStack][responsivemode] {
background-color: #9C9CFF;
color: #000000;
height: 20px;
background-color: #9C9CFF;
color: #000000;
height: 20px;
- min-height:
20
px;
+ min-height:
16
px;
width: 100%;
margin: 0;
padding: 2px;
width: 100%;
margin: 0;
padding: 2px;
@@
-3355,24
+3347,31
@@
stack[anonid=browserStack][responsivemode] {
-moz-border-end: 1px solid #008484;
}
-moz-border-end: 1px solid #008484;
}
-.chatbar-button > .button-box > .box-inherit > .button-icon {
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
max-height: 16px;
max-width: 16px;
max-height: 16px;
max-width: 16px;
- padding: 2px;
}
}
-.chatbar-button[open="true"],
-.chatbar-button:hover,
-.chatbar-button:active:hover {
+.chatbar-button > .toolbarbutton-icon {
+ opacity: .6;
+ -moz-margin-end: 0;
+}
+.chatbar-button:hover > .toolbarbutton-icon,
+.chatbar-button[open="true"] > .toolbarbutton-icon {
+ opacity: 1;
+}
+
+.chatbar-button[open="true"] {
}
}
-/* toolbarbutton-icon */
.chatbar-button > .toolbarbutton-text,
.chatbar-button > .toolbarbutton-menu-dropmarker {
display: none;
}
.chatbar-button > .toolbarbutton-text,
.chatbar-button > .toolbarbutton-menu-dropmarker {
display: none;
}
-.chatbar-button[activity] {
+.chatbar-button[activity]
:not([open="true"])
{
background-color: #E7ADE7;
}
background-color: #E7ADE7;
}
@@
-3382,26
+3381,28
@@
stack[anonid=browserStack][responsivemode] {
.chatbar-innerbox {
background: transparent;
.chatbar-innerbox {
background: transparent;
- margin: -2
00px -1px 0 -1px
;
+ margin: -2
85px 0 0
;
overflow: hidden;
}
overflow: hidden;
}
+chatbar {
+ -moz-margin-end: 20px;
+}
+
chatbar > chatbox {
chatbar > chatbox {
- height: 200px;
- width: 200px;
+ height: 285px;
+ width: 260px;
+ -moz-margin-start: 4px;
background-color: #000000;
border: 1px solid #9C9CFF;
border-bottom: none;
background-color: #000000;
border: 1px solid #9C9CFF;
border-bottom: none;
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px;
}
}
-chatb
ar > chatb
ox[minimized="true"] {
- width: 1
0
0px;
+chatbox[minimized="true"] {
+ width: 1
6
0px;
height: 20px;
height: 20px;
- border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
- -moz-margin-start: -1px;
}
.click-to-play-plugins-notification-content {
}
.click-to-play-plugins-notification-content {
@@
-3411,10
+3412,13
@@
chatbar > chatbox + chatbox {
.click-to-play-plugins-notification-icon-box {
background: #000000;
.click-to-play-plugins-notification-icon-box {
background: #000000;
- -moz-border-end: 1px solid #
9C9CFF
;
+ -moz-border-end: 1px solid #
FF9F00
;
padding-top: 16px;
-moz-padding-end: 16px;
-moz-padding-start: 24px;
padding-top: 16px;
-moz-padding-end: 16px;
-moz-padding-start: 24px;
+ -moz-margin-start: 4px;
+ margin-top: 4px;
+ margin-bottom: 4px;
}
.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
}
.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
@@
-3428,13
+3432,13
@@
chatbar > chatbox + chatbox {
}
.click-to-play-plugins-notification-separator {
}
.click-to-play-plugins-notification-separator {
- -moz-border-start: 1px solid #9C9CFF;
- border-top: 1px solid #9C9CFF;
+
/*
-moz-border-start: 1px solid #9C9CFF;
+ border-top: 1px solid #9C9CFF;
*/
}
.click-to-play-plugins-notification-description-box {
}
.click-to-play-plugins-notification-description-box {
- border-bottom: 1px solid #9C9CFF;
- -moz-border-start: 1px solid #9C9CFF;
+
/*
border-bottom: 1px solid #9C9CFF;
+ -moz-border-start: 1px solid #9C9CFF;
*/
padding-top: 12px;
-moz-padding-end: 11px;
padding-bottom: 9px;
padding-top: 12px;
-moz-padding-end: 11px;
padding-bottom: 9px;
@@
-3442,15
+3446,16
@@
chatbar > chatbox + chatbox {
}
.click-to-play-plugins-notification-center-box {
}
.click-to-play-plugins-notification-center-box {
- border-top: 1px solid #
9C9CFF
;
- border-bottom: 1px solid #
9C9CFF
;
- -moz-border-start: 1px solid #9C9CFF;
+ border-top: 1px solid #
FF9F00
;
+ border-bottom: 1px solid #
FF9F00
;
+ /*-moz-border-start: 1px solid #9C9CFF;*/
background-color: #000000;
background-color: #000000;
+ -moz-margin-end: 4px;
}
.click-to-play-plugins-notification-button-container {
}
.click-to-play-plugins-notification-button-container {
- border-top: 1px solid #9C9CFF;
- -moz-border-start: 1px solid #9C9CFF;
+
/*
border-top: 1px solid #9C9CFF;
+ -moz-border-start: 1px solid #9C9CFF;
*/
margin: 0px;
padding: 16px;
}
margin: 0px;
padding: 16px;
}