1
+ /* FONTS */
2
+ @font-face {
3
+ font-family : 'flexcompute_title' ;
4
+ src : url ('ornitons_bold.ttf' ) format ('truetype' );
5
+ }
6
+
7
+ @font-face {
8
+ font-family : 'flexcompute_subtitle' ;
9
+ src : url ('inter_var.woff2' ) format ('truetype' );
10
+ }
11
+
12
+
13
+ .wy-side-nav-search { background-color : # b5445b ; }
14
+ .wy-nav-top { background-color : # 666666 ; }
15
+ .wy-menu > .caption > span .caption-text { color : # b5445b ; }
16
+
17
+ .wy-nav-content { max-width : 900px !important ; }
18
+ .wy-table-responsive table td { white-space : normal !important ; }
19
+ .wy-table-responsive { overflow : visible !important ; }
20
+ body { line-height : 1.42857143 ; }
21
+ .heading-style , h1 , h2 , h3 , h4 , h5 , h6 {margin : 1.6rem 0 1rem ;}
22
+ h1 {font-family : 'flexcompute_title' , sans-serif;}
23
+ h2 , h3 , h4 , h5 , h6 {font-family : 'flexcompute_subtitle' , sans-serif;}
24
+ p {margin-bottom : 0.5rem ; font-family : 'Roboto' , sans-serif}
25
+ iframe {width : 100% ;border : unset}
26
+
27
+ .toctree-wrapper li [class ^= toctree-l1 ]> a {font-size : 1.4em ; text-decoration : none}
28
+ .toctree-wrapper li [class ^= toctree-l2 ]> a {font-size : 1em ; text-decoration : none}
29
+ .toctree-wrapper li [class ^= toctree-l3 ]> a {font-size : 0.9em ; text-decoration : none}
30
+ .toctree-wrapper li [class ^= toctree-l4 ]> a {font-size : 0.9em ; text-decoration : none}
31
+
32
+ .toctree-wrapper .example-notebook-toc li [class ^= toctree-l1 ] > a ::before {
33
+ content : "📘 " ; /* Emoji before the link */
34
+ }
35
+
36
+ .toctree-wrapper .example-notebook-toc li [class ^= toctree-l1 ] > a : hover ::before {
37
+ content : "📖 " ; /* Change emoji on hover */
38
+ }
39
+
40
+ html [data-theme = "light" ] {
41
+ --pst-color-primary : # b5445b ;
42
+ --pst-color-secondary : # 4772ae ;
43
+ --tab-color : var (--pst-color-secondary );
44
+ --pst-color-link : var (--pst-color-muted );
45
+ }
46
+
47
+ html [data-theme = "dark" ] {
48
+ --pst-color-primary : # 4772ae ;
49
+ --pst-color-secondary : # b5445b ;
50
+ --tab-color : # 9647AE ; /*#1C2E46;*/
51
+ --pst-color-link : var (--pst-color-muted );
52
+ --sd-color-info-bg : var (--pst-color-primary );
53
+ }
54
+
55
+ html [data-theme = dark ] .bd-content .nboutput .output_area .rendered_html {
56
+ background-color : var (--pst-color-background );
57
+ }
58
+
59
+ img {
60
+ margin : 0.1em ;
61
+ }
62
+
63
+ /* Experimental below */
64
+ .navbar-brand : hover .logo__image .only-light {
65
+ opacity : 1 ;
66
+ content : url ("_static/img/demo_logo_active.gif" );
67
+ }
68
+
69
+ .sphinx-tabs-panel {
70
+ background : var (--sd-color-info-bg );
71
+ padding : 1em ;
72
+ border-radius : 0.25rem ;
73
+ margin-bottom : 0.5em ;
74
+ border-top-left-radius : 0 ;
75
+ }
76
+
77
+ .sphinx-tabs-tab {
78
+ background : var (--tab-color );
79
+ padding : 0.5em ;
80
+ padding-right : 2em ;
81
+ padding-left : 2em ;
82
+ margin-top : 0.5em ;
83
+ margin-right : 0.5em ;
84
+ border-top-left-radius : 1em ;
85
+ border-top-right-radius : 0.1em ;
86
+ border : 0 ;
87
+ font-weight : bold;
88
+ }
89
+
90
+ .sphinx-tabs-tab [aria-selected = "true" ] {
91
+ background-color : var (--sd-color-info-bg );
92
+ }
93
+
94
+ html [data-theme = dark ] .dataframe {
95
+ background-color : var (--pst-color-primary );
96
+ }
97
+
98
+ /* TODO make sure this is only for the API tables */
99
+ /*table {*/
100
+ /* border: solid;*/
101
+ /*}*/
102
+
103
+ /*th {*/
104
+ /* border: thin;*/
105
+ /*}*/
0 commit comments