Skip to content

Commit 46f9ff1

Browse files
toddwordstoddwords
committed
style update
1 parent 9d10411 commit 46f9ff1

File tree

3 files changed

+263
-25
lines changed

3 files changed

+263
-25
lines changed

‎public/lcd.css‎

Lines changed: 255 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -37,25 +37,14 @@
3737

3838

3939
/* START WINTER 2026 */
40-
--winter-26-background: #000000; // bg color
41-
--winter-26-text: #fff; // main color
42-
--winter-26-text-on-bg: #fff; //
43-
--winter-26-link: #d6e51a; // link color
44-
--winter-26-special-text: #5294c7; */
40+
--winter-26-background: #000000;
41+
--winter-26-text: #fff;
42+
--winter-26-text-on-bg: #fff;
43+
--winter-26-link: #d6e51a;
44+
--winter-26-special-text: #5294c7;
4545
--winter-26-background: #000;
4646

47-
.shell.winter-26 {
48-
background-color: var(--winter-26-background);
49-
/* background-image:url('images/sessions/winter-26/w26bg.png'); */
50-
/* background-position: bottom; */
51-
/* background-repeat: no-repeat;
52-
background-size: cover; */
53-
/* background-position: top left;
54-
background-repeat: repeat;
55-
background-size: cover; */
56-
}
57-
58-
/* END WINTER 2026 */
47+
5948

6049
--fall-25-background: #0f261f;
6150
--fall-25-text: #f2ff26;
@@ -378,6 +367,255 @@ select#allSections {
378367

379368

380369
/* /////////// end SFPC GENERAL STYLES ///////////////////////////////*/
370+
/* /////////// start winter-26 ///////////////////////////////*/
371+
.shell.winter-26 {
372+
background-color: var(--winter-26-background);
373+
/* background-image:url('images/sessions/winter-26/w26bg.png'); */
374+
/* background-position: bottom; */
375+
/* background-repeat: no-repeat;
376+
background-size: cover; */
377+
/* background-position: top left;
378+
background-repeat: repeat;
379+
background-size: cover; */
380+
}
381+
.winter-26,
382+
.winter-26.featured.session,
383+
.winter-26.featured {
384+
color: var(--winter-26-text);
385+
box-sizing: border-box;
386+
border-color: var(--winter-26-text);
387+
background-position: center;
388+
background-size: cover;
389+
}
390+
391+
.winter-26.featured:hover {
392+
/* background-size: 200%; */
393+
}
394+
.winter-26,
395+
.winter-26.featured.session,
396+
.shell .winter-26,
397+
.winter-26.featured {
398+
background-color: var(--winter-26-background) !important;
399+
color: var(--winter-26-text);
400+
box-sizing: border-box;
401+
border-color: var(--winter-26-text);
402+
text-shadow: none !important;
403+
}
404+
405+
406+
.winter-26 p,
407+
.winter-26 p a,
408+
.winter-26 a,
409+
.winter-26.featured h4,
410+
.winter-26 h4 a,
411+
.winter-26 .intro a,
412+
.winter-26 p.large a,
413+
.winter-26 p a:hover,
414+
.winter-26.session.featured,
415+
.winter-26.session.featured a,
416+
.winter-26.featured h4.type a,
417+
.sfpc .winter-26 a
418+
{
419+
color: var(--winter-26-text);
420+
}
421+
422+
.winter-26 h4 a:hover,
423+
.winter-26 .intro a,
424+
.winter-26 p.large a:hover,
425+
.winter-26.featured:hover h6,
426+
.winter-26.featured:hover .title,
427+
.winter-26 .details a:hover,
428+
.winter-26.featured .title:hover,
429+
.winter-26 p a:hover,
430+
.winter-26 h4 a:hover,
431+
.winter-26 section .grid-2 ul li::before,
432+
.winter-26 .chars,
433+
.winter-26 p a:hover,
434+
.winter-26 a:hover,
435+
.winter-26 h4 a:hover,
436+
.winter-26 .intro a:hover,
437+
.winter-26 .details a:hover,
438+
.winter-26 .entity:hover .accordion dt h3:after,
439+
.winter-26 .accordion dt h3:after,
440+
.winter-26 .expanded{
441+
color: var(--winter-26-link) !important;
442+
}
443+
.winter-26 .special-button {
444+
background-color: var(--winter-26-link);
445+
color: #fff !important;
446+
border-radius: 1.5vw;
447+
padding:calc(10px + 0.5vw);
448+
text-decoration: none;
449+
}
450+
.winter-26 .special-button:hover {
451+
452+
background-color: #fffefb;
453+
}
454+
.winter-26 #cost,
455+
.winter-26 .fixed-apply,
456+
.winter-26 .fixed-support,
457+
.winter-26 .home-intro span#session-name::after {
458+
color: #fff !important;
459+
background: var(--winter-26-link) !important;
460+
}
461+
462+
463+
464+
465+
.winter-26 .fixed-apply:hover {
466+
color: var(--winter-26-link) !important;
467+
background: rgba(255,255,255,.8) !important;
468+
}
469+
470+
.winter-26 .block-text {
471+
background-color: var(--winter-26-background);
472+
color: var(--winter-26-link);
473+
}
474+
475+
476+
477+
.winter-26.grid-inner, .winter-26 .grid-inner {
478+
border: 2px dotted var(--winter-26-text) !important;
479+
color: var(--winter-26-link) !important;
480+
}
481+
482+
.winter-26 #class .entity,
483+
.winter-26.website-grid .grid-2 {
484+
border-color: var(--winter-26-text);
485+
}
486+
487+
.winter-26 #class .entity:hover {
488+
border-color: var(--winter-26-link);
489+
}
490+
491+
.winter-26 .website-grid .grid-2 p.large {
492+
text-shadow: 3px 3px var(--winter-26-background) !important;
493+
}
494+
495+
496+
.winter-26 select#allSections:hover,
497+
.winter-26 .loader-content p::after,
498+
.winter-26 span#cost
499+
{
500+
background: var(--winter-26-link) !important;
501+
color: #fff !important;
502+
}
503+
504+
.winter-26 .breadcrumb.fixed {
505+
background: rgba(255,255,255,.8) !important;
506+
}
507+
.winter-26 .breadcrumb.fixed,
508+
.winter-26 .breadcrumb.fixed::before,
509+
.winter-26 .breadcrumb.fixed a,
510+
.winter-26 .breadcrumb.fixed a:hover {
511+
color: #000 !important;
512+
text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
513+
}
514+
515+
516+
.winter-26 .breadcrumb,
517+
.winter-26 .breadcrumb a,
518+
.winter-26 .text-on-bg,
519+
.winter-26 .breadcrumb a:hover {
520+
color: var(--winter-26-text-on-bg) !important;
521+
text-shadow: 2px 2px 0px var(--winter-26-background);
522+
}
523+
524+
525+
.winter-26 section#section-outro,
526+
#class .intro.winter-26,
527+
.shell.winter-26 .class-details,
528+
.winter-26 #class section,
529+
.winter-26 #class .entity,
530+
.winter-26 .accordion dd.active,
531+
.winter-26 section ul,
532+
.winter-26 .website-grid
533+
{
534+
/* background-color: var(--winter-26-background); */
535+
background: none;
536+
color: var(--winter-26-text) !important;
537+
border-radius: var(--border-rad);
538+
/* text-shadow: 2px 2px 0px var(--summer-24-background); */
539+
540+
541+
/* -webkit-text-stroke-width: 1px; */
542+
/* -webkit-text-stroke-color: var(--summer-24-link); */
543+
}
544+
545+
.winter-26.featured .title,
546+
.winter-26 #session-name, #tag.winter-26,
547+
548+
.winter-26 #session-name > a
549+
550+
{
551+
/* -webkit-text-stroke-width: 1px;
552+
-webkit-text-stroke-color: var(--winter-26-link); */
553+
}
554+
555+
.winter-26 #class section,
556+
#class .intro.winter-26 {
557+
padding: var(--body-margin) calc(var(--body-margin)/2);
558+
}
559+
560+
.winter-26 #class section.stacked,
561+
.winter-26 .section-testimonials,
562+
.winter-26 .section-testimonials p
563+
{
564+
background: none !important;
565+
padding: 0px !important;
566+
/* text-shadow: 2px 2px 0px var(--winter-26-background); */
567+
568+
}
569+
570+
.winter-26 .break {
571+
/* border: 0px !important; */
572+
/* margin-bottom: 0px !important; */
573+
border-color: var(--winter-26-text);
574+
}
575+
576+
/* .shell.winter-26 {
577+
background-image: url('images/sessions/winter-26/bg.png');
578+
background-size: 100%;
579+
background-position: bottom;
580+
background-color: #fff;
581+
} */
582+
.labels-info .weekend-intensive {
583+
padding:5px 8px;
584+
border-radius:10px;
585+
background-color: var(--winter-26-weekend-intensive);
586+
}
587+
.winter-26.online-class {
588+
box-shadow: inset 0px 0px 5px 2px #f2ff26;
589+
border-color:#f2ff26;
590+
}
591+
.winter-26.weekend-intensive {
592+
border-color:#FF000F;
593+
}
594+
.winter-26.online-class .pill {
595+
color: black !important;
596+
background-color: #f2ff26;
597+
padding: 0.2em;
598+
border-radius: 1em;
599+
}
600+
.winter-26.weekend-intensive .pill {
601+
background-color: #FF000F;
602+
color: #fffefb !important;
603+
}
604+
#class-block .winter-26.online-class {
605+
border-color:#f2ff26;
606+
}
607+
#class-block .winter-26.online-class .pill {
608+
color: black !important;
609+
background-color: #f2ff26;
610+
padding: 0.2em;
611+
border-radius: 1em;
612+
}
613+
614+
#class-block .weekend-intensive h2:hover, #class-block .weekend-intensive h6:hover, {
615+
color:#FF000F !important;
616+
}
617+
618+
/* END WINTER 2026 */
381619
/* /////////// start fall-25 ///////////////////////////////*/
382620

383621
.fall-25,

‎public/styles.css‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -487,13 +487,13 @@ font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
487487
}
488488

489489

490-
.winter-26,
491-
.winter-26.featured.session,
492-
.winter-26.featured {
493-
box-sizing: border-box;
494-
background-position: center;
495-
background-size: cover;
496-
}
490+
.winter-26,
491+
.winter-26.featured.session,
492+
.winter-26.featured {
493+
box-sizing: border-box;
494+
background-position: center;
495+
background-size: cover;
496+
}
497497

498498
/* fall-25 */
499499

‎public/templates/index_staging.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,7 +127,7 @@
127127
<div class="featured-text">
128128
<div class="top">
129129
<h4 class="type"><a href="/sessions/winter-26">session</a></h4>
130-
<h2> Winter 2026
130+
<h2 id="session-name"> Winter 2026
131131

132132
</h2>
133133

0 commit comments

Comments
 (0)