1
+ html {
2
+ --pst-font-size-base : 17px ;
3
+ }
4
+
5
+ .underline {
6
+ text-decoration : underline;
7
+ }
8
+
9
+ /* SCORE specfic colors
10
+ A list of available colro variable names for pyData Sphinx Theme can be found at
11
+ https://pydata-sphinx-theme.readthedocs.io/en/stable/_downloads/565fbb3ecf2b3048f5fb3953890ba176/_color.scss
12
+
13
+ The base color is TEAL */
14
+
15
+
16
+ html [data-theme = "light" ] {
17
+ --pst-color-primary : # 547980 ;
18
+ --pst-color-secondary : # 45ADA8 ;
19
+ --pst-color-accent : # 9DE0AD ;
20
+ --pst-color-target : # E5FCC2 ;
21
+ --pst-color-on-surface : # 594F4F ;
22
+ --pst-color-on-background : var (--pst-color-secondary );
23
+ --pst-color-text-muted : # FFFFFF ;
24
+ }
25
+
26
+ html [data-theme = "dark" ] {
27
+ --pst-color-primary : # 45ADA8 ;
28
+ --pst-color-secondary : # 547980 ;
29
+ --pst-color-accent : # 9DE0AD ;
30
+ --pst-color-target : # E5FCC2 ;
31
+ --pst-color-on-surface : # 594F4F ;
32
+ --pst-color-on-background : var (--pst-color-secondary );
33
+ --pst-color-text-muted : # FFFFFF ;
34
+ }
35
+
36
+ .search-button-field {
37
+ color : var (--pst-color-primary );
38
+ }
39
+ html .pst-navbar-icon : hover {
40
+ border-bottom : max (3px , .1875rem , .12em ) solid var (--pst-color-primary ) !important ;
41
+ color : var (--pst-color-primary ) !important ;
42
+ }
43
+
44
+ .bd-header ul .navbar-nav > li .nav-item .current > .nav-link {
45
+ color : var (--pst-color-text-muted ) !important ;
46
+ font-weight : 900 !important ;
47
+ }
48
+
49
+ .bd-header ul .navbar-nav > li .nav-item > .nav-link : hover {
50
+ color : var (--pst-color-primary );
51
+ }
52
+
53
+ .bd-search input .form-control ::placeholder ,
54
+ .bd-search input .form-control {
55
+ color : var (--pst-color-primary ) !important ;
56
+ }
57
+
58
+ /* Right sidebar */
59
+ .toc-entry a .nav-link {
60
+ color : var (--pst-color-text-base );
61
+ }
62
+ /* Left, top SCORE brand */
63
+ .navbar-brand p
64
+ {
65
+ color : var (--pst-color-text-muted );
66
+ font-weight : 900 ;
67
+ }
68
+ .navbar-brand : hover , .navbar-brand : visited : hover {
69
+ text-decoration : none;
70
+ }
71
+
72
+ /* GitHub logo for shorten URL */
73
+ a .github ::before {
74
+ content : var (--pst-icon-github );
75
+ color : var (--pst-color-text-base );
76
+ }
77
+ a .github {
78
+ text-decoration : none !important ;
79
+ }
80
+
81
+ /* SCORE Background video
82
+ Source: https://www.imi21.com/background-video-full-screen.php */
83
+
84
+ div .score_banner {
85
+ background-color : var (--pst-color-on-surface );
86
+ }
87
+ # videowrapper {
88
+ position : relative;
89
+ overflow : hidden;
90
+ }
91
+
92
+ # fullScreenDiv {
93
+ height : 300px ;
94
+ width : 100% ;
95
+ padding : 0 ;
96
+ margin : 0 ;
97
+ /* background-color: gray;
98
+ position: relative; */
99
+ container-type : inline-size;
100
+ }
101
+
102
+ # video {
103
+ width : 100% ;
104
+ /* height: auto;
105
+ margin: auto;
106
+ display: block; */
107
+ }
108
+ @media (min-aspect-ratio : 16 / 9 ) {
109
+ # video {
110
+ width : 100% ;
111
+ height : auto;
112
+ }
113
+ }
114
+
115
+ # score-title {
116
+ width : 100% ;
117
+ height : 100% ;
118
+ position : absolute;
119
+ top : 0 ;
120
+ left : 0 ;
121
+ display : flex;
122
+ justify-content : center;
123
+ align-items : center;
124
+ flex-direction : column;
125
+ color : var (--pst-color-text-base );
126
+ /* font-size: 4.5em; */
127
+ font-size : 8.0cqw ;
128
+ font-weight : 900 ;
129
+
130
+ /* Is somehow cool with image/video title background */
131
+ /*animation: fadeIn 3s; */
132
+ }
133
+
134
+ /* As long as no image or video is shown in
135
+ the title, this is not needed, but kept
136
+ for future needs */
137
+ /* html[data-theme="light"] #score-title {
138
+ background-color: rgba(0,0,0,0.3);
139
+ }
140
+ html[data-theme="dark"] #score-title {
141
+ background-color: rgba(0,0,0,0.5);
142
+ } */
143
+
144
+ # score-subtitle {
145
+ font-size : 0.4em ;
146
+ }
147
+
148
+ # score-phrase {
149
+ font-size : 0.3em ;
150
+ font-weight : 400 ;
151
+ }
152
+
153
+ @keyframes fadeIn {
154
+ 0% { opacity : 0 ; }
155
+ 100% { opacity : 1 ; }
156
+ }
0 commit comments