awebsite/public/css/style.css

1 line
11 KiB
CSS
Raw Normal View History

2025-04-29 21:13:41 +02:00
#header-container h1{padding:0;margin:0;font-weight:300}#header-container p{margin:0;padding:0}#cIcon{float:right}#searchBox{float:right;vertical-align:bottom}#searchBox svg{fill:var(--main-color);padding-right:.5em}#searchBox input{appearance:none;font-family:var(--font-family);font-size:1em;color:var(--main-color);background:none;outline:none;border:1px solid var(--main-color);outline:none;transition:.5s}#menu{float:left}#top{border-bottom:1px solid var(--main-color);padding-bottom:1em}#top a:link,#top a:visited,#top a:active{font-size:1.2em;padding-left:.5em;padding-right:.5em;padding-bottom:.9em;text-decoration:underline;border:0}#top a.active{background-color:var(--main-color);color:var(--bg-color)}#top a.active :hover{color:var(--bg-color)}#top ul{padding:0;margin:0;list-style:none}#top li{display:inline-block}#themeIcon{float:right}#themeIcon svg{width:1.2em;height:1.2em;vertical-align:middle;display:inline-block;fill:var(--main-color);padding-left:.5em;cursor:pointer}#themeIcon svg :hover{fill:var(--hover-color)}.icon-search{mask:url("../icons/search.svg")}.icon-github{mask:url("../icons/github.svg")}.footer.icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:middle;margin-left:.2em}.post-list.icon{display:inline-block;width:.8em;height:.8em;vertical-align:middle;margin-left:.25em;color:var(--main-color);filter:opacity(0.6)}.head.icon{width:1.4em;height:1.4em;vertical-align:middle;display:inline-block;margin-left:.2em;margin-right:.2em}.shares.icon{width:2em;height:2em}.icon-gh{mask:url("../icons/gh.svg")}.icon-linkedin{mask:url("../icons/linkedin.svg")}.icon-fb{mask:url("../icons/fb.svg")}.icon-wa{mask:url("../icons/wa.svg")}.icon-tg{mask:url("../icons/tg.svg")}.icon-dark{mask:url("../icons/dark.svg");cursor:pointer}.icon-light{mask:url("../icons/light.svg");cursor:pointer}.closeBtn{margin:.5em;mask:url("../icons/close.svg");cursor:pointer}.closeBtn.icon{height:1.5em;width:1.5em}.closeBtn.icon :hover{fill:var(--hover-color)}.icon-time{mask:url("../icons/time.svg")}.icon{display:inline-block;background:var(--main-color);mask-size:cover}.icon:hover,.icon:focus{background:var(--hover-color)}.icon-time:hover,.icon-search:hover,.icon-search:focus{background:var(--main-color)}.content{min-height:80vh;font-size:1.2em;font-weight:lighter}.content ul li{font-weight:300}.content table{border-spacing:0;border-right:1px solid var(--main-color);border-bottom:1px solid var(--main-color)}.content table th,.content table td{padding:.5em;border-top:1px solid var(--main-color);border-left:1px solid var(--main-color)}.content table th{background-color:var(--hover-bg)}.post-tags ul{padding:0}.post-tags ul li{list-style:none;display:inline-block}main{min-height:80vh;padding-bottom:2em}.toc{font-weight:normal}.toc ul{padding-left:.5em}.toc ul li{display:list-item;padding-left:.5em;font-size:1em;line-height:1.2em;list-style:none}.badges{padding:1em;background-color:var(--code-bg-color)}.badges img{width:6em;height:6em}#index-text{font-size:1.2em;font-weight:300}#flexbox{display:flex;align-items:center}#index-image{text-align:center;display:block}#index-image img{border-radius:50%;width:75%;height:75%}*{--font-family: "Mulish", Halvetica, Arial}:root{--co-warning: rgba(255, 145, 0, 0.8);--co-alert: rgb(255, 0, 21);--co-info: rgb(0, 123, 255);--main-color-light: #011627;--bg-color-light: #F4F9E9;--hover-color-light: #FF3366;--hover-bg-light: #e7ebde;--code-bg-color-light: #e2e6d9;--code-fg-color-light: #383a42;--code-kw-color-light: #054865;--code-string-color-light:#448743;--code-comment-color-light:#a9a9a9;--main-color-dark: #EEEEEE;--bg-color-dark: #222831;--hover-color-dark: #369ce4;--hover-bg-dark: #393E46;--code-bg-color-dark: #303947;--code-fg-color-dark: #dcdfe4;--code-kw-color-dark: #9a8240;--code-string-color-dark:#6e8e57;--code-comment-color-dark:#686767}[color-theme=light]{--main-color: var(--main-color-light);--bg-color: var(--bg-color-light);--hover-color: var(--hover-color-light);--hover-bg: var(--hover-bg-light);--code-bg-color: var(--code-bg-color-light);--code-fg-color: var(--code-fg-color-light);--code-