Skip to content
This repository has been archived by the owner on Dec 16, 2020. It is now read-only.

Commit

Permalink
Module system & Linux ready
Browse files Browse the repository at this point in the history
  • Loading branch information
@Beelink
Beelink committed Aug 10, 2019
1 parent 123427d commit 355214b
Show file tree
Hide file tree
Showing 71 changed files with 954 additions and 1,008 deletions.
18 changes: 14 additions & 4 deletions css/bookmarks.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,6 +201,16 @@ input:hover, input:focus {
background-color: var(--color-over);
}

.bookmark::before {
position: absolute;
content: " ";
left: -4px;
top: 0;
bottom: 0;
width: 4px;
background-color: var(--color-over);
}

.bookmark label {
margin: 6px 0;
width: calc(100% - 44px);
Expand Down Expand Up @@ -291,7 +301,7 @@ input:hover, input:focus {
}

.folder .name {
transition: 0.25s;
transition: width 0.25s;
margin: 2px;
padding: 6px;
display: inline-block;
Expand Down Expand Up @@ -327,12 +337,12 @@ input:hover, input:focus {
margin-left: 2px;
}

.folder:hover .edit-btn:hover {
.edit-btn:hover {
background-color: var(--color-over);
}

.folder:hover .edit-btn:active {
opacity: 0.5;
.edit-btn:active {
opacity: 0.5 !important;
}

.folder .bookmarks:empty::before {
Expand Down
27 changes: 24 additions & 3 deletions css/browser.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -430,17 +430,25 @@

#window-controls {
-webkit-app-region: no-drag;
display: grid;
grid-template-columns: repeat(3, 46px);
float: right;
height: 32px;
display: grid;
grid-template-columns: repeat(3, 46px);
}

#window-controls.linux {
grid-template-columns: repeat(3, 32px);
}

#window-controls span {
font-family: SegMDL2;
font-size: 10px;
}

#window-controls .title-bar-btn {
grid-row: 1 / span 1;
}

#window-controls .button {
grid-row: 1 / span 1;
display: flex;
Expand Down Expand Up @@ -798,6 +806,16 @@ hr {
flex-grow: 1;
}

.etabs-tab::before {
position: absolute;
content: " ";
left: 0;
top: -4px;
right: 0;
height: 4px;
background-color: var(--color-over);
}

.etabs-tab:hover {
background-color: var(--color-over);
}
Expand Down Expand Up @@ -1023,8 +1041,11 @@ hr {
}

#bookmarks-bar:empty::before {
font-size: 12px;
content: "\2205 No bookmarks... Try to bookmark something...";
color: var(--color-top);
margin: 2px;
margin-bottom: 4px;
}

.bookmark, .folder {
Expand Down Expand Up @@ -1244,4 +1265,4 @@ hr {
....##....##.....##.##..........##.......##..####.##.....##
....##....##.....##.##..........##.......##...###.##.....##
....##....##.....##.########....########.##....##.########.
*/
*/
17 changes: 16 additions & 1 deletion css/downloads.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -269,6 +269,16 @@ input:hover, input:focus {
border-left: 4px solid transparent;
}

.download::before {
position: absolute;
content: " ";
left: -4px;
top: 0;
bottom: 0;
width: 4px;
background-color: var(--color-over);
}

.download:last-child {
margin-bottom: 0;
}
Expand All @@ -279,7 +289,12 @@ input:hover, input:focus {
margin-top: 4px;
}

.download-link, .download-file, .download-status {
.download-status {
float: right;
margin-right: 4px;
}

.download-link, .download-file, .download-ext {
overflow:hidden;
position: absolute;
white-space: nowrap;
Expand Down
10 changes: 10 additions & 0 deletions css/history.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -268,6 +268,16 @@ input:hover, input:focus {
border-left: 4px solid transparent;
}

.history-item::before {
position: absolute;
content: " ";
left: -4px;
top: 0;
bottom: 0;
width: 4px;
background-color: var(--color-over);
}

.history-url, .history-name {
overflow:hidden;
position: absolute;
Expand Down
41 changes: 28 additions & 13 deletions css/keybinds.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -169,14 +169,22 @@
grid-template-columns: repeat(3, 46px);
float: right;
height: 100%;
}

#titlebar #window-controls span {
}

#titlebar #window-controls.linux {
grid-template-columns: repeat(1, 32px);
}

#titlebar #window-controls span {
font-family: SegMDL2;
font-size: 10px;
}

#titlebar #window-controls .button {
}

#window-controls .title-bar-btn {
padding: 8px;
}

#titlebar #window-controls .button {
grid-row: 1 / span 1;
display: flex;
justify-content: center;
Expand All @@ -186,17 +194,24 @@
color: var(--color-top);
transition: background-color 0.25s;
grid-column: 3;
}

#titlebar.blur #window-controls .button, #window-controls .button:active {
}

#titlebar.blur #window-controls .button, #titlebar #window-controls .button:active,
#titlebar.blur #window-controls .title-bar-btn, #titlebar #window-controls .title-bar-btn:active {
opacity: 0.5;
}

#titlebar #window-controls .button:hover {
}
#titlebar #window-controls .button:hover {
background-color: #E81022;
color: white;
opacity: 1;
}
}

#titlebar #window-controls .title-bar-btn:hover {
background-color: #E81022;
color: white;
opacity: 1;
}

/*
.####.##....##.########..##.....##.########
Expand Down
41 changes: 28 additions & 13 deletions css/pageinfo.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -169,14 +169,22 @@
grid-template-columns: repeat(3, 46px);
float: right;
height: 100%;
}

#titlebar #window-controls span {
}

#titlebar #window-controls.linux {
grid-template-columns: repeat(1, 32px);
}

#titlebar #window-controls span {
font-family: SegMDL2;
font-size: 10px;
}

#titlebar #window-controls .button {
}

#window-controls .title-bar-btn {
padding: 8px;
}

#titlebar #window-controls .button {
grid-row: 1 / span 1;
display: flex;
justify-content: center;
Expand All @@ -186,17 +194,24 @@
color: var(--color-top);
transition: background-color 0.25s;
grid-column: 3;
}

#titlebar.blur #window-controls .button, #window-controls .button:active {
}

#titlebar.blur #window-controls .button, #titlebar #window-controls .button:active,
#titlebar.blur #window-controls .title-bar-btn, #titlebar #window-controls .title-bar-btn:active {
opacity: 0.5;
}

#titlebar #window-controls .button:hover {
}
#titlebar #window-controls .button:hover {
background-color: #E81022;
color: white;
opacity: 1;
}
}

#titlebar #window-controls .title-bar-btn:hover {
background-color: #E81022;
color: white;
opacity: 1;
}

/*
.####.##....##.########..##.....##.########
Expand Down
37 changes: 1 addition & 36 deletions css/settings.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -289,41 +289,6 @@ input[type=text]:hover, input[type=text]:focus {
display: block;
}

/*
.########.##.....##.########.##.....##.########....########..########..########.##.....##.####.########.##......##
....##....##.....##.##.......###...###.##..........##.....##.##.....##.##.......##.....##..##..##.......##..##..##
....##....##.....##.##.......####.####.##..........##.....##.##.....##.##.......##.....##..##..##.......##..##..##
....##....#########.######...##.###.##.######......########..########..######...##.....##..##..######...##..##..##
....##....##.....##.##.......##.....##.##..........##........##...##...##........##...##...##..##.......##..##..##
....##....##.....##.##.......##.....##.##..........##........##....##..##.........##.##....##..##.......##..##..##
....##....##.....##.########.##.....##.########....##........##.....##.########....###....####.########..###..###.
*/

.theme-preview {
margin: 2px;
padding: 4px;
border-radius: var(--px-radius);
}

.theme-preview:hover {
background-color: var(--color-over);
}

.theme-preview:active {
opacity: 0.5;
}

.theme-preview img {
margin-top: 2px;
margin-bottom: -2px;
border-radius: var(--px-radius);
border: 2px solid var(--color-over);
}

.theme-preview label {
display: block;
}

/*
..######...#######..##........#######..########.
.##....##.##.....##.##.......##.....##.##.....##
Expand All @@ -340,7 +305,7 @@ input[type=text]:hover, input[type=text]:focus {
border-radius: var(--px-radius);
color: var(--color-top);
margin: 2px;
width: calc(25% - 7px);
width: calc(33% - 6px);
}

.color div {
Expand Down
24 changes: 20 additions & 4 deletions css/welcome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@
}

:root{
--color-back: rgb(255, 255, 255);
--color-over: rgba(0, 0, 0, 0.05);
--color-top: rgb(0, 0, 0);
--color-back: transparent;
--color-over: transparent;
--color-top: transparent;
--color-shadow: rgba(0, 0, 0, 0.5);

--color-red: rgb(255, 63, 52);
Expand Down Expand Up @@ -216,11 +216,19 @@
height: 100%;
}

#titlebar #window-controls.linux {
grid-template-columns: repeat(1, 32px);
}

#titlebar #window-controls span {
font-family: SegMDL2;
font-size: 10px;
}

#window-controls .title-bar-btn {
padding: 8px;
}

#titlebar #window-controls .button {
grid-row: 1 / span 1;
display: flex;
Expand All @@ -233,7 +241,8 @@
grid-column: 3;
}

#titlebar.blur #window-controls .button, #window-controls .button:active {
#titlebar.blur #window-controls .button, #titlebar #window-controls .button:active,
#titlebar.blur #window-controls .title-bar-btn, #titlebar #window-controls .title-bar-btn:active {
opacity: 0.5;
}

Expand All @@ -243,6 +252,12 @@
opacity: 1;
}

#titlebar #window-controls .title-bar-btn:hover {
background-color: #E81022;
color: white;
opacity: 1;
}

/*
.########...#######..########..##....##
.##.....##.##.....##.##.....##..##..##.
Expand All @@ -265,6 +280,7 @@ body {
margin: 0;
padding: 0;
overflow: hidden;
background-color: var(--color-back);
}

/*
Expand Down

0 comments on commit 355214b

Please sign in to comment.