Added README, gitignore, pre-compile scss into css.
This commit is contained in:
Jonathan Bernard
parent
a71ecc11a2
commit
cdf5e34f77
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
.sass-cache/
|
||||
*.sw?
|
||||
27
README.md
Normal file
27
README.md
Normal file
@ -0,0 +1,27 @@
|
||||
### Prerequisites
|
||||
|
||||
* [lightdm-webkit2-greeter](https://github.com/Antergos/lightdm-webkit2-greeter)
|
||||
|
||||
## Installation
|
||||
|
||||
Download and install the `uestibulum` theme:
|
||||
|
||||
git clone https://github.com/jdbernard/lightdm-uestibulum.git
|
||||
sudo mv lightdm-uestibulum /usr/share/lightdm
|
||||
|
||||
Change the `webkit-theme` value in `/etc/lightdm/lightdm-webkit2-greeter.conf`:
|
||||
|
||||
[greeter]
|
||||
webkit-theme = uestibulum
|
||||
|
||||
Configure lightdm to use the webkit2 greeter by creating the
|
||||
`/usr/share/lightdm/lightdm.conf.d/60-lightdm-webkit2-greeter.conf` file with
|
||||
the following contents:
|
||||
|
||||
[Seat:*]
|
||||
greeter-session=lightdm-webkit2-greeter
|
||||
|
||||
Disable the GTK greeter:
|
||||
|
||||
sudo mkdir /usr/share/lightdm/lightdm.conf.d.disabled
|
||||
sudo mv /usr/share/lightdm/lightdm.conf.d/60-lightdm-gtk-greeter.conf /usr/share/lightdm/lightdm.conf.d.disabled
|
||||
232
css/lightdm-uestibulum.css
Normal file
232
css/lightdm-uestibulum.css
Normal file
@ -0,0 +1,232 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Abel|Aldrich|Audiowide|Black+Ops+One|Cherry+Cream+Soda|Exo|Exo 2|Graduate|Josefin+Sans|Kelly+Slab|Michroma|Monoton|Nixie+One|Open+Sans+Condensed:300|Orbitron|Poiret+One|Press+Start+2P|Prompt|Rajdhani|Raleway|Russo+One|Signika|Syncopate|Teko");
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
|
||||
h1 {
|
||||
font-size: 1.5vw; }
|
||||
|
||||
h2 {
|
||||
font-size: 1vw; }
|
||||
|
||||
body {
|
||||
color: white;
|
||||
font-family: "Exo 2"; }
|
||||
|
||||
.bg {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
transition: 1s;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: -1; }
|
||||
|
||||
.morning #bg-morning {
|
||||
opacity: 1; }
|
||||
|
||||
.afternoon #bg-afternoon {
|
||||
opacity: 1; }
|
||||
|
||||
.evening #bg-evening {
|
||||
opacity: 1; }
|
||||
|
||||
.night #bg-night {
|
||||
opacity: 1; }
|
||||
|
||||
#ui-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1; }
|
||||
|
||||
#power-panel {
|
||||
background: rgba(8, 8, 8, 0.3);
|
||||
box-shadow: 0px 0px 0.5vw 0.5vw rgba(8, 8, 8, 0.3);
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
right: 2vw;
|
||||
z-index: 100; }
|
||||
#power-panel #power-options {
|
||||
border-radius: 10px;
|
||||
padding: 0.5vw;
|
||||
transition: 1s;
|
||||
display: none; }
|
||||
#power-panel #power-options ul {
|
||||
list-style: none; }
|
||||
#power-panel #power-options ul li {
|
||||
margin-bottom: 1vw;
|
||||
font-size: 1.5vw; }
|
||||
#power-panel #power-options ul li i {
|
||||
margin-right: 0.5vw; }
|
||||
#power-panel #power-options ul li:last-child {
|
||||
margin-bottom: 0; }
|
||||
#power-panel.active {
|
||||
bottom: 1vw; }
|
||||
#power-panel.active #power-options {
|
||||
display: block; }
|
||||
#power-panel.active #power-button {
|
||||
display: none; }
|
||||
|
||||
#clock-panel {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
font-size: 6vw;
|
||||
font-weight: 500;
|
||||
padding: 1vw 2vw;
|
||||
width: 100%;
|
||||
z-index: 1; }
|
||||
|
||||
#login-panel {
|
||||
z-index: 2; }
|
||||
#login-panel input[type=password] {
|
||||
background: none;
|
||||
border: none;
|
||||
border-bottom: 2px solid white;
|
||||
color: white;
|
||||
font-size: 1vw;
|
||||
margin-top: 0.5em;
|
||||
opacity: 0;
|
||||
transition: 0.5s;
|
||||
width: 20em; }
|
||||
#login-panel input[type=password].active {
|
||||
opacity: 0.5; }
|
||||
#login-panel #users {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
#login-panel #users i {
|
||||
opacity: 0;
|
||||
transition: 0.5s; }
|
||||
#login-panel #users:hover i {
|
||||
opacity: 1; }
|
||||
#login-panel #users #users-list {
|
||||
list-style: none;
|
||||
display: none; }
|
||||
#login-panel #users.select-user #user-display, #login-panel #users.select-user i {
|
||||
display: none; }
|
||||
#login-panel #users.select-user #users-list {
|
||||
display: inline-block; }
|
||||
#login-panel #fail-msg {
|
||||
color: red;
|
||||
opacity: 0;
|
||||
transition: 0.5s;
|
||||
position: relative;
|
||||
left: -1vw; }
|
||||
|
||||
#session-panel {
|
||||
opacity: 0.2;
|
||||
transition: 0.5s;
|
||||
z-index: 2; }
|
||||
#session-panel:hover {
|
||||
opacity: 1; }
|
||||
#session-panel #sessions-list li {
|
||||
display: inline-block; }
|
||||
|
||||
#sessions {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative; }
|
||||
#sessions #sessions-list {
|
||||
list-style: none;
|
||||
display: none; }
|
||||
#sessions.select-session #session-display {
|
||||
display: none; }
|
||||
#sessions.select-session #sessions-list {
|
||||
display: inline-block; }
|
||||
|
||||
.failed-auth input[type=password] {
|
||||
color: red;
|
||||
border-color: red !important; }
|
||||
.failed-auth #fail-msg {
|
||||
opacity: 1 !important; }
|
||||
|
||||
.lock-screen #session-panel {
|
||||
display: none !important; }
|
||||
|
||||
@keyframes throb {
|
||||
from {
|
||||
opacity: 1; }
|
||||
to {
|
||||
opacity: 0; } }
|
||||
.throb {
|
||||
animation: alternate infinite 2s throb; }
|
||||
|
||||
.evening #clock-panel {
|
||||
border-bottom: 2px solid white;
|
||||
text-align: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0; }
|
||||
.evening #login-panel {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 1vw; }
|
||||
.evening #session-panel {
|
||||
position: absolute;
|
||||
bottom: 0.5vw;
|
||||
left: 1vw; }
|
||||
|
||||
.morning #clock-panel, .night #clock-panel, .afternoon #clock-panel {
|
||||
border-top: 2px solid white;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0; }
|
||||
.morning #login-panel, .night #login-panel, .afternoon #login-panel {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 20vw; }
|
||||
.morning #session-panel, .night #session-panel, .afternoon #session-panel {
|
||||
position: absolute;
|
||||
bottom: 0.5vw;
|
||||
left: 20vw; }
|
||||
|
||||
.morning #clock-panel {
|
||||
text-shadow: 0 0 0.2vw #446688; }
|
||||
.morning #users:hover #user-display, .morning #sessions:hover #session-display,
|
||||
.morning #users-list li:hover, .morning #sessions-list li.session:hover {
|
||||
color: #0088aa;
|
||||
text-shadow: 0 0 0.5vw black; }
|
||||
.morning #power-panel {
|
||||
opacity: 0.7; }
|
||||
|
||||
.afternoon #clock-panel {
|
||||
text-shadow: 0 0 2vw #448844; }
|
||||
.afternoon #users:hover #user-display, .afternoon #sessions:hover #session-display,
|
||||
.afternoon #users-list li:hover, .afternoon #sessions-list li.session:hover {
|
||||
color: #00aa00;
|
||||
text-shadow: 0 0 0.5vw black; }
|
||||
|
||||
.evening #clock-panel {
|
||||
text-shadow: 0 0 2vw #faaa3b; }
|
||||
.evening #users:hover #user-display, .evening #sessions:hover #session-display,
|
||||
.evening #users-list li:hover, .evening #sessions-list li.session:hover {
|
||||
color: orange;
|
||||
text-shadow: 0 0 0.5vw black; }
|
||||
.evening #power-panel {
|
||||
opacity: 0.7; }
|
||||
|
||||
.night #clock-panel {
|
||||
text-shadow: 0 0 2vw #884488; }
|
||||
.night #users:hover #user-display, .night #sessions:hover #session-display,
|
||||
.night #users-list li:hover, .night #sessions-list li.session:hover {
|
||||
color: #8822bb;
|
||||
text-shadow: 0 0 0.2vw black; }
|
||||
|
||||
/*.night {
|
||||
#clock-panel {
|
||||
|
||||
}
|
||||
|
||||
#login-panel {
|
||||
position: absolute;
|
||||
bottom: 2vw;
|
||||
left: 2vw;
|
||||
}
|
||||
}*/
|
||||
|
||||
/*# sourceMappingURL=lightdm-uestibulum.css.map */
|
||||
7
css/lightdm-uestibulum.css.map
Normal file
7
css/lightdm-uestibulum.css.map
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"version": 3,
|
||||
"mappings": "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",
|
||||
"sources": ["lightdm-uestibulum.scss"],
|
||||
"names": [],
|
||||
"file": "lightdm-uestibulum.css"
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user