ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-06 01:11:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Front-end] Added drop-shadow version of app logo

Browse Source 
WTD-668
Added a version of the shadow with drop shadow on the About screen
This commit is contained in:
Charles Hacskaylo 2015-01-27 14:56:10 -08:00
parent 53d6b60bda
commit 6f26c9cd47
2 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
platform/commonUI/general/res/css/theme-espresso.css
View File

@ -1,5 +1,5 @@
/* CONSTANTS */ /* CONSTANTS */
/* line 17, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 17, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -20,38 +20,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block; } display: block; }
@ -369,7 +369,7 @@ span {
background-size: contain; } background-size: contain; }
/* line 20, ../sass/_about.scss */ /* line 20, ../sass/_about.scss */
.t-about .s-logo-openmctweb { .t-about .s-logo-openmctweb {
background-image: url("../images/logo-openmctweb.svg"); } background-image: url("../images/logo-openmctweb-shdw.svg"); }
/* line 23, ../sass/_about.scss */ /* line 23, ../sass/_about.scss */
.t-about h1, .t-about h2 { .t-about h1, .t-about h2 {
color: #fff; color: #fff;
@ -387,10 +387,10 @@ span {
/* line 40, ../sass/_about.scss */ /* line 40, ../sass/_about.scss */
.t-about .l-logo-holder .l-logo.l-logo-app { .t-about .l-logo-holder .l-logo.l-logo-app {
top: 0; top: 0;
right: 25%; right: 15%;
bottom: 0; bottom: 0;
left: 25%; } left: 15%; }
/* line 45, ../sass/_about.scss */ /* line 44, ../sass/_about.scss */
.t-about .l-logo-holder .l-logo.s-logo-nasa { .t-about .l-logo-holder .l-logo.s-logo-nasa {
background-image: url("../images/logo-nasa.svg"); background-image: url("../images/logo-nasa.svg");
top: 10px; top: 10px;
@ -401,7 +401,7 @@ span {
height: auto; height: auto;
padding-bottom: 5%; padding-bottom: 5%;
padding-top: 5%; } padding-top: 5%; }
/* line 54, ../sass/_about.scss */ /* line 53, ../sass/_about.scss */
.t-about .l-content { .t-about .l-content {
position: relative; position: relative;
margin-top: 10px; } margin-top: 10px; }
@ -2564,10 +2564,10 @@ input[type="text"] {
.wait-spinner { .wait-spinner {
display: block; display: block;
position: absolute; position: absolute;
-webkit-animation: rotation .6s infinite linear; -webkit-animation: rotation 0.6s infinite linear;
-moz-animation: rotation .6s infinite linear; -moz-animation: rotation 0.6s infinite linear;
-o-animation: rotation .6s infinite linear; -o-animation: rotation 0.6s infinite linear;
animation: rotation .6s infinite linear; animation: rotation 0.6s infinite linear;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; border-top-color: #0099cc;
border-style: solid; border-style: solid;
@ -2606,10 +2606,10 @@ input[type="text"] {
.treeview .wait-spinner { .treeview .wait-spinner {
display: block; display: block;
position: absolute; position: absolute;
-webkit-animation: rotation .6s infinite linear; -webkit-animation: rotation 0.6s infinite linear;
-moz-animation: rotation .6s infinite linear; -moz-animation: rotation 0.6s infinite linear;
-o-animation: rotation .6s infinite linear; -o-animation: rotation 0.6s infinite linear;
animation: rotation .6s infinite linear; animation: rotation 0.6s infinite linear;
border-color: rgba(0, 153, 204, 0.25); border-color: rgba(0, 153, 204, 0.25);
border-top-color: #0099cc; border-top-color: #0099cc;
border-style: solid; border-style: solid;

5
platform/commonUI/general/res/sass/_about.scss
View File

@ -18,7 +18,7 @@
background-size: contain; background-size: contain;
} }
.s-logo-openmctweb { .s-logo-openmctweb {
background-image: url($dirImgs + 'logo-openmctweb.svg'); background-image: url($dirImgs + 'logo-openmctweb-shdw.svg');
} }
h1, h2 { h1, h2 {
color: #fff; color: #fff;
@ -39,8 +39,7 @@
position: absolute; position: absolute;
&.l-logo-app { &.l-logo-app {
// @include test(blue); // @include test(blue);
top: 0; right: $w * 5; bottom: 0; left: $w * 5; top: 0; right: 15%; bottom: 0; left: 15%;
// height: auto; width: auto;
} }
&.s-logo-nasa { &.s-logo-nasa {
// @include test(red); // @include test(red);