Mirrors/overte-HifiExperiments
3
0
Fork 0
mirror of https://github.com/HifiExperiments/overte.git synced 2025-08-09 13:18:26 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

New css for new buttons and icons

Browse source 
New css for new buttons and icons
for the Create App. new HMD button for copy, cut, paste, duplicate, undo and redo.
This commit is contained in:
Alezia Kurdis 2020-09-26 00:42:19 -04:00 committed by GitHub
parent 4f353ec668
commit 08038fb1bc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
scripts/system/html/css/edit-style.css
View file

@ -65,6 +65,14 @@
url(../fonts/hifi-glyphs.ttf); url(../fonts/hifi-glyphs.ttf);
} }
@font-face {
font-family: Vircadia-Glyphs;
src: url(../../../../resources/fonts/vircadia_glyphs.ttf),
url(../../../../fonts/vircadia_glyphs.ttf),
url(../../../../interface/resources/fonts/vircadia_glyphs.ttf),
url(../fonts/vircadia_glyphs.ttf);
}
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -407,6 +415,14 @@ input[type=button].glyph, button.hifi-edit-button.glyph {
padding: 0; padding: 0;
} }
input[type=button].vglyph, button.hifi-edit-button.vglyph {
font-family: Vircadia-Glyphs;
font-size: 20px;
text-transform: none;
min-width: 32px;
padding: 0;
}
input[type=button].red, button.hifi-edit-button.red { input[type=button].red, button.hifi-edit-button.red {
color: #fff; color: #fff;
background-color: #94132e; background-color: #94132e;
@ -417,6 +433,16 @@ input[type=button].blue, button.hifi-edit-button.blue {
background-color: #1080b8; background-color: #1080b8;
background: linear-gradient(#00b4ef 20%, #1080b8 100%); background: linear-gradient(#00b4ef 20%, #1080b8 100%);
} }
input[type=button].orange, button.hifi-edit-button.orange {
color: #fff;
background-color: #8f5100;
background: linear-gradient(#d97b00 20%, #8f5100 100%);
}
input[type=button].green, button.hifi-edit-button.green {
color: #fff;
background-color: #078a00;
background: linear-gradient(#00cc07 20%, #078a00 100%);
}
input[type=button].white, button.hifi-edit-button.white { input[type=button].white, button.hifi-edit-button.white {
color: #121212; color: #121212;
background-color: #afafaf; background-color: #afafaf;
@ -435,6 +461,14 @@ input[type=button].blue:enabled:hover, button.hifi-edit-button.blue:enabled:hove
background: linear-gradient(#00b4ef, #00b4ef); background: linear-gradient(#00b4ef, #00b4ef);
border: none; border: none;
} }
input[type=button].orange:enabled:hover, button.hifi-edit-button.orange:enabled:hover {
background: linear-gradient(#d97b00, #d97b00);
border: none;
}
input[type=button].green:enabled:hover, button.hifi-edit-button.green:enabled:hover {
background: linear-gradient(#00cc07, #00cc07);
border: none;
}
input[type=button].white:enabled:hover, button.hifi-edit-button.white:enabled:hover { input[type=button].white:enabled:hover, button.hifi-edit-button.white:enabled:hover {
background: linear-gradient(#fff, #fff); background: linear-gradient(#fff, #fff);
border: none; border: none;
@ -449,6 +483,12 @@ input[type=button].red:active, button.hifi-edit-button.red:active {
input[type=button].blue:active, button.hifi-edit-button.blue:active { input[type=button].blue:active, button.hifi-edit-button.blue:active {
background: linear-gradient(#1080b8, #1080b8); background: linear-gradient(#1080b8, #1080b8);
} }
input[type=button].orange:active, button.hifi-edit-button.orange:active {
background: linear-gradient(#8f5100, #8f5100);
}
input[type=button].green:active, button.hifi-edit-button.green:active {
background: linear-gradient(#078a00, #078a00);
}
input[type=button].white:active, button.hifi-edit-button.white:active { input[type=button].white:active, button.hifi-edit-button.white:active {
background: linear-gradient(#afafaf, #afafaf); background: linear-gradient(#afafaf, #afafaf);
} }