add stylelint, configure, and apply changes

This commit is contained in:
WaitingIdly 2022-05-09 09:51:04 -07:00
parent 0d8a169d9d
commit 95e5c2f886
64 changed files with 3150 additions and 2498 deletions

3
.stylelintignore Normal file
View File

@ -0,0 +1,3 @@
public/stylesheets/fontawesome/**/*.css
public/stylesheets/codemirror/*.css
public/stylesheets/vis-network.css

57
.stylelintrc.json Normal file
View File

@ -0,0 +1,57 @@
{
"extends": [
"stylelint-config-standard",
"stylelint-config-recommended-vue"
],
"rules": {
"no-descending-specificity": null,
"font-family-no-missing-generic-family-keyword": null,
"no-empty-source": null,
"color-hex-length": "long",
"custom-property-empty-line-before": null,
"color-function-notation": null,
"property-no-vendor-prefix": [
true,
{
"ignoreProperties": ["appearance", "background-clip-text", "backdrop-filter", "clip-path", "user-select"]
}
],
"unit-allowed-list": [
"rem",
"%",
"px",
"deg",
"s",
"ms",
"fr"
],
"custom-property-pattern": [
"^([_a-z][a-z0-9]*)([-_]{1,2}[a-z0-9]+)*$",
{
"message": "Expected custom property name to be kebab-case"
}
],
"selector-class-pattern": [
"^(CodeMirror.*|([_a-z][a-z0-9]*)([-_]{1,2}[a-z0-9]+)*)$",
{
"message": "Expected class selector name to be kebab-case"
}
],
"keyframes-name-pattern": [
"^([_a-z][a-z0-9]*)([-_]{1,2}[a-z0-9]+)*$",
{
"message": "Expected keyframe name to be kebab-case"
}
],
"selector-id-pattern": [
"^([_a-z][a-z0-9]*)([-_]{1,2}[a-z0-9]+)*$",
{
"message": "Expected id selector name to be kebab-case"
}
]
}
}

2741
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -41,6 +41,10 @@
"eslint-import-resolver-alias": "^1.1.2",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-vue": "^8.0.3",
"postcss-html": "^1.4.1",
"stylelint": "^14.8.2",
"stylelint-config-recommended-vue": "^1.4.0",
"stylelint-config-standard": "^25.0.0",
"vue-template-compiler": "^2.6.11",
"webpack": "^5.64.0"
}

View File

@ -46,23 +46,21 @@ SOFTWARE.
.l-ad-slider__wrap {
position: relative;
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.l-ad-slider--disabled .l-ad-slider__wrap {
opacity: .5;
opacity: 0.5;
cursor: not-allowed;
}
.l-ad-slider--has-label .l-ad-slider__bg{
.l-ad-slider--has-label .l-ad-slider__bg {
margin-bottom: 1.5rem;
}
.l-ad-slider--has-label.l-ad-slider--horizontal .l-ad-slider__bg, .l-ad-slider--has-label.l-ad-slider--horizontal-reverse .l-ad-slider__bg {
.l-ad-slider--has-label.l-ad-slider--horizontal .l-ad-slider__bg,
.l-ad-slider--has-label.l-ad-slider--horizontal-reverse .l-ad-slider__bg {
top: 0.75rem;
}
@ -77,11 +75,11 @@ SOFTWARE.
.c-ad-slider__bg {
border-radius: var(--var-border-radius, 1.5rem);
background-color: #ccc;
background-color: #cccccc;
}
.l-ad-slider__bg::after {
content: '';
content: "";
position: absolute;
left: 0;
top: 0;
@ -156,19 +154,19 @@ SOFTWARE.
.c-ad-slider__dot-handle {
border-radius: var(--var-border-radius, 50%) !important;
background-color: #fff;
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32);
background-color: #ffffff;
box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 32%);
}
.l-ad-slider__dot--focus .c-ad-slider__dot-handle {
box-shadow: 0 0 2px 1px #3498db;
}
.l-ad-slider__dot---dragging {
.l-ad-slider__dot--dragging {
z-index: 5;
}
.l-ad-slider__dot---disabled {
.l-ad-slider__dot--disabled {
z-index: 4;
}
@ -219,7 +217,7 @@ SOFTWARE.
padding: 2px 5px;
min-width: 20px;
text-align: center;
color: #fff;
color: #ffffff;
border-radius: var(--var-border-radius, 5px);
border: 0.1rem solid #3498db;
background-color: #3498db;
@ -249,8 +247,9 @@ SOFTWARE.
transform: translate(100%, -50%);
}
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-top .ad-slider-tooltip::before, .l-ad-slider__wrap .ad-slider-tooltip-top .vue-merged-tooltip .ad-slider-tooltip::before {
content: '';
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-top .ad-slider-tooltip::before,
.l-ad-slider__wrap .ad-slider-tooltip-top .vue-merged-tooltip .ad-slider-tooltip::before {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
@ -267,8 +266,9 @@ SOFTWARE.
visibility: hidden;
}
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-bottom .ad-slider-tooltip::before, .l-ad-slider__wrap .ad-slider-tooltip-bottom .vue-merged-tooltip .ad-slider-tooltip::before {
content: '';
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-bottom .ad-slider-tooltip::before,
.l-ad-slider__wrap .ad-slider-tooltip-bottom .vue-merged-tooltip .ad-slider-tooltip::before {
content: "";
position: absolute;
top: -10px;
left: 50%;
@ -280,8 +280,9 @@ SOFTWARE.
transform: translate(-50%, 0);
}
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-left .ad-slider-tooltip::before, .l-ad-slider__wrap .ad-slider-tooltip-left .vue-merged-tooltip .ad-slider-tooltip::before {
content: '';
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-left .ad-slider-tooltip::before,
.l-ad-slider__wrap .ad-slider-tooltip-left .vue-merged-tooltip .ad-slider-tooltip::before {
content: "";
position: absolute;
top: 50%;
right: -10px;
@ -293,8 +294,9 @@ SOFTWARE.
transform: translate(0, -50%);
}
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-right .ad-slider-tooltip::before, .l-ad-slider__wrap .ad-slider-tooltip-right .vue-merged-tooltip .ad-slider-tooltip::before {
content: '';
.l-ad-slider__wrap .ad-slider-tooltip-wrap.ad-slider-tooltip-right .ad-slider-tooltip::before,
.l-ad-slider__wrap .ad-slider-tooltip-right .vue-merged-tooltip .ad-slider-tooltip::before {
content: "";
position: absolute;
top: 50%;
left: -10px;
@ -311,7 +313,7 @@ SOFTWARE.
}
.l-ad-slider__wrap .l-ad-slider__dot.ad-slider-always .ad-slider-tooltip-wrap {
display: block!important;
display: block !important;
}
.l-ad-slider__wrap .ad-slider-piecewise {
@ -338,37 +340,40 @@ SOFTWARE.
width: 100%;
height: 100%;
display: inline-block;
background-color: rgba(0, 0, 0, 0.16);
background-color: rgba(0, 0, 0, 16%);
border-radius: var(--var-border-radius, 50%);
transform: translate(-50%, -50%);
z-index: 2;
transition: all .3s;
transition: all 0.3s;
}
.l-ad-slider__wrap .ad-slider-piecewise-item:first-child .ad-slider-piecewise-dot, .l-ad-slider__wrap .ad-slider-piecewise-item:last-child .ad-slider-piecewise-dot {
.l-ad-slider__wrap .ad-slider-piecewise-item:first-child .ad-slider-piecewise-dot,
.l-ad-slider__wrap .ad-slider-piecewise-item:last-child .ad-slider-piecewise-dot {
visibility: hidden;
}
.l-ad-slider--horizontal .ad-slider-piecewise-label, .l-ad-slider--horizontal-reverse .ad-slider-piecewise-label {
.l-ad-slider--horizontal .ad-slider-piecewise-label,
.l-ad-slider--horizontal-reverse .ad-slider-piecewise-label {
position: absolute;
display: inline-block;
top: 100%;
left: 50%;
white-space: nowrap;
font-size: 12px;
color: #333;
color: #333333;
transform: translate(-50%, 8px);
visibility: visible;
}
.l-ad-slider--vertical .ad-slider-piecewise-label, .l-ad-slider--vertical-reverse .ad-slider-piecewise-label {
.l-ad-slider--vertical .ad-slider-piecewise-label,
.l-ad-slider--vertical-reverse .ad-slider-piecewise-label {
position: absolute;
display: inline-block;
top: 50%;
left: 100%;
white-space: nowrap;
font-size: 12px;
color: #333;
color: #333333;
transform: translate(8px, -50%);
visibility: visible;
}

View File

@ -29,6 +29,7 @@
flex-direction: row;
justify-content: space-between;
margin-top: 1rem;
-webkit-user-select: none;
user-select: none;
}
@ -144,6 +145,7 @@
flex-direction: row;
align-items: center;
justify-content: flex-start;
/* for corner buttons */
position: relative;
}
@ -152,13 +154,13 @@
display: flex;
align-items: center;
justify-content: center;
padding: 0.3rem 0.8rem 0.3rem 0.8rem;
padding: 0.3rem 0.8rem;
}
.l-automator__button--corner {
position: absolute;
right: 0;
top: 0
top: 0;
}
.l-automator__script-names {
@ -172,7 +174,7 @@
.l-automator__scripts-dropdown {
width: 90%;
height: 90%;
padding: 0.2rem 0 0.3rem 0;
padding: 0.2rem 0 0.3rem;
border-width: 0.1rem;
border-radius: 0;
margin: 0.4rem;
@ -253,6 +255,7 @@
font-size: 1.4rem;
font-family: Typewriter, serif;
line-height: 1.6rem;
/* required for expanding into pane */
flex: 1 1 auto;
}
@ -297,11 +300,11 @@
position: relative;
}
.o-automator-error-underline:before {
.o-automator-error-underline::before {
content: "~~~~~~~~~~~~";
font-size: 0.6em;
font-size: 0.6rem;
font-weight: 700;
font-family: Times New Roman, Serif;
font-family: "Times New Roman", serif;
color: red;
width: 100%;
position: absolute;

View File

@ -135,7 +135,7 @@
top: 100%;
}
.c-glyph-sacrifice-options__option__tooltip:after {
.c-glyph-sacrifice-options__option__tooltip::after {
position: absolute;
top: 0;
left: 50%;
@ -161,12 +161,12 @@
top: calc(100% + 0.8rem);
}
.c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip:after {
.c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip::after {
border-bottom-width: 0.7rem;
margin-top: -0.9rem;
}
.s-base--metro .c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip:after {
.s-base--metro .c-glyph-sacrifice-options__option:hover .c-glyph-sacrifice-options__option__tooltip::after {
margin-top: -0.8rem;
}
@ -204,8 +204,7 @@
.l-glyph-inventory-management {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
justify-content: center;
}
@ -215,56 +214,52 @@
}
.c-auto-sac-type-tab__input {
width: 2.5em;
height: 1.5em;
width: 2.5rem;
height: 1.5rem;
font-size: 1.2rem;
background-color: #333;
background-color: #333333;
color: var(--color-reality-light);
border-radius: var(--var-border-radius, 0.2rem);
border: solid 0.1rem;
text-align: center;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
}
.c-auto-sac-effect-tab__input::-webkit-inner-spin-button,
.c-auto-sac-effect-tab__input::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
margin: 0;
}
.c-auto-sac-effect-tab__input {
width: 1.5em;
height: 1.5em;
width: 1.5rem;
height: 1.5rem;
font-size: 1.2rem;
text-align: center;
background-color: #333;
background-color: #333333;
color: var(--color-reality-light);
border-radius: var(--var-border-radius, 0.2rem);
border: solid 0.1rem;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
margin: 0;
}
.c-auto-sac-effect-tab__checkbox {
width: 1.5em;
height: 1.5em;
width: 1.5rem;
height: 1.5rem;
border-radius: var(--var-border-radius, 0.2rem);
border: solid 0.1rem;
}
.c-auto-sac-type-tab__input:focus {
font-weight: bold;
background-color: #555;
background-color: #555555;
box-shadow: 0 0 0.4rem 0.1rem var(--color-reality-light);
}
.c-auto-sac-type-tab__input::-webkit-outer-spin-button,
.c-auto-sac-type-tab__input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
margin: 0;
}
@ -278,7 +273,7 @@
border-radius: var(--var-border-radius, 0.2rem);
border: solid 0.1rem;
font-size: 1.2rem;
font-family: Typewriter, serif
font-family: Typewriter, serif;
}
.l-advanced-sac-options-for-glyph-type {
@ -301,10 +296,10 @@
}
.c-auto-sac-type-tab__effect-desc {
border-radius: var(--var-border-radius, 0.5em);
border-radius: var(--var-border-radius, 0.5rem);
border: 0.1rem solid;
padding: 0.25em 1.5em;
min-height: 3em;
padding: 0.25rem 1.5rem;
min-height: 3rem;
position: relative;
}
@ -341,9 +336,9 @@
}
.l-glyph-sacrifice-options__advanced-type-select {
font-size: 2em;
width: 3em;
height: 3em;
font-size: 2rem;
width: 3rem;
height: 3rem;
display: inline-flex;
align-items: center;
justify-content: center;
@ -352,7 +347,7 @@
}
.c-glyph-sacrifice-options__advanced-type-select {
color: #888;
color: #888888;
font-size: 2rem;
width: 2.5rem;
height: 2.5rem;
@ -364,8 +359,8 @@
}
.c-glyph-sacrifice-options__advanced-type-select:hover {
background: #131;
box-shadow: 0 0 0.8rem 0.4rem #131;
background: #113311;
box-shadow: 0 0 0.8rem 0.4rem #113311;
}
.c-glyph-auto-pick-options {
@ -385,6 +380,7 @@
font-weight: bold;
font-size: 1rem;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
width: 12rem;
height: 5rem;
@ -415,7 +411,7 @@
.c-glyph-tooltip__effect {
font-weight: normal;
text-shadow: none;
margin-bottom: 1em;
margin-bottom: 1rem;
}
.l-glyph-tooltip {
@ -445,7 +441,7 @@
.c-glyph-tooltip {
background-color: black;
color: #fff;
color: #ffffff;
font-size: 1.2rem;
font-weight: normal;
text-align: center;
@ -492,7 +488,7 @@
color: #d4d4ff;
border: 0.1rem solid #d4d4ff;
border-radius: var(--var-border-radius, 0.5rem);
padding: 0.25em 1em;
padding: 0.25rem 1rem;
}
.l-modal-glyph-selection__row {
@ -505,7 +501,7 @@
}
.l-modal-glyph-selection__glyph--selected {
box-shadow: #B4B420 0 0 1rem 0.5rem !important;
box-shadow: #b4b420 0 0 1rem 0.5rem !important;
}
.l-equipped-glyphs {
@ -521,7 +517,7 @@
width: 18rem;
height: 18rem;
position: relative;
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0%);
}
.l-equipped-glyphs__dropzone {
@ -532,7 +528,7 @@
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0%);
}
.l-equipped-glyphs__empty {
@ -546,11 +542,11 @@
}
.t-dark-metro .c-equipped-glyphs__empty {
background-color: #333;
background-color: #333333;
}
.t-dark .c-equipped-glyphs__empty {
background-color: #333;
background-color: #333333;
}
.t-s6 .c-equipped-glyphs__empty,
@ -559,7 +555,7 @@
}
.c-equipped-glyphs__empty--dragover {
box-shadow: 0 0 0.5rem 0.25rem #444;
box-shadow: 0 0 0.5rem 0.25rem #444444;
}
.l-equipped-glyphs__buttons {
@ -609,7 +605,7 @@
.c-glyph-sets-save-name__input {
width: 16rem;
height: 1.5em;
height: 1.5rem;
font-size: 1.35rem;
background-color: black;
color: var(--color-reality-light);
@ -618,8 +614,7 @@
border-bottom: 0.1rem solid;
text-align: center;
margin-bottom: 0.5rem;
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: textfield;
}
.c-glyph-set-save-setting-button {
@ -693,7 +688,7 @@
}
.l-current-glyph-effects__capped-header {
margin-bottom: 1em;
margin-bottom: 1rem;
}
.l-current-glyph-effects {
@ -726,7 +721,7 @@
overflow: auto;
color: var(--color-reality-light);
background: black;
border:var(--var-border-width, 0.2rem) solid var(--color-reality);
border: var(--var-border-width, 0.2rem) solid var(--color-reality);
border-radius: var(--var-border-radius, 0.5rem);
border-top-left-radius: 0;
border-top-right-radius: 0;
@ -848,8 +843,7 @@
.c-glyph-choice-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
width: 74rem;
}
@ -869,22 +863,22 @@
flex-direction: column;
justify-content: space-evenly;
align-items: center;
background-color: rgba(0, 0, 0, 0.1);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 10%);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 15%);
border-radius: var(--var-border-radius, 0.5rem);
font-size: 1.2rem;
height: 10rem;
width: 10rem;
text-shadow: 0.1rem 0.1rem 0.1rem black, 0.1rem 0.1rem 0 black;
box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 0.5);
box-shadow: 0.3rem 0.3rem 0.3rem rgba(0, 0, 0, 50%);
}
.c-glyph-choice-effect-list {
display: flex;
flex-direction: column;
justify-content: space-evenly;
background-color: rgba(0, 0, 0, 0.1);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 0.15);
background-color: rgba(0, 0, 0, 10%);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 15%);
border-radius: var(--var-border-radius, 0.5rem);
height: 11rem;
width: 25rem;
@ -945,6 +939,7 @@
.c-sacrificed-glyphs__confirm {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
@ -981,7 +976,7 @@
}
.s-base--dark .c-glyph-inventory__slot {
background-color: #333;
background-color: #333333;
}
.c-glyph-inventory-option {
@ -1031,7 +1026,7 @@
bottom: 100%;
}
.c-glyph-inventory-option__tooltip:after {
.c-glyph-inventory-option__tooltip::after {
position: absolute;
bottom: 0;
left: 50%;
@ -1060,12 +1055,12 @@
color: var(--color-reality-light);
}
.c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip:after {
.c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip::after {
border-top-width: 0.7rem;
margin-bottom: -0.9rem;
}
.s-base--metro .c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip:after {
.s-base--metro .c-glyph-inventory-option:hover .c-glyph-inventory-option__tooltip::after {
margin-bottom: -0.8rem;
}
@ -1159,9 +1154,9 @@
}
@keyframes a-glyph-side-box-button-glow {
0% { box-shadow: inset 0 0 2rem var(--color-ra-pet--effarig) }
50% { box-shadow: inset 0 0 0 }
100% { box-shadow: inset 0 0 2rem var(--color-ra-pet--effarig) }
0% { box-shadow: inset 0 0 2rem var(--color-ra-pet--effarig); }
50% { box-shadow: inset 0 0 0; }
100% { box-shadow: inset 0 0 2rem var(--color-ra-pet--effarig); }
}
.o-glyph-color-checkbox {
@ -1177,6 +1172,7 @@
color: black;
font-weight: bold;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
transition-duration: 0.2s;
}
@ -1185,7 +1181,6 @@
border-color: black;
}
.o-glyph-color-checkbox:hover {
transform: scale(1.1) translate(0.1rem, -0.1rem);
}
@ -1207,22 +1202,27 @@
background-color: #b67f33;
box-shadow: #b67f33 0 0 1rem 0.2rem;
}
20% {
background-color: #64dd17;
box-shadow: #64dd17 0 0 1rem 0.2rem;
}
40% {
background-color: #22aa48;
box-shadow: #22aa48 0 0 1rem 0.2rem;
}
60% {
background-color: #03a9f4;
box-shadow: #03a9f4 0 0 1rem 0.2rem;
}
80% {
background-color: #b241e3;
box-shadow: #b241e3 0 0 1rem 0.2rem;
}
100% {
background-color: #b67f33;
box-shadow: #b67f33 0 0 1rem 0.2rem;
@ -1233,18 +1233,23 @@
0% {
box-shadow: #b67f33 0 0 1rem calc(0.3rem) inset;
}
20% {
box-shadow: #64dd17 0 0 1rem calc(0.3rem) inset;
}
40% {
box-shadow: #22aa48 0 0 1rem calc(0.3rem) inset;
}
60% {
box-shadow: #03a9f4 0 0 1rem calc(0.3rem) inset;
}
80% {
box-shadow: #b241e3 0 0 1rem calc(0.3rem) inset;
}
100% {
box-shadow: #b67f33 0 0 1rem calc(0.3rem) inset;
}
@ -1253,87 +1258,126 @@
@keyframes a-reality-glyph-icon-cycle {
0% {
color: #b67f33;
text-shadow: #b67f33 -0.04em 0.04em 0.08em;
text-shadow: #b67f33 -0.04rem 0.04rem 0.08rem;
}
20% {
color: #64dd17;
text-shadow: #64dd17 -0.04em 0.04em 0.08em;
text-shadow: #64dd17 -0.04rem 0.04rem 0.08rem;
}
40% {
color: #22aa48;
text-shadow: #22aa48 -0.04em 0.04em 0.08em;
text-shadow: #22aa48 -0.04rem 0.04rem 0.08rem;
}
60% {
color: #03a9f4;
text-shadow: #03a9f4 -0.04em 0.04em 0.08em;
text-shadow: #03a9f4 -0.04rem 0.04rem 0.08rem;
}
80% {
color: #b241e3;
text-shadow: #b241e3 -0.04em 0.04em 0.08em;
text-shadow: #b241e3 -0.04rem 0.04rem 0.08rem;
}
100% {
color: #b67f33;
text-shadow: #b67f33 -0.04em 0.04em 0.08em;
text-shadow: #b67f33 -0.04rem 0.04rem 0.08rem;
}
}
@keyframes a-reality-glyph-name-cycle {
0% {
color: #b67f33;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b67f33 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b67f33 0 0 3px;
}
20% {
color: #64dd17;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #64dd17 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #64dd17 0 0 3px;
}
40% {
color: #22aa48;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #22aa48 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #22aa48 0 0 3px;
}
60% {
color: #03a9f4;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #03a9f4 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #03a9f4 0 0 3px;
}
80% {
color: #b241e3;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b241e3 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b241e3 0 0 3px;
}
100% {
color: #b67f33;
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b67f33 0 0 3px
text-shadow: black -1px 1px 1px, black 1px 1px 1px, black -1px -1px 1px, black 1px -1px 1px, #b67f33 0 0 3px;
}
}
@keyframes a-reality-glyph-description-cycle {
0% {
color: #b67f33;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #b67f33 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#b67f33 0 0 3px;
}
20% {
color: #64dd17;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #64dd17 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#64dd17 0 0 3px;
}
40% {
color: #22aa48;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #22aa48 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#22aa48 0 0 3px;
}
60% {
color: #03a9f4;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #03a9f4 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#03a9f4 0 0 3px;
}
80% {
color: #b241e3;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #b241e3 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#b241e3 0 0 3px;
}
100% {
color: #b67f33;
text-shadow: var(--color-text-base) -1px 1px 1px, var(--color-text-base)
1px 1px 1px, var(--color-text-base) -1px -1px 1px, var(--color-text-base) 1px -1px 1px, #b67f33 0 0 3px
text-shadow:
var(--color-text-base) -1px 1px 1px,
var(--color-text-base) 1px 1px 1px,
var(--color-text-base) -1px -1px 1px,
var(--color-text-base) 1px -1px 1px,
#b67f33 0 0 3px;
}
}
@ -1341,18 +1385,23 @@
0% {
background: #b67f33;
}
20% {
background: #64dd17;
}
40% {
background: #22aa48;
}
60% {
background: #03a9f4;
}
80% {
background: #b241e3;
}
100% {
background: #b67f33;
}
@ -1361,53 +1410,63 @@
@keyframes a-reality-glyph-tooltip-cycle {
0% {
border-color: #b67f33;
box-shadow: 0 0 0.5rem #b67f33, 0 0 0.5rem #b67f33 inset
box-shadow: 0 0 0.5rem #b67f33, 0 0 0.5rem #b67f33 inset;
}
20% {
border-color: #64dd17;
box-shadow: 0 0 0.5rem #64dd17, 0 0 0.5rem #64dd17 inset
box-shadow: 0 0 0.5rem #64dd17, 0 0 0.5rem #64dd17 inset;
}
40% {
border-color: #22aa48;
box-shadow: 0 0 0.5rem #22aa48, 0 0 0.5rem #22aa48 inset
box-shadow: 0 0 0.5rem #22aa48, 0 0 0.5rem #22aa48 inset;
}
60% {
border-color: #03a9f4;
box-shadow: 0 0 0.5rem #03a9f4, 0 0 0.5rem #03a9f4 inset
box-shadow: 0 0 0.5rem #03a9f4, 0 0 0.5rem #03a9f4 inset;
}
80% {
border-color: #b241e3;
box-shadow: 0 0 0.5rem #b241e3, 0 0 0.5rem #b241e3 inset
box-shadow: 0 0 0.5rem #b241e3, 0 0 0.5rem #b241e3 inset;
}
100% {
border-color: #b67f33;
box-shadow: 0 0 0.5rem #b67f33, 0 0 0.5rem #b67f33 inset
box-shadow: 0 0 0.5rem #b67f33, 0 0 0.5rem #b67f33 inset;
}
}
@keyframes a-reality-glyph-tooltip-header-cycle {
0% {
border-color: #b67f33;
box-shadow: 0 0 0.5rem 0.1rem #b67f33, 0 0 0.8rem #b67f33 inset
box-shadow: 0 0 0.5rem 0.1rem #b67f33, 0 0 0.8rem #b67f33 inset;
}
20% {
border-color: #64dd17;
box-shadow: 0 0 0.5rem 0.1rem #64dd17, 0 0 0.8rem #64dd17 inset
box-shadow: 0 0 0.5rem 0.1rem #64dd17, 0 0 0.8rem #64dd17 inset;
}
40% {
border-color: #22aa48;
box-shadow: 0 0 0.5rem 0.1rem #22aa48, 0 0 0.8rem #22aa48 inset
box-shadow: 0 0 0.5rem 0.1rem #22aa48, 0 0 0.8rem #22aa48 inset;
}
60% {
border-color: #03a9f4;
box-shadow: 0 0 0.5rem 0.1rem #03a9f4, 0 0 0.8rem #03a9f4 inset
box-shadow: 0 0 0.5rem 0.1rem #03a9f4, 0 0 0.8rem #03a9f4 inset;
}
80% {
border-color: #b241e3;
box-shadow: 0 0 0.5rem 0.1rem #b241e3, 0 0 0.8rem #b241e3 inset
box-shadow: 0 0 0.5rem 0.1rem #b241e3, 0 0 0.8rem #b241e3 inset;
}
100% {
border-color: #b67f33;
box-shadow: 0 0 0.5rem 0.1rem #b67f33, 0 0 0.8rem #b67f33 inset
box-shadow: 0 0 0.5rem 0.1rem #b67f33, 0 0 0.8rem #b67f33 inset;
}
}

View File

@ -1,6 +1,6 @@
@font-face {
font-family: Typewriter;
src: url('MonospaceTypewriter.ttf');
src: url("MonospaceTypewriter.ttf");
}
*:focus {
@ -74,13 +74,13 @@ body.t-s9 {
.resource h2 {
margin: 0;
font-size: 1.7em;
font-size: 1.7rem;
z-index: 1;
}
.t-dark .resource h2,
.t-dark-metro .resource h2 {
text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.5), -0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.8);
text-shadow: 0 0 0.1rem rgba(0, 0, 0, 50%), -0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 80%);
}
.resource-information {
@ -89,16 +89,16 @@ body.t-s9 {
align-items: flex-start;
color: var(--color-text);
justify-content: space-between;
font-size: 1.5em;
font-size: 1.5rem;
}
.resource-gain {
font-size: 0.7em;
font-size: 0.7rem;
color: var(--color-text);
}
.resource-name {
font-size: 0.8em;
font-size: 0.8rem;
}
.o-sidebar-currency--antimatter {
@ -123,25 +123,25 @@ body.t-s9 {
color: #e0e0e0;
}
.o-sidebar-currency--infinity {
color: var(--color-infinity)
.o-sidebar-currency--infinity {
color: var(--color-infinity);
}
.o-sidebar-currency--eternity {
color: var(--color-eternity)
.o-sidebar-currency--eternity {
color: var(--color-eternity);
}
.o-sidebar-currency--reality {
color: var(--color-reality)
color: var(--color-reality);
}
.t-dark .o-sidebar-currency--reality,
.t-dark-metro .o-sidebar-currency--reality {
color: var(--color-reality)
color: var(--color-reality);
}
.o-sidebar-currency--pelle {
color: var(--color-pelle--base)
color: var(--color-pelle--base);
}
.resource-infinity-canreset,
@ -153,7 +153,7 @@ body.t-s9 {
.resource-infinity-canreset:hover,
.resource-eternity-canreset:hover {
background-color: rgb(49, 49, 49)
background-color: rgb(49, 49, 49);
}
.t-normal .c-modal {
@ -166,7 +166,7 @@ body.t-s9 {
border-width: 0.1rem;
border-radius: 0;
margin-top: -0.1rem;
font-size: 1.3em;
font-size: 1.3rem;
position: relative;
transition-duration: 0.15s;
transition-delay: 0.2s;
@ -197,7 +197,7 @@ body.t-s9 {
}
.o-tab-btn::after {
content: '';
content: "";
position: absolute;
left: calc(100% + 0.1rem);
top: calc(0% + -0.1rem);
@ -291,12 +291,13 @@ body.t-s9 {
line-height: 4.5rem;
cursor: pointer;
transition-duration: 0.15s;
-webkit-user-select: none;
user-select: none;
}
.o-tab-btn--subtab .o-tab-btn--cel3 {
font-weight: normal;
transform: rotate(45deg)
transform: rotate(45deg);
}
.o-subtab__tooltip {
@ -317,7 +318,7 @@ body.t-s9 {
bottom: 100%;
}
.o-subtab__tooltip:after {
.o-subtab__tooltip::after {
position: absolute;
bottom: 0;
left: 50%;
@ -334,10 +335,10 @@ body.t-s9 {
.o-tab-btn--subtab:hover .o-subtab__tooltip {
opacity: 1;
bottom: calc(100% + 0.7rem)
bottom: calc(100% + 0.7rem);
}
.o-tab-btn--subtab:hover .o-subtab__tooltip:after {
.o-tab-btn--subtab:hover .o-subtab__tooltip::after {
border-top-width: 0.7rem;
margin-bottom: -0.7rem;
}
@ -348,7 +349,7 @@ body.t-s9 {
border-color: var(--color-infinity);
}
.o-tab-btn--infinity .o-subtab__tooltip:after {
.o-tab-btn--infinity .o-subtab__tooltip::after {
border-top-color: var(--color-infinity);
}
@ -358,7 +359,7 @@ body.t-s9 {
border-color: var(--color-eternity);
}
.o-tab-btn--eternity .o-subtab__tooltip:after {
.o-tab-btn--eternity .o-subtab__tooltip::after {
border-top-color: var(--color-eternity);
}
@ -368,7 +369,7 @@ body.t-s9 {
border-color: var(--color-reality);
}
.o-tab-btn--reality .o-subtab__tooltip:after {
.o-tab-btn--reality .o-subtab__tooltip::after {
border-top-color: var(--color-reality);
}
@ -378,7 +379,7 @@ body.t-s9 {
border-color: var(--color-celestials);
}
.o-tab-btn--celestial .o-subtab__tooltip:after {
.o-tab-btn--celestial .o-subtab__tooltip::after {
border-top-color: var(--color-celestials);
}
@ -503,14 +504,14 @@ body.t-s9 {
}
.tickspeed-labels span {
color: var(--color-text);;
color: var(--color-text);
height: 3rem;
padding: 0.5rem 1rem;
}
.particle {
position: absolute;
color: var(--color-text);;
color: var(--color-text);
height: 1rem;
width: 1rem;
background-image: url("../icon.png");
@ -552,11 +553,10 @@ body.t-s9 {
}
.t-normal .c-game-header__tesseract-available {
background: #EEEEEE;
background: #eeeeee;
animation: a-tesseract-shift-dark 5s infinite;
}
.l-new-ui-big-crunch__container {
margin-top: 2rem;
}
@ -566,7 +566,7 @@ body.t-s9 {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-weight: bold;
font-size: 1.1em;
font-size: 1.1rem;
border-bottom: 0.1rem solid var(--color-good);
padding-bottom: 0.6rem;
}
@ -582,7 +582,7 @@ body.t-s9 {
background: var(--color-base);
}
.t-normal .o-achievement__tooltip:after {
.t-normal .o-achievement__tooltip::after {
border-top-color: var(--color-accent);
}
@ -598,7 +598,10 @@ body.t-s9 {
color: var(--color-text-inverted);
}
.o-primary-btn--option, .o-primary-btn--option-wide, .c-select-theme__item, .c-select-notation__item {
.o-primary-btn--option,
.o-primary-btn--option-wide,
.c-select-theme__item,
.c-select-notation__item {
background: var(--color-base);
color: var(--color-text);
border: 0.1rem solid var(--color-good);
@ -650,7 +653,7 @@ body.t-s9 {
.t-metro .o-autobuyer-input,
.t-metro .c-autobuyer-box__mode-select {
color: black;
border: 0.1rem solid #A9A9A9;
border: 0.1rem solid #a9a9a9;
background: white;
}
@ -659,7 +662,7 @@ body.t-s9 {
.t-dark .c-autobuyer-box__mode-select,
.t-dark-metro .c-autobuyer-box__mode-select {
color: black;
background-color: #455A64;
background-color: #455a64;
border: 0.1rem solid black;
}
@ -675,7 +678,7 @@ body.t-s9 {
.t-s10 .c-autobuyer-box__mode-select {
color: white;
background-color: black;
border: 0.1rem solid #888;
border: 0.1rem solid #888888;
}
.o-autobuyer-btn {
@ -697,17 +700,17 @@ body.t-s9 {
}
.c-antimatter-dim-row:nth-child(even) {
background-color: rgba(223, 80, 80, 0.3);
background-color: rgba(223, 80, 80, 30%);
}
.t-metro .c-antimatter-dim-row:nth-child(even),
.t-inverted-metro .c-antimatter-dim-row:nth-child(even),
.t-s8 .c-antimatter-dim-row:nth-child(even) {
background-color: rgba(33, 150, 243, 0.3);
background-color: rgba(33, 150, 243, 30%);
}
.c-antimatter-dim-row__multiplier {
font-size: 1.4rem
font-size: 1.4rem;
}
.c-infinity-dim-description__accent {
@ -715,15 +718,15 @@ body.t-s9 {
}
.c-infinity-dim-row:nth-child(even) {
background: rgba(182, 127, 51, 0.3);
background: rgba(182, 127, 51, 30%);
}
.s-base--metro .c-infinity-dim-row:nth-child(even) {
background: rgba(255, 152, 0, 0.3);
background: rgba(255, 152, 0, 30%);
}
.c-infinity-dim-row__multiplier {
font-size: 1.4rem
font-size: 1.4rem;
}
.o-primary-btn--buy-id-max,
@ -736,15 +739,15 @@ body.t-s9 {
}
.c-time-dim-row:nth-child(even) {
background: rgba(179, 65, 224, 0.3);
background: rgba(179, 65, 224, 30%);
}
.s-base--metro .c-time-dim-row:nth-child(even) {
background: rgba(103, 58, 183, 0.3);
background: rgba(103, 58, 183, 30%);
}
.c-time-dim-row__multiplier {
font-size: 1.4rem
font-size: 1.4rem;
}
.o-primary-btn--buy-td-max,
@ -752,7 +755,7 @@ body.t-s9 {
height: 4.4rem;
}
.l-reality-upgrade-btn {
.l-reality-upgrade-btn {
width: 18rem;
margin: 0.6rem 0.4rem;
}
@ -789,6 +792,7 @@ body.t-s9 {
top: 15%;
left: 72%;
}
.l-game-header__eternity-btn {
top: 15%;
right: 72%;
@ -809,7 +813,6 @@ body.t-s9 {
top: 8.5rem;
}
.l-reset-buttons-container__reality-button {
margin-top: 1.7rem;
margin-bottom: 0;
@ -878,13 +881,13 @@ body.t-s9 {
}
.t-normal .c-glyph-choice-icon {
background-color: rgba(0, 0, 0, 0.3);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 30%);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 40%);
}
.t-normal .c-glyph-choice-effect-list {
background-color: rgba(0, 0, 0, 0.3);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 0.4);
background-color: rgba(0, 0, 0, 30%);
border: var(--var-border-width, 0.2rem) solid rgba(0, 0, 0, 40%);
}
.l-help-me {

View File

@ -61,7 +61,7 @@
}
.s-base--metro .o-tab-btn {
box-shadow: 0.1rem 0.1rem 0.1rem 0 #9E9E9E;
box-shadow: 0.1rem 0.1rem 0.1rem 0 #9e9e9e;
}
.t-dark-metro .o-tab-btn {
@ -69,7 +69,7 @@
}
.t-s4 .o-tab-btn {
cursor: url(cursor2.cur), auto;
cursor: url("cursor2.cur"), auto;
}
.t-s8 .o-tab-btn {

File diff suppressed because it is too large Load Diff

View File

@ -1,28 +1,28 @@
body.t-dark-metro {
background-image: url('../images/dark-bg.png');
background-image: url("../images/dark-bg.png");
background-position: center;
color: #757575;
}
.t-dark-metro .c-tt-buy-button--unlocked {
background: #212121;
color: #00BCD4;
border: 0.1rem solid #00BCD4;
color: #00bcd4;
border: 0.1rem solid #00bcd4;
}
.t-dark-metro .c-tt-buy-button--unlocked:hover {
color: #212121;
background: #00BCD4;
background: #00bcd4;
}
.t-dark-metro .c-tt-buy-button--locked {
background: #9E9E9E;
background: #9e9e9e;
border: none;
box-shadow: 1px 1px 1px 0 #000;
box-shadow: 1px 1px 1px 0 #000000;
}
.t-dark-metro .c-tt-buy-button--locked:hover {
background: #E53935;
background: #e53935;
}
.t-dark-metro #realityanimbg {

View File

@ -1,33 +1,33 @@
body.t-dark {
background-image: url('../images/dark-bg.png');
background-image: url("../images/dark-bg.png");
background-position: center;
color: #888888;
}
input.t-dark {
background-color: #455A64;
background-color: #455a64;
border: 0.1rem solid black;
}
.t-dark .c-tt-amount {
color: #64DD17;
text-shadow: 0 0 7px #64DD17;
color: #64dd17;
text-shadow: 0 0 7px #64dd17;
}
.t-dark .c-tt-buy-button--unlocked {
color: #3AACD6;
color: #3aacd6;
background: #161616;
border: 0.1rem solid #3AACD6;
border: 0.1rem solid #3aacd6;
}
.t-dark .c-tt-buy-button--unlocked:hover {
color: #161616;
background: #3AACD6;
background: #3aacd6;
}
.t-dark .c-tt-buy-button--locked {
background: #263238;
border: 0.1rem solid #3AACD6;
border: 0.1rem solid #3aacd6;
}
.t-dark .c-tt-buy-button--locked:hover {
@ -41,4 +41,4 @@ input.t-dark {
.t-dark #realityanimbg {
filter: invert(1);
}
}

View File

@ -6,7 +6,7 @@ body.t-inverted-metro {
.t-inverted-metro #page,
.t-inverted-metro .l-notification-container,
.t-inverted-metro .c-modal,
.t-inverted-metro #TTbuttons,
.t-inverted-metro .time-theorem-buttons,
.t-inverted-metro .sidebar,
.t-inverted-metro .c-glyph-tooltip {
filter: invert(100%);
@ -18,28 +18,28 @@ body.t-inverted-metro {
.t-inverted-metro #timetheorems,
.t-inverted-metro .c-ttshop__save-load-text,
.t-inverted-metro #minimizeArrow,
.t-inverted-metro .minimize-arrow,
.t-inverted-metro .ttshop-background {
color: #bbb;
color: #bbbbbb;
}
.t-inverted-metro .c-tt-buy-button--unlocked {
background: #212121;
color: #00BCD4;
border: 0.1rem solid #00BCD4;
color: #00bcd4;
border: 0.1rem solid #00bcd4;
}
.t-inverted-metro .c-tt-buy-button--unlocked:hover {
color: #212121;
background: #00BCD4;
background: #00bcd4;
}
.t-inverted-metro .c-tt-buy-button--locked {
background: #9E9E9E;
background: #9e9e9e;
border: none;
box-shadow: 1px 1px 1px 0 #000;
box-shadow: 1px 1px 1px 0 #000000;
}
.t-inverted-metro .c-tt-buy-button--locked:hover {
background: #EF5350;
background: #ef5350;
}

View File

@ -6,7 +6,7 @@ body.t-inverted {
.t-inverted #page,
.t-inverted .l-notification-container,
.t-inverted .c-modal,
.t-inverted #TTbuttons,
.t-inverted .time-theorem-buttons,
.t-inverted .sidebar,
.t-inverted .c-glyph-tooltip {
filter: invert(100%);

View File

@ -1,20 +1,20 @@
.t-metro .c-tt-buy-button--unlocked {
background: #212121;
color: #00BCD4;
border: 0.1rem solid #00BCD4;
color: #00bcd4;
border: 0.1rem solid #00bcd4;
}
.t-metro .c-tt-buy-button--unlocked:hover {
color: #212121;
background: #00BCD4;
background: #00bcd4;
}
.t-metro .c-tt-buy-button--locked {
background: #9E9E9E;
background: #9e9e9e;
border: none;
box-shadow: 1px 1px 1px 0 #000;
box-shadow: 1px 1px 1px 0 #000000;
}
.t-metro .c-tt-buy-button--locked:hover {
background: #EF5350;
}
background: #ef5350;
}

View File

@ -1,11 +1,10 @@
html {
background: url('../images/s1-bg.svg') no-repeat;
background-size: contain;
background: url("../images/s1-bg.svg") no-repeat;
align-content: center;
background-size: 100%;
background-color: #d72621;
background-attachment:fixed;
background-position:center bottom;
background-attachment: fixed;
background-position: center bottom;
}
body.t-s1 {
@ -38,26 +37,27 @@ body.t-s1 {
#snow {
display: block !important;
background-image: url('../images/snow1.png'), url('../images/snow2.png'), url('../images/snow3.png');
background-image: url("../images/snow1.png"), url("../images/snow2.png"), url("../images/snow3.png");
height: 100%;
width: 100%;
left: 0;
top: 0;
position: fixed;
position: fixed;
z-index: 0;
opacity: 1;
pointer-events: none;
animation: snow 10s linear infinite, snowFade 10s cubic-bezier(0,0.3,1,0.7) infinite;
animation: snow 10s linear infinite, snowFade 10s cubic-bezier(0, 0.3, 1, 0.7) infinite;
}
@keyframes snow {
0% {background-position: 0 0, 0 0, 0 0;}
50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
100% {background-position: 1000px 1000px, 200px 400px, -200px 300px;}
0% { background-position: 0 0, 0 0, 0 0; }
50% { background-position: 500px 500px, 100px 200px, -100px 150px; }
100% { background-position: 1000px 1000px, 200px 400px, -200px 300px; }
}
/* stylelint-disable-next-line keyframes-name-pattern */
@keyframes snowFade {
0% {opacity: 0;}
50% {opacity: 1;}
100% {opacity: 0;}
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

View File

@ -1,5 +1,6 @@
.t-s10 #stars {
display: block;
/* Make video to at least 100% wide and tall */
min-width: 100%;
min-height: 100%;
@ -13,31 +14,31 @@
top: 50%;
left: 50%;
z-index: -1000;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
}
body.t-s10 {
color: #999;
color: #999999;
background: black;
background-image: url('../images/stars-bg.png');
background-image: url("../images/stars-bg.png");
background-size: 100%;
background-position: center;
}
.t-s10 .c-tt-amount {
color: #64DD17;
text-shadow: 0 0 7px #64DD17;
color: #64dd17;
text-shadow: 0 0 7px #64dd17;
}
.t-s10 .c-tt-buy-button--unlocked {
color: #3AACD6;
color: #3aacd6;
background: black;
border: 0.1rem solid #3AACD6;
border: 0.1rem solid #3aacd6;
}
.t-s10 .c-tt-buy-button--unlocked:hover {
color: black;
background: #3AACD6;
background: #3aacd6;
}
.t-s10 .c-tt-buy-button--locked {
@ -53,7 +54,7 @@ body.t-s10 {
}
.t-s10 .c-rm-amount__desc {
color: #999;
color: #999999;
}
.t-s10 #realityanimbg {

View File

@ -1,29 +1,29 @@
@font-face {
font-family: Typewriter;
src: url('BlobEmoji-Bold.ttf'), url('MonospaceTypewriter.ttf');
src: url("BlobEmoji-Bold.ttf"), url("MonospaceTypewriter.ttf");
}
body.t-s11 {
color: #999;
color: #999999;
background: black;
background-size: 100%;
background-position: center;
}
.t-s11 .c-tt-amount {
color: #64DD17;
text-shadow: 0 0 7px #64DD17;
color: #64dd17;
text-shadow: 0 0 7px #64dd17;
}
.t-s11 .c-tt-buy-button--unlocked {
color: #3AACD6;
color: #3aacd6;
background: black;
border: 0.1rem solid #3AACD6;
border: 0.1rem solid #3aacd6;
}
.t-s11 .c-tt-buy-button--unlocked:hover {
color: black;
background: #3AACD6;
background: #3aacd6;
}
.t-s11 .c-tt-buy-button--locked {
@ -39,7 +39,7 @@ body.t-s11 {
}
.t-s11 .c-rm-amount__desc {
color: #999;
color: #999999;
}
.t-s11 #realityanimbg {
@ -56,6 +56,7 @@ body.t-s11 {
font-size: 20px;
fill: orange !important;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

View File

@ -1,6 +1,5 @@
html {
background: url('../images/s2-bg.svg') no-repeat;
background-size: contain;
background: url("../images/s2-bg.svg") no-repeat;
background-position-x: 50%;
background-position-y: 50%;
background-size: 50%;
@ -17,7 +16,7 @@ body {
.t-s2 #page,
.t-s2 .l-notification-container,
.t-s2 .c-modal,
.t-s2 #TTbuttons,
.t-s2 .time-theorem-buttons,
.t-s2 .sidebar,
.t-s2 .c-glyph-tooltip {
filter: sepia(100%) hue-rotate(180deg) saturate(250%);

View File

@ -6,24 +6,24 @@ body {
.t-s3 #page,
.t-s3 .l-notification-container,
.t-s3 .c-modal,
.t-s3 #TTbuttons,
.t-s3 .time-theorem-buttons,
.t-s3 .sidebar,
.t-s3 .c-glyph-tooltip {
animation: glasses 7s infinite;
}
@keyframes glasses {
0% {filter: blur(0);}
10% {filter: blur(3px);}
20% {filter: blur(0);}
30% {transform: rotateZ(0deg)}
35% {transform: rotateZ(4deg)}
40% {transform: rotateZ(-4deg)}
45% {transform: rotateZ(0deg)}
55% {filter: invert(0%);}
65% {filter: invert(100%);}
75% {filter: invert(0%);}
85% {filter: opacity(100%);}
92.5% {filter: opacity(50%);}
100% {filter: opacity(100%);}
0% { filter: blur(0); }
10% { filter: blur(3px); }
20% { filter: blur(0); }
30% { transform: rotateZ(0deg); }
35% { transform: rotateZ(4deg); }
40% { transform: rotateZ(-4deg); }
45% { transform: rotateZ(0deg); }
55% { filter: invert(0%); }
65% { filter: invert(100%); }
75% { filter: invert(0%); }
85% { filter: opacity(100%); }
92.5% { filter: opacity(50%); }
100% { filter: opacity(100%); }
}

View File

@ -1,33 +1,34 @@
* {
border-radius: 40% !important;
box-shadow: 1px 1px 1px 0 #9e9e9e;
font-family:
"Comic Sans MS",
cursive,
sans-serif,
Typewriter,
fas,
fab,
"Font Awesome 6 Brands",
"Font Awesome 6 Free" !important;
}
* {
font-family: "Comic Sans MS", cursive, sans-serif, Typewriter,
fas, fab, 'Font Awesome 6 Brands', 'Font Awesome 6 Free' !important;
}
html{
background-color: #FF00FF;
html {
background-color: #ff00ff;
color: black !important;
background-attachment:fixed;
background-position:center bottom;
background-attachment: fixed;
background-position: center bottom;
border: 0.1rem solid white !important;
}
#container {
cursor: url(cursor.cur), auto !important;
cursor: url("cursor.cur"), auto !important;
}
body {
background: #0FFF0F !important;
background: #0fff0f !important;
border: 0.1rem solid white !important;
}
.o-achievement {
border-radius: 0.8rem !important;
}
* {
box-shadow: 1px 1px 1px 0 #9E9E9E;
}

View File

@ -1,5 +1,5 @@
html {
background: url('../images/s5-bg.jpg');
background: url("../images/s5-bg.jpg");
background-position-x: 50%;
background-position-y: 50%;
background-size: 150%;
@ -15,7 +15,7 @@ body.t-s5 {
.t-s5 #page,
.t-s5 .l-notification-container,
.t-s5 .c-modal,
.t-s5 #TTbuttons,
.t-s5 .time-theorem-buttons,
.t-s5 .sidebar {
filter: sepia(100%) hue-rotate(0deg) saturate(100%);
}

View File

@ -1,5 +1,6 @@
.t-s6 #stars {
display: block;
/* Make video to at least 100% wide and tall */
min-width: 100%;
min-height: 100%;
@ -13,31 +14,31 @@
top: 50%;
left: 50%;
z-index: -1000;
transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
}
body.t-s6 {
color: #999;
color: #999999;
background: black;
background-image: url('../images/stars-bg.png');
background-image: url("../images/stars-bg.png");
background-size: 100%;
background-position: center;
}
.t-s6 .c-tt-amount {
color: #64DD17;
text-shadow: 0 0 7px #64DD17;
color: #64dd17;
text-shadow: 0 0 7px #64dd17;
}
.t-s6 .c-tt-buy-button--unlocked {
color: #3AACD6;
color: #3aacd6;
background: black;
border: 0.1rem solid #3AACD6;
border: 0.1rem solid #3aacd6;
}
.t-s6 .c-tt-buy-button--unlocked:hover {
color: black;
background: #3AACD6;
background: #3aacd6;
}
.t-s6 .c-tt-buy-button--locked {
@ -53,7 +54,7 @@ body.t-s6 {
}
.t-s6 .c-rm-amount__desc {
color: #999;
color: #999999;
}
.t-s6 #realityanimbg {

View File

@ -1,5 +1,5 @@
* {
font-family: "Arial", Typewriter;
font-family: Arial, Typewriter;
transition-duration: 1ms !important;
border-width: 1px !important;
border-radius: 0 !important;
@ -12,27 +12,19 @@
}
button {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.00, rgb(222, 222, 222)), color-stop(1.00, rgb(246, 246, 246))) !important;
background-image: -moz-linear-gradient(center bottom, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
padding: 3px !important;
border: 0.1rem solid #9B9B9B !important;
border: 0.1rem solid #9b9b9b !important;
color: black !important;
text-decoration: none !important;
}
.o-primary-btn {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.00, rgb(222, 222, 222)), color-stop(1.00, rgb(246, 246, 246))) !important;
background-image: -moz-linear-gradient(center bottom, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
background-image: linear-gradient(to top, rgb(222, 222, 222) 0%, rgb(246, 246, 246) 100%) !important;
padding: 3px !important;
border: 0.1rem solid #9B9B9B !important;
border: 0.1rem solid #9b9b9b !important;
color: black !important;
text-decoration: none !important;
}

View File

@ -1,5 +1,5 @@
body.t-s8 {
background: url('../images/s8-bg.jpg') no-repeat;
background: url("../images/s8-bg.jpg") no-repeat;
color: black;
background-color: white;
height: 100%;
@ -15,30 +15,30 @@ body.t-s8 {
color: black;
}
/*metro theme with less box shadows*/
/* metro theme with less box shadows */
.t-s8 input, .t-s8 select {
border: 0.1rem solid #A9A9A9;
.t-s8 input,
.t-s8 select {
border: 0.1rem solid #a9a9a9;
}
.t-s8 .c-tt-buy-button--unlocked {
background: #212121;
color: #00BCD4;
border: 0.1rem solid #00BCD4;
color: #00bcd4;
border: 0.1rem solid #00bcd4;
}
.t-s8 .c-tt-buy-button--unlocked:hover {
color: #212121;
background: #00BCD4;
background: #00bcd4;
}
.t-s8 .c-tt-buy-button--locked {
background: #9E9E9E;
background: #9e9e9e;
border: none;
box-shadow: 1px 1px 1px 0 #000;
box-shadow: 1px 1px 1px 0 #000000;
}
.t-s8 .c-tt-buy-button--locked:hover {
background: #EF5350;
background: #ef5350;
}

View File

@ -1,10 +1,11 @@
* {
color: transparent !important;
text-shadow: none !important;
-webkit-user-select: none;
user-select: none;
}
[ach-tooltip]:before {
[ach-tooltip]::before {
color: transparent;
}
@ -51,4 +52,4 @@
.o-celestial-nav__legend-text {
fill: transparent !important;
}
}

View File

@ -35,7 +35,7 @@
z-index: 0;
}
/*#region o-time-study*/
/* #region o-time-study */
.c-pelle-useless {
border: 0.1rem solid;
@ -46,7 +46,7 @@
height: 10rem;
transition-duration: 0.2s;
border-radius: var(--var-border-radius, 0.4rem);
font-size: 1.0rem;
font-size: 1rem;
}
.c-pelle-useless-available {
@ -80,7 +80,7 @@
height: 10rem;
transition-duration: 0.2s;
border-radius: var(--var-border-radius, 0.4rem);
font-size: 1.0rem;
font-size: 1rem;
}
.o-time-study--available {
@ -115,9 +115,9 @@
}
@keyframes a-time-study {
0% { box-shadow: inset 0 0 0.3rem 0 }
50% { box-shadow: inset 0 0 2rem 0 }
100% { box-shadow: inset 0 0 0.3rem 0 }
0% { box-shadow: inset 0 0 0.3rem 0; }
50% { box-shadow: inset 0 0 2rem 0; }
100% { box-shadow: inset 0 0 0.3rem 0; }
}
.o-time-study--small {
@ -231,7 +231,7 @@
}
.o-time-study-dilation--available:hover {
color: #64DD17;
color: #64dd17;
background-color: white;
animation: a-time-study-dilation 10s infinite;
}
@ -260,11 +260,11 @@
}
@keyframes a-time-study-dilation {
0% { box-shadow: inset 0.5rem 0 2rem }
25% { box-shadow: inset 0 0.5rem 2rem }
50% { box-shadow: inset -0.5rem 0 2rem }
75% { box-shadow: inset 0 -0.5rem 2rem }
100% { box-shadow: inset 0.5rem 0 2rem }
0% { box-shadow: inset 0.5rem 0 2rem; }
25% { box-shadow: inset 0 0.5rem 2rem; }
50% { box-shadow: inset -0.5rem 0 2rem; }
75% { box-shadow: inset 0 -0.5rem 2rem; }
100% { box-shadow: inset 0.5rem 0 2rem; }
}
.o-time-study-normal--unavailable {
@ -394,11 +394,11 @@
}
@keyframes a-eternity-challenge-running {
0% { box-shadow: inset 1rem 0 3rem #490066 }
25% { box-shadow: inset 0 0.5rem 3rem #490066 }
50% { box-shadow: inset -1rem 0 3rem #490066 }
75% { box-shadow: inset 0 -0.5rem 3rem #490066 }
100% { box-shadow: inset 1rem 0 3rem #490066 }
0% { box-shadow: inset 1rem 0 3rem #490066; }
25% { box-shadow: inset 0 0.5rem 3rem #490066; }
50% { box-shadow: inset -1rem 0 3rem #490066; }
75% { box-shadow: inset 0 -0.5rem 3rem #490066; }
100% { box-shadow: inset 1rem 0 3rem #490066; }
}
.o-time-study-dilation--bought {
@ -481,7 +481,7 @@
cursor: default;
}
/*#endregion o-time-study*/
/* #endregion o-time-study */
.o-time-study-connection {
/* This one should be px, because it rem svg behaves weirdly under scale */

View File

@ -5,7 +5,7 @@
}
.general-tooltip .tooltip-inner {
background: rgba(0, 0, 0, 0.9);
background: rgba(0, 0, 0, 90%);
color: white;
border-radius: var(--var-border-radius, 3px);
width: 160px;
@ -14,6 +14,7 @@
font-family: Typewriter, serif;
font-size: 14px;
line-height: 1.2;
-webkit-user-select: none;
user-select: none;
}
@ -47,7 +48,7 @@
height: 0;
position: absolute;
margin: 5px;
border: solid rgba(0, 0, 0, 0.9);
border: solid rgba(0, 0, 0, 90%);
z-index: 1;
}
@ -56,7 +57,7 @@
}
.general-tooltip[x-placement^="top"] .tooltip-arrow {
border-width: 5px 5px 0 5px !important;
border-width: 5px 5px 0 !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
@ -71,7 +72,7 @@
}
.general-tooltip[x-placement^="bottom"] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-width: 0 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
@ -116,20 +117,20 @@
color: black;
padding: 24px;
border-radius: var(--var-border-radius, 5px);
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 30px rgba(0, 0, 0, 10%);
}
.general-tooltip.popover .popover-arrow {
border-color: #f9f9f9;
}
.general-tooltip[aria-hidden='true'] {
.general-tooltip[aria-hidden="true"] {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.general-tooltip[aria-hidden='false'] {
.general-tooltip[aria-hidden="false"] {
visibility: visible;
opacity: 1;
transition: opacity 0.3s;

View File

@ -45,6 +45,7 @@
white-space: nowrap;
font-weight: bold;
text-align: left;
-webkit-user-select: none;
user-select: none;
}
@ -86,7 +87,7 @@
}
.old-ui .t-s1 .c-news-ticker {
background-color: #dbd242
background-color: #dbd242;
}
.old-ui .t-s6 .c-news-ticker,

View File

@ -46,13 +46,15 @@ export default {
<style scoped>
.o-blob-background {
fill: #fbc21b;
text-shadow: 0 0 5px #000,
0 0 5px #000,
0 0 5px #000;
text-shadow:
0 0 5px #000000,
0 0 5px #000000,
0 0 5px #000000;
opacity: 0.3;
overflow: visible;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
</style>
</style>

View File

@ -98,12 +98,14 @@ export default {
<style scoped>
.o-blob-snowflake {
fill: #fbc21b;
text-shadow: 0 0 5px #000,
0 0 5px #000,
0 0 5px #000;
text-shadow:
0 0 5px #000000,
0 0 5px #000000,
0 0 5px #000000;
opacity: 0.9;
overflow: visible;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

View File

@ -75,6 +75,7 @@ export default {
z-index: 9999;
overflow: visible;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}
@ -88,6 +89,7 @@ export default {
z-index: -9999;
overflow: visible;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
}

View File

@ -151,8 +151,8 @@ export default {
padding: 0.7rem;
width: 16rem;
border-radius: var(--var-border-radius, 0.3rem);
background-color: hsla(0, 0%, 5%, 0.9);
color: #fff;
background-color: hsla(0deg, 0%, 5%, 90%);
color: #ffffff;
content: attr(ach-tooltip);
text-align: center;
font-size: 1.4rem;
@ -180,7 +180,7 @@ export default {
}
.c-tooltip--top.c-tooltip-arrow {
border-top: 0.55rem solid hsla(0, 0%, 5%, 0.9);
border-top: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
border-bottom: 0;
}
@ -189,7 +189,7 @@ export default {
}
.c-tooltip--bottom.c-tooltip-arrow {
border-bottom: 0.55rem solid hsla(0, 0%, 5%, 0.9);
border-bottom: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
border-top: 0;
}
@ -198,7 +198,7 @@ export default {
}
.c-tooltip--right.c-tooltip-arrow {
border-right: 0.55rem solid hsla(0, 0%, 5%, 0.9);
border-right: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
border-left: 0;
}
@ -207,7 +207,7 @@ export default {
}
.c-tooltip--left.c-tooltip-arrow {
border-left: 0.55rem solid hsla(0, 0%, 5%, 0.9);
border-left: 0.55rem solid hsla(0deg, 0%, 5%, 90%);
border-right: 0;
}

View File

@ -208,12 +208,10 @@ export default {
width: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.l-expanding-control-box__container--transition {
transition: max-height 0.5s;
-webkit-transition: max-height 0.5s;
}
.l-expanding-control-box__button {

View File

@ -47,6 +47,7 @@ export default {
border-top: 0.1rem solid var(--color-accent);
border-right: 0.1rem solid var(--color-accent);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
padding: 0 0.5rem;
z-index: 5;
@ -54,7 +55,7 @@ export default {
.t-inverted .o-save-timer,
.t-inverted-metro .o-save-timer {
filter: invert(100%)
filter: invert(100%);
}
.t-s2 .o-save-timer {
@ -64,4 +65,4 @@ export default {
.t-s3 .o-save-timer {
animation: glasses 7s infinite;
}
</style>
</style>

View File

@ -114,6 +114,7 @@ export default {
background-color: var(--color-base);
white-space: nowrap;
border: var(--var-border-width, 0.2rem) solid var(--color-accent);
-webkit-user-select: none;
user-select: none;
padding: 0.8rem 2rem;
z-index: 5;

View File

@ -95,6 +95,7 @@ export default {
.l-information-modal {
display: flex;
flex-direction: column;
/* stylelint-disable-next-line unit-allowed-list */
width: calc(100vw - 50vh);
justify-content: space-around;
}
@ -125,15 +126,15 @@ export default {
}
.c-socials--icon__wrapper {
transition: all .2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.c-socials--icon__wrapper:hover {
transform: scale(1.1);
}
[ach-tooltip]:before {
[ach-tooltip]::before {
width: 20rem;
font-size: 1.5rem;
}
</style>
</style>

View File

@ -81,7 +81,9 @@ export default {
align-items: center;
justify-content: space-between;
width: 40rem;
/* stylelint-disable-next-line unit-allowed-list */
left: 50vw;
/* stylelint-disable-next-line unit-allowed-list */
top: 50vh;
transform: translate(-50%, -50%);
}
@ -117,4 +119,4 @@ export default {
font-size: large;
padding-bottom: 0.5rem;
}
</style>
</style>

View File

@ -115,7 +115,7 @@ export default {
border-color: var(--color-reality-light);
}
.c-automator__button.fa-eject:before {
.c-automator__button.fa-eject::before {
transform: rotate(90deg);
}
</style>

View File

@ -163,7 +163,7 @@ export default {
z-index: 1;
}
.c-slider-toggle-button:before {
.c-slider-toggle-button::before {
content: "";
position: absolute;
top: 0;
@ -176,12 +176,12 @@ export default {
z-index: 0;
}
.c-slider-toggle-button--right:before {
.c-slider-toggle-button--right::before {
left: 3rem;
background-color: white;
}
.tutorial--glow:after {
.tutorial--glow::after {
z-index: 2;
}
</style>

View File

@ -219,7 +219,7 @@ export default {
<style scoped>
.l-auto-pause-button {
width: 30rem
width: 30rem;
}
.l-pre-unlock-text {

View File

@ -180,6 +180,6 @@ export default {
<style scoped>
.c-laitela-singularity__cap-control {
margin: 0 0.3rem 1rem 0.3rem;
margin: 0 0.3rem 1rem;
}
</style>
</style>

View File

@ -132,7 +132,6 @@ export default {
font-size: 1.3rem;
}
.c-credits-cel-symbol {
position: absolute;
font-size: 14rem;
@ -155,7 +154,7 @@ export default {
.c-effarig-credits {
left: 80%;
top: 50rem;
color: #f40;
color: #ff4400;
animation: a-effarig-credits 4s ease-in-out infinite;
}
@ -209,9 +208,20 @@ export default {
}
@keyframes a-effarig-credits {
0% { opacity: 0.8; text-shadow: 0 0 3rem; }
50% { opacity: 1; text-shadow: 0 0 4rem, 0 0 4rem; }
100% { opacity: 0.8; text-shadow: 0 0 3rem; }
0% {
opacity: 0.8;
text-shadow: 0 0 3rem;
}
50% {
opacity: 1;
text-shadow: 0 0 4rem, 0 0 4rem;
}
100% {
opacity: 0.8;
text-shadow: 0 0 3rem;
}
}
@keyframes a-enslaved-credits {
@ -232,9 +242,20 @@ perfectly the same. */
}
@keyframes a-ra-credits {
0% { opacity: 0.1; transform: translateX(-50%) scale(0.2); }
50% { opacity: 0.4; transform: translateX(-50%) scale(0.9); }
100% { opacity: 0.1; transform: translateX(-50%) scale(0.2); }
0% {
opacity: 0.1;
transform: translateX(-50%) scale(0.2);
}
50% {
opacity: 0.4;
transform: translateX(-50%) scale(0.9);
}
100% {
opacity: 0.1;
transform: translateX(-50%) scale(0.2);
}
}
@keyframes a-laitela-credits {

View File

@ -25,13 +25,13 @@ export default {
</template>
<style scoped>
.black-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
z-index: 8;
}
.black-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
z-index: 8;
}
</style>

View File

@ -75,6 +75,7 @@ export default {
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.l-pelle-panel-container {
@ -82,6 +83,7 @@ export default {
margin: 1rem;
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.2rem);
-webkit-user-select: none;
user-select: none;
}
@ -102,8 +104,4 @@ export default {
flex-direction: column;
justify-content: flex-start;
}
.c-collapse-icon-clickable {
cursor: pointer;
}
</style>

View File

@ -156,6 +156,7 @@ export default {
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.l-pelle-panel-container {
@ -163,6 +164,7 @@ export default {
margin: 1rem;
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.2rem);
-webkit-user-select: none;
user-select: none;
}
@ -196,7 +198,6 @@ export default {
font-size: 2.5rem;
background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@ -221,6 +222,7 @@ export default {
height: 11.4rem;
overflow: hidden;
box-shadow: inset 0 0 0.1rem 0.1rem var(--color-pelle--base);
/* box-shadow is here to prevent a weird grey border forming around the background */
}
@ -257,8 +259,4 @@ export default {
font-size: 2rem;
text-shadow: 0.2rem 0.2rem 0.2rem black;
}
.c-collapse-icon-clickable {
cursor: pointer;
}
</style>

View File

@ -100,8 +100,9 @@ export default {
margin-top: 1rem;
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
/* transparent crimson */
box-shadow: inset 0 0 1rem 0.1rem rgba(237, 20, 61, 0.45), 0 0 1rem 0.1rem rgba(237, 20, 61, 0.45);
box-shadow: inset 0 0 1rem 0.1rem rgba(237, 20, 61, 45%), 0 0 1rem 0.1rem rgba(237, 20, 61, 45%);
}
.t-s1 .c-pelle-rift {

View File

@ -184,6 +184,7 @@ export default {
.c-pelle-rift-bar {
--color-bar-bg: #1e1e1e;
height: 5rem;
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--secondary);
border-radius: var(--var-border-radius, 0.5rem);
@ -195,16 +196,12 @@ export default {
align-items: center;
background: var(--color-bar-bg);
}
.c-pelle-rift-bar--filling,
.c-pelle-rift-bar--idle {
cursor: pointer;
}
.c-pelle-rift-bar--idle .l-overflow-hidden,
.c-pelle-rift-bar--idle .o-pelle-rift-bar-percentage {
opacity: 0.6;
}
.l-overflow-hidden {
overflow: hidden;
border: var(--var-border-width, 0.16rem) solid transparent;
@ -231,7 +228,6 @@ export default {
box-shadow: inset 0 0 0.3rem 0.1rem var(--color-pelle--secondary);
}
/* FILLING STYLES */
.o-pelle-rift-bar-fill {
position: absolute;
@ -251,10 +247,8 @@ export default {
background: var(--color-pelle--base);
z-index: 0;
filter: brightness(0.5);
z-index: 0;
}
/* SPECIAL BAR OVERLAY STYLES */
.o-pelle-rift-bar-permanent {
position: absolute;
@ -278,15 +272,15 @@ export default {
@keyframes a-pelle-bar-overfill-pulse {
/* #ed143d66 is the base pelle colour except transparent. */
0% { box-shadow: 0 0 0.7rem 1rem rgba(237, 20, 61, 0.4); }
50% { box-shadow: 0 0 1.5rem 0 rgba(237, 20, 61, 0.4); }
100% { box-shadow: 0 0 0.7rem 1rem rgba(237, 20, 61, 0.4); }
0% { box-shadow: 0 0 0.7rem 1rem rgba(237, 20, 61, 40%); }
50% { box-shadow: 0 0 1.5rem 0 rgba(237, 20, 61, 40%); }
100% { box-shadow: 0 0 0.7rem 1rem rgba(237, 20, 61, 40%); }
}
@keyframes a-pelle-bar-overfill-pulse-but-green {
0% { box-shadow: 0 0 0.7rem 1rem rgba(124, 183, 39, 0.533); }
50% { box-shadow: 0 0 1.5rem 0rem rgba(124, 183, 39, 0.533); }
100% { box-shadow: 0 0 0.7rem 1rem rgba(124, 183, 39, 0.533); }
0% { box-shadow: 0 0 0.7rem 1rem rgba(124, 183, 39, 53.3%); }
50% { box-shadow: 0 0 1.5rem 0 rgba(124, 183, 39, 53.3%); }
100% { box-shadow: 0 0 0.7rem 1rem rgba(124, 183, 39, 53.3%); }
}
.c-pelle-rift-bar-overfill-container {
@ -297,13 +291,27 @@ export default {
animation: a-pelle-bar-overfill-pulse-but-green 1s infinite linear;
}
/* ACTIVE RIFT FILLING STYLES */
@keyframes a-pelle-bar-filling-sweep {
0% { left: 0; width: 0; }
10% { left: 0; width: 2rem; }
90% { left: calc(100% - 2rem); width: 2rem; }
100% { left: 100%; width: 0; }
0% {
left: 0;
width: 0;
}
10% {
left: 0;
width: 2rem;
}
90% {
left: calc(100% - 2rem);
width: 2rem;
}
100% {
left: 100%;
width: 0;
}
}
.o-pelle-rift-bar-active-fill {
@ -321,21 +329,27 @@ export default {
color: white;
text-shadow: 0.1rem 0.1rem 0.2rem var(--color-pelle--base);
z-index: 2;
/* This keeps the percentage from blocking the hover area */
pointer-events: none;
}
.c-pelle-rift-bar--idle .l-overflow-hidden,
.c-pelle-rift-bar--idle .o-pelle-rift-bar-percentage {
opacity: 0.6;
}
/* MILESTONE STYLES */
.o-pelle-rift-bar-milestone-hover-container {
height: 100%;
}
@keyframes a-pelle-bar-unfinished-milestone-flash {
0% { opacity: 1 }
20% { opacity: 1 }
50% { opacity: 0.3 }
80% { opacity: 1 }
100% { opacity: 1 }
0% { opacity: 1; }
20% { opacity: 1; }
50% { opacity: 0.3; }
80% { opacity: 1; }
100% { opacity: 1; }
}
.o-pelle-rift-bar-milestone-line {

View File

@ -187,7 +187,7 @@ export default {
}
@keyframes roll {
100% { transform: rotateY(360deg) }
100% { transform: rotateY(360deg); }
}
.pelle-icon {

View File

@ -184,7 +184,7 @@ export default {
transition-duration: 0.3s;
}
/* stylelint-disable-next-line selector-class-pattern */
.c-pelle-upgrade--galaxyGenerator {
background: linear-gradient(var(--color-pelle--secondary), var(--color-pelle--base));
color: black;
@ -211,6 +211,7 @@ export default {
color: black;
}
/* stylelint-disable-next-line selector-class-pattern */
.c-pelle-upgrade--galaxyGenerator:hover,
.c-pelle-upgrade--unavailable:hover,
.c-pelle-upgrade--faded:hover,
@ -220,12 +221,12 @@ export default {
}
.l-pelle-upgrade-gap {
height: 0.5em;
height: 0.5rem;
flex-shrink: 0;
}
.c-improved-effect {
color: #0b0;
color: #00bb00;
font-weight: bold;
font-style: italic;
}

View File

@ -146,6 +146,7 @@ export default {
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.l-pelle-panel-container {
@ -153,6 +154,7 @@ export default {
margin: 1rem;
border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
border-radius: var(--var-border-radius, 0.5rem);
-webkit-user-select: none;
user-select: none;
}
@ -209,8 +211,4 @@ export default {
font-size: 2rem;
color: var(--color-pelle--base);
}
.c-collapse-icon-clickable {
cursor: pointer;
}
</style>

View File

@ -153,7 +153,7 @@ export default {
.l-remnant-factors-row {
display: flex;
width: 100%
width: 100%;
}
.l-remnant-factors-col {

View File

@ -307,11 +307,13 @@ export default {
display: flex;
justify-content: center;
}
.c-ra-pet-upgrade-memory {
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.c-ra-pet-upgrade-chunk {
border-top-left-radius: 0;
border-top-right-radius: 0;

View File

@ -335,6 +335,6 @@ export default {
}
.l-v-goal-reduction-spacer {
height :0.8rem;
height: 0.8rem;
}
</style>

View File

@ -547,7 +547,6 @@ function roundPreservingSum(data) {
<style scoped>
.l-glyph-level-and-weights-note {
grid-column-start: 1;
grid-column-end: 5;
grid-column: 1 / 5;
}
</style>

View File

@ -106,6 +106,7 @@ export default {
color: black;
font-size: 1rem;
position: absolute;
/* -0.1rem = -1px, needed because CSS renders a black border between the check and the border of the selector
otherwise */
top: -0.1rem;

View File

@ -71,7 +71,7 @@ export default {
</template>
<style scoped>
.perk-settings > button {
margin-right: 1rem;
}
.perk-settings > button {
margin-right: 1rem;
}
</style>

View File

@ -215,4 +215,5 @@ export default {
</template>
<style scoped>
</style>

View File

@ -50,7 +50,7 @@ export default {
padding: 1rem;
border: var(--var-border-width, 0.2rem) solid #1f7d1f;
border-radius: var(--var-border-radius, 0.5rem);
margin: .5rem;
margin: 0.5rem;
background: #3c3c3c;
color: white;
}
@ -63,7 +63,7 @@ export default {
margin: auto;
align-items: center;
font-family: Typewriter;
padding: .5rem 2rem;
padding: 0.5rem 2rem;
margin-top: 1rem;
cursor: pointer;
}

View File

@ -146,7 +146,7 @@ export default {
margin: auto;
align-items: center;
font-family: Typewriter;
padding: .5rem 2rem;
padding: 0.5rem 2rem;
margin-top: 1rem;
cursor: pointer;
}

View File

@ -123,12 +123,12 @@ export default {
<style scoped>
.l-tt-save-load-btn__wrapper {
margin: 0.3em;
margin: 0.3rem;
position: relative;
}
.l-tt-save-load-btn {
min-width: 2em;
min-width: 2rem;
}
.l-tt-save-load-btn__menu {

View File

@ -131,7 +131,7 @@ export default {
</script>
<template>
<div class="TTbuttons">
<div class="time-theorem-buttons">
<div class="ttshop-container ttshop-background">
<div
data-role="page"
@ -219,7 +219,7 @@ export default {
@click="minimize"
>
<span
id="minimizeArrow"
class="minimize-arrow"
:style="minimizeArrowStyle"
></span>
</button>
@ -240,6 +240,6 @@ export default {
}
.ttbuttons-bottom-row-hide {
height: 0rem;
height: 0;
}
</style>

View File

@ -120,6 +120,7 @@ export default {
margin: 0.2rem;
vertical-align: middle;
}
.c-black-hole-status-text {
margin: 0 0.8rem;
}

View File

@ -105,7 +105,7 @@ export default {
<style scoped>
.o-tab-btn::before {
content: '';
content: "";
width: 0;
height: 100%;
position: absolute;