Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
|
|
@ -0,0 +1,16 @@
|
|||
#appdetail-view.view {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#appdetail-view > .view-scroll {
|
||||
top: 5rem;
|
||||
}
|
||||
|
||||
#appdetail-view .info {
|
||||
font-size: 1.7rem;
|
||||
padding: 0 3rem 1rem;
|
||||
}
|
||||
|
||||
#appdetail-view .settings > li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,140 @@
|
|||
/* OVERVIEW */
|
||||
#balance-tab-update-button {
|
||||
width: 13.5rem;
|
||||
}
|
||||
|
||||
#balance-tab .overview {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
border-bottom: solid 0.1rem #b7b7b7;
|
||||
box-shadow: 0 0.1rem 0 0 rgba(255, 255, 255, 0.8);
|
||||
margin-bottom: 1rem;
|
||||
padding: 0 0 0.8rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
html[dir="ltr"] #balance-tab .overview .info {
|
||||
transform: translateX(4.0rem);
|
||||
}
|
||||
html[dir="rtl"] #balance-tab .overview .info {
|
||||
transform: translateX(-4.0rem);
|
||||
}
|
||||
#balance-tab .overview .info {
|
||||
transition: transform var(--transition-duration);
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
padding-inline-start: 1rem;
|
||||
}
|
||||
|
||||
#balance-tab .overview .end {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#balance-tab-credit {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* COUNTDOWN */
|
||||
.countdown {
|
||||
font-size: 1.6rem;
|
||||
padding-bottom: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
|
||||
#top-up-countdown {
|
||||
color: #c7c9c6;
|
||||
}
|
||||
|
||||
/* ERROR MESSAGES */
|
||||
section.content .error-messages[hidden] {
|
||||
transform: translateY(-10rem);
|
||||
display: block !important;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
section.content .error-messages {
|
||||
transform: translate(0,0);
|
||||
color: #b20000;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4em;
|
||||
padding: 0 0.8rem 0.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
overflow: hidden;
|
||||
border-bottom: solid 1px #b20000;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
/* ICONS CONTAINER */
|
||||
#balance-tab .overview .icons {
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 0 0.4rem;
|
||||
padding-inline-end: 0;
|
||||
margin: 0.5rem 1rem 1rem;
|
||||
flex: 0 0 2.2rem;
|
||||
}
|
||||
|
||||
/* ICONS*/
|
||||
#balance-tab .overview .icons progress,
|
||||
#balance-tab .overview .icons .warning {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* SPINNER */
|
||||
#balance-tab .overview .icons progress {
|
||||
margin: -0.5rem 0 0 -0.5rem;
|
||||
}
|
||||
|
||||
/* WARNING*/
|
||||
#balance-tab .overview .icons .warning {
|
||||
background: url('./../images/app/icons/warning.png') no-repeat center / 2.2rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ALL STATES */
|
||||
html[dir="ltr"] #balance-tab.updating .overview > .info,
|
||||
html[dir="rtl"] #balance-tab.updating .overview > .info,
|
||||
html[dir="ltr"] #balance-tab.warning .overview > .info,
|
||||
html[dir="rtl"] #balance-tab.warning .overview > .info {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
/* UPDATING STATE */
|
||||
#balance-tab.updating .overview .icons progress {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#balance-tab.updating .overview .icons .warning {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* WARNING STATE */
|
||||
#balance-tab.warning .overview .icons .warning{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#balance-tab.warning #balance-tab-credit,
|
||||
#balance-tab.warning #balance-tab-currency {
|
||||
color: #777775;
|
||||
}
|
||||
|
||||
/* LOW CREDIT STATE */
|
||||
#balance-tab.low-credit #balance-tab-credit,
|
||||
#balance-tab.low-credit #balance-tab-currency {
|
||||
color: #e7a239;
|
||||
}
|
||||
|
||||
/* ZERO CREDIT STATE */
|
||||
#balance-tab.no-credit #balance-tab-credit,
|
||||
#balance-tab.no-credit #balance-tab-currency {
|
||||
color: #a50606;
|
||||
}
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
/* TOPUP VIEW */
|
||||
#data-limit-dialog {
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
#data-limit-dialog form {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-top: solid 0.1rem #e7e7e7;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form button.switch-unit-button {
|
||||
margin: 0;
|
||||
width: 9rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form label {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#data-limit-dialog form .buttons-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form input {
|
||||
text-align: end;
|
||||
font-weight: 500;
|
||||
font-size: 2.4rem;
|
||||
width: calc(100% - 1rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#data-limit-dialog .content .info h2 {
|
||||
font-size: 1.8rem;
|
||||
line-height: 1em;
|
||||
font-weight: normal;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog .content .info p {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.3em;
|
||||
color: #505859;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,147 @@
|
|||
/* DATAUSAGE VIEW */
|
||||
#datausage-tab .content {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
padding-bottom: 3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* DATA TOGGLE */
|
||||
#datausage-tab .toggle-data {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 1.5rem;
|
||||
border: solid 0.1rem #adadad;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li {
|
||||
height: 3.8rem;
|
||||
padding-inline-start: 3rem;
|
||||
border-bottom-color: #adadad;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li label {
|
||||
/* Removing BB absolute positioning styles */
|
||||
position: unset;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding-inline-end: 2.2rem;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data .data-origin-label,
|
||||
#datausage-tab .toggle-data .overview {
|
||||
font-size: 1.9rem;
|
||||
font-weight: normal;
|
||||
line-height: 3.8rem;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data .data-origin-label {
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* Color legend (square) */
|
||||
#datausage-tab .toggle-data li:before {
|
||||
content: "";
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
border: solid 0.1rem #979797;
|
||||
left: 0.5rem;
|
||||
right: 0.5rem;
|
||||
top: 50%;
|
||||
margin: -0.9rem 0 0;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li:first-child:before {
|
||||
background: #975177 url(../images/app/ui/datausage/pattern-3g.png) repeat left top;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li:last-child:before {
|
||||
background-color: #d4e073;
|
||||
}
|
||||
|
||||
/* Disabled state */
|
||||
#datausage-tab .toggle-data li[aria-disabled=true]:before {
|
||||
background: #d4d2d2;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li .overview {
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
padding: 0 0.8rem;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li[aria-disabled=true] .overview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* APPS */
|
||||
#datausage-tab #app-usage-no-data {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
padding-inline-start: 3rem;
|
||||
padding-inline-end: 3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-item {
|
||||
padding: 1.9rem 0 0 0;
|
||||
}
|
||||
|
||||
#datausage-tab .app-item > a {
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#datausage-tab .app-image {
|
||||
padding: 1.1rem 1.3rem 1.1rem 1.3rem;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-info {
|
||||
flex: 1;
|
||||
margin-inline-end: 5.4rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-info-row {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#datausage-tab .app-name {
|
||||
color: #000;
|
||||
text-indent: -0.2rem;
|
||||
padding: 0;
|
||||
font-size: 1.9rem;
|
||||
line-height: 1;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-bar {
|
||||
height: 0.3rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding: 0;
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-bar-used {
|
||||
background-color: #00caf2;
|
||||
height: 0.3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-total {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
/* FIRST TIME EXPERIENCE VIEW */
|
||||
|
||||
#firsttime-view, #firsttime-view .view {
|
||||
top: 0;
|
||||
transform: translate(0, 0);
|
||||
transition: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
#firsttime-view .view[data-viewport="right"] {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
/* Content */
|
||||
#firsttime-view .content:not(gaia-header) {
|
||||
padding: 0;
|
||||
margin-top: 1.5rem;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* Wrapper with scroll */
|
||||
#firsttime-view section.content {
|
||||
-moz-box-sizing: border-box;
|
||||
/* window height - header height - gaia-buttons height - content top margin */
|
||||
max-height: calc(100% - 5rem - 7rem - 1.5rem);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
#firsttime-view .content h2 {
|
||||
font-size: 1.9rem;
|
||||
margin-bottom: 1.6rem;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
padding: 2rem 3rem 0;
|
||||
}
|
||||
|
||||
#firsttime-view .content > p {
|
||||
font-size: 1.6rem;
|
||||
padding: 0 3rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
/* TOPUP VIEW */
|
||||
#settings-view {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#settings-view .view-scroll {
|
||||
top: 5rem;
|
||||
bottom: 1rem;
|
||||
}
|
||||
|
||||
#settings-view.view {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* low limit */
|
||||
.low-limit-container {
|
||||
padding-top: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.low-limit-container input {
|
||||
margin-inline-end: 1rem;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.low-limit-container span {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* Settings view data usage */
|
||||
#wifi-data-usage {
|
||||
line-height: 20px;
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
/* TELEPHONY VIEW */
|
||||
#reset-date {
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#telephony-tab li {
|
||||
border-bottom: solid 0.1rem #e0e0dd;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
padding: 1.2rem 0 1.2rem 1.5rem;
|
||||
margin-inline-start: 1.5rem;
|
||||
margin-inline-end: 1.5rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 3.6rem;
|
||||
}
|
||||
|
||||
#telephony-time,
|
||||
#billing-cycle {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#billing-cycle time,
|
||||
#telephony-tab li .meta {
|
||||
font-size: 1.4rem;
|
||||
color: #505859;
|
||||
}
|
||||
|
||||
#telephony-tab li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#reset-date {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 600;
|
||||
text-align: end;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#telephony-tab li dl {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#telephony-tab li dd {
|
||||
flex: 1 1 50%;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 600;
|
||||
text-align: end;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#telephony-tab li dd sub {
|
||||
font-size: 1.4rem;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#telephony-tab li dt {
|
||||
color: #505859;
|
||||
flex: 0 0 50%;
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
.first-third {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
|
||||
.second-third {
|
||||
color: #858585;
|
||||
}
|
||||
|
||||
.third-third {
|
||||
color: #5f5f5f;
|
||||
}
|
||||
|
||||
.yesterday {
|
||||
color: #4d4d4d;
|
||||
}
|
||||
|
||||
.before {
|
||||
color: #333333;
|
||||
}
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
/* TOPUP VIEW */
|
||||
#topup-dialog {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#topup-dialog form {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#topup-dialog form input {
|
||||
text-align: end;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
font-size: 2.5rem;
|
||||
height: 3.8rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info h2 {
|
||||
font-size: 1.8rem;
|
||||
line-height: 1em;
|
||||
font-weight: normal;
|
||||
text-align: start;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info p {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.3em;
|
||||
color: #505859;
|
||||
text-align: start;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading progress {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading p {
|
||||
padding-top: 0.8rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue