/* ========================================================= * Argon Dokuwiki Template * Based on the Argon Design System by Creative Tim * Ported to Dokuwiki by Anchit (@IceWreck) ========================================================= */ @import 'argon-design-system'; // ------ General ------ button { @extend .btn; @extend .btn-neutral; } legend { @extend .h3; font-style: normal; } input, select { background-color: white !important; border-radius: 0.25rem; border-color: #5e72e4; } // Highlight Search Results .search_hit { @extend mark; } // Fix Content Hidden behind navbar when you reach via anchor // Fixed somewhere else. // :target { // padding-top: 6rem; // } // Selection ::-moz-selection { text-shadow: none; background: #dfe2f1; } ::selection { text-shadow: none; background: #dfe2f1; } // Breadrumbs .breadcrumb { flex-direction: column; } // ------ Main Content ------ #dokuwiki__content { p { font-weight: 400; } // HAX. Still don't understand why it works, but it does. // https://developer.mozilla.org/en-US/docs/Web/CSS/::before h1::before, h2::before, h3::before, h4::before, h5::before, h6::before { content: ''; display: block; height: 6rem; margin-top: -6rem; visibility: hidden; } // Edit Button .secedit button { @extend .btn; @extend .btn-outline-secondary; //@extend .btn-secondary; @extend .btn-sm; margin-bottom: 1em; float: right; //color: #999; //background-color: white; box-shadow: none; //font-size: 0.65rem; &:focus,&:hover{ background-color: white; box-shadow: none; } } // Non-existant links .wikilink2 { color: #dc3545; } // Page Revisions Button #page__revisions button { @extend .btn; @extend .btn-primary; } // Wiki Edit Menu Buttons .editButtons button{ @extend .btn; @extend .btn-primary; @extend .btn-sm; margin-top: 1em; margin-bottom: 1em; } // Inline Code :not(pre)>code { background-color: inherit; padding: .1em; border-radius: .3em; } // Emoticons img.icon { width: 1rem; height: 1rem; } // Tables .table-responsive { border-width: 0rem; } table { @extend .table-responsive; @extend .table; } // Code Blocks pre { font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; font-size: 14px; line-height: 1.375; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; background: #f5f7ff; color: #5e6687; border: 0; border-radius: .55rem; padding: 1.25rem; margin: 0; margin-bottom: 1rem; margin-top: 1rem; overflow: auto; } } // ------ Editor ------ // Tool Bar Buttons #tool__bar button { @extend .btn; @extend .btn-secondary; @extend .btn-sm; margin-bottom: 2em; } // Edit Area textarea { @extend .form-control; width: 95%; max-width: 100%; } // ------ Table of Contents ------ .ct-toc { #dw__toc { float:inherit; margin:inherit; width:inherit; background-color:inherit; color:inherit; box-sizing: border-box; margin-right: 0em; padding-left: 0; border-left: 1px solid #eee; h3 { display: none; } a { display: block; padding: .125rem 1rem; color: #99979c; font-size: 100%; } a:hover { color:#5e72e4; text-decoration: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ul { margin-bottom: 0.5rem; } ul { list-style: disc outside; list-style-position: outside; list-style-image: none; list-style-type: disc; } } // .clear { // @extend .section-nav; // .li { // @extend .toc-entry; // @extend .toc-h6 !optional; // } // display: content; // } } // ------ Navbar ------ .header-title a { color: white; font-weight: 600; font-size: 1.2rem; } // Navbar Icons .argon-doku-navbar-icon { fill: white; :hover { fill: #e6e6e6; } } // Search Bar .doku_form{ .no { @extend .form-group; @extend .input-group; @extend .mb-4; margin: 0rem; height: 1.5rem; padding: 0rem; #qsearch__in { @extend .form-control; width: 10rem; height:1.5rem; margin: 0rem; margin-right: 1rem; margin-left: 1rem; border-radius: 0.25rem !important; overflow: hidden; border: none; } button { @extend .btn; @extend .btn-neutral; margin: 0rem; overflow: hidden; height: 92%; } } } // ------ Search Form ------ .search-form { top:50%; position: relative; } .toggleAssistant { @extend .btn; @extend .btn-default; } .search-results-form{ // button { // @extend .btn; // @extend .btn-primary; // } .toggleAssistant { @extend .btn; @extend .btn-default; } fieldset input { @extend .form-control; display: block; width: 90%; height:1.5rem; margin-top: 2rem; margin-bottom: 2rem; margin-left: 5%; margin-right: 5%; } } .advancedOptions { width: 30%; border-style: dotted; border-width: 0.01rem; border-radius: 0.45rem; margin-top: 1rem; padding: 1rem; margin-left: 5rem; .toggle > ul > li { list-style-type: disclosure-closed; } } // ------ Admin Area ------ .admin_tasks { svg { margin-right: 1rem; } } .ui-admin { ul li { list-style-type: none; } } .tabs { li { list-style-type: disclosure-closed; } } // Config Panel #config__manager td input.edit { @extend .form-control; width: 30em; padding: 0.0rem 0.75rem; background-color: white !important; } #config__manager tr.default .input, #config__manager tr.default input, #config__manager tr.default textarea, #config__manager tr.default select, #config__manager .selectiondefault { background-color: inherit; } // ------ Media Uploads ------ .qq-upload-button{ @extend .btn; @extend .btn-neutral; } // ------ Registration and User Forms ------ // Modify user, delete user #dw__register, #dw__profiledelete { text-align: left !important; legend { @extend .h3; font-style: normal; } label { font-size: 1rem; width: 95%; input { float: right; background-color: white !important; border-radius: 0.25rem; border-color: #99979c; border-width: thin; } } } // Login #dw__login { width: 100%; float: left; left: 0%; margin:0%; @extend .card; @extend .bg-secondary, .shadow, .border-0; label { width: 90%; } legend { @extend .card-header, .bg-white, .pb-5; font-size: 2rem; label { @extend .h2; } margin-bottom: 5%; font-style: normal; } span { float: left; font-size: 1.15rem; } input{ display: block; float: right ; @extend .form-control; width: 90%; height: 1.15rem; top: 50%; } .simple { width: 50%; margin-left: unset !important; } #remember__me { width: unset; float: unset; height: unset; margin-top: 1rem; } label[for="remember__me"] { margin-left: unset !important; } button { // margin-top: 5rem; @extend .btn; @extend .btn-primary; } } // ------ Left Sidebar ------ .leftsidebar { .leftsidebar ul { @extend .nav, .ct-sidenav; } li { list-style-type: none; display: block; font-size: 84%; padding: 0.25rem; color:#4c555a; font-weight: 400; } a:link, a:visited { text-decoration: none; color:#4c555a; } a:hover { color: #212529; } } .argon-doku-page-menu { display: flex; align-items: flex-end; justify-content: flex-end; margin: 1.75rem 0 0.5rem; li { display: inline; fill: #6c757d; :hover { fill:#525f7f; } } li:nth-of-type(1) { margin-left: 0em; } } // ------ Footer ------ .footer-card { background-color: #f4f5f7; text-align: center; .footer-search { // center-align the bottom search bar margin-left: auto; margin-right: auto; } } @import 'modifications';