arya/mozhi
1
0
Fork 0
mirror of https://codeberg.org/aryak/mozhi synced 2025-06-04 00:41:07 +05:30
Code Issues Actions Packages Projects Releases Wiki Activity

Since Arya requested more than a simple button, more CSS jankiness!

Browse Source
This commit is contained in:
Midou36O
2023-10-13 13:24:55 +01:00
parent febf0f3523
commit 16ee289b30
2 changed files with 43 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/style.css
View File

@@ -31,7 +31,7 @@ footer p {
}
a {
color: #F57C00;
color: #f57c00;
text-decoration: none;
}
a:hover {
@@ -79,7 +79,7 @@ select {
border-bottom: none;
border-top: none;
border-radius: 4px;
border-left: 2px solid #F57C00;
border-left: 2px solid #f57c00;
/* Accent shadow */
box-shadow: 2px 2px 0px 0px rgba(245, 124, 0, 0.25);
color: #b2b2b2;
@@ -89,18 +89,36 @@ select {
button {
display: flex;
font-size: 17px;
padding: 4px 8px;
justify-content: flex-end;
gap: 2px;
border: none;
border-radius: 4px;
background: #F57C00;
background: #f57c00;
}
button:hover {
box-shadow: 5px 5px 0px 0px rgba(245, 124, 0, 0.25);
cursor: pointer;
}
/* While we're at it, fake button css style for the url.*/
.button {
display: flex;
font-size: 17px;
padding: 4px 8px;
justify-content: flex-end;
gap: 2px;
border: none;
border-radius: 4px;
background: #f57c00;
}
.button:hover {
box-shadow: 5px 5px 0px 0px rgba(245, 124, 0, 0.25);
cursor: pointer;
}
/* Spacing stuff */
.wrap {
display: flex;
@@ -168,11 +186,13 @@ button:hover {
}
/* Javascript searchable select used in source/target language */
.nice-select, .nice-select-dropdown, .nice-select-search {
.nice-select,
.nice-select-dropdown,
.nice-select-search {
border-right: none;
border-bottom: none;
border-top: none;
border-radius: 4px;
border-left: 2px solid #F57C00;
border-left: 2px solid #f57c00;
box-shadow: 2px 2px 0px 0px rgba(245, 124, 0, 0.25);
}