@@ -42,144 +42,77 @@ To support sphinx_rtd_theme, a `wy-menu` element is added. Other themes are
42
42
targeted using the theme identifier and use custom elements instead of a CSS
43
43
framework html structure.
44
44
45
- div.rst-pro is deprecated in favor of div.rtd-pro here, though we still need
46
- both rules for historical docs.
47
45
*/
48
46
49
- div .rtd-pro ,
50
- div .rst-pro {
51
- display : block;
52
- padding : .5em ;
53
- margin : 1em 0em 1em 0em ;
54
- text-align : center;
47
+ div .ethical-sidebar , div .ethical-footer {
48
+ display : block !important ;
55
49
}
56
- div .rtd-pro .wy-menu ,
57
- div .rtd-pro .wy-menu {
58
- width : 300px ;
59
- }
60
- div .rtd-pro .alabaster {
61
- width : 100% ;
62
- box-sizing : border-box;
63
- }
64
-
65
- div .rtd-pro .wy-menu ,
66
- div .rst-pro .wy-menu {
67
- bottom : 60px ;
68
- background : rgba (0 , 0 , 0 , .06 );
69
- }
70
-
71
- div .rtd-pro .alabaster {
72
- background : rgba (220 , 220 , 220 , .1 );
73
- }
74
-
75
- div .rtd-pro > span ,
76
- div .rst-pro > span {
77
- display : block;
78
- font-size : 90% ;
79
- }
80
-
81
- div .rtd-pro .wy-menu > span ,
82
- div .rst-pro .wy-menu > span {
83
- color : # b3b3b3 ;
84
- }
85
-
86
- div .rtd-pro .wy-menu a ,
87
- div .rtd-pro .wy-menu a : link ,
88
- div .rtd-pro .wy-menu a : visited ,
89
- div .rst-pro .wy-menu a ,
90
- div .rst-pro .wy-menu a : link ,
91
- div .rst-pro .wy-menu a : visited ,
92
- div .rtd-pro .wy-menu a : hover ,
93
- div .rtd-pro .wy-menu a : active ,
94
- div .rst-pro .wy-menu a : hover ,
95
- div .rst-pro .wy-menu a : active { color : # efefef ; }
96
-
97
- div .rtd-pro a .rtd-pro-image-wrapper {
98
- display : inline-block;
99
- padding : 6px ;
100
- margin : 5px 0px 10px 0px ;
101
- border : 1px solid # 434343 ;
102
- border-radius : 3px ;
103
- -moz-border-radius : 3px ;
104
- -webkit-border-radius : 3px ;
105
- }
106
-
107
- div .rtd-pro .wy-menu a .rtd-pro-image-wrapper ,
108
- div .rst-pro .wy-menu a .rst-pro-image-wrapper {
109
- border-color : # 434343 ;
110
- }
111
-
112
- div .rtd-pro .alabaster a .rtd-pro-image-wrapper {
113
- border-color : # d3d3d3 ;
50
+ .ethical-sidebar , .ethical-footer {
51
+ padding : .5em ;
52
+ margin : 1em 0 ;
114
53
}
115
-
116
- div .rtd-pro img ,
117
- div .rst-pro .wy-menu img {
54
+ .ethical-sidebar img , .ethical-footer img {
118
55
width : 120px ;
119
56
height : 90px ;
57
+ display : inline-block;
120
58
}
121
-
122
- div .rtd-pro div .rtd-pro-about {
123
- float : right;
124
- text-align : right;
125
- font-size : 90% ;
59
+ .ethical-sidebar .ethical-callout , .ethical-footer .ethical-callout {
60
+ padding-top : 1em ;
61
+ clear : both;
126
62
}
127
- div .rtd-pro .wy-menu div .rtd-pro-about ,
128
- div .rst-pro .wy-menu div .rst-pro-about {
129
- color : white;
63
+ .ethical-sidebar .ethical-pixel , .ethical-footer .ethical-pixel {
64
+ display : none !important ;
130
65
}
131
-
132
- div .rtd-pro .alabaster div .rtd-pro-about a {
133
- border-bottom : 0px ;
66
+ .ethical-sidebar .ethical-text , .ethical-footer .ethical-text {
67
+ margin-top : 1em ;
134
68
}
135
-
136
- div .rtd-pro .alabaster div .rtd-pro-about i .fa-info-circle : before ,
137
- div .rtd-pro .rtd-pro-footer div .rtd-pro-about i .fa-info-circle : before {
138
- content : "" ;
139
- color : # a3a3a3 ;
69
+ .ethical-sidebar .ethical-image-link , .ethical-footer .ethical-image-link {
70
+ border : 0 ;
140
71
}
141
72
142
- /* Hide the "sponsored" note in the left navigation */
143
- div . rtd-pro-about span {
144
- display : none ;
73
+ /* Sidebar promotions */
74
+ . ethical-sidebar {
75
+ text-align : center ;
145
76
}
146
77
147
- /* Footer promos */
148
- div .rtd-pro .rtd-pro-footer div .rtd-pro-about span {
149
- display : inline;
150
- }
151
- div .rtd-pro .rtd-pro-footer div .rtd-pro-about {
152
- float : none;
153
- }
154
- div .rtd-pro .rtd-pro-footer div .rtd-pro-about a {
155
- text-decoration : none;
156
- }
157
- div .rtd-pro .rtd-pro-footer {
78
+ /* Footer promotions */
79
+ .ethical-footer {
158
80
text-align : left;
81
+ font-size : 90% ;
159
82
}
160
- div . rtd-pro . rtd-pro- footer a . rtd-pro-image-wrapper {
83
+ . ethical- footer img {
161
84
float : right;
162
85
margin-left : 25px ;
163
86
}
164
-
165
- div .rtd-pro-wrapper {
166
- clear : both;
87
+ .ethical-footer .ethical-callout {
88
+ text-align : right;
167
89
}
168
90
169
- @media ( max-width : 768 px ) {
170
- div . rst-pro . wy-menu {
171
- display : none;
172
- }
91
+ /* RTD Theme specific customizations */
92
+ . ethical-rtd . ethical-sidebar {
93
+ /* RTD theme doesn't set sidebar text color */
94
+ color : # b3b3b3 ;
173
95
174
- div .rtd-pro .alabaster {
175
- background : rgba (220 , 220 , 220 , .05 );
176
- }
96
+ /* RTD theme doesn't correctly set the sidebar width */
97
+ width : 300px ;
177
98
178
- div .rtd-pro .alabaster a .rtd-pro-image-wrapper {
179
- border-color : # 656565 ;
180
- }
99
+ font-size : 14px ;
100
+ line-height : 20px ;
101
+ }
102
+ .ethical-rtd .ethical-sidebar a ,
103
+ .ethical-rtd .ethical-sidebar a : visited ,
104
+ .ethical-rtd .ethical-sidebar a : hover ,
105
+ .ethical-rtd .ethical-sidebar a : active {
106
+ /* RTD theme doesn't set sidebar link color */
107
+ color : # efefef ;
181
108
}
182
109
183
- div .rtd-pro > p .ethical-callout {
184
- margin-top : 1em ;
110
+ /* Alabaster specific customizations */
111
+ .ethical-alabaster a .ethical-image-link {
112
+ /* Alabaster adds a border even to image links on hover */
113
+ border : 0 !important ;
114
+ }
115
+ .ethical-alabaster hr {
116
+ /* Alabaster needs some extra spacing before the footer ad */
117
+ margin-top : 2em ;
185
118
}
0 commit comments