Skip to content

Commit c151bc4

Browse files
jiislothjiisloth
committed
set vj25plus themes
1 parent deb4afd commit c151bc4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+860
-157
lines changed

‎static/css/_form.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
font-size: 1.1em;
4848
line-height: 0.9em;
4949
&.ok{
50-
background-color: $viuhti-green;
50+
background-color: $viuhti-darkForest;
5151
color: white;
5252
&:after{
5353
content: "✓"
@@ -109,7 +109,7 @@
109109
opacity: 0.9;
110110
border: 1px $viuhti-dark solid;
111111
&.ok {
112-
background-color: $viuhti-green;
112+
background-color: $viuhti-darkForest;
113113
color: white;
114114
&:after{
115115
content: "✓"
@@ -225,7 +225,7 @@
225225
display: inline-block;
226226
}
227227
.ok {
228-
background-color: $viuhti-green;
228+
background-color: $viuhti-darkForest;
229229
color: white;
230230
&:after{
231231
content: "✓"

‎static/css/_incentives.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
}
66
}
77

8-
.incentive_dropdown {
8+
.incentive_dropdown, .incentive_dropdown_group {
99
min-height: 30px;
1010
cursor: pointer;
1111
display: flex;
@@ -20,7 +20,7 @@
2020

2121
}
2222

23-
.incentive_dropdown:hover {
23+
.incentive_dropdown:hover, .incentive_dropdown_group:hover {
2424
color: $incentive-dropdown-hover-color;
2525
}
2626

@@ -56,7 +56,7 @@ input[type='checkbox'] {
5656
}
5757

5858
.highlight {
59-
color: #8feeee;
59+
color: $incentive-dropdown-hover-color;
6060
}
6161

6262

‎static/css/_timetable.scss‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,11 @@
3636
transform: translate(-50%, -50%);
3737

3838
}
39+
.charOutline {
40+
position: absolute;
41+
width: 100%;
42+
height: 100%;
43+
}
3944
}
4045
}
4146

@@ -71,6 +76,7 @@
7176
flex-direction: column;
7277
justify-content: space-between;
7378
width: 80px;
79+
color: $viuhti-white;
7480
> div {
7581
display: flex;
7682
flex-direction: row;
@@ -94,6 +100,7 @@
94100
flex-direction: row;
95101
gap: $increment-sm;
96102
.tttday {
103+
color: $viuhti-white;
97104
flex: 1;
98105
position: relative;
99106
min-width: 0;
@@ -124,9 +131,14 @@
124131
.tttimg {
125132
width: 56px;
126133
padding-right: 4px;
127-
> img {
128-
float: right;
134+
.charOutline{
135+
> img {
136+
float: right;
137+
max-width: 200px;
138+
pointer-events: none;
139+
}
129140
}
141+
130142
}
131143

132144
&.end-cut {

‎static/css/_variables.scss‎

Lines changed: 34 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,27 @@ $viuhti-darkextrafade: rgba(22, 3, 27, 0.33) !default;
1313
$viuhti-darkextramegafade: rgba(22, 3, 27, 0.15) !default;
1414
$viuhti-blue: #70b2d3 !default;
1515
$viuhti-highlighviolet: #A3448D !default;
16+
17+
18+
19+
20+
$viuhti-lightOrange: #EDC1C5;
21+
$viuhti-orange: #CE8A81;
22+
$viuhti-lightPurple: #F5ECF3;
23+
$viuhti-purple: #A3448D;
24+
$viuhti-darkerPurple: #320A45;
25+
$viuhti-darkestPurple: #16031b;
26+
$viuhti-LightBlue: #B7F0F3;
27+
$viuhti-blue: #6FC4DF;
28+
$viuhti-DarkBlue: #5197BF;
29+
$viuhti-forest: #31757E;
30+
$viuhti-darkForest: #345F65;
31+
$viuhti-darkerForest: #123E3A;
32+
$viuhti-lightGreen: #EBF6E6;
33+
$viuhti-green: #CDF5BA;
34+
$viuhti-darkGreen: #5CBB72;
35+
$viuhti-darkestGreen: #0A130C;
36+
1637
$ERROR: red !default;
1738

1839
$body-bg-image: null !default;
@@ -42,7 +63,7 @@ $grid-breakpoints: (
4263
xxl: 1400px,
4364
);
4465

45-
$body-bg: $viuhti-green !default;
66+
$body-bg: $viuhti-darkForest !default;
4667
$body-color: $viuhti-dark !default;
4768

4869
$primary: $viuhti-orange !default;
@@ -100,10 +121,10 @@ $sponsor-max-width: 400px !default;
100121
$sponsor-width: 90% !default;
101122

102123
// Incentives
103-
$incentive-label-color: $primary !default;
104-
$incentive-dropdown-text-color: $primary !default;
105-
$incentive-dropdown-hover-color: $secondary !default;
106-
$incentive-closed-text-color: $secondary !default;
124+
$incentive-label-color: $viuhti-white !default;
125+
$incentive-dropdown-text-color: $viuhti-dark !default;
126+
$incentive-dropdown-hover-color: $viuhti-orange !default;
127+
$incentive-closed-text-color: $viuhti-orangedark !default;
107128

108129
$incentive-button-color: $secondary !default;
109130
$incentive-button-font-size: 1.2rem !default;
@@ -117,26 +138,26 @@ $incentive-bar-height: $increment-xs !default;
117138
$incentive-bar-border-radius: 2px !default;
118139
$incentive-bar-margin-top: -$increment-xs !default;
119140
$incentive-bar-margin-bottom: $increment-xs !default;
120-
$incentive-bar-bg-color: $viuhti-dark !default;
121-
$incentive-bar-fill-color: $viuhti-green !default;
141+
$incentive-bar-bg-color: $viuhti-darkerPurple !default;
142+
$incentive-bar-fill-color: $viuhti-darkGreen !default;
122143

123144
$incentive-count-text-color: $viuhti-dark !default;
124-
$incentive-popup-bg-color: $viuhti-white !default;
145+
$incentive-popup-bg-color: $viuhti-darkForest !default;
125146

126147
// Donate bar
127148
$donate-bar-height: $increment-xl !default;
128149

129150
$donate-bar-border: none !default;
130151
$donate-bar-fill-border: none !default;
131-
$donate-bar-bg-color: $viuhti-dark !default;
152+
$donate-bar-bg-color: $viuhti-darkerPurple !default;
132153
$donate-bar-color: $viuhti-orange !default;
133-
$donate-bar-text-color: $primary !default;
134-
$donate-bar-color-full: $viuhti-green !default;
135-
$donate-bar-text-color-full: $donate-bar-text-color !default;
154+
$donate-bar-text-color: $viuhti-white !default;
155+
$donate-bar-color-full: $viuhti-darkGreen !default;
156+
$donate-bar-text-color-full: $viuhti-dark !default;
136157

137158
$donate-bar-padding: $increment-xs !default;
138159
$donate-bar-margin: $increment-sm 0 !default;
139-
$donate-bar-border-radius: $increment-xs !default;
160+
$donate-bar-border-radius: $increment-lg !default;
140161

141162
// timetable
142163
$twitch-icon-width: 26px !default;

‎static/genericSideViuhti/css/style.scss‎

Lines changed: 13 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ h1, h2, h3, h4, h5, h6{
5050
}
5151
#player-form, #game-form{
5252
input, textarea{
53-
background-color: $viuhti-green;
53+
background-color: $viuhti-darkForest;
5454
border-color: $viuhti-dark;
5555
color: $viuhti-dark;
5656
font-size: 1rem;
@@ -221,11 +221,22 @@ h1, h2, h3, h4, h5, h6{
221221
background-color: $viuhti-blue;
222222
}
223223
#scroll_to_top_btn:hover {
224-
background-color: $viuhti-green;
224+
background-color: $viuhti-darkForest;
225225

226226
}
227227
}
228228
}
229+
.widelogoholder {
230+
height: 100px;
231+
display: flex;
232+
flex-direction: row;
233+
justify-content: center;
234+
235+
}
236+
.full-content{
237+
padding-bottom: 300px;
238+
overflow: hidden;
239+
}
229240

230241
.divider-0 {
231242
background-image: url("../img/divider_0.png");

‎static/genericSideViuhti/js/script.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,5 +47,7 @@ function set_scroll(scroll_ratio, scroll){
4747
$(".viuhti-speech > img").css("margin-top", win_height*scroll_ratio*0.04+"px").css("margin-left", left+"px").css("margin-right", -left+"px")
4848
$(".viuhti-speech > .speechbubble-positioner").css("margin-left", left*0.9+"px").css("margin-right", -left*0.9+"px")
4949
$("body").css("background-position-y", Math.round(-scroll*0.03-vj_bg_offset_y)+"px").css("background-position-x", Math.round(scroll*0.01-vj_bg_offset_x)+"px");
50+
$(".parallax-background").css("background-position-y", Math.round(-scroll*0.04-vj_bg_offset_y*2)+"px").css("background-position-x", Math.round(scroll*0.004-vj_bg_offset_x*2)+"px");
51+
$(".parallax-background2").css("background-position-y", Math.round(-scroll*0.05-vj_bg_offset_y*2.3)+"px").css("background-position-x", Math.round(scroll*0.024-vj_bg_offset_x*2.4)+"px");
5052

5153
}

‎static/js/incentives/script.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@ $( document ).ready(function() {
66
$(this).parent().find(".incentive_expand").slideToggle();
77
$(this).parent().find(".dropdown_arrow").toggleClass("rotate");
88
});
9+
$(".incentive_dropdown_group").click(function() {
10+
$(this).parent().find(".incentive_expand_group").slideToggle();
11+
$(this).parent().find(".dropdown_arrow_group").toggleClass("rotate");
12+
});
913
update_choices()
1014
$('.incentive_choices').change(
1115
function(){

‎static/vauhtijuoksu2025/css/style.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,7 @@ h1, h2, h3, h4, h5, h6{
199199
}
200200
#player-form, #game-form{
201201
input, textarea{
202-
background-color: $viuhti-green;
202+
background-color: $viuhti-darkForest;
203203
border-color: $viuhti-dark;
204204
color: $viuhti-dark;
205205
font-size: 1rem;

‎static/vauhtijuoksu2025plus/css/style.scss‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
2+
3+
body{
4+
background-image: url("../img/lehdet1.png") !important;
5+
background-color: #123E3A;
6+
background-attachment: fixed;
7+
background-size: 700px 700px;
8+
z-index: 0;
9+
10+
}
11+
.parallax-background {
12+
background-image: url("../img/lehdet2.png") !important;
13+
background-attachment: fixed;
14+
background-size: 700px 700px;
15+
}
16+
.parallax-background2 {
17+
background-image: url("../img/lehdet3.png") !important;
18+
background-attachment: fixed;
19+
background-size: 700px 700px;
20+
}
21+
22+
.timetable .ttplay .playblob .timetable-char {
23+
display: flex;
24+
flex-direction: column;
25+
justify-content: center;
26+
img.char {
27+
clip-path: ellipse(50% 40%);
28+
width: 90%;
29+
height: 90%;
30+
top: 50%;
31+
left: 50%;
32+
}
33+
.charOutline {
34+
position: absolute;
35+
clip-path: ellipse(50% 40%);
36+
width: 115%;
37+
right: 2px;
38+
background-color: #320A45;
39+
height: unset;
40+
aspect-ratio: 1;
41+
42+
}
43+
}
44+
45+
.tabletimetable {
46+
.tttcontent {
47+
.tttday {
48+
.tttgame {
49+
.tttimg {
50+
.charOutline{
51+
position: absolute;
52+
clip-path: ellipse(50% 40%);
53+
width: 115%;
54+
background-color: #320A45;
55+
height: unset;
56+
aspect-ratio: 1;
57+
max-width: 200px;
58+
pointer-events: none;
59+
left: -90%;
60+
> img {
61+
position: absolute;
62+
float: unset;
63+
max-width: unset;
64+
clip-path: ellipse(50% 40%);
65+
width: 90%;
66+
height: 90%;
67+
top: 5%;
68+
left: 5%;
69+
}
70+
}
71+
}
72+
}
73+
}
74+
}
75+
}

‎static/vauhtijuoksu2025plus/img/bg.png‎

118 KB

0 commit comments

Comments
 (0)