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
218
overrides/search.gaiamobile.org/style/newtab.css
Normal file
218
overrides/search.gaiamobile.org/style/newtab.css
Normal file
|
|
@ -0,0 +1,218 @@
|
|||
/*csslint empty-rules: false*/
|
||||
/* See bug 1053721 for csslint empty rule requirement. */
|
||||
:root {
|
||||
--primary-background-color: #fff;
|
||||
--results-header-color: #a6a6a6;
|
||||
--divider-color: #e5e5e5;
|
||||
--history-result-title-color: #4d4d4d;
|
||||
}
|
||||
|
||||
body.private {
|
||||
--primary-background-color: #392E54;
|
||||
--results-header-color: #858585;
|
||||
--divider-color: #454545;
|
||||
--history-result-title-color: #9e9e9e;
|
||||
}
|
||||
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
font-size: 10px;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
html[dir="ltr"] { text-align: left; }
|
||||
html[dir="rtl"] { text-align: right; }
|
||||
|
||||
h2,
|
||||
#history h3:first-child {
|
||||
text-align: center;
|
||||
border-top: 0.2rem solid var(--divider-color);
|
||||
font-size: 1.4rem;
|
||||
margin-top: 0.9rem;
|
||||
margin-bottom: -0.9rem;
|
||||
color: var(--results-header-color);
|
||||
font-style: normal;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
h2 span,
|
||||
#history h3:first-child span {
|
||||
position: relative;
|
||||
top: -0.9rem;
|
||||
background: var(--primary-background-color);
|
||||
padding: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#top-sites {
|
||||
overflow: auto;
|
||||
margin-top: 1rem;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
#top-sites .top-site:nth-child(2n) {
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
.top-site {
|
||||
display: block;
|
||||
width: calc(50% - 0.5rem);
|
||||
height: 9rem;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
border: 0.1rem solid rgba(133,133,133, 0.8);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html[dir="ltr"] .top-site { float: left; }
|
||||
html[dir="rtl"] .top-site { float: right; }
|
||||
|
||||
.top-site span {
|
||||
box-sizing: border-box;
|
||||
font-size: 1.3rem;
|
||||
font-style: italic;
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding: 0.2rem;
|
||||
pointer-events: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#history {
|
||||
margin-top: 2.1rem;
|
||||
}
|
||||
|
||||
#history .result {
|
||||
font-size: 1.6rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
|
||||
padding: 1rem 0.7rem;
|
||||
overflow: hidden;
|
||||
color: var(--history-result-title-color);
|
||||
}
|
||||
|
||||
#history .result * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#history .result .description {
|
||||
width: calc(100% - 1.8rem);
|
||||
}
|
||||
|
||||
#history .icon {
|
||||
margin-top: 0.3rem;
|
||||
margin-bottom: 0;
|
||||
margin-inline-start: 0;
|
||||
margin-inline-end: 0.8rem;
|
||||
display: block;
|
||||
flex: 0 0 1.6rem;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
}
|
||||
|
||||
#history .icon img {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#history .icon.empty {
|
||||
border: 0.1rem dashed #5A5A5A;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
|
||||
#history .meta {
|
||||
font-size: 1.2rem;
|
||||
color: #5f5f5f;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
#history .title, #history .meta {
|
||||
display: block;
|
||||
white-space:nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
section h3 {
|
||||
text-align: center;
|
||||
font-size: 1.4rem;
|
||||
font-style: italic;
|
||||
color: #858585;
|
||||
font-weight: normal;
|
||||
margin-top: 1rem;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
/* Pseudo-private view */
|
||||
body.private {
|
||||
background: var(--primary-background-color);
|
||||
}
|
||||
|
||||
/* Private browser dialog */
|
||||
#private-window-dialog {
|
||||
min-height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
padding: 15rem 2rem 0;
|
||||
-moz-box-sizing: border-box;
|
||||
background: var(--primary-background-color) image-set(url("images/pb_dialog.png") 1x, url("images/pb_dialog@1.5x.png") 1.5x, url("images/pb_dialog@2x.png") 2x, url("images/pb_dialog@2.25x.png") 2.25x) no-repeat center 2rem / 10.2rem 11.6rem;
|
||||
}
|
||||
|
||||
#private-window-dialog[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#private-window-dialog h1 {
|
||||
font-size: 2rem;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
#private-window-dialog a,
|
||||
#private-window-dialog p {
|
||||
color: #fff;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.8rem;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
#private-window-dialog a {
|
||||
color: #00caf2;
|
||||
}
|
||||
|
||||
#private-window-dialog gaia-checkbox {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#private-window-dialog gaia-checkbox label {
|
||||
color: #fff;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
Loading…
Reference in a new issue