Tutorialspoint Sphinx by orangeburrito

/* ==UserStyle==
@name           Tutorialspoint Sphinx
@namespace      -----
@version        1.0.0
@description    The theme Sphinx for Readthedocs applied to Tutorialspoint.
@author         OrangeBurrito
==/UserStyle== */

@-moz-document url-prefix("https://www.tutorialspoint.com/") {
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Slab:wght@700&display=swap');

:root {
    --root-bg: #EBEBEB;
    --bg: #fcfcfc;
    --dark-bg: rgb(52, 49, 49);
    --dark-bg-hover: #4e4a4a;
    --button-bg: #F1F4F4;
    --button-shadow: #D1D5D5; 
    --header-color: #222;
    --text-color: #333;
    --dark-text-color: #D0D0D0;
}

body {
    background: var(--root-bg);
}

h1, h2, h3, h4 {
    font-family: Roboto Slab;
}

p, li, a {
    font-family: Lato !important;
}

.mui-container {
    padding: 0;
}

/* table of contents */

.tutorial-toc {
    background: var(--dark-bg);
    color: var(--dark-text-color);
    margin-top: 0;
}

ul.toc li.heading {
    font-family: Roboto Slab !important;
    font-size: 1.2rem;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

ul.toc > li:not(.sreading):not(.heading):hover, ul.toc li[style*="background-color: rgb(214, 214, 214);"] {
    background-color: var(--dark-bg-hover) !important;
    cursor: pointer;
}

ul.toc > li {
    border: none;
}

ul.toc > li a {
    background: none;
    color: inherit;
}


/* tutorial content */

.tutorial-content {
    background: var(--bg);
    padding: clamp(0rem, 3vw,1rem) clamp(1.5rem, 3vw, 5rem);
    margin-top: 0;
    border-radius: 0;
}

.content h1:first-of-type {
    padding: 1.5rem 0 1rem 0 !important;
}

.content h1 {
    text-align: left;
    color: var(--header-color);
}

.tutorial-content hr {
    display: none;
}

ul.list li {
    background: none;
    list-style: revert;
    padding: 0;
}

.tutorial-content pre {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
    font-size: 12px;
    line-height: 1.4;
    padding: 12px;
}

/* tutorial navigation buttons */

.pre-btn, .nxt-btn {
    font-weight: bold;
    background: var(--button-bg);
    border: 1px solid var(--button-shadow);
    padding: 6px 12px 8px;
    box-shadow: inset 0 1px 2px -1px hsla(0,0%,100%,.5),inset 0 -2px 0 0 rgba(0,0,0,.1);
}

.pre-btn a, .nxt-btn a { padding: 0 !important;}

.fa-chevron-circle-left {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm28.9-143.6L209.4 288H392c13.3 0 24-10.7 24-24v-16c0-13.3-10.7-24-24-24H209.4l75.5-72.4c9.7-9.3 9.9-24.8.4-34.3l-11-10.9c-9.4-9.4-24.6-9.4-33.9 0L107.7 239c-9.4 9.4-9.4 24.6 0 33.9l132.7 132.7c9.4 9.4 24.6 9.4 33.9 0l11-10.9c9.5-9.5 9.3-25-.4-34.3z"></path></svg>') no-repeat;
    padding-right: 2px;
}

.fa-chevron-circle-right {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm-28.9 143.6l75.5 72.4H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h182.6l-75.5 72.4c-9.7 9.3-9.9 24.8-.4 34.3l11 10.9c9.4 9.4 24.6 9.4 33.9 0L404.3 273c9.4-9.4 9.4-24.6 0-33.9L271.6 106.3c-9.4-9.4-24.6-9.4-33.9 0l-11 10.9c-9.5 9.6-9.3 25.1.4 34.4z"></path></svg>') no-repeat;
    padding-left: 2px;
}

.tutorial-content .button-borders {
    margin-top: -1rem;
    padding-bottom: 1rem;
    border: none;
}

/* misc */
.google-right-ads, ._adr_abp_container {
    display: none !important;
}
}