Sunshine/assets/css/styles.css

.admonition{margin:1.5625em 0;overflow:hidden;color:var(--text-col);page-break-inside:avoid;background-color:var(--navbar-col);border-left:0.3rem solid #fc0;border-radius:.1rem}.admonition p{padding:0 1rem}.admonition .admonition-title{color:var(--text-col);background-color:rgba(142,113,0,0.4);font-weight:700;line-height:3rem}.admonition-title::before{margin-right:.5rem;width:1.2rem;height:1.2rem;display:inline-block;content:'';-webkit-mask-size:cover;mask-size:cover;background-color:#fc0;vertical-align:text-bottom}.admonition.attention{border-left-color:#ff5252}.admonition.attention .admonition-title{background-color:#564444}.admonition.attention .admonition-title::before{-webkit-mask:url("/assets/img/icons/exclamation-triangle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/exclamation-triangle-solid.svg") no-repeat 50% 50%;background-color:#ff5252}.admonition.caution{border-left-color:#ff9100}.admonition.caution .admonition-title{background-color:#564b3c}.admonition.caution .admonition-title::before{-webkit-mask:url("/assets/img/icons/bolt-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/bolt-solid.svg") no-repeat 50% 50%;background-color:#ff9100}.admonition.danger{border-left-color:#ff5252}.admonition.danger .admonition-title{background-color:#564444}.admonition.danger .admonition-title::before{-webkit-mask:url("/assets/img/icons/bolt-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/bolt-solid.svg") no-repeat 50% 50%;background-color:#ff5252}.admonition.error{border-left-color:#ff5252}.admonition.error .admonition-title{background-color:#564444}.admonition.error .admonition-title::before{-webkit-mask:url("/assets/img/icons/times-circle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/times-circle-solid.svg") no-repeat 50% 50%;background-color:#ff5252}.admonition.hint{border-left-color:#00c953}.admonition.hint .admonition-title{background-color:#294040}.admonition.hint .admonition-title::before{-webkit-mask:url("/assets/img/icons/question-circle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/question-circle-solid.svg") no-repeat 50% 50%;background-color:#00c953}.admonition.important{border-left-color:#ff9100}.admonition.important .admonition-title{background-color:#433a38}.admonition.important .admonition-title::before{-webkit-mask:url("/assets/img/icons/fire-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/fire-solid.svg") no-repeat 50% 50%;background-color:#ff9100}.admonition.note{border-left-color:#00b0ff}.admonition.note .admonition-title{background-color:#293d52}.admonition.note .admonition-title::before{-webkit-mask:url("/assets/img/icons/pen-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/pen-solid.svg") no-repeat 50% 50%;background-color:#00b0ff}.admonition.seealso{border-left-color:#00b0ff}.admonition.seealso .admonition-title{background-color:#293d52}.admonition.seealso .admonition-title::before{-webkit-mask:url("/assets/img/icons/info-circle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/info-circle-solid.svg") no-repeat 50% 50%;background-color:#00b0ff}.admonition.tip{border-left-color:#00c953}.admonition.tip .admonition-title{background-color:#294040}.admonition.tip .admonition-title::before{-webkit-mask:url("/assets/img/icons/info-circle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/info-circle-solid.svg") no-repeat 50% 50%;background-color:#00c953}.admonition.todo .admonition-title::before{-webkit-mask:url("/assets/img/icons/pen-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/pen-solid.svg") no-repeat 50% 50%}.admonition.warning{border-left-color:#ff9100}.admonition.warning .admonition-title{background-color:#564b3c}.admonition.warning .admonition-title::before{-webkit-mask:url("/assets/img/icons/exclamation-triangle-solid.svg") no-repeat 50% 50%;mask:url("/assets/img/icons/exclamation-triangle-solid.svg") no-repeat 50% 50%;background-color:#ff9100}body{font-family:'Open Sans', sans-serif}.box-error,.box-note,.box-warning{color:#18191a}.avatar-img{background-color:var(--navbar-col);border:.05rem;border-color:var(--navbar-border-col);border-style:solid}.card-body,.card-custom,.card-footer,.card-img-top,.cr-picker-button,.cr-picker-submenu{--bs-bg-opacity: 1;background-color:var(--navbar-col) !important}.modal-content{background-color:var(--footer-col) !important}code{color:var(--mid-col);background-color:var(--navbar-col)}.feature{display:inline-flex;align-items:center;justify-content:center;height:3rem;width:3rem;font-size:1.5rem}.widgetbot{display:flex;align-items:center;justify-content:space-around}.pagination .page-item .page-link{background-color:#111111;color:#e4e4e4}.navbar-custom.top-nav-short .avatar-container{width:3.125rem;opacity:1 !important;visibility:visible !important;transition:none !important;-webkit-transition:none !important;-moz-transition:none !important}#nav-search-link{display:none}.hover-zoom{overflow:hidden}.hover-zoom img{transition:all 1.5s ease}.hover-zoom:hover img{transform:scale(1.1)}.icon img,img.icon{max-width:none;height:2.25em}.icon-sm img,img.icon-sm{max-width:none;height:1.25em}.icon-lg img,img.icon-lg{max-width:none;height:3.25em}img.invert{filter:invert(1)}.btn:hover img.invert{filter:invert(0)}.highlight{border-radius:0.5rem}.highlight>pre{border-left:0.4375rem solid var(--text-col)}.highlight pre.lineno{border-right:2px solid var(--text-col)}.admonition .highlight{margin-left:0.5rem;margin-right:1.25rem}.admonition .highlight>pre{border-radius:0.5rem}.tabs{background-color:var(--footer-col);padding:1rem}.tabs .nav-link{color:var(--link-col)}.tabs .nav-link:hover{color:var(--hover-col)}.tabs .nav-link.active{color:var(--text-col);border-color:var(--text-col)}.tab-content{background-color:var(--navbar-col);padding:1rem;margin-top:1rem;border:1px solid var(--page-col);border-radius:0.5rem}table tr:nth-child(2n){background-color:var(--footer-col)}.list-group-item.bg-dark{border-color:var(--navbar-col)}.list-group-item.bg-dark .text-muted{color:var(--text-col)}.list-group-item.bg-dark a{text-decoration:none}.list-group-item.bg-dark a:hover{text-decoration:underline}.circular-button{position:relative;width:70px;height:70px;line-height:70px;background:none;margin-right:8px;margin-bottom:8px;display:flex;justify-content:center;align-items:center}.circular-button:after{content:"";width:100%;height:100%;border-radius:50%;border:5px solid #2b3035;position:absolute;top:0;left:0}.circular-button>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.circular-button .progress-left{left:0.5px}.circular-button .progress-right{right:0.5px}.circular-button .progress-bar{width:100%;height:100%;background:none;border-width:5px;border-style:solid;position:absolute;top:0}.circular-button .progress-left .progress-bar{left:100%;border-top-right-radius:35px;border-bottom-right-radius:35px;border-left:0;transform-origin:center left}.circular-button .progress-right .progress-bar{left:-100%;border-top-left-radius:35px;border-bottom-left-radius:35px;border-right:0;transform-origin:center right}.circular-button .button-content{width:80%;height:80%;border-radius:50%;background:#2b3035;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:10%;left:10%;z-index:2;text-align:center}.circular-button .button-name{font-weight:bold;margin-bottom:2px;line-height:1.2}.circular-button .button-value{font-size:0.85rem;line-height:0.5}.circular-button .progress-bar{border-color:#0d6efd}.circular-button.active .button-content{box-shadow:0 0 10px 3px rgba(13,110,253,0.5)}.circular-button .button-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.circular-button .button-image{max-width:2.5rem;max-height:2.5rem;width:auto;height:auto}