VoS
vos-boat.ddns.net by grainmetall
Details
Authorgrainmetall
LicenseNo License
CategoryGame
Created
Updated
Size24 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name vos-boat.ddns.net
@version 20220330.00.42
@namespace userstyles.world/user/grainmetall
@description VoS
@author grainmetall
@license No License
==/UserStyle== */
@-moz-document url("https://vos-boat.ddns.net/"), url("https://vos-boat.ddns.net/index.php") {
@import url("https://pro.fontawesome.com/releases/v5.15.0/css/all.css");
@import url("https://s1.pearlcdn.com/global_static/font/web/font.css");
html {
background: url("https://s1.pearlcdn.com/NAEU/contents/img/portal/gameinfo/feature_section02.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%!important;
background-color: #18181c;
}
img[src="images/Header.png"]{
z-index:9!important;
padding-top:100px;
content: url("https://drive.google.com/uc?export=view&id=1ZKEyyHLpGPFzqTkKZGvgMIF3Wr2mDAqm") !important;
display: block;
margin-left: auto;
margin-right: auto;
width: 1000px!important;
}
@keyframes coupon_floating { 0%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
50% { -webkit-transform: translateY(20px); transform: translateY(20px); }
}
.wrapper:befores{
content: '';
display: block;
background: url("https://drive.google.com/uc?export=view&id=19wR3_tIKcVF0I5DQ0ezGQlLVnINCpFo1") no-repeat center center!important;
width: 100px; /* image width */
height: 100px; /* image height */
position: absolute;
top: 13px;
right: 2px;
opacity: 1;
animation: coupon_floating 2s infinite;
transition: filter 0.3s;
}
a[href="sign_up.php"]:hover:before{
content: '';
display: block;
background: url("https://drive.google.com/uc?export=view&id=19wR3_tIKcVF0I5DQ0ezGQlLVnINCpFo1") no-repeat center center!important;
background-size: 60px!important;
width: 100px; /* image width */
height: 100px; /* image height */
position: absolute;
bottom: 25px;
right: 240px;
opacity: 1;
}
a[href="reset_pw.php"]:hover:before{
content: '';
display: block;
background: url("https://drive.google.com/uc?export=view&id=1dZsSbVGj-CXfDIqZKt1LGn0sCpwlA7B9") no-repeat center center!important;
background-size: 60px!important;
width: 100px; /* image width */
height: 100px; /* image height */
position: absolute;
bottom: 25px;
right: 240px;
opacity: 1;
}
/* Header */
table:nth-of-type(1):before {
content: ""!important;
width: 1050px!important;
height: 647px!important;
display: block;
margin-left: auto;
margin-right: auto;
background: url("https://www.deridesign.de/bdo/assets/header-home.png") no-repeat center center!important;
position: absolute;
top: -200px;
z-index: -99!important;
}
table:first-child:before {
display:none;
}
table:nth-of-type(2) img[src="images/qmark20.png"]{
display:none!important;
}
/* https://s1.pearlcdn.com/NAEU/contents_event/landing/5thAnniversary/landing_5th_top_bg.jpg */
/* https://s1.pearlcdn.com/NAEU/contents/img/portal/adventure/updatehistory_bg.jpg */
/* Highlight */
::selection {
background: #775d3a!important; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #775d3a!important; /* Gecko Browsers */
}
.wrapper {
color: #eae0c3;
font-size: 15px!important;
background: rgba(42, 43, 48, 0.6)!important;
backdrop-filter: blur(10px)!important;
width: 1000px;
padding-top: 0px;
padding-bottom: 40px;
position: relative;
top: 0px;
text-align: center;
font-family: "StrongSword_Pure"!important;
}
body {
height: 100%!important;
background-color: rgba(0, 0, 0, 0);
margin: 0px;
font-family: "StrongSword_Pure"!important;
}
iframe {
width: 280px;
padding-top: 10px;
padding-bottom: 20px;
}
tr[bgcolor="87CEEB"] {
background-color: rgba(0, 0, 0, .2);
}
tr[bgcolor="87CEEB"]:hover {
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
}
tr[bgcolor="4682B4"] {
background-color: rgba(0, 0, 0, .2);
}
tr[bgcolor="4682B4"]:hover {
background-color: rgba(0, 0, 0, .4);
cursor: pointer;
}
td[bgcolor="FFFF00"] {
background-color: #b6973a;
}
td[bgcolor="BB0000"] {
background-color: #b24f3a;
}
td[bgcolor="FF0000"] {
background-color: #b24f3a;
}
td[bgcolor="00FFFF"] {
background-color: #b6973a;
}
td[bgcolor="006600"] {
background-color: #6d8539;
}
/* Character & Charts BG */
table:nth-of-type(4):before,
table:nth-of-type(3):before {
position: absolute!important;
backdrop-filter: blur(10px)!important;
background-color: rgba(42, 43, 48, 0.6)!important;
content: ''!important;
left: 0!important;
top: 0!important;
margin: -20px!important;
padding-bottom: 40px;
width: 227px!important;
height: 100%!important;
z-index: -99999!important;
}
table:nth-of-type(4):after,
table:nth-of-type(3):after {
position: absolute!important;
backdrop-filter: blur(10px)!important;
background-color: rgba(0, 0, 0, 0.2)!important;
content: ''!important;
left: 0!important;
top: 0!important;
margin: -20px!important;
padding-bottom: 40px;
width: 227px!important;
height: 100%!important;
z-index: -99999!important;
}
/* Login */
form[action="login.php"] th, td{
border:none!important;
}
form[action="login.php"] tbody{
position: relative!important;
left:240px!important;
}
form[action="login.php"] td{
padding-left:20px!important;
padding-bottom: 40px!important;
}
form[action="login.php"] td:nth-of-type(1), form[action="login.php"] td:nth-of-type(3) {
display:none!important;
padding-right: 50px!important;
}
form[action="login.php"] td:nth-of-type(2):before {
content: "Login\A";
}
form[action="login.php"] td:nth-of-type(4):before {
content: "Password\A";
}
form[action="login.php"] td:nth-of-type(5):before {
content: "\A";
}
form[action="login.php"] td:nth-of-type(2):before, form[action="login.php"] td:nth-of-type(4):before, form[action="login.php"] td:nth-of-type(5):before {
white-space: pre-wrap;
position: relative;
top: -10px;
}
input[name="password"], input[name="email"] {
-webkit-text-fill-color: #eae0c3 !important;
-webkit-box-shadow: 0 0 0px 1000px #3a393e inset;
float:right!important;
}
input[name="password"]:hover, input[name="email"]:hover {
-webkit-box-shadow: 0 0 0px 1000px #554840 inset;
}
/* Character */
table:nth-of-type(3) {
position: absolute!important;
top: 0px!important;
right: -206px!important;
z-index: 99!important;
}
tr.none {
padding: 0px!important;
}
table:nth-of-type(3) td {
display: block!important;
padding-bottom: 0px!important;
}
table:nth-of-type(3) td:nth-of-type(3) {
display: none!important;
}
table:nth-of-type(3) td:before {
width: 227px!important;
height: 100%!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(1) {
width: 180px!important;
padding-bottom: 20px!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(2) {
width: 180px!important;
padding-bottom: 20px!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(3) {
width: 180px!important;
height: 20px!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(4) {
display: none!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(5) {
display: none!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(6) {
display: none!important;
}
table:nth-of-type(3) tr:nth-of-type(2) td:nth-of-type(6) {
display: none!important;
}
table:nth-of-type(3) td:nth-child(1) {
padding-top: 20px!important;
}
/* Charts */
table:nth-of-type(4) {
position: absolute!important;
top: 693px!important;
right: -206px!important;
z-index: 99!important;
}
table:nth-of-type(4) td {
display: block!important;
padding-bottom: 3px!important;
height: 38px!important;
}
table:nth-of-type(4) td:nth-child(3) {
padding-bottom: 20px!important;
}
table:nth-of-type(4) td:before {
width: 227px!important;
height: 100%!important;
}
/* Account */
table:nth-of-type(1) {
width: 102%!important;
float: left!important;
}
table:nth-of-type(1) td {
float: left!important;
padding-top: 20px;
padding-left: 0px;
padding-bottom: 200px;
}
/* Events */
table:nth-of-type(5) td:nth-child(6)[bgcolor="006600"]:before,
table:nth-of-type(5) td:nth-child(6)[bgcolor="FF0000"]:before,
table:nth-of-type(5) td:nth-child(6)[bgcolor="FFFF00"]:before,
table:nth-of-type(5) td:nth-child(6)[bgcolor="00FFFF"]:before {
content: "";
width: 45px!important;
height: 56px!important;
background-size: 35px!important;
display: inline-block;
vertical-align: middle!important;
}
/* Attending */
table:nth-of-type(5) td:nth-child(6)[bgcolor="006600"]:before {
background: url("https://i.imgur.com/dzwrzLb.gif") no-repeat left center;
}
/* Not signed up */
table:nth-of-type(5) td:nth-child(6)[bgcolor="FF0000"]:before {
background: url("https://i.imgur.com/PM3NChb.gif") no-repeat left center;
}
/* Not coming */
table:nth-of-type(5) td:nth-child(6)[bgcolor="FFFF00"]:before {
background: url("https://i.imgur.com/mHbANEx.gif") no-repeat left center;
}
/* Late */
table:nth-of-type(5) td:nth-child(6)[bgcolor="00FFFF"]:before {
background: url("https://i.imgur.com/l6uscxZ.gif") no-repeat left center;
}
table:nth-of-type(5) {
table-layout: auto;
width: 100.2%!important;
position: relative;
top: 10px;
margin-bottom: 40px!important;
z-index: 999!important;
}
table:nth-of-type(5) tr:nth-child(1) td {
padding: 0px!important;
height: 40px!important;
}
table:nth-of-type(5) td {
border: 0px solid black;
padding-left: 10px;
padding-right: 10px;
}
table:nth-of-type(5) td:nth-child(2) {
text-align: cent...