SplendidBear-Websites/MineSeeker
Private
Public Access
1
0
Fork 0
Code Pull Requests 1 Releases Activity

chg: usr: refactor and redesign the gfx on front-end #4

Browse Source
This commit is contained in:
László Lang
2026-04-11 19:23:59 +02:00
parent 63a0f442ed
commit eff849549b
17 changed files with 745 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
assets/css/style.mineseeker.scss
View File

@@ -88,7 +88,7 @@ main {
font-family: 'Open Sans', sans-serif;
text-align: center;
color: #354d6a;
width: 500px;
width: 660px;
padding: 10px;
-webkit-border-radius: 10px;
@@ -109,47 +109,93 @@ main {
color: #386e8c;
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy {
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-invite {
padding: 0 4px 4px;
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-invite-label {
font-size: 13px;
color: #386e8c;
margin: 0 0 8px;
font-style: italic;
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-url-box {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 10px;
background: #d0e8f5;
border: 1px solid #7ab8d8;
border-radius: 6px;
padding: 0 12px;
margin-bottom: 12px;
cursor: text;
transition: border-color 200ms ease;
&:hover {
border-color: #236f87;
}
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .clippy input {
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-url-icon {
color: #236f87;
font-size: 13px;
flex-shrink: 0;
margin-right: 8px;
opacity: 0.7;
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-url-input {
flex: 1;
background: transparent;
border: 0;
outline: 0;
height: 40px;
width: 100%;
padding: 0 20px;
color: #1a4a6a;
font-family: 'Courier New', monospace;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.3px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: text;
min-width: 0;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
&::selection {
background: rgba(35, 111, 135, 0.2);
}
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window a {
background: #d8e3ea;
display: inline-table;
text-decoration: none;
color: #126aa2;
padding: 10px 50px;
margin: 0 2.5px;
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window .share-copy-btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: linear-gradient(to bottom, #236f87 0%, #1a5068 100%);
border: 1px solid #2e7a9a;
color: #e0f4ff;
font-family: 'Rajdhani', sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.5px;
padding: 9px 32px;
border-radius: 5px;
cursor: pointer;
transition: all 220ms ease;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
&:hover {
background: linear-gradient(to bottom, #2d8aa8 0%, #236f87 100%);
border-color: #5ba4d4;
color: #fff;
box-shadow: 0 0 10px rgba(35, 111, 135, 0.5);
}
#mine-wrapper .game-wrapper .game-overlay .game-overlay-window a:hover {
background: #a4afb6;
color: #ffffff;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
&.copied {
background: linear-gradient(to bottom, #1a6844 0%, #135233 100%);
border-color: #2a9e60;
color: #a0f0c0;
box-shadow: 0 0 8px rgba(26, 104, 68, 0.5);
}
}
#mine-wrapper .game-wrapper .users {