Skip to content

Commit 435d60d

Browse files
toddwordstoddwords
committed
style update
1 parent a0669b5 commit 435d60d

3 files changed

Lines changed: 485 additions & 15 deletions

File tree

‎public/lcd.css‎

Lines changed: 342 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -380,7 +380,349 @@ select#allSections {
380380

381381

382382
/* /////////// end SFPC GENERAL STYLES ///////////////////////////////*/
383+
/* /////////// start future-schools styles ///////////////////////////////*/
383384

385+
.shell.future-schools{
386+
background-color: var(--sw-lightblue);
387+
color: white;
388+
}
389+
390+
.shell .future-schools .workshop{
391+
background-color: var(--sw-lightblue);
392+
}
393+
394+
.future-schools.online-class {
395+
box-shadow: inset 0px 0px 13px 6px var(--sw-lime);
396+
border: 0px solid;
397+
padding: 1em;
398+
background-image: url(images/sessions/future-schools/Spring-WS-BG.jpg);
399+
background-size: cover;
400+
font-family: 'FlorDeRuina';
401+
font-weight: light !important;
402+
font-kerning: 200;
403+
}
404+
405+
@media only screen and (max-width: 600px) {
406+
.future-schools.featured .title{
407+
font-size: calc(var(--large-text) * 0.9);
408+
font-weight: normal;
409+
}
410+
411+
.future-schools .special-button {
412+
font-size: 0.8em !important;
413+
}
414+
415+
416+
}
417+
418+
.future-schools.online-class .pill{
419+
box-shadow: inset 1px 1px 8px 1px var(--sw-lightblue);
420+
padding: 0.4em;
421+
border-radius: 10px;
422+
border: 1px solid;
423+
background: white;
424+
color: var(--sw-lightblue);
425+
}
426+
427+
.shell.workshop{
428+
background: var(--sw-lightblue)!important;
429+
}
430+
.future-schools .workshop #class-block {
431+
background: var(--sw-lightblue)!important;
432+
}
433+
/* /////////// start prom styles ///////////////////////////////*/
434+
435+
.shell.prom-26{
436+
background-color: var(--sw-lightblue);
437+
color: white;
438+
}
439+
440+
.shell .prom-26 .workshop{
441+
background-color: var(--sw-lightblue);
442+
}
443+
444+
.prom-26.online-class {
445+
box-shadow: inset 0px 0px 13px 6px var(--sw-lime);
446+
border: 0px solid;
447+
padding: 1em;
448+
background-image: url(images/sessions/prom-26/Spring-WS-BG.jpg);
449+
background-size: cover;
450+
font-family: 'FlorDeRuina';
451+
font-weight: light !important;
452+
font-kerning: 200;
453+
}
454+
455+
@media only screen and (max-width: 600px) {
456+
.prom-26.featured .title{
457+
font-size: calc(var(--large-text) * 0.9);
458+
font-weight: normal;
459+
}
460+
461+
.prom-26 .special-button {
462+
font-size: 0.8em !important;
463+
}
464+
465+
466+
}
467+
468+
.prom-26.online-class .pill{
469+
box-shadow: inset 1px 1px 8px 1px var(--sw-lightblue);
470+
padding: 0.4em;
471+
border-radius: 10px;
472+
border: 1px solid;
473+
background: white;
474+
color: var(--sw-lightblue);
475+
}
476+
477+
.shell.workshop{
478+
background: var(--sw-lightblue)!important;
479+
}
480+
.prom-26 .workshop #class-block {
481+
background: var(--sw-lightblue)!important;
482+
}
483+
/* /////////// start summer-26 ///////////////////////////////*/
484+
.shell.summer-26 {
485+
background-color: var(--summer-26-background);
486+
487+
/* background-position: top left;
488+
background-repeat: repeat;
489+
background-size: cover; */
490+
}
491+
.summer-26,
492+
.summer-26.featured.session,
493+
.summer-26.featured {
494+
color: var(--summer-26-text);
495+
box-sizing: border-box;
496+
border-color: var(--summer-26-text);
497+
background-position: center;
498+
background-size: cover;
499+
}
500+
501+
.summer-26.featured:hover {
502+
/* background-size: 200%; */
503+
}
504+
.summer-26,
505+
.summer-26.featured.session,
506+
.shell .summer-26,
507+
.summer-26.featured {
508+
background-color: var(--summer-26-background) !important;
509+
color: var(--summer-26-text);
510+
box-sizing: border-box;
511+
border-color: var(--summer-26-text);
512+
text-shadow: none !important;
513+
}
514+
515+
516+
.summer-26 p,
517+
.summer-26 p a,
518+
.summer-26 a,
519+
.summer-26.featured h4,
520+
.summer-26 h4 a,
521+
.summer-26 .intro a,
522+
.summer-26 p.large a,
523+
.summer-26 p a:hover,
524+
.summer-26.session.featured,
525+
.summer-26.session.featured a,
526+
.summer-26.featured h4.type a,
527+
.sfpc .summer-26 a
528+
{
529+
color: var(--summer-26-text);
530+
}
531+
532+
.summer-26 h4 a:hover,
533+
.summer-26 .intro a,
534+
.summer-26 p.large a:hover,
535+
.summer-26.featured:hover h6,
536+
.summer-26.featured:hover .title,
537+
.summer-26 .details a:hover,
538+
.summer-26.featured .title:hover,
539+
.summer-26 p a:hover,
540+
.summer-26 h4 a:hover,
541+
.summer-26 section .grid-2 ul li::before,
542+
.summer-26 .chars,
543+
.summer-26 p a:hover,
544+
.summer-26 a:hover,
545+
.summer-26 h4 a:hover,
546+
.summer-26 .intro a:hover,
547+
.summer-26 .details a:hover,
548+
.summer-26 .entity:hover .accordion dt h3:after,
549+
.summer-26 .accordion dt h3:after,
550+
.summer-26 .expanded{
551+
color: var(--summer-26-link) !important;
552+
}
553+
.summer-26 .special-button {
554+
background-color: var(--summer-26-link);
555+
color: #000 !important;
556+
border-radius: 1.5vw;
557+
padding:calc(10px + 0.7vw);
558+
text-decoration: none;
559+
font-size: 0.6em !important;
560+
}
561+
.summer-26 .special-button:hover {
562+
563+
background-color: #f2ff26;
564+
}
565+
.summer-26 #cost,
566+
.summer-26 .fixed-apply,
567+
.summer-26 .fixed-support,
568+
.summer-26 .home-intro span#session-name::after {
569+
color: #000 !important;
570+
background: var(--summer-26-link) !important;
571+
}
572+
573+
574+
.summer-26 .fixed-apply:hover {
575+
color: var(--summer-26-link) !important;
576+
background: rgba(0,0,0,.8) !important;
577+
}
578+
579+
.summer-26 .block-text {
580+
background-color: var(--summer-26-background);
581+
color: var(--summer-26-link);
582+
}
583+
584+
585+
586+
.summer-26.grid-inner, .summer-26 .grid-inner {
587+
border: 2px dotted var(--summer-26-text) !important;
588+
color: var(--summer-26-link) !important;
589+
}
590+
591+
.summer-26 #class .entity,
592+
.summer-26.website-grid .grid-2 {
593+
border-color: var(--summer-26-text);
594+
}
595+
596+
.summer-26 #class .entity:hover {
597+
border-color: var(--summer-26-link);
598+
}
599+
600+
.summer-26 .website-grid .grid-2 p.large {
601+
text-shadow: 3px 3px var(--summer-26-background) !important;
602+
}
603+
604+
605+
.summer-26 select#allSections:hover,
606+
.summer-26 .loader-content p::after,
607+
.summer-26 span#cost
608+
{
609+
background: var(--summer-26-link) !important;
610+
color: #000 !important;
611+
}
612+
613+
.summer-26 .breadcrumb.fixed {
614+
background: rgba(255,255,255,.8) !important;
615+
}
616+
.summer-26 .breadcrumb.fixed,
617+
.summer-26 .breadcrumb.fixed::before,
618+
.summer-26 .breadcrumb.fixed a,
619+
.summer-26 .breadcrumb.fixed a:hover {
620+
color: #000 !important;
621+
text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
622+
}
623+
624+
625+
.summer-26 .breadcrumb,
626+
.summer-26 .breadcrumb a,
627+
.summer-26 .text-on-bg,
628+
.summer-26 .breadcrumb a:hover {
629+
color: var(--summer-26-text-on-bg) !important;
630+
text-shadow: 2px 2px 0px var(--summer-26-background);
631+
}
632+
633+
634+
.summer-26 section#section-outro,
635+
#class .intro.summer-26,
636+
.shell.summer-26 .class-details,
637+
.summer-26 #class section,
638+
.summer-26 #class .entity,
639+
.summer-26 .accordion dd.active,
640+
.summer-26 section ul,
641+
.summer-26 .website-grid
642+
{
643+
/* background-color: var(--summer-26-background); */
644+
background: none;
645+
color: var(--summer-26-text) !important;
646+
border-radius: var(--border-rad);
647+
/* text-shadow: 2px 2px 0px var(--summer-24-background); */
648+
649+
650+
/* -webkit-text-stroke-width: 1px; */
651+
/* -webkit-text-stroke-color: var(--summer-24-link); */
652+
}
653+
654+
.summer-26.featured .title,
655+
.summer-26 #session-name, #tag.summer-26,
656+
657+
.summer-26 #session-name > a
658+
659+
{
660+
661+
}
662+
663+
.summer-26 #class section,
664+
#class .intro.summer-26 {
665+
padding: var(--body-margin) calc(var(--body-margin)/2);
666+
}
667+
668+
.summer-26 #class section.stacked,
669+
.summer-26 .section-testimonials,
670+
.summer-26 .section-testimonials p
671+
{
672+
background: none !important;
673+
padding: 0px !important;
674+
/* text-shadow: 2px 2px 0px var(--summer-26-background); */
675+
676+
}
677+
678+
.summer-26 .break {
679+
/* border: 0px !important; */
680+
/* margin-bottom: 0px !important; */
681+
border-color: var(--summer-26-text);
682+
}
683+
684+
/* .shell.summer-26 {
685+
background-image: url('images/sessions/summer-26/bg.png');
686+
background-size: 100%;
687+
background-position: bottom;
688+
background-color: #fff;
689+
} */
690+
.labels-info .weekend-intensive {
691+
padding:5px 8px;
692+
border-radius:10px;
693+
background-color: var(--summer-26-weekend-intensive);
694+
}
695+
.summer-26.online-class {
696+
box-shadow: inset 0px 0px 13px 6px #3e3b3b;
697+
border: 1px #3e3b3b solid;
698+
padding: 1em;
699+
}
700+
.summer-26.online-class .pill {
701+
color: black !important;
702+
background-color: #1dbe0d;
703+
padding: 0.2em;
704+
border-radius: 1em;
705+
}
706+
707+
.summer-26.weekend-intensive .pill {
708+
background-color: #FF000F;
709+
color: #fffefb !important;
710+
}
711+
#class-block .summer-26.online-class {
712+
border-color:#f2ff26;
713+
}
714+
#class-block .summer-26.online-class .pill {
715+
color: black !important;
716+
background-color: #f2ff26;
717+
padding: 0.2em;
718+
border-radius: 1em;
719+
}
720+
721+
#class-block .summer-26.weekend-intensive h2:hover, #class-block .summer-26.weekend-intensive h6:hover, {
722+
color:#FF000F !important;
723+
}
724+
725+
/* END spring 2026 */
384726

385727
/* /////////// start spring-26 extra workshop styles ///////////////////////////////*/
386728

0 commit comments

Comments
 (0)