aboutsummaryrefslogtreecommitdiff
path: root/sphinx_ascii_theme/static/ascii.css
diff options
context:
space:
mode:
Diffstat (limited to 'sphinx_ascii_theme/static/ascii.css')
-rw-r--r--sphinx_ascii_theme/static/ascii.css468
1 files changed, 468 insertions, 0 deletions
diff --git a/sphinx_ascii_theme/static/ascii.css b/sphinx_ascii_theme/static/ascii.css
new file mode 100644
index 0000000..39f3ae7
--- /dev/null
+++ b/sphinx_ascii_theme/static/ascii.css
@@ -0,0 +1,468 @@
+@import url("basic.css");
+
+body {
+ background-color: black;
+ color: white;
+ font-family: Monospace, Georgia, serif;
+}
+
+div.document {
+ width: 940px;
+ margin: 30px auto 0 auto;
+}
+
+div.documentwrapper {
+ float: left;
+ width: 100%;
+}
+
+div.bodywrapper {
+ margin: 0 0 0 220px;
+}
+
+div.body {
+ min-width: 0;
+ padding: 0 10px;
+ max-width: 800px;
+ border: 1px solid white;
+ margin-left: 20px;
+ padding: 0 10px 0 10px;
+}
+
+/* shitty css for shitty html */
+div.body .section:nth-child(2) .section span:nth-child(3) {
+ float: left !important;
+}
+
+div.sphinxsidebar {
+ width: 220px;
+ font-size: 14px;
+ line-height: 1.5;
+}
+
+div.footer {
+ width: 940px;
+ margin: 20px auto 30px auto;
+ font-size: 14px;
+ color: #888;
+ text-align: right;
+}
+
+div.body p, div.body dd, div.body li, div.body blockquote {
+ -moz-hyphens: auto;
+ -ms-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
+}
+
+div.body .literal {
+ background: white;
+ color: black;
+ padding: 2px 2px;
+}
+
+a.reference:hover {
+ border-bottom: 1px solid #920097;
+}
+
+a.reference {
+ text-decoration: none;
+ border-bottom: 1px dotted white;
+}
+
+a:hover {
+ color: #920097;
+}
+
+a {
+ color: white;
+ text-decoration: underline;
+}
+
+div.highlight {
+ background: #000;
+ border: 1px solid white;
+ overflow: auto;
+ padding: 2px 10px;
+ margin: 0 -11px 0 -11px;
+}
+
+/* home page */
+
+div#neodarz h1 {
+ display: none;
+}
+
+/* titles */
+
+div.body h1 {
+ text-align: center;
+}
+
+div.body h2 {
+ text-align: center;
+ width: 100%;
+ margin: 0 16px 0 -11px;
+
+ display: flex;
+ justify-content: space-between;
+}
+
+div.body h2 a.headerlink {
+ display: contents;
+}
+
+div.body h2::before {
+ content: "█▓▒░";
+ float: left;
+}
+
+div.body h2::after {
+ content: "░▒▓█";
+ float: right;
+ margin-right: -16px;
+}
+
+div.body h3 {
+ text-align: center;
+ width: 100%;
+ margin: 15px 16px 0 -11px;
+}
+
+div.body h3::before {
+ content: ".:";
+ padding-right: 11px;
+}
+
+div.body h3::after {
+ content: ":.";
+ margin-right: -16px;
+}
+
+/* CV */
+
+div#competences .highlight {
+ text-align: center;
+ padding: 20px 0;
+}
+
+div#formations .highlight, div#experiences .highlight {
+ padding: 20px 15%;
+}
+
+div#formations .highlight pre, div#experiences .highlight pre {
+ width: 100%;
+ padding: 0 15% 0 0;
+}
+
+
+@media screen and (max-width: 600px) {
+
+ div#formations .highlight, div#experiences .highlight {
+ padding: 20px 0;
+ }
+}
+
+/* other */
+
+img {
+ width: 100%;
+}
+
+.related {
+ display:none;
+}
+
+hr {
+ height: 1px;
+ border: 0;
+ background-color: white;
+ margin: 0;
+ padding: 0;
+}
+
+ul {
+ padding-left: 16px;
+}
+
+li {
+ list-style: none;
+}
+
+ul li::before {
+ content: "\25b6 \00a0";
+ float: left;
+}
+
+li p {
+ margin: 0;
+}
+
+div[class^="highlight-"] {
+ margin: 0 0 -1px 0;
+}
+
+/* post */
+
+div#posts ul li::before, div#blog ul li::before {
+ display: none;
+}
+
+/* sidebar */
+
+a.title-header {
+ max-width: 223px;
+ margin: auto;
+ text-decoration: none;
+ cursor: pointer;
+ display: flex;
+}
+
+a.title-header pre {
+ font-size: 0.45em;
+ line-height: 0.9em;
+ letter-spacing: -0.15em;
+}
+
+.logo {
+ display: none;
+}
+
+/* navbar */
+
+div.sphinxsidebarwrapper {
+ padding: 0;
+}
+
+
+/* search */
+
+
+form.search {
+ text-align: center;
+}
+
+form.search input {
+ border: 1px solid white;
+ background: black;
+ color: white;
+ padding: 0.25em;
+ box-sizing: border-box;
+}
+
+form.search input[type="submit"] {
+ border-left: none;
+}
+
+form.search input[type="submit"] {
+ cursor: pointer;
+}
+
+form.search input[type="submit"]:hover {
+ color: black;
+ background: white;
+}
+
+dt:target, span.highlighted {
+ background-color: #6f6f6f;
+ color: #fff4f4;
+}
+/* sidebar search */
+
+div.sphinxsidebar form.search input {
+ margin: 0;
+}
+
+/* search page */
+
+.searchbox {
+ margin-bottom: 30px;
+}
+
+form.search input {
+ margin-left: -10px;
+}
+
+ul.search li {
+ background-image: none;
+}
+
+/* navigation */
+
+div.navigation .nav {
+ border: 1px solid white;
+ padding-bottom: 1px;
+}
+
+div.navigation a {
+ display: block;
+}
+
+div.navigation a .left::after {
+ content: "█▓▒░";
+ float: left;
+}
+
+div.navigation a .right::after {
+ content: "░▒▓█";
+ float: right;
+}
+
+div.navigation a:hover .left::after, div.navigation a:hover .right::after {
+ color: black;
+}
+
+div.navigation a {
+ text-align: center;
+ line-height: 1;
+ text-decoration: none;
+}
+
+div.navigation a:hover {
+ background: white;
+ color: black;
+}
+
+div.navigation .center {
+ padding: 0;
+}
+
+div.navigation .lang {
+ display: flex;
+ border: 1px solid white;
+ justify-content: space-around;
+ margin-bottom: 13px;
+ padding-bottom: 1px;
+}
+
+
+div.navigation .lang a {
+ width: 100%;
+}
+
+div.navigation .lang a::before {
+ content: "█▓▒░";
+ float: left;
+}
+
+div.navigation .lang a::after {
+ content: "░▒▓█";
+ float: right;
+}
+
+div.postcard ul li::before {
+ content: none;
+}
+
+/* admonition */
+
+div.admonition {
+ border: 1px solid #fff;
+ margin: 0 -11px -1px -11px;
+}
+
+div.admonition.warning {
+ background: #ff7c0533;
+}
+
+/* footer */
+
+div.footer {
+ text-align: center;
+ margin: 0 auto;
+ color: white;
+}
+
+div.footer div {
+ margin: 0 0 0 220px;
+}
+
+div.footer p {
+ display: inline;
+ margin: 0;
+}
+
+div.footer a {
+ text-decoration: none;
+ border-bottom: 1px dotted white;
+}
+
+div.footer a:hover {
+ border-bottom: 1px solid #920097;
+}
+
+/* author post list */
+
+ul.ablog-archive li::before{
+ content: none;
+}
+
+
+ul.ablog-archive li:nth-child(1)::after {
+ content: " -";
+}
+
+/* catalog */
+
+div.collection #author {
+ display: none;
+}
+
+@media screen and (max-width: 979px) {
+
+ div.document {
+ width: 100%;
+
+ }
+
+ div.body {
+ max-width: 100%;
+ margin: 0;
+ }
+
+ div.documentwrapper {
+ margin-left: 0;
+ margin-top: 0;
+ margin-right: 0;
+ margin-bottom: 0;
+ }
+
+ div.bodywrapper {
+ margin-top: 0;
+ margin-right: 0;
+ margin-bottom: 0;
+ margin-left: 0;
+ }
+
+ div.documentwrapper {
+ float: none;
+ #background: #fff;
+ }
+
+ div.sphinxsidebar {
+ display: block;
+ float: none;
+ width: 100%;
+ margin: -20px -30px 20px -20px;
+ padding: 10px 20px;
+ #background: #333;
+ #color: #FFF;
+ }
+
+ div.footer {
+ margin: 0;
+ width: 100%
+ }
+
+ div.footer div {
+ margin: 0;
+ }
+}
+
+@media screen and (min-width: 980px) {
+ div.sphinxsidebar {
+ position: fixed;
+ margin-left: 0;
+ }
+}
+