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
321
gaia/apps/search/style/search.css
Executable file
321
gaia/apps/search/style/search.css
Executable file
|
|
@ -0,0 +1,321 @@
|
|||
/* Only include gaia-theme to get CSS variables, the transition-duration one
|
||||
in particular. Other parts of gaia-theme are not used. */
|
||||
@import url('../shared/elements/gaia-theme/gaia-theme.css');
|
||||
|
||||
/**
|
||||
* Disable selection by default except for elements with
|
||||
* "contenteditable".
|
||||
*/
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
html[dir="ltr"] { text-align: left; }
|
||||
html[dir="rtl"] { text-align: right; }
|
||||
|
||||
[contenteditable="true"] {
|
||||
-moz-user-select: text;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
body, a {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
#offline-message {
|
||||
font-size: 1.4rem;
|
||||
font-style: italic;
|
||||
margin: 0;
|
||||
margin-inline-end: 1rem;
|
||||
height: 4.2rem;
|
||||
padding-bottom: 1.3rem;
|
||||
text-align: center;
|
||||
display: none;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#settings-connectivity {
|
||||
background: url(/style/icons/settings.png) no-repeat 50% 50% / 1.4rem;
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
margin-top: -0.1rem;
|
||||
padding-inline-end: 0.8rem;
|
||||
}
|
||||
|
||||
#search-results {
|
||||
padding-top: 1.3rem;
|
||||
}
|
||||
|
||||
#search-results.offline #suggestions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#search-results.offline #offline-message {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#suggestions-provider {
|
||||
color: #00aac5;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
padding-inline-end: 2rem;
|
||||
padding-inline-start: 1rem;
|
||||
}
|
||||
|
||||
#suggestions-provider-dropdown {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: -.4rem;
|
||||
margin-inline-start: -1.4rem;
|
||||
width: 0;
|
||||
height: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #00aac5 transparent;
|
||||
}
|
||||
html[dir="ltr"] #suggestions-provider-dropdown {
|
||||
border-width: 0 0 .8rem .8rem;
|
||||
}
|
||||
html[dir="rtl"] #suggestions-provider-dropdown {
|
||||
border-width: 0 .8rem .8rem 0;
|
||||
}
|
||||
|
||||
|
||||
#suggestions {
|
||||
font-size: 1.6rem;
|
||||
overflow-x: hidden;
|
||||
margin-inline-end: 1.6rem;
|
||||
}
|
||||
|
||||
#suggestions ul {
|
||||
list-style: none;
|
||||
white-space: nowrap;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
#suggestions li {
|
||||
height: 6rem;
|
||||
line-height: 6rem;
|
||||
margin: 0;
|
||||
border-bottom: 0.1rem solid rgba(255, 255, 255, 0.05);
|
||||
background: url(/style/icons/search.png) no-repeat;
|
||||
background-size: 3rem;
|
||||
padding-inline-start: 4.5rem;
|
||||
width: 100%;
|
||||
unicode-bidi: -moz-plaintext;
|
||||
}
|
||||
html[dir="ltr"] #suggestions li { background-position: left 0.8rem center; }
|
||||
html[dir="rtl"] #suggestions li { background-position: right 0.8rem center; }
|
||||
|
||||
section .result * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border-top: 0.3rem solid #5f5f5f;
|
||||
font-size: 1.4rem;
|
||||
color: #858585;
|
||||
margin-top: 0.9rem;
|
||||
margin-bottom: -0.9rem;
|
||||
margin-inline-start: 0.5rem;
|
||||
margin-inline-end: 0.6rem;
|
||||
}
|
||||
|
||||
/* The select box is hidden behind search provider label since we
|
||||
only want to see the dialog prompt, not the actual select box */
|
||||
#suggestions-select {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
h2 span, h2 label {
|
||||
position: relative;
|
||||
top: -0.9rem;
|
||||
background: #333;
|
||||
padding: 0 1rem;
|
||||
margin-bottom: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#places-header {
|
||||
margin-top: 0.9rem;
|
||||
}
|
||||
|
||||
#places-header.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.local .result {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0.8rem 1.5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.local .result:after {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: " ";
|
||||
width: calc(100% - 1rem);
|
||||
height: 0.1rem;
|
||||
background: #535353;
|
||||
left: 0.5rem;
|
||||
right: 0.5rem;
|
||||
}
|
||||
|
||||
.local .result:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.local .result:active {
|
||||
background-color: #3e666e;
|
||||
}
|
||||
|
||||
.local .icon {
|
||||
margin: 0;
|
||||
margin-top: 0.4rem;
|
||||
margin-inline-end: 1.6rem;
|
||||
display: block;
|
||||
flex: 0 0 32px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.local .icon img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.local .icon.empty {
|
||||
border: 1px dashed #5A5A5A;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.local .icon.empty img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.local .title, .local .meta {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.local .description {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.local .title {
|
||||
color: #e7e7e7;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.local .meta {
|
||||
color: #858585;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.local .highlight {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* web */
|
||||
section.apps {
|
||||
/* Hide the whitespace between inline elements */
|
||||
font-size: 0;
|
||||
height: 10rem;
|
||||
overflow: hidden;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
gaia-grid {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: left; /* workaround the fact gaia-grid has a direction: 'ltr' */
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#suggestions-notice-wrapper {
|
||||
background: rgba(45, 45, 45, 0.94);
|
||||
z-index: 100;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
margin: 1rem 1.5rem 0;
|
||||
}
|
||||
|
||||
#suggestions-notice-wrapper p {
|
||||
padding: 1.5rem;
|
||||
font-size: 1.6rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#suggestions-notice-confirm {
|
||||
display: block;
|
||||
width: 100%;
|
||||
color: #00AACC;
|
||||
background: none;
|
||||
border: none;
|
||||
border-top: 0.1rem solid rgba(255, 255, 255, 0.05);
|
||||
border-radius: 0;
|
||||
padding: 1rem;
|
||||
font-size: 16px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#settings-link {
|
||||
color: #00AACC;
|
||||
}
|
||||
|
||||
#suggestions-notice-wrapper::before {
|
||||
content: ' ';
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 0 1rem 1rem;
|
||||
border-color: transparent transparent rgba(45, 45, 45, 0.94) transparent;
|
||||
top: -1rem;
|
||||
margin-inline-start: calc(50% - 1rem);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* show up to 2-line labels in result icons */
|
||||
#search-results .icon .title {
|
||||
text-shadow: none !important;
|
||||
height: calc(3.88rem + 0.2rem);
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.loading {
|
||||
display: none;
|
||||
padding: 2.5rem 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
[data-loading=true] .loading {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#places .meta {
|
||||
direction: ltr;
|
||||
}
|
||||
html[dir="ltr"] #places .meta { text-align: left; }
|
||||
html[dir="rtl"] #places .meta { text-align: right; }
|
||||
Loading…
Reference in a new issue