@@ -378,3 +378,204 @@ div.movierow {
378378 border-top : 1px dashed # ddd ;
379379 }
380380}
381+
382+ /* ==========================================
383+ Sandhyavandanam Page Styles
384+ ========================================== */
385+
386+ .sv-page-header {
387+ background : linear-gradient (135deg , # 8b1a1a, # c0392b );
388+ color : # fff ;
389+ text-align : center;
390+ padding : 32px 20px ;
391+ border-radius : 8px ;
392+ margin-bottom : 24px ;
393+ }
394+
395+ .sv-page-header h1 {
396+ font-size : 2em ;
397+ margin : 0 0 6px ;
398+ color : # fff ;
399+ }
400+
401+ .sv-page-header p {
402+ font-family : 'Georgia' , serif;
403+ font-size : 1.05em ;
404+ opacity : 0.9 ;
405+ margin : 0 ;
406+ }
407+
408+ .sv-section {
409+ background : # fff ;
410+ border-radius : 8px ;
411+ margin : 20px 0 ;
412+ box-shadow : 0 2px 8px rgba (0 , 0 , 0 , 0.08 );
413+ overflow : hidden;
414+ }
415+
416+ .sv-section-header {
417+ background : linear-gradient (90deg , # 8b1a1a, # a0522d );
418+ color : # fff ;
419+ padding : 10px 20px ;
420+ display : flex;
421+ justify-content : space-between;
422+ align-items : center;
423+ flex-wrap : wrap;
424+ gap : 8px ;
425+ }
426+
427+ .sv-title-kn {
428+ font-size : 1.2em ;
429+ font-weight : 600 ;
430+ }
431+
432+ .sv-title-en {
433+ font-family : 'Georgia' , serif;
434+ font-size : 0.92em ;
435+ opacity : 0.9 ;
436+ }
437+
438+ .sv-two-col {
439+ display : grid;
440+ grid-template-columns : 1fr 1fr ;
441+ min-height : 50px ;
442+ }
443+
444+ .sv-col-left {
445+ padding : 18px 20px ;
446+ border-right : 2px solid # f0e6d6 ;
447+ background : # fffdf9 ;
448+ }
449+
450+ .sv-col-right {
451+ padding : 18px 20px ;
452+ font-family : 'Georgia' , serif;
453+ color : # 444 ;
454+ background : # fefcf7 ;
455+ font-size : 0.93em ;
456+ line-height : 1.85 ;
457+ }
458+
459+ .sv-col-right em {
460+ color : # 8b1a1a ;
461+ font-style : normal;
462+ font-weight : 600 ;
463+ }
464+
465+ .sv-col-right p {
466+ margin : 8px 0 ;
467+ }
468+
469+ .sv-col-left p {
470+ margin : 8px 0 ;
471+ }
472+
473+ .sv-mantra {
474+ font-size : 1.05em ;
475+ color : # 1a1a1a ;
476+ line-height : 2 ;
477+ }
478+
479+ .sv-mantra-highlight {
480+ font-size : 1.1em ;
481+ font-weight : bold;
482+ color : # 8b1a1a ;
483+ line-height : 2.1 ;
484+ }
485+
486+ .sv-repeat {
487+ color : # 999 !important ;
488+ font-style : italic;
489+ }
490+
491+ .sv-sub-heading {
492+ font-weight : bold !important ;
493+ color : # 8b1a1a ;
494+ font-size : 1.05em ;
495+ }
496+
497+ .sv-instruction {
498+ background : # f9f3e8 ;
499+ border-left : 3px solid # c0a060 ;
500+ padding : 8px 14px ;
501+ margin : 10px 0 ;
502+ font-size : 0.9em ;
503+ color : # 5a4a30 ;
504+ border-radius : 0 4px 4px 0 ;
505+ }
506+
507+ .sv-instruction-eng {
508+ background : # f5f0e5 ;
509+ border-left : 3px solid # b0956a ;
510+ padding : 8px 14px ;
511+ margin : 10px 0 ;
512+ font-size : 0.88em ;
513+ color : # 5a4a30 ;
514+ border-radius : 0 4px 4px 0 ;
515+ font-style : italic;
516+ }
517+
518+ .sv-note {
519+ font-size : 0.85em ;
520+ color : # 777 ;
521+ margin-top : 6px ;
522+ }
523+
524+ .sv-table {
525+ width : 100% ;
526+ border-collapse : collapse;
527+ margin : 10px 0 ;
528+ font-size : 0.9em ;
529+ }
530+
531+ .sv-table th {
532+ background : # f0e6d6 ;
533+ padding : 7px 10px ;
534+ text-align : left;
535+ font-weight : 600 ;
536+ border-bottom : 2px solid # d4c4a8 ;
537+ }
538+
539+ .sv-table td {
540+ padding : 5px 10px ;
541+ border-bottom : 1px solid # f0e6d6 ;
542+ }
543+
544+ .sv-closing {
545+ background : linear-gradient (135deg , # 8b1a1a, # c0392b );
546+ color : # fff ;
547+ text-align : center;
548+ padding : 28px 20px ;
549+ border-radius : 8px ;
550+ margin-top : 24px ;
551+ }
552+
553+ .sv-closing-kn {
554+ font-size : 1.3em ;
555+ font-weight : bold;
556+ margin : 6px 0 ;
557+ }
558+
559+ .sv-closing-en {
560+ font-family : 'Georgia' , serif;
561+ font-size : 1em ;
562+ opacity : 0.9 ;
563+ margin : 4px 0 12px ;
564+ }
565+
566+ @media (max-width : 768px ) {
567+ .sv-two-col {
568+ grid-template-columns : 1fr ;
569+ }
570+ .sv-col-left {
571+ border-right : none;
572+ border-bottom : 2px solid # f0e6d6 ;
573+ }
574+ .sv-section-header {
575+ flex-direction : column;
576+ align-items : flex-start;
577+ }
578+ .sv-page-header h1 {
579+ font-size : 1.5em ;
580+ }
581+ }
0 commit comments