Updated CSS file with new targeted divs, and turned spaced tabs into proper tabs
This commit is contained in:
+109
-7
@@ -121,6 +121,7 @@ html, body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 136px;
|
height: 136px;
|
||||||
background-color: #255FDD;
|
background-color: #255FDD;
|
||||||
|
/* background-color: #efedde; */
|
||||||
/* background-color: pink; */
|
/* background-color: pink; */
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
@@ -129,6 +130,7 @@ html, body {
|
|||||||
/* border-bottom-width: 4px; */
|
/* border-bottom-width: 4px; */
|
||||||
/* border-color: #255FDD; */
|
/* border-color: #255FDD; */
|
||||||
/* border-style: solid; */
|
/* border-style: solid; */
|
||||||
|
/* #efedde */
|
||||||
color: white;
|
color: white;
|
||||||
text-shadow: 2px 2px 2px darkblue;
|
text-shadow: 2px 2px 2px darkblue;
|
||||||
}
|
}
|
||||||
@@ -185,6 +187,7 @@ html, body {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: calc(48px + 88px);
|
top: calc(48px + 88px);
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
margin-top: 1px;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
width: calc(100% - 16px);
|
width: calc(100% - 16px);
|
||||||
@@ -239,7 +242,7 @@ html, body {
|
|||||||
width: 484px;
|
width: 484px;
|
||||||
height: 544px;
|
height: 544px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-size: 2px;
|
border-width: 2px;
|
||||||
border-color: #071821;
|
border-color: #071821;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
@@ -251,7 +254,7 @@ html, body {
|
|||||||
width: 484px;
|
width: 484px;
|
||||||
height: 544px;
|
height: 544px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-size: 2px;
|
border-width: 2px;
|
||||||
border-color: #071821;
|
border-color: #071821;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
@@ -260,7 +263,7 @@ html, body {
|
|||||||
width: calc(50% - 20px);
|
width: calc(50% - 20px);
|
||||||
height: calc(50% - 18px);
|
height: calc(50% - 18px);
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-size: 2px;
|
border-width: 2px;
|
||||||
border-color: #071821;
|
border-color: #071821;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
@@ -400,6 +403,13 @@ html, body {
|
|||||||
|
|
||||||
.explorer_bar_top {
|
.explorer_bar_top {
|
||||||
margin-top: 48px;
|
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 {
|
.explorer_bar_top p, .explorer_bar_bottom p {
|
||||||
@@ -407,13 +417,30 @@ html, body {
|
|||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
text-shadow: 0px 0px 0px black;
|
text-shadow: 0px 0px 0px black;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explorer_bar_top p {
|
.address_bar {
|
||||||
top: calc(71px + 48px - 3px);
|
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; */
|
/* left: 72px; */
|
||||||
|
top: 3px;
|
||||||
left: 5.75%;
|
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 {
|
.explorer_bar_top p::before {
|
||||||
@@ -427,6 +454,67 @@ html, body {
|
|||||||
top: unset;
|
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 {
|
.explorer_bar_bottom {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
@@ -435,15 +523,29 @@ html, body {
|
|||||||
left: 0px;
|
left: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 23px;
|
height: 23px;
|
||||||
|
background-color: #efedde;
|
||||||
/* background-color: limegreen; */
|
/* background-color: limegreen; */
|
||||||
|
border-top-width: 2px;
|
||||||
|
border-top-style: solid;
|
||||||
|
border-color: #959387;
|
||||||
}
|
}
|
||||||
|
|
||||||
.explorer_bar_bottom p {
|
.explorer_bar_bottom p {
|
||||||
bottom: -8px;
|
bottom: -8px;
|
||||||
left: 22px;
|
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 {
|
.portrait img {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 2px;
|
border-width: 2px;
|
||||||
|
|||||||
Reference in New Issue
Block a user