incremental-social/The-Modding-Tree
incremental-social/The-Modding-Tree
Template
1
0
Fork 0
mirror of https://github.com/Acamaeda/The-Modding-Tree.git synced 2025-04-02 05:47:28 +00:00
Code Issues Releases Activity Actions

Updated treenode borders

Browse source
This commit is contained in:
Acamaeda 2020-10-14 23:24:34 -04:00
parent b95ef2fe44
commit af78b0d99b
2 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/layers.js
View file

@ -486,7 +486,7 @@ addLayer("a", {
name: "EIEIO", name: "EIEIO",
done() {return player.f.points.gte(1)}, done() {return player.f.points.gte(1)},
goalTooltip: "Get a farm point.", // Shows when achievement is not completed goalTooltip: "Get a farm point.", // Shows when achievement is not completed
doneTooltip: "Get a farm point.\n\nReward: The dinosaur is now your friend.", // Showed when the achievement is completed doneTooltip: "Get a farm point.\n\nReward: The dinosaur is now your friend (you can max Farm Points).", // Showed when the achievement is completed
onComplete() {console.log("Bork bork bork!")} onComplete() {console.log("Bork bork bork!")}
}, },
}, },

28
style.css
View file

@ -65,7 +65,7 @@ h1, h2, h3, b, input {
height: 100px; height: 100px;
width: 100px; width: 100px;
border: var(--hqProperty1); border: var(--hqProperty1);
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
border-radius: 50%; border-radius: 50%;
box-shadow: var(--hqProperty2a), var(--hqProperty2b); box-shadow: var(--hqProperty2a), var(--hqProperty2b);
font-size: 40px; font-size: 40px;
@ -78,7 +78,7 @@ h1, h2, h3, b, input {
height: 60px; height: 60px;
width: 60px; width: 60px;
border: var(--hqProperty1); border: var(--hqProperty1);
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
border-radius: 50%; border-radius: 50%;
box-shadow: var(--hqProperty2a), var(--hqProperty2b); box-shadow: var(--hqProperty2a), var(--hqProperty2b);
font-size: 30px; font-size: 30px;
@ -104,7 +104,7 @@ h1, h2, h3, b, input {
.treeNode.notify { .treeNode.notify {
transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
border-color: rgba(255, 0, 0, 0.125) rgba(255, 0, 0, 0.25) rgba(255, 0, 0, 0.25) rgba(255, 0, 0, 0.125); border-color: rgba(0, 0, 0, 0.125);
box-shadow: var(--hqProperty2a), 0px 0px 20px #ff0000; box-shadow: var(--hqProperty2a), 0px 0px 20px #ff0000;
z-index: 3 z-index: 3
} }
@ -174,7 +174,7 @@ h1, h2, h3, b, input {
margin: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
} }
@ -188,7 +188,7 @@ h1, h2, h3, b, input {
width: 180px; width: 180px;
border-radius: 25%; border-radius: 25%;
border: 4px solid; border: 4px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
} }
.upg { .upg {
@ -196,7 +196,7 @@ h1, h2, h3, b, input {
width: 120px; width: 120px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
font-size: 10px; font-size: 10px;
} }
@ -205,7 +205,7 @@ h1, h2, h3, b, input {
width: 90px; width: 90px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
font-size: 10px; font-size: 10px;
color: white; color: white;
text-shadow: 0px 0px 2px #000000; text-shadow: 0px 0px 2px #000000;
@ -219,7 +219,7 @@ h1, h2, h3, b, input {
width: 200px; width: 200px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
font-size: 10px; font-size: 10px;
} }
@ -228,7 +228,7 @@ h1, h2, h3, b, input {
width: 200px; width: 200px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
} }
.longUpg { .longUpg {
@ -237,7 +237,7 @@ h1, h2, h3, b, input {
background: var(--points); background: var(--points);
border-radius: 50%; border-radius: 50%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
font-size: 10px; font-size: 10px;
} }
@ -246,7 +246,7 @@ h1, h2, h3, b, input {
width: 40px; width: 40px;
border-radius: 25%; border-radius: 25%;
border: 2px solid; border: 2px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
} }
#points { #points {
@ -373,7 +373,7 @@ a {
background-color: #bf8f8f; background-color: #bf8f8f;
border: 4px solid; border: 4px solid;
border-radius: 4px; border-radius: 4px;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
} }
@ -383,7 +383,7 @@ a {
background-color: #77bf5f; background-color: #77bf5f;
border: 4px solid; border: 4px solid;
border-radius: 4px; border-radius: 4px;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
} }
@ -459,7 +459,7 @@ ul {
.hChallenge { .hChallenge {
background-color: #bf8f8f; background-color: #bf8f8f;
border: 4px solid; border: 4px solid;
border-color: rgba(255, 255, 255, 0.125) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(255, 255, 255, 0.125); border-color: rgba(0, 0, 0, 0.125);
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
width: 300px; width: 300px;
height: 300px; height: 300px;