Skip to content

Commit 7cc2772

Browse files
toddwordstoddwords
committed
placeholder styling
1 parent e70a090 commit 7cc2772

3 files changed

Lines changed: 424 additions & 2 deletions

File tree

‎public/lcd.css‎

Lines changed: 248 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,15 +36,19 @@
3636
/* --summer-25-background: #FFF; */
3737

3838

39+
--spring-26-background: rgb(0 0 0 / 0%);
40+
--spring-26-text: #fff;
41+
--spring-26-text-on-bg: #fff;
42+
--spring-26-link: #d6e51a;
43+
--spring-26-special-text: #5294c7;
44+
3945

4046
--winter-26-background: rgb(0 0 0 / 0%);
4147
--winter-26-text: #fff;
4248
--winter-26-text-on-bg: #fff;
4349
--winter-26-link: #d6e51a;
4450
--winter-26-special-text: #5294c7;
4551

46-
47-
4852
--fall-25-background: #0f261f;
4953
--fall-25-text: #f2ff26;
5054
--fall-25-text-on-bg: #f2ff26;
@@ -372,6 +376,248 @@ select#allSections {
372376

373377

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

‎public/styles.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,11 @@
2929

3030

3131
/* DUPLICATE FOR SEASON, CHANGE SEASON NAME AND ADD TYPE USING @font-face BELOW */
32+
--spring-26-title-font: 'Buzzer TM', sans-serif;
33+
--spring-26-header-font: 'Buzzer TM', sans-serif;
34+
--spring-26-body-font: 'Unifont', sans-serif;
35+
--spring-26-special-font: 'Unifont', sans-serif;
36+
3237
--winter-26-title-font: 'Buzzer TM', sans-serif;
3338
--winter-26-header-font: 'Buzzer TM', sans-serif;
3439
--winter-26-body-font: 'Unifont', sans-serif;
@@ -468,7 +473,47 @@ font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
468473
font-size: calc(var(--large-text) * .7) !important;
469474
} */
470475

476+
/* spring 26 */
477+
.spring-26.featured .title,
478+
.spring-26 #session-name, #tag.spring-26 {
479+
font-family: var(--spring-26-title-font) !important;
480+
font-size: calc(var(--large-text) * 0.6);
481+
line-height: 1em;
482+
padding-top: 0.3em;
483+
}
484+
.spring-26 #session-name {
485+
font-size: calc(var(--large-text) * 1.6);
486+
}
487+
#tag.spring-26 {
488+
color: var(--spring-26-text);
489+
font-size: calc(var(--large-text) * 0.3);
490+
491+
}
492+
493+
.spring-26.session .title.class{
494+
font-size: calc(var(--large-text) * 1.2);
495+
}
496+
471497

498+
.spring-26,
499+
.spring-26.featured.session,
500+
.spring-26.featured {
501+
box-sizing: border-box;
502+
background-position: center;
503+
background-size: cover;
504+
}
505+
.spring-26 .index-teachers {
506+
font-family: var(--spring-26-special-font) !important;
507+
letter-spacing: .05rem;
508+
font-size: 2rem;
509+
510+
}
511+
.spring-26 .index-teachers-small {
512+
font-family: var(--spring-26-special-font) !important;
513+
letter-spacing: .05rem;
514+
font-size: 1.5rem;
515+
516+
}
472517
/* winter 26 */
473518
.winter-26.featured .title,
474519
.winter-26 #session-name, #tag.winter-26 {

0 commit comments

Comments
 (0)