iampeter/pixelplanet
1
Fork 0
forked from ppfun/pixelplanet
Code Pull Requests Activity

change trans to arkeros style and include background image

Browse Source
This commit is contained in:
HF 2020-05-17 13:49:05 +02:00
parent d93a2cae1f
commit 4169bf8d8a
4 changed files with 53 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/jew.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

52
src/styles/arkeros.css Normal file
View File

@ -0,0 +1,52 @@
tr:nth-child(even) {
background-color: #61dcea;
}
tr:nth-child(odd) {
background-color: #ffb1e1;
}
.actionbuttons, .onlinebox, .cooldownbox, #historyselect, .notifybox {
background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
border-radius: 10px;
}
.Overlay {
background: linear-gradient(175deg, #61dceaab , #ffb1e1, #ecffec, #ffb1e1, #61dceaab);
}
.chatname {
background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
}
.msg.info{
color: #ff91a6;
}
.actionbuttons:hover, .menu > div:hover {
background: linear-gradient(160deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
}
#chatbutton {
background: linear-gradient(135deg, orange , yellow, green, aqua, blue, violet);
}
#chatbutton:hover {
background: linear-gradient(45deg, orange , yellow, green, aqua, blue, violet);
}
.coorbox {
background: linear-gradient(45deg, orange , yellow, green, aqua, blue, violet);
border-radius: 10px;
}
.coorbox:hover {
background: linear-gradient(135deg, orange , yellow, green, aqua, blue, violet);
}
.Modal {
background: #f4edf0 none repeat scroll 0 0;
background-image: url("../jew.png");
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
}

46
src/styles/trans.css
View File

@ -1,46 +0,0 @@
tr:nth-child(even) {
background-color: #61dcea;
}
tr:nth-child(odd) {
background-color: #ffb1e1;
}
.chatbox {
background-color: rgba(59, 59, 59, 0.8);
}
.actionbuttons, .coorbox, .onlinebox, .cooldownbox, #historyselect, .notifybox {
background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
border-radius: 10px;
}
.Overlay {
background: linear-gradient(175deg, #61dceaab , #ffb1e1, #ecffec, #ffb1e1, #61dceaab);
}
.chatmsg {
color: white;
}
.chatname {
background: linear-gradient(0deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
}
.msg.info{
color: #ff91a6;
}
.msg.greentext{
color: #94ff94;
}
#chatlink {
color: #f9edde;
}
.actionbuttons:hover, .coorbox:hover, .menu > div:hover {
background: linear-gradient(160deg, #61dcea , #ffb1e1, #ecffec, #ffb1e1, #61dcea);
}
.Modal {
background: #f4edf0 none repeat scroll 0 0;
border-radius: 10px;
}

2
tools/minifyCss.js
View File

@ -13,7 +13,7 @@ const FILES = [
'dark.css',
'light-round.css',
'dark-round.css',
'trans.css',
'arkeros.css',
];
async function minifyCss() {