easthighNerd/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated CSS file with new targeted divs, and turned spaced tabs into proper tabs

Browse Source
This commit is contained in:
Jean (east-high-Nerd)
2026-05-22 22:30:57 -04:00
parent 7f495212e3
commit 7f63b95163
1 changed files with 456 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/default.css
+109 -7
View File
@@ -121,6 +121,7 @@ html, body {
width: 100%;
height: 136px;
background-color: #255FDD;
/* background-color: #efedde; */
/* background-color: pink; */
margin: 0px;
padding: 0px;
@@ -129,6 +130,7 @@ html, body {
/* border-bottom-width: 4px; */
/* border-color: #255FDD; */
/* border-style: solid; */
/* #efedde */
color: white;
text-shadow: 2px 2px 2px darkblue;
}
@@ -185,6 +187,7 @@ html, body {
position: absolute;
top: calc(48px + 88px);
margin: 0px;
margin-top: 1px;
padding: 8px;
padding-top: 0px;
width: calc(100% - 16px);
@@ -239,7 +242,7 @@ html, body {
width: 484px;
height: 544px;
border-style: solid;
border-size: 2px;
border-width: 2px;
border-color: #071821;
padding: 4px;
}
@@ -251,7 +254,7 @@ html, body {
width: 484px;
height: 544px;
border-style: solid;
border-size: 2px;
border-width: 2px;
border-color: #071821;
padding: 4px;
}
@@ -260,7 +263,7 @@ html, body {
width: calc(50% - 20px);
height: calc(50% - 18px);
border-style: solid;
border-size: 2px;
border-width: 2px;
border-color: #071821;
padding: 4px;
}
@@ -400,6 +403,13 @@ html, body {
.explorer_bar_top {
margin-top: 48px;
background-color: #efedde;
/* background-color: #255FDD; */
width: 100%;
height: 86px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: #959387;
}
.explorer_bar_top p, .explorer_bar_bottom p {
@@ -407,13 +417,30 @@ html, body {
font-size: 11px;
font-weight: normal;
text-shadow: 0px 0px 0px black;
color: black;
}
.explorer_bar_top p {
top: calc(71px + 48px - 3px);
.address_bar {
position: absolute;
width: 100%;
top: calc(71px + 48px - 7px);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #959387;
}
.address_bar p {
/* position: absolute; */
/* top: calc(71px + 48px - 3px); */
/* left: 72px; */
top: 3px;
left: 5.75%;
color: black;
width: 85%;
background-color: white;
border-width: 1px;
border-style: solid;
border-bottom-color: #94adc5;
padding: 1px;
}
.explorer_bar_top p::before {
@@ -427,6 +454,67 @@ html, body {
top: unset;
}
.address_bar p::before {
position: relative;
content: "";
background-image: url("/res/img/explorer.png");
background-size: 10px 12px;
display: inline-block;
width: 10px;
height: 12px;
/* top: 4px; */
}
.menu_bar p {
margin-top: 46px;
padding: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #959387;
width: 100%;
}
.navigation_bar p {
position: absolute;
left: 30px;
top: 84px;
}
.navigation_bar img {
position: absolute;
left: -27px;
top: -4px;
}
.navigation_bar a {
position: unset;
left: unset;
top: unset;
text-decoration: none;
color: black;
}
.navigation_bar p::after {
position: absolute;
width: 23px;
height: 23px;
content: url(/res/img/back.png);
filter: grayscale(1);
right: -40px;
top: -4px;
rotate: y 180deg;
}
/*.navigation_bar p::before {
background-color: #639bff;
position: absolute;
left: -17px;
top: calc(80px - 4px);
width: 23px;
height: 23px;
content: url(/res/img/back.png);
}*/
.explorer_bar_bottom {
position: absolute;
margin: 0px;
@@ -435,15 +523,29 @@ html, body {
left: 0px;
width: 100%;
height: 23px;
background-color: #efedde;
/* background-color: limegreen; */
border-top-width: 2px;
border-top-style: solid;
border-color: #959387;
}
.explorer_bar_bottom p {
bottom: -8px;
left: 22px;
color: black;
}
.explorer_bar_bottom p::before {
position: relative;
content: "";
background-image: url("/res/img/explorer.png");
background-size: 14px 17px;
display: inline-block;
width: 14px;
height: 17px;
left: -20px;
top: 3px;
.portrait img {
border-style: solid;
border-width: 2px;