mirror of
https://github.com/IvarK/AntimatterDimensionsSourceCode.git
synced 2024-11-23 04:32:17 +00:00
add stylelint, configure, and apply changes
This commit is contained in:
WaitingIdly
parent
0d8a169d9d
commit
95e5c2f886
3
.stylelintignore
Normal file
3
.stylelintignore
Normal file
@ -0,0 +1,3 @@
|
||||
public/stylesheets/fontawesome/**/*.css
|
||||
public/stylesheets/codemirror/*.css
|
||||
public/stylesheets/vis-network.css
|
||||
57
.stylelintrc.json
Normal file
57
.stylelintrc.json
Normal 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
2741
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -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"
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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
@ -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 {
|
||||
|
||||
@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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%);
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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; }
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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%);
|
||||
|
||||
@ -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%); }
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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%);
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 */
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -219,7 +219,7 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
.l-auto-pause-button {
|
||||
width: 30rem
|
||||
width: 30rem;
|
||||
}
|
||||
|
||||
.l-pre-unlock-text {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -187,7 +187,7 @@ export default {
|
||||
}
|
||||
|
||||
@keyframes roll {
|
||||
100% { transform: rotateY(360deg) }
|
||||
100% { transform: rotateY(360deg); }
|
||||
}
|
||||
|
||||
.pelle-icon {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -153,7 +153,7 @@ export default {
|
||||
|
||||
.l-remnant-factors-row {
|
||||
display: flex;
|
||||
width: 100%
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.l-remnant-factors-col {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -335,6 +335,6 @@ export default {
|
||||
}
|
||||
|
||||
.l-v-goal-reduction-spacer {
|
||||
height :0.8rem;
|
||||
height: 0.8rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -71,7 +71,7 @@ export default {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.perk-settings > button {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
.perk-settings > button {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -215,4 +215,5 @@ export default {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -120,6 +120,7 @@ export default {
|
||||
margin: 0.2rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.c-black-hole-status-text {
|
||||
margin: 0 0.8rem;
|
||||
}
|
||||
|
||||
@ -105,7 +105,7 @@ export default {
|
||||
|
||||
<style scoped>
|
||||
.o-tab-btn::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user