Skip to content

Space between title and subtopics( UI, UX) #62 added#93

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Subhraneel77 wants to merge 1 commit into from
Closed

Space between title and subtopics( UI, UX) #62 added #93

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 101 additions & 23 deletions docs/source/_static/theme_overrides.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -8,19 +8,34 @@ p {
margin-bottom: 10px;
}


/* ul, ul.simple {
margin-bottom: 10px;
} */

.wy-plain-list-disc, .rst-content .section ul, .rst-content .toctree-wrapper ul, article ul {
.wy-plain-list-disc,
.rst-content .section ul,
.rst-content .toctree-wrapper ul,
article ul {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
}

h2, h3, h4, h5, h6 {
h2,
h3,
h4,
h5,
h6 {
margin-top: 20px;
margin-top: 30px;
}
Expand All@@ -45,22 +60,26 @@ h6 {
color: #009933;
color: #661aff;
/* color: #666699; */

/* font-style: italic; */
/* font-weight: normal; */
margin-bottom: 10px;
}


/* custom admonitions */


/* success */
.custom-admonition-success .admonition-title {

.custom-admonition-success .admonition-title {
color: #ffffff;
color: #000000;
background: #009900;
background: #00b33c;
background: #ccffcc;
border-radius: 5px 5px 0px 0px;
}

div.custom-admonition-success.admonition {
color: #000000;
background: #f5f5f5;
Expand All@@ -73,15 +92,18 @@ div.custom-admonition-success.admonition {
margin: 20px 0px 30px 0px;
}


/* important */
.custom-admonition-important .admonition-title {

.custom-admonition-important .admonition-title {
color: #ffffff;
color: #000000;
background: #009900;
background: #00b33c;
background: #ccffcc;
border-radius: 5px 5px 0px 0px;
}

div.custom-admonition-important.admonition {
color: #000000;
background: #f5f5f5;
Expand All@@ -94,15 +116,18 @@ div.custom-admonition-important.admonition {
margin: 20px 0px 30px 0px;
}


/* caution */
.custom-admonition-caution .admonition-title {

.custom-admonition-caution .admonition-title {
color: #000000;
background: #ffff66;
background: #ffff99;
background: #fff3cd;
border-radius: 5px 5px 0px 0px;
border-bottom: solid 1px #e8e8e8;
}

div.custom-admonition-caution.admonition {
color: #000000;
background: #f5f5f5;
Expand All@@ -115,8 +140,10 @@ div.custom-admonition-caution.admonition {
margin: 20px 0px 30px 0px;
}


/* note */
.custom-admonition-note .admonition-title {

.custom-admonition-note .admonition-title {
color: #ffffff;
/* color: #000000; */
background: #3399ff;
Expand All@@ -126,6 +153,7 @@ div.custom-admonition-caution.admonition {
background: #2196f3;
border-radius: 5px 5px 0px 0px;
}

div.custom-admonition-note.admonition {
color: #000000;
background: #f5f5f5;
Expand All@@ -140,8 +168,10 @@ div.custom-admonition-note.admonition {
margin: 20px 0px 30px 0px;
}


/* todo */
.custom-admonition-todo .admonition-title {

.custom-admonition-todo .admonition-title {
color: #000000;
color: #cc0000;
background: #cce6ff;
Expand All@@ -158,6 +188,7 @@ div.custom-admonition-note.admonition {
border-bottom: solid 1px #ffd9b3;
border-bottom: solid 1px #d8d8d8;
}

div.custom-admonition-todo.admonition {
color: #000000;
background: #f5f5f5;
Expand All@@ -175,8 +206,10 @@ div.custom-admonition-todo.admonition {
margin: 20px 0px 30px 0px;
}


/* examples */
.custom-admonition-examples .admonition-title {

.custom-admonition-examples .admonition-title {
color: #000000;
/* color: #ffffff; */
background: #f5f5f5;
Expand All@@ -186,6 +219,7 @@ div.custom-admonition-todo.admonition {
border-radius: 5px 5px 0px 0px;
border-bottom: solid 1px #d8d8d8;
}

div.custom-admonition-examples.admonition {
color: #000000;
background: #f5f5f5;
Expand DownExpand Up@@ -222,7 +256,6 @@ div.rst-content {
/* border: 1px solid #e6f2ff; */
/* border: 1px solid #fff3cd; */
border: 1px solid #ccffff;

/* background: #e7f2fa; */
/* background: #e6ffff; */
/* background: #ffff99; */
Expand All@@ -231,7 +264,6 @@ div.rst-content {
/* background: #e6f2ff; */
/* background: #fff3cd; */
background: #ccffff;

/* font-size: 80%; */
font-size: 100%;
/* font-size: 12px; */
Expand All@@ -244,12 +276,11 @@ div.rst-content {
padding: 4px 6px;
padding: 2px 0px;
margin: auto 2px;

vertical-align: middle;
}

.rst-content kbd {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
border: solid 1px #d8d8d8;
background-color: #f5f5f5;
padding: 0px 3px;
Expand All@@ -260,6 +291,7 @@ div.rst-content {
color: #0066cc;
text-decoration: none;
}

.wy-nav-content-wrap a:hover {
color: #0099cc;
text-decoration: underline;
Expand All@@ -269,10 +301,14 @@ div.rst-content {
color: #ffffff;
}


/* Based on numerous similar approaches e.g., https://github.com/readthedocs/sphinx_rtd_theme/issues/117 and https://rackerlabs.github.io/docs-rackspace/tools/rtd-tables.html -- but remove form-factor limits to enable table wrap on full-size and smallest-size form factors */

.wy-table-responsive table td {
white-space: normal !important;
}


/* .wy-table-responsive {
overflow: visible !important;
} */
Expand All@@ -282,11 +318,13 @@ div.rst-content {
padding: 5px;
padding: 5px 10px 5px 10px;
}

.rst-content table.docutils td p,
.rst-content table.docutils th p {
font-size: 14px;
margin-bottom: 0px;
}

.rst-content table.docutils td p cite,
.rst-content table.docutils th p cite {
font-size: 14px;
Expand All@@ -297,12 +335,15 @@ div.rst-content {
/* border: solid 1px #e8e8e8 !important; */
border: solid 1px #d8d8d8 !important;
}

.colwidths-given td {
/* border: solid 1px #e8e8e8 !important; */
border: solid 1px #d8d8d8 !important;
}


/*handles single-tick inline code*/

.wy-body-for-nav cite {
color: #000000;
background-color: transparent;
Expand All@@ -313,16 +354,19 @@ div.rst-content {
padding: 3px 3px 3px 3px;
}

.rst-content pre.literal-block, .rst-content div[class^="highlight"] pre, .rst-content .linenodiv pre {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",Courier,monospace;
.rst-content pre.literal-block,
.rst-content div[class^="highlight"] pre,
.rst-content .linenodiv pre {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
font-size: 13px;
/* line-height: 1.5; */
overflow: visible;
white-space: pre-wrap;
/* color: #e74c3c; */
}

.rst-content pre.literal-block, .rst-content div[class^='highlight'] {
.rst-content pre.literal-block,
.rst-content div[class^='highlight'] {
border: 1px solid #e1e4e5;
border: 0;
background-color: #f6f8fa;
Expand All@@ -332,21 +376,30 @@ div.rst-content {
border: solid 1px #e8e8e8;
}


/* This enables inline code to wrap. */
code, .rst-content tt, .rst-content code {

code,
.rst-content tt,
.rst-content code {
white-space: pre-wrap;
padding: 2px 3px 1px;
border-radius: 3px;
font-size: 13px;
background-color: #f8f8f8;
}


/* use this added class for code blocks attached to bulleted list items */

.highlight-top-margin {
margin-top: 20px !important;
}


/* change color of inline code block */


/* span.pre {
color: #e74c3c;
color: #e01e5a;
Expand All@@ -360,37 +413,60 @@ code, .rst-content tt, .rst-content code {
color: #000000;
}


/* Fix the unwanted top and bottom padding inside a nested bulleted/numbered list */
.rst-content .section ol p, .rst-content .section ul p {

.rst-content .section ol p,
.rst-content .section ul p {
margin-bottom: 0px;
text-transform: uppercase;
font-weight: bold;
}


/* add spacing between bullets for legibility */
.rst-content .section ol li, .rst-content .section ul li {

.rst-content .section ol li,
.rst-content .section ul li {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
}

.rst-content .section ol li:first-child, .rst-content .section ul li:first-child {
.rst-content .section ol li:first-child,
.rst-content .section ul li:first-child {
margin-top: 5px;
text-transform: uppercase;
font-weight: bold;
}


/* but exclude the toctree bullets */
.rst-content .toctree-wrapper ul li, .rst-content .toctree-wrapper ul li:first-child {

.rst-content .toctree-wrapper ul li,
.rst-content .toctree-wrapper ul li:first-child {
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: bold;
}


/* remove extra space at bottom of multine list-table cell */

.rst-content .line-block {
margin-left: 0px;
margin-bottom: 24px;
margin-bottom: 0px;
line-height: 24px;
}


/* === */


/* this is used by the genindex added via layout.html (see source/_templates/) to sidebar toc */

.reference.internal.toc-index {
color: #d9d9d9;
}
Expand All@@ -407,11 +483,13 @@ code, .rst-content tt, .rst-content code {
padding-top: 10px;
}


/* The next 2 fix the poor vertical spacing in genindex.html (the alphabetized index) */

.indextable.genindextable {
margin-bottom: 20px;
}

div.genindex-jumpbox {
margin-bottom: 20px;
}
}
Loading