projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
make add-ons view have a correct LCARS look again
[themes.git]
/
LCARStrek
/
mozapps
/
extensions
/
extensions.css
diff --git
a/LCARStrek/mozapps/extensions/extensions.css
b/LCARStrek/mozapps/extensions/extensions.css
index 7822365199fd9f7feafeb693b936cf9df643a230..c8ad94a084d54f13b84b0f5ffa7f04dd1c6aa8d1 100644
(file)
--- a/
LCARStrek/mozapps/extensions/extensions.css
+++ b/
LCARStrek/mozapps/extensions/extensions.css
@@
-19,6
+19,8
@@
.view-pane > .list > scrollbox {
border-radius: 1em 0 0 0;
.view-pane > .list > scrollbox {
border-radius: 1em 0 0 0;
+/* padding-right: 48px;
+ padding-left: 48px; */
}
#search-list > scrollbox {
}
#search-list > scrollbox {
@@
-69,7
+71,6
@@
background-image: none;
}
background-image: none;
}
-
/*** notification icons ***/
.warning-icon,
/*** notification icons ***/
.warning-icon,
@@
-103,7
+104,9
@@
.alert-container {
-moz-box-align: center;
.alert-container {
-moz-box-align: center;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
+ padding-top: .5em;
}
.alert-spacer-before {
}
.alert-spacer-before {
@@
-135,11
+138,18
@@
}
.loading {
}
.loading {
- list-style-image: url("chrome://global/skin/icons/loading.
gif
");
+ list-style-image: url("chrome://global/skin/icons/loading.
png
");
padding-left: 20px;
padding-right: 20px;
}
padding-left: 20px;
padding-right: 20px;
}
+@media (min-resolution: 1.1dppx) {
+ .loading > image {
+ width: 16px;
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
button.warning {
list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
}
button.warning {
list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.svg");
}
@@
-174,7
+184,7
@@
button.warning {
background-color: #E7ADE7;
padding: 2px 8px;
margin: 6px 0;
background-color: #E7ADE7;
padding: 2px 8px;
margin: 6px 0;
-
-moz-margin
-start: 6px;
+
margin-inline
-start: 6px;
border-radius: 100%;
color: #000000;
font-weight: bold;
border-radius: 100%;
color: #000000;
font-weight: bold;
@@
-233,8
+243,11
@@
button.warning {
}
#view-port {
}
#view-port {
- background-color: #000000;
+}
+
+#headered-views-content {
border-radius: 1em 0 0 0;
border-radius: 1em 0 0 0;
+ background-color: #000000;
}
/*** header ***/
}
/*** header ***/
@@
-253,7
+266,7
@@
button.warning {
#header-utils-btn {
list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
#header-utils-btn {
list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
-
-moz-margin
-end: 16px;
+
margin-inline
-end: 16px;
}
#header-utils-btn:hover,
}
#header-utils-btn:hover,
@@
-272,8
+285,7
@@
button.warning {
}
.view-header {
}
.view-header {
- margin: 0;
- -moz-margin-end: 48px;
+ margin: 0 48px;
background-color: #9C9CFF;
color: #000000;
border-radius: 8px;
background-color: #9C9CFF;
color: #000000;
border-radius: 8px;
@@
-301,7
+313,7
@@
button.warning {
}
#forward-btn {
}
#forward-btn {
-
-moz-border
-start: none;
+
border-inline
-start: none;
}
#back-btn:-moz-locale-dir(ltr),
}
#back-btn:-moz-locale-dir(ltr),
@@
-365,12
+377,16
@@
button.warning {
}
.sorter .button-icon {
}
.sorter .button-icon {
-
-moz-margin
-start: 6px;
+
margin-inline
-start: 6px;
}
/*** discover view ***/
}
/*** discover view ***/
+#discover-view {
+ background-image: linear-gradient(#A09090 28px, #000000 28px, #000000 100%);
+}
+
.discover-spacer-before,
.discover-spacer-after {
-moz-box-flex: 1;
.discover-spacer-before,
.discover-spacer-after {
-moz-box-flex: 1;
@@
-383,7
+399,7
@@
button.warning {
.discover-logo {
list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
.discover-logo {
list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
-
-moz-margin
-end: 15px;
+
margin-inline
-end: 15px;
}
.discover-title {
}
.discover-title {
@@
-435,7
+451,7
@@
button.warning {
.details {
cursor: pointer;
margin: 0;
.details {
cursor: pointer;
margin: 0;
-
-moz-margin
-start: 10px;
+
margin-inline
-start: 10px;
}
.icon-container {
}
.icon-container {
@@
-453,7
+469,7
@@
button.warning {
}
.content-inner-container {
}
.content-inner-container {
-
-moz-margin
-end: 5px;
+
margin-inline
-end: 5px;
}
.addon[active="false"] .icon {
}
.addon[active="false"] .icon {
@@
-494,7
+510,7
@@
button.warning {
}
.description-container {
}
.description-container {
-
-moz-margin
-start: 6px;
+
margin-inline
-start: 6px;
-moz-box-align: center;
font-size: 1.25rem;
}
-moz-box-align: center;
font-size: 1.25rem;
}
@@
-507,7
+523,7
@@
button.warning {
.pending,
.error,
.info {
.pending,
.error,
.info {
-
-moz-margin
-start: 48px;
+
margin-inline
-start: 48px;
font-weight: bold;
-moz-box-align: center;
}
font-weight: bold;
-moz-box-align: center;
}
@@
-567,7
+583,7
@@
button.warning {
.addon .relnotes-container {
-moz-box-align: start;
.addon .relnotes-container {
-moz-box-align: start;
-
-moz-margin
-start: 6px;
+
margin-inline
-start: 6px;
height: 0;
overflow: hidden;
opacity: 0;
height: 0;
overflow: hidden;
opacity: 0;
@@
-596,7
+612,7
@@
button.warning {
}
.addon .relnotes-toggle > .button-box > .button-icon {
}
.addon .relnotes-toggle > .button-box > .button-icon {
-
-moz-padding
-start: 4px;
+
padding-inline
-start: 4px;
}
.addon[show-relnotes] .relnotes-toggle {
}
.addon[show-relnotes] .relnotes-toggle {
@@
-713,6
+729,8
@@
button.warning {
#search-filter {
padding: 5px 20px;
#search-filter {
padding: 5px 20px;
+/* margin-right: 48px;
+ margin-left: 48px;*/
-moz-box-align: center;
background-color: #000000;
font-size: 120%;
-moz-box-align: center;
background-color: #000000;
font-size: 120%;
@@
-723,7
+741,7
@@
button.warning {
#search-filter-label {
font-weight: bold;
color: #FFCF00;
#search-filter-label {
font-weight: bold;
color: #FFCF00;
-
-moz-margin
-end: 10px;
+
margin-inline
-end: 10px;
}
#search-allresults-link {
}
#search-allresults-link {
@@
-756,12
+774,12
@@
button.warning {
#detail-notifications .warning,
#detail-notifications .pending,
#detail-notifications .error {
#detail-notifications .warning,
#detail-notifications .pending,
#detail-notifications .error {
-
-moz-margin
-start: 0;
+
margin-inline
-start: 0;
}
#detail-icon-container {
width: 64px;
}
#detail-icon-container {
width: 64px;
-
-moz-margin
-end: 10px;
+
margin-inline
-end: 10px;
margin-top: 6px;
}
margin-top: 6px;
}
@@
-780,22
+798,29
@@
button.warning {
}
#detail-screenshot-box {
}
#detail-screenshot-box {
- -moz-margin-end: 2em;
+ margin-inline-end: 2em;
+/* background-color: white;*/
}
#detail-screenshot {
max-width: 300px;
max-height: 300px;
}
#detail-screenshot {
max-width: 300px;
max-height: 300px;
-/* background-color: white;*/
}
#detail-screenshot[loading] {
}
#detail-screenshot[loading] {
- background-image: url("chrome://
communicator/skin/brand/throbber-anim
.png");
+ background-image: url("chrome://
global/skin/icons/loading
.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}
background-position: 50% 50%;
background-repeat: no-repeat;
}
+@media (min-resolution: 1.1dppx) {
+ #detail-screenshot[loading] {
+ background-image: url("chrome://global/skin/icons/loading@2x.png");
+ background-size: 16px;
+ }
+}
+
#detail-screenshot[loading="error"] {
background-image: url("chrome://global/skin/icons/alert-error.gif");
}
#detail-screenshot[loading="error"] {
background-image: url("chrome://global/skin/icons/alert-error.gif");
}
@@
-805,7
+830,7
@@
button.warning {
}
#detail-desc, #detail-fulldesc {
}
#detail-desc, #detail-fulldesc {
-
-moz-margin
-start: 6px;
+
margin-inline
-start: 6px;
white-space: pre-wrap;
/* This is necessary to fix layout issues with multi-line descriptions, see
bug 592712*/
white-space: pre-wrap;
/* This is necessary to fix layout issues with multi-line descriptions, see
bug 592712*/
@@
-841,7
+866,7
@@
button.warning {
}
#detail-contrib-btn .button-icon {
}
#detail-contrib-btn .button-icon {
-
-moz-margin
-end: 3px;
+
margin-inline
-end: 3px;
}
#detail-grid {
}
#detail-grid {
@@
-890,7
+915,7
@@
setting {
font-size: 90.9%;
color: #808080;
margin-top: -2px;
font-size: 90.9%;
color: #808080;
margin-top: -2px;
-
-moz-margin
-start: 2em;
+
margin-inline
-start: 2em;
white-space: pre-wrap;
}
white-space: pre-wrap;
}
@@
-905,7
+930,7
@@
setting[type="radio"] > radiogroup {
/*** creator ***/
.creator > label {
/*** creator ***/
.creator > label {
-
-moz-margin
-end: 0;
+
margin-inline
-end: 0;
}
.creator > .text-link {
}
.creator > .text-link {
@@
-917,7
+942,7
@@
setting[type="radio"] > radiogroup {
/*** rating ***/
.meta-rating {
/*** rating ***/
.meta-rating {
-
-moz-margin
-end: 0;
+
margin-inline
-end: 0;
padding-top: 2px;
}
padding-top: 2px;
}
@@
-1001,7
+1026,7
@@
setting[type="radio"] > radiogroup {
}
.download-progress .cancel .button-icon {
}
.download-progress .cancel .button-icon {
-
-moz-margin
-start: 0;
+
margin-inline
-start: 0;
}
.download-progress .cancel {
}
.download-progress .cancel {
@@
-1102,7
+1127,8
@@
button.button-link:not([disabled="true"]):active:hover {
#disabled-unsigned-addons-info {
margin-bottom: 2em;
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
#disabled-unsigned-addons-heading {
}
#disabled-unsigned-addons-heading {