serg2-mirrors/GDBrowser
1
0
Fork 0
Code Issues 8 Pull requests 10 Projects Releases Packages Wiki Activity Actions

Gradient Gold Font :OOOOOOO (#228)

Browse source 
* Update browser.css

* Added Gradient Text

* Fixed border compatibility for Safari
This commit is contained in:
Ashton 2022-05-22 13:53:33 -04:00 committed by GitHub
parent 3af6913f97
commit 91592c7220
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
assets/css/browser.css
View file

@ -184,10 +184,15 @@ h1 {
}
h2 {
color: rgb(255, 200, 0);
font-size: 8vh;
-webkit-text-stroke-width: 0.265vh;
text-shadow: 0.35vh 0.35vh 0.1vh rgba(0, 0, 0, 0.3);
background: -webkit-linear-gradient(#e28000, #ffee44);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-filter: drop-shadow(0.25vh 0.25vh rgba(0, 0, 0, 0.25));
filter: drop-shadow(0.25vh 0.25vh rgba(0, 0, 0, 0.25));
text-shadow: none !important;
}
h3, input[type=text], input[type=password], input[type=number], .h3Size {
@ -337,14 +342,16 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
}
.brownBox {
border: 2.5vh solid transparent;
border-width: 2.5vh;
border-style: solid;
border-radius: 3vh;
background-color: #995533;
border-image: url('../../assets/brownbox.png') 10% round;
}
.blueBox {
border: 2.5vh solid transparent;
border-width: 2.5vh;
border-style: solid;
border-radius: 3vh;
background-color: #334499;
border-image: url('../../assets/bluebox.png') 10% round;
@ -353,7 +360,8 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
.fancybox {
width: 69vh;
padding: 1vh 3vh;
border: 3.5vh solid transparent;
border-width: 3.5vh;
border-style: solid;
border-radius: 3vh;
background-color: #001931;
border-image: url('../../assets/fancybox.png') 10% stretch;
@ -365,14 +373,18 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
}
.epicbox {
border: 3.5vh solid transparent;
border-width: 3.5vh;
border-style: solid;
border-image: url('../../assets/epicbox.png') 20% stretch;
border-image-slice: 85 77;
border-image-width: 9.5vh;
}
.leaderboardBox {
border: 3.5vh solid transparent;
border-width: 3.5vh;
border-style: solid;
border-image: url('../../assets/leaderboardbox.png') 20% stretch;
border-image-slice: 85 77;
border-image-width: 9.5vh;
@ -689,13 +701,20 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
transform: scale(0.8) translate(-13%, -12.5%)
}
.comment h2, .smallGold {
background: -webkit-linear-gradient(#e28000, #ffee44);
background-clip: text;
width: fit-content;
vertical-align: top;
font-size: 3.7vh;
-webkit-text-stroke-width: 0.14vh;
-webkit-text-stroke-color: black;
text-shadow: 0.2vh 0.2vh 0.02vh rgba(0, 0, 0, 0.3);}
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-filter: drop-shadow(0.2vh 0.2vh rgba(0, 0, 0, 0.25));
filter: drop-shadow(0.2vh 0.2vh rgba(0, 0, 0, 0.25));
}
.commentText {
margin-top: 1.6vh;