diff options
Diffstat (limited to 'sphinx_ascii_theme/static/ascii.css')
-rw-r--r-- | sphinx_ascii_theme/static/ascii.css | 468 |
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; + } +} + |