[docs] css improvements (ray-project#27698)

Ransnomy · Aug 9, 2022 · e82d7ef · e82d7ef
1 parent c358305
commit e82d7ef
Showing 1 changed file with 120 additions and 0 deletions.
diff --git a/doc/source/_static/css/custom.css b/doc/source/_static/css/custom.css
@@ -163,3 +163,123 @@ pre {
   content: "\a\20\20\20\20";
   white-space: pre;
 }
+
+/* custom css for outlined buttons */
+.btn-outline-info:hover span, .btn-outline-primary:hover span {
+  color: #fff;
+}
+
+.btn-outline-info, .btn-outline-primary{
+  border-color: var(--buttons-color-blue);
+}
+
+.btn-outline-info:hover, .btn-outline-primary:hover{
+  border-color: var(--buttons-color-blue);
+  background-color: var(--buttons-color-blue);;
+}
+
+/* custom css for pre elements */
+pre {
+  box-shadow: none;
+  border-color: var(--border-color-gray);
+  background-color: var(--background-color-light-gray);
+  border-radius:0.25em;
+}
+
+/* custom css for tabs*/
+.tabbed-set>input:checked+label{
+  border-bottom: 0.125em solid;
+  color:var(--tabs-color-label-active);
+}
+
+.tabbed-set>label,.tabbed-set>label:hover {
+  border-bottom: 1px solid var(--border-color-gray);
+  color:var(--tabs-color-label-inactive);
+  font-weight: 500;
+}
+
+.tabbed-label{
+  margin-bottom:0;
+}
+
+/* custom css for jupyter cells */
+div.cell div.cell_input{
+  border: 1px var(--border-color-gray) solid;
+  background-color: var(--background-color-light-gray);
+  border-radius:0.25em;
+  border-left-color: var(--green);
+  border-left-width: medium;
+}
+
+/* custom css for table */
+table {
+  border-color: var(--border-color-gray);
+}
+
+/* custom css for topic component */
+div.topic{
+  border: 1px solid var(--border-color-gray);
+  border-radius:0.25em;
+}
+
+.topic {
+  background-color: var(--background-color-light-gray);
+}
+
+/* custom css for card component */
+.card{
+  border-color: var(--border-color-gray);
+}
+
+.card-footer{
+  background-color: var(--background-color-light-gray);
+  border-top-color: var(--border-color-gray);
+}
+
+/* custom css for section navigation component */
+.bd-toc nav>.nav {
+  border-left-color: var(--border-color-gray);
+}
+
+/* custom css for up and down arrows in colllapsable cards */
+details.dropdown .summary-up, details.dropdown .summary-down {
+  top: 1em;
+}
+
+/* custom css for shadow class */
+.shadow {
+  box-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 5%), 0 0 0.0625rem rgb(0 0 0 / 10%) !important;
+}
+
+/* custom css for footer */
+footer {
+  margin-top: 1rem;
+  padding:1em 0;
+  border-top-color: var(--border-color-gray);
+}
+
+.footer p{
+  color: var(--pst-color-text-secondary);
+}
+
+/* override default colors used in the Sphnix theme */
+:root {
+  --tabs-color-label-active: #0475DE;
+  --tabs-color-label-hover: #0475DE;
+  --buttons-color-blue: #0475DE;
+  --tabs-color-label-inactive: #9E9E9E;
+  --tabs-color-overline: #e0e0e0;
+  --tabs-color-underline: #e0e0e0;
+  --border-color-gray: #e0e0e0;
+  --background-color-light-gray:#fafafa;
+}
+
+:root {
+  --pst-color-link: 4, 117, 222;
+  --pst-color-primary: 4, 117, 222;
+  --pst-color-text-secondary: #616161;
+}
+
+:root {
+  --blue: #0475DE;
+}