1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
8 box-sizing: border-box;
23 background-color: #000000;
24 font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
28 body:not(.connected) button.device-action {
37 /********* SIDEBAR ***********/
43 flex-direction: column;
47 background-color: #000000;
49 border-right: 1px solid #9C9CFF;
57 #project-list:not([projects-count="0"]) > #no-project {
62 padding: 100px 20px 0;
69 /********* PROJECT MENU ***********/
74 background-color: #000000;
75 border-top: 1px solid #9C9CFF;
84 background-color: #FFCF00;
88 .project-item:hover strong,
89 .project-item:hover p,
90 .project-item:hover span {
98 .project-item.selected {
99 background-color: #008484;
102 .project-item.selected strong {
106 .project-item.selected p,
107 .project-item.selected span {
112 background-image: url('remove.svg');
113 background-size: 20px;
122 .project-item:hover .button-remove {
126 .project-item-status {
129 border-right: 1px solid #9C9CFF;
132 .project-item-status[status="valid"] {
133 background-color: #008484;
136 .project-item-status[status~="warning"] {
137 background-color: #FFCF00;
140 .project-item-status[status~="error"] {
141 background-color: #FF0000;
152 flex-shrink: 1 !important;
161 text-transform: uppercase;
164 .project-item-description {
169 /********* ADD PROJECT ***********/
171 #new-packaged-project {
172 background-position: calc(100% - 10px) 10px;
175 #new-packaged-project,
176 #new-hosted-project {
177 background-color: #000000;
179 border-top: 1px solid #9C9CFF;
184 #new-packaged-project:hover,
185 #new-hosted-project:hover {
186 background-color: #FFCF00;
190 #new-hosted-project-wrapper {
195 #new-packaged-project,
196 #new-hosted-project-click {
197 background-image: url('plus.svg');
198 background-size: 20px;
199 background-repeat: no-repeat;
203 #new-hosted-project-click {
204 background-position: top right;
215 border: 1px solid #9C9CFF;
221 /********* LENSE ***********/
230 background-color: #000000;
231 background-image: url('rocket.svg');
232 background-repeat: no-repeat, repeat;
233 background-size: 35%, auto;
234 background-position: center center, top left;
240 flex-direction: column;
244 /********* PROJECT ***********/
248 background-color: #000000;
252 flex-direction: column;
266 align-items: flex-start;
267 padding-bottom: 10px;
268 border-bottom: 1px solid #A09090;
272 .project-title > h1 {
281 font-family: monospace;
284 .project-location:hover {
285 text-decoration: underline;
290 border-bottom: 1px solid #A09090;
291 margin: 10px 20px 10px 20px;
292 padding-bottom: 10px;
307 .project-description {
312 .project-status > p {
313 text-transform: uppercase;
321 .project-validation {
327 .project-validation.valid {
328 background-color: #008484;
331 .project-validation.warning {
332 background-color: #FF9F00;
335 .project-validation.error {
336 background-color: #FF0000;
339 [status="valid"] > .project-validation.valid,
340 [status~="warning"] > .project-validation.warning,
341 [status~="error"] > .project-validation.error {
349 [type="hosted"] > .project-type.hosted,
350 [type="packaged"] > .project-type.packaged {
355 /********* PROJECT BUTTONS ***********/
365 .project-buttons > button {
368 border-left-width: 0;
371 -moz-padding-start: .5em;
372 -moz-padding-end: calc(.5em + 1px);
374 border-radius: 300px;
376 background-color: #C09070;
377 text-transform: uppercase;
380 .project-buttons > button:hover:active {
383 -moz-padding-start: calc(.5em + 1px);
384 -moz-padding-end: .5em;
387 .project-buttons > button:not([disabled]):hover {
388 background-color: #FFCF00;
392 .project-buttons > button[disabled] {
393 background-color: #402858;
395 pointer-events: none;
398 .project-buttons > button:first-child {
399 border-left-width: 1px;
402 .project-button-debug {
406 .project-button-debug:hover {
407 background-color: #3498DB;
411 .project-button-debug[disabled] {
415 .project-button-update {
419 .project-button-update:hover {
420 background-color: #777;
424 .project-button-update[disabled] {
430 /********* ERRORS AND WARNINGS ***********/
434 .project-item-warnings,
435 .project-item-errors {
439 [status~="warning"] .project-item-warnings,
440 [status~="error"] .project-item-errors {
441 display: inline-block;
444 [status~="warning"] > .project-warnings,
445 [status~="error"] > .project-errors {
453 font-family: monospace;
458 border-left: 3px solid #9C9CFF;
459 background-color: #FF9F00;
463 border-left: 3px solid #9C9CFF;
464 background-color: #FF0000;
467 .project-item-warnings {
468 background-image: url('warning.svg');
472 .project-item-errors {
473 background-image: url('error.svg');
477 .project-item-warnings,
478 .project-item-errors {
479 background-repeat: no-repeat;
480 background-size: 12px;
481 background-position: left center;
485 .project-item-warnings > span,
486 .project-item-errors > span {
493 /********* MANIFEST EDITOR ***********/
497 flex-direction: column;
499 background-color: #000000;
507 .manifest-header > h2 {
509 margin: 1em 15px 1em 30px;
513 .manifest-header > button {
516 border-right-width: 0;
519 -moz-padding-start: .5em;
520 -moz-padding-end: calc(.5em + 1px);
522 border-radius: 300px;
524 background-color: #C09070;
525 text-transform: uppercase;
529 .manifest-header > button:hover:active {
532 -moz-padding-start: calc(.5em + 1px);
533 -moz-padding-end: .5em;
536 .manifest-header > button:not([disabled]):hover {
537 background-color: #FFCF00;
541 .manifest-header > button[disabled] {
542 background-color: #402858;
544 pointer-events: none;
547 .manifest-header > button:last-child {
548 border-right-width: 1px;
551 [type="packaged"] > .editable {
555 [type="hosted"] > .viewable {
559 .manifest-button-save {
563 .manifest-button-save:hover {
564 background-color: #777;
568 .manifest-button-save[disabled] {
575 border-top: 5px solid #9C9CFF;
578 /* Bug 925921: Remove when the manifest editor is always on */
588 #lense[manifest-editable] .manifest-editor {
592 #lense[manifest-editable] .project-details {
596 /* End blocks to remove */