Ja.KooLit
2 years ago
committed by
GitHub
57 changed files with 353 additions and 557 deletions
@ -1,8 +0,0 @@
|
||||
###This will search as a quick tips / guide |
||||
|
||||
### Rofi-Beats (online music) |
||||
- inorder to use this feature, you need to install yt-dlp or youtube-dl and of course mpv. By default mpv is only installed |
||||
|
||||
### Waybar ricing |
||||
- 4 waybar hyprland/workspaces to choose from. Circle |
||||
Roman Number, pacman, and workspace number and icons. Just assign accordingly on waybar configs. They are called hyprland/workspaces, #2, #3, #4 etc... |
||||
@ -1,7 +0,0 @@
|
||||
#!/bin/bash |
||||
|
||||
CONFIG="$HOME/.config/dunst/dunstrc" |
||||
|
||||
if [[ ! $(pidof dunst) ]]; then |
||||
dunst -conf ${CONFIG} |
||||
fi |
||||
@ -1,9 +0,0 @@
|
||||
#!/bin/bash |
||||
|
||||
if grep open /proc/acpi/button/lid/LID/state; then |
||||
hyprctl keyword monitor "eDP-1, preferred, auto, 1" |
||||
else |
||||
if [[ `hyprctl monitors | grep "Monitor" | wc -l` != 1 ]]; then |
||||
hyprctl keyword monitor "eDP-1, disable" |
||||
fi |
||||
fi |
||||
@ -1,8 +0,0 @@
|
||||
#!/bin/bash |
||||
|
||||
CONFIG="$HOME/.config/waybar/config" |
||||
STYLE="$HOME/.config/waybar/style.css" |
||||
|
||||
if [[ ! $(pidof waybar) ]]; then |
||||
waybar --bar main-bar --log-level error --config ${CONFIG} --style ${STYLE} |
||||
fi |
||||
@ -1,19 +0,0 @@
|
||||
#!/bin/bash |
||||
|
||||
# If you have 1440p, better to use this |
||||
#wlogout --protocol layer-shell -b 5 -T 600 -B 600 & |
||||
|
||||
# for 1080p |
||||
wlogout --protocol layer-shell -b 5 -T 450 -B 450 & |
||||
|
||||
|
||||
# Capture the PID of the wlogout process |
||||
wlogout_pid=$! |
||||
|
||||
# Wait for up to 30 seconds for wlogout to exit gracefully |
||||
timeout 30s tail --pid $wlogout_pid -f /dev/null |
||||
|
||||
# If wlogout is still running after the timeout, forcefully kill it |
||||
if ps -p $wlogout_pid > /dev/null; then |
||||
kill -KILL $wlogout_pid |
||||
fi |
||||
@ -1,61 +0,0 @@
|
||||
$rosewaterAlpha = fff5e0dc |
||||
$flamingoAlpha = fff2cdcd |
||||
$pinkAlpha = fff5c2e7 |
||||
$mauveAlpha = ffcba6f7 |
||||
$redAlpha = fff38ba8 |
||||
$maroonAlpha = ffeba0ac |
||||
$peachAlpha = fffab387 |
||||
$yellowAlpha = fff9e2af |
||||
$greenAlpha = ffa6e3a1 |
||||
$tealAlpha = ff94e2d5 |
||||
$skyAlpha = ff89dceb |
||||
$sapphireAlpha = ff74c7ec |
||||
$blueAlpha = ff89b4fa |
||||
$lavenderAlpha = ffb4befe |
||||
|
||||
$textAlpha = ffcdd6f4 |
||||
$subtext1Alpha = ffbac2de |
||||
$subtext0Alpha = ffa6adc8 |
||||
|
||||
$overlay2Alpha = ff9399b2 |
||||
$overlay1Alpha = ff7f849c |
||||
$overlay0Alpha = ff6c7086 |
||||
|
||||
$surface2Alpha = ff585b70 |
||||
$surface1Alpha = ff45475a |
||||
$surface0Alpha = ff313244 |
||||
|
||||
$baseAlpha = ff1e1e2e |
||||
$mantleAlpha = ff181825 |
||||
$crustAlpha = ff11111b |
||||
|
||||
$rosewater = 0xfff5e0dc |
||||
$flamingo = 0xfff2cdcd |
||||
$pink = 0xfff5c2e7 |
||||
$mauve = 0xffcba6f7 |
||||
$red = 0xfff38ba8 |
||||
$maroon = 0xffeba0ac |
||||
$peach = 0xfffab387 |
||||
$yellow = 0xfff9e2af |
||||
$green = 0xffa6e3a1 |
||||
$teal = 0xff94e2d5 |
||||
$sky = 0xff89dceb |
||||
$sapphire = 0xff74c7ec |
||||
$blue = 0xff89b4fa |
||||
$lavender = 0xffb4befe |
||||
|
||||
$text = 0xffcdd6f4 |
||||
$subtext1 = 0xffbac2de |
||||
$subtext0 = 0xffa6adc8 |
||||
|
||||
$overlay2 = 0xff9399b2 |
||||
$overlay1 = 0xff7f849c |
||||
$overlay0 = 0xff6c7086 |
||||
|
||||
$surface2 = 0xff585b70 |
||||
$surface1 = 0xff45475a |
||||
$surface0 = 0xff313244 |
||||
|
||||
$base = 0xff1e1e2e |
||||
$mantle = 0xff181825 |
||||
$crust = 0xff11111b |
||||
@ -1,61 +0,0 @@
|
||||
$rosewaterAlpha = fff5e0dc |
||||
$flamingoAlpha = fff2cdcd |
||||
$pinkAlpha = fff5c2e7 |
||||
$mauveAlpha = ffcba6f7 |
||||
$redAlpha = fff38ba8 |
||||
$maroonAlpha = ffeba0ac |
||||
$peachAlpha = fffab387 |
||||
$yellowAlpha = fff9e2af |
||||
$greenAlpha = ffa6e3a1 |
||||
$tealAlpha = ff94e2d5 |
||||
$skyAlpha = ff89dceb |
||||
$sapphireAlpha = ff74c7ec |
||||
$blueAlpha = ff89b4fa |
||||
$lavenderAlpha = ffb4befe |
||||
|
||||
$textAlpha = ffcdd6f4 |
||||
$subtext1Alpha = ffbac2de |
||||
$subtext0Alpha = ffa6adc8 |
||||
|
||||
$overlay2Alpha = ff9399b2 |
||||
$overlay1Alpha = ff7f849c |
||||
$overlay0Alpha = ff6c7086 |
||||
|
||||
$surface2Alpha = ff585b70 |
||||
$surface1Alpha = ff45475a |
||||
$surface0Alpha = ff313244 |
||||
|
||||
$baseAlpha = ff1e1e2e |
||||
$mantleAlpha = ff181825 |
||||
$crustAlpha = ff11111b |
||||
|
||||
$rosewater = 0xfff5e0dc |
||||
$flamingo = 0xfff2cdcd |
||||
$pink = 0xfff5c2e7 |
||||
$mauve = 0xffcba6f7 |
||||
$red = 0xfff38ba8 |
||||
$maroon = 0xffeba0ac |
||||
$peach = 0xfffab387 |
||||
$yellow = 0xfff9e2af |
||||
$green = 0xffa6e3a1 |
||||
$teal = 0xff94e2d5 |
||||
$sky = 0xff89dceb |
||||
$sapphire = 0xff74c7ec |
||||
$blue = 0xff89b4fa |
||||
$lavender = 0xffb4befe |
||||
|
||||
$text = 0xffcdd6f4 |
||||
$subtext1 = 0xffbac2de |
||||
$subtext0 = 0xffa6adc8 |
||||
|
||||
$overlay2 = 0xff9399b2 |
||||
$overlay1 = 0xff7f849c |
||||
$overlay0 = 0xff6c7086 |
||||
|
||||
$surface2 = 0xff585b70 |
||||
$surface1 = 0xff45475a |
||||
$surface0 = 0xff313244 |
||||
|
||||
$base = 0xff1e1e2e |
||||
$mantle = 0xff181825 |
||||
$crust = 0xff11111b |
||||
@ -1,61 +0,0 @@
|
||||
$rosewaterAlpha = fff5e0dc |
||||
$flamingoAlpha = fff2cdcd |
||||
$pinkAlpha = fff5c2e7 |
||||
$mauveAlpha = ffcba6f7 |
||||
$redAlpha = fff38ba8 |
||||
$maroonAlpha = ffeba0ac |
||||
$peachAlpha = fffab387 |
||||
$yellowAlpha = fff9e2af |
||||
$greenAlpha = ffa6e3a1 |
||||
$tealAlpha = ff94e2d5 |
||||
$skyAlpha = ff89dceb |
||||
$sapphireAlpha = ff74c7ec |
||||
$blueAlpha = ff89b4fa |
||||
$lavenderAlpha = ffb4befe |
||||
|
||||
$textAlpha = ffcdd6f4 |
||||
$subtext1Alpha = ffbac2de |
||||
$subtext0Alpha = ffa6adc8 |
||||
|
||||
$overlay2Alpha = ff9399b2 |
||||
$overlay1Alpha = ff7f849c |
||||
$overlay0Alpha = ff6c7086 |
||||
|
||||
$surface2Alpha = ff585b70 |
||||
$surface1Alpha = ff45475a |
||||
$surface0Alpha = ff313244 |
||||
|
||||
$baseAlpha = ff1e1e2e |
||||
$mantleAlpha = ff181825 |
||||
$crustAlpha = ff11111b |
||||
|
||||
$rosewater = 0xfff5e0dc |
||||
$flamingo = 0xfff2cdcd |
||||
$pink = 0xfff5c2e7 |
||||
$mauve = 0xffcba6f7 |
||||
$red = 0xfff38ba8 |
||||
$maroon = 0xffeba0ac |
||||
$peach = 0xfffab387 |
||||
$yellow = 0xfff9e2af |
||||
$green = 0xffa6e3a1 |
||||
$teal = 0xff94e2d5 |
||||
$sky = 0xff89dceb |
||||
$sapphire = 0xff74c7ec |
||||
$blue = 0xff89b4fa |
||||
$lavender = 0xffb4befe |
||||
|
||||
$text = 0xffcdd6f4 |
||||
$subtext1 = 0xffbac2de |
||||
$subtext0 = 0xffa6adc8 |
||||
|
||||
$overlay2 = 0xff9399b2 |
||||
$overlay1 = 0xff7f849c |
||||
$overlay0 = 0xff6c7086 |
||||
|
||||
$surface2 = 0xff585b70 |
||||
$surface1 = 0xff45475a |
||||
$surface0 = 0xff313244 |
||||
|
||||
$base = 0xff1e1e2e |
||||
$mantle = 0xff181825 |
||||
$crust = 0xff11111b |
||||
@ -1,61 +0,0 @@
|
||||
$rosewaterAlpha = fff5e0dc |
||||
$flamingoAlpha = fff2cdcd |
||||
$pinkAlpha = fff5c2e7 |
||||
$mauveAlpha = ffcba6f7 |
||||
$redAlpha = fff38ba8 |
||||
$maroonAlpha = ffeba0ac |
||||
$peachAlpha = fffab387 |
||||
$yellowAlpha = fff9e2af |
||||
$greenAlpha = ffa6e3a1 |
||||
$tealAlpha = ff94e2d5 |
||||
$skyAlpha = ff89dceb |
||||
$sapphireAlpha = ff74c7ec |
||||
$blueAlpha = ff89b4fa |
||||
$lavenderAlpha = ffb4befe |
||||
|
||||
$textAlpha = ffcdd6f4 |
||||
$subtext1Alpha = ffbac2de |
||||
$subtext0Alpha = ffa6adc8 |
||||
|
||||
$overlay2Alpha = ff9399b2 |
||||
$overlay1Alpha = ff7f849c |
||||
$overlay0Alpha = ff6c7086 |
||||
|
||||
$surface2Alpha = ff585b70 |
||||
$surface1Alpha = ff45475a |
||||
$surface0Alpha = ff313244 |
||||
|
||||
$baseAlpha = ff1e1e2e |
||||
$mantleAlpha = ff181825 |
||||
$crustAlpha = ff11111b |
||||
|
||||
$rosewater = 0xfff5e0dc |
||||
$flamingo = 0xfff2cdcd |
||||
$pink = 0xfff5c2e7 |
||||
$mauve = 0xffcba6f7 |
||||
$red = 0xfff38ba8 |
||||
$maroon = 0xffeba0ac |
||||
$peach = 0xfffab387 |
||||
$yellow = 0xfff9e2af |
||||
$green = 0xffa6e3a1 |
||||
$teal = 0xff94e2d5 |
||||
$sky = 0xff89dceb |
||||
$sapphire = 0xff74c7ec |
||||
$blue = 0xff89b4fa |
||||
$lavender = 0xffb4befe |
||||
|
||||
$text = 0xffcdd6f4 |
||||
$subtext1 = 0xffbac2de |
||||
$subtext0 = 0xffa6adc8 |
||||
|
||||
$overlay2 = 0xff9399b2 |
||||
$overlay1 = 0xff7f849c |
||||
$overlay0 = 0xff6c7086 |
||||
|
||||
$surface2 = 0xff585b70 |
||||
$surface1 = 0xff45475a |
||||
$surface0 = 0xff313244 |
||||
|
||||
$base = 0xff1e1e2e |
||||
$mantle = 0xff181825 |
||||
$crust = 0xff11111b |
||||
@ -0,0 +1,123 @@
|
||||
/* --- Configuration for Rofi Power ---- */ |
||||
|
||||
/* ---- Configuration ---- */ |
||||
configuration { |
||||
show-icons: false; |
||||
} |
||||
|
||||
/* ---- Load pywal colors (custom wal template) ---- */ |
||||
@import "~/.config/rofi/pywal-color/pywal-theme.rasi" |
||||
|
||||
/* ---- Global Properties ---- */ |
||||
* { |
||||
font: "Fira Code Medium 12"; |
||||
} |
||||
|
||||
/* ---- Main Window ---- */ |
||||
window { |
||||
location: center; |
||||
anchor: center; |
||||
fullscreen: false; |
||||
width: 900px; |
||||
height: 400px; |
||||
x-offset: 0px; |
||||
y-offset: 0px; |
||||
padding: 0px; |
||||
border: 2px; |
||||
border-radius: 15px; |
||||
border-color: @active-background; |
||||
cursor: "default"; |
||||
background-color: @background-color; |
||||
} |
||||
|
||||
/* ---- Main Box ---- */ |
||||
mainbox { |
||||
enabled: true; |
||||
spacing: 0px; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
border: 0px solid; |
||||
border-radius: 0px; |
||||
background-image: url("~/.config/rofi/.current_wallpaper", width); |
||||
border-color: @active-background; |
||||
background-color: @background-color; |
||||
children: [ "inputbar", "listview", "message" ]; |
||||
} |
||||
|
||||
/* ---- Inputbar ---- */ |
||||
inputbar { |
||||
enabled: true; |
||||
padding: 20px; |
||||
background-color: transparent; |
||||
orientation: horizontal; |
||||
children: ["prompt"]; |
||||
} |
||||
|
||||
prompt { |
||||
enabled: true; |
||||
padding: 10px; |
||||
border-radius: 15px; |
||||
border-color: @foreground; |
||||
background-color: @background-color; |
||||
text-color: @foreground; |
||||
cursor: text; |
||||
|
||||
} |
||||
|
||||
/* ---- Listview ---- */ |
||||
listview { |
||||
enabled: true; |
||||
columns: 3; |
||||
lines: 2; |
||||
cycle: true; |
||||
dynamic: true; |
||||
scrollbar: false; |
||||
layout: vertical; |
||||
reverse: false; |
||||
fixed-height: false; |
||||
fixed-columns: true; |
||||
spacing: 40px; |
||||
padding: 4% 40px; |
||||
background-color: transparent; |
||||
cursor: "default"; |
||||
border: 0px; |
||||
border-color: @active-background; |
||||
} |
||||
|
||||
/* ---- Elements ---- */ |
||||
element { |
||||
enabled: true; |
||||
padding: 20px; |
||||
border-radius: 30px; |
||||
background-color: transparent; |
||||
text-color: @foreground; |
||||
cursor: pointer; |
||||
} |
||||
element-text { |
||||
font: "Fira Code SemiBold 16"; |
||||
background-color: transparent; |
||||
text-color: inherit; |
||||
cursor: inherit; |
||||
vertical-align: 0.5; |
||||
horizontal-align: 0.5; |
||||
} |
||||
element selected.normal { |
||||
background-color: @selected-normal-background; |
||||
text-color: @background; |
||||
} |
||||
|
||||
/* ---- Message ---- */ |
||||
message { |
||||
enabled: true; |
||||
margin: 0px; |
||||
background-color: transparent; |
||||
text-color: @foreground; |
||||
border: 0px; |
||||
} |
||||
textbox { |
||||
font: "Fira Code SemiBold 8"; |
||||
background-color: @background; |
||||
text-color: @foreground; |
||||
vertical-align: 0.5; |
||||
horizontal-align: 0.5; |
||||
} |
||||
@ -0,0 +1,123 @@
|
||||
/* --- Configuration for Rofi Power ---- */ |
||||
|
||||
/* ---- Configuration ---- */ |
||||
configuration { |
||||
show-icons: false; |
||||
} |
||||
|
||||
/* ---- Load pywal colors (custom wal template) ---- */ |
||||
@import "~/.config/rofi/pywal-color/pywal-theme.rasi" |
||||
|
||||
/* ---- Global Properties ---- */ |
||||
* { |
||||
font: "Fira Code Medium 12"; |
||||
} |
||||
|
||||
/* ---- Main Window ---- */ |
||||
window { |
||||
location: center; |
||||
anchor: center; |
||||
fullscreen: false; |
||||
width: 900px; |
||||
height: 400px; |
||||
x-offset: 0px; |
||||
y-offset: 0px; |
||||
padding: 0px; |
||||
border: 2px; |
||||
border-radius: 15px; |
||||
border-color: @active-background; |
||||
cursor: "default"; |
||||
background-color: @background-color; |
||||
} |
||||
|
||||
/* ---- Main Box ---- */ |
||||
mainbox { |
||||
enabled: true; |
||||
spacing: 0px; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
border: 0px solid; |
||||
border-radius: 0px; |
||||
background-image: url("~/.config/rofi/.current_wallpaper", width); |
||||
border-color: @active-background; |
||||
background-color: @background-color; |
||||
children: [ "inputbar", "listview", "message" ]; |
||||
} |
||||
|
||||
/* ---- Inputbar ---- */ |
||||
inputbar { |
||||
enabled: true; |
||||
padding: 20px; |
||||
background-color: transparent; |
||||
orientation: horizontal; |
||||
children: ["prompt"]; |
||||
} |
||||
|
||||
prompt { |
||||
enabled: true; |
||||
padding: 10px; |
||||
border-radius: 15px; |
||||
border-color: @foreground; |
||||
background-color: @background-color; |
||||
text-color: @foreground; |
||||
cursor: text; |
||||
|
||||
} |
||||
|
||||
/* ---- Listview ---- */ |
||||
listview { |
||||
enabled: true; |
||||
columns: 3; |
||||
lines: 2; |
||||
cycle: true; |
||||
dynamic: true; |
||||
scrollbar: false; |
||||
layout: vertical; |
||||
reverse: false; |
||||
fixed-height: false; |
||||
fixed-columns: true; |
||||
spacing: 40px; |
||||
padding: 4% 40px; |
||||
background-color: transparent; |
||||
cursor: "default"; |
||||
border: 0px; |
||||
border-color: @active-background; |
||||
} |
||||
|
||||
/* ---- Elements ---- */ |
||||
element { |
||||
enabled: true; |
||||
padding: 20px; |
||||
border-radius: 30px; |
||||
background-color: transparent; |
||||
text-color: @foreground; |
||||
cursor: pointer; |
||||
} |
||||
element-text { |
||||
font: "Fira Code SemiBold 16"; |
||||
background-color: transparent; |
||||
text-color: inherit; |
||||
cursor: inherit; |
||||
vertical-align: 0.5; |
||||
horizontal-align: 0.5; |
||||
} |
||||
element selected.normal { |
||||
background-color: @selected-normal-background; |
||||
text-color: @background; |
||||
} |
||||
|
||||
/* ---- Message ---- */ |
||||
message { |
||||
enabled: true; |
||||
margin: 0px; |
||||
background-color: transparent; |
||||
text-color: @foreground; |
||||
border: 0px; |
||||
} |
||||
textbox { |
||||
font: "Fira Code SemiBold 8"; |
||||
background-color: @background; |
||||
text-color: @foreground; |
||||
vertical-align: 0.5; |
||||
horizontal-align: 0.5; |
||||
} |
||||
@ -0,0 +1,18 @@
|
||||
$foregroundCol = 0xff{foreground.strip} |
||||
$backgroundCol = 0xff{background.strip} |
||||
$color0 = 0xff{color0.strip} |
||||
$color1 = 0xff{color1.strip} |
||||
$color2 = 0xff{color2.strip} |
||||
$color3 = 0xff{color3.strip} |
||||
$color4 = 0xff{color4.strip} |
||||
$color5 = 0xff{color5.strip} |
||||
$color6 = 0xff{color6.strip} |
||||
$color7 = 0xff{color7.strip} |
||||
$color8 = 0xff{color8.strip} |
||||
$color9 = 0xff{color9.strip} |
||||
$color10 = 0xff{color10.strip} |
||||
$color11 = 0xff{color11.strip} |
||||
$color12 = 0xff{color12.strip} |
||||
$color13 = 0xff{color13.strip} |
||||
$color14 = 0xff{color14.strip} |
||||
$color15 = 0xff{color15.strip} |
||||
@ -1,30 +0,0 @@
|
||||
{ |
||||
"label" : "lock", |
||||
"action" : "$HOME/.config/hypr/scripts/LockScreen.sh", |
||||
"text" : "Lock", |
||||
"keybind" : "l" |
||||
} |
||||
{ |
||||
"label" : "reboot", |
||||
"action" : "systemctl reboot", |
||||
"text" : "Reboot", |
||||
"keybind" : "r" |
||||
} |
||||
{ |
||||
"label" : "shutdown", |
||||
"action" : "systemctl poweroff", |
||||
"text" : "Shutdown", |
||||
"keybind" : "s" |
||||
} |
||||
{ |
||||
"label" : "logout", |
||||
"action" : "hyprctl dispatch exit 0", |
||||
"text" : "Logout", |
||||
"keybind" : "e" |
||||
} |
||||
{ |
||||
"label" : "suspend", |
||||
"action" : "systemctl suspend", |
||||
"text" : "Suspend", |
||||
"keybind" : "u" |
||||
} |
||||
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 5.6 KiB |
@ -1,113 +0,0 @@
|
||||
window { |
||||
font-family: monospace; |
||||
font-size: 14pt; |
||||
color: #cdd6f4; /* text */ |
||||
background-color: rgba(30, 30, 46, 0.5); |
||||
} |
||||
|
||||
button { |
||||
background-repeat: no-repeat; |
||||
background-position: center; |
||||
background-size: 25%; |
||||
border: none; |
||||
background-color: rgba(30, 30, 46, 0); |
||||
margin: 5px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out; |
||||
} |
||||
|
||||
button:hover#lock { |
||||
/*background-color: rgba(49, 50, 68, 0.2);*/ |
||||
background-size: 25%; |
||||
margin-right : 30px; |
||||
margin-bottom : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
button:hover#logout { |
||||
/*background-color: rgba(49, 50, 68, 0.2);*/ |
||||
background-size: 25%; |
||||
margin-right : 30px; |
||||
margin-top : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
button:hover#shutdown { |
||||
/*background-color: rgba(49, 50, 68, 0.2);*/ |
||||
background-size: 25%; |
||||
margin-left : 20px; |
||||
margin-bottom : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
button:hover#reboot { |
||||
/*background-color: rgba(49, 50, 68, 0.2);*/ |
||||
background-size: 25%; |
||||
margin-left : 30px; |
||||
margin-top : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
button:hover#suspend { |
||||
/*background-color: rgba(49, 50, 68, 0.2);*/ |
||||
background-size: 25%; |
||||
margin-left : 30px; |
||||
margin-top : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
button:focus { |
||||
background-color: rgba(180, 190, 254, 0.3); |
||||
color: #1e1e2e; |
||||
background-size: 25%; |
||||
margin-left : 30px; |
||||
margin-top : 30px; |
||||
border-radius: 20px; |
||||
animation: gradient_f 20s ease-in infinite; |
||||
transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682); |
||||
} |
||||
|
||||
#lock { |
||||
background-image: image(url("./lock.png")); |
||||
} |
||||
#lock:focus { |
||||
background-image: image(url("./lock-hover.png")); |
||||
} |
||||
|
||||
#logout { |
||||
background-image: image(url("./logout.png")); |
||||
} |
||||
#logout:focus { |
||||
background-image: image(url("./logout-hover.png")); |
||||
} |
||||
|
||||
#suspend { |
||||
background-image: image(url("./sleep.png")); |
||||
} |
||||
#suspend:focus { |
||||
background-image: image(url("./sleep-hover.png")); |
||||
} |
||||
|
||||
#shutdown { |
||||
background-image: image(url("./power.png")); |
||||
} |
||||
#shutdown:focus { |
||||
background-image: image(url("./power-hover.png")); |
||||
} |
||||
|
||||
#reboot { |
||||
background-image: image(url("./restart.png")); |
||||
} |
||||
#reboot:focus { |
||||
background-image: image(url("./restart-hover.png")); |
||||
} |
||||
Loading…
Reference in new issue