Skip to content

Commit 08f9c90

Browse files
toddwordstoddwords
committed
update fall-25 styles
1 parent b550afa commit 08f9c90

2 files changed

Lines changed: 285 additions & 4 deletions

File tree

‎public/lcd.css‎

Lines changed: 264 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -348,6 +348,270 @@ select#allSections {
348348

349349

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

353617
.summer-25,

‎public/styles.css‎

Lines changed: 21 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,10 +30,12 @@
3030

3131
/* DUPLICATE FOR SEASON, CHANGE SEASON NAME AND ADD TYPE USING @font-face BELOW */
3232

33-
/* --spring-24-title-font: 'Wonder Type', sans-serif;
34-
--spring-24-header-font: 'Wonder Type', sans-serif;
35-
--spring-24-body-font: 'Wonder Type', sans-serif;
36-
--spring-24-special-font: 'Wonder Type', sans-serif; */
33+
34+
/* --fall-25-title-font: 'Ductus', sans-serif;
35+
--fall-25-header-font: 'Arastin Pro', sans-serif;
36+
--fall-25-body-font: 'DIN Alternate', sans-serif;
37+
--fall-25-special-font: 'Ductus', sans-serif; */
38+
3739
--summer-25-title-font: 'Ductus', sans-serif;
3840
--summer-25-header-font: 'Arastin Pro', sans-serif;
3941
--summer-25-body-font: 'DIN Alternate', sans-serif;
@@ -428,6 +430,21 @@ font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
428430
429431
.spring-24.session .title.class{
430432
font-size: calc(var(--large-text) * .7) !important;
433+
} */
434+
435+
/* fall-25 */
436+
/*
437+
.fall-25.featured .title,
438+
.fall-25 #session-name, #tag.fall-25 {
439+
font-family: var(--fall-25-title-font) !important;
440+
}
441+
442+
#tag.fall-25 {
443+
color: var(--fall-25-text);
444+
}
445+
446+
.fall-25.session .title.class{
447+
font-size: calc(var(--large-text) * .7) !important;
431448
} */
432449
/* summer-25 */
433450
.grid-4.featured.summer-25{

0 commit comments

Comments
 (0)