| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| css:themes:holodeck [2024/06/03 10:15] – avillepreux | css:themes:holodeck [2024/06/11 11:42] (Version actuelle) – avillepreux |
|---|
| counter-reset: holo-index 1000; | counter-reset: holo-index 1000; |
| } | } |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):before { | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):before { |
| counter-increment: holo-index 10; | counter-increment: holo-index 10; |
| content: counter(holo-index) " "; | content: counter(holo-index) " "; |
| color: #FFFA; | color: #FFFA; |
| } | } |
| | .panel-body :is(.level2, .level3, .level4) :is(li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):before { |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(1):before { animation-delay: 1.0s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(2):before { animation-delay: 1.5s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(3):before { animation-delay: 2.0s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(4):before { animation-delay: 2.5s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(5):before { animation-delay: 3.0s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(6):before { animation-delay: 3.5s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(7):before { animation-delay: 4.0s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(8):before { animation-delay: 4.5s; } | |
| .panel-body :is(.level2, .level3, .level4) :is(p,li):nth-child(9):before { animation-delay: 5.0s; } | |
| | |
| .panel-body :is(.level2, .level3, .level4) li:before { | |
| margin-left: -96px; | margin-left: -96px; |
| } | } |
| | |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(1):before { animation-delay: 1.0s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(2):before { animation-delay: 1.5s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(3):before { animation-delay: 2.0s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(4):before { animation-delay: 2.5s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(5):before { animation-delay: 3.0s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(6):before { animation-delay: 3.5s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(7):before { animation-delay: 4.0s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(8):before { animation-delay: 4.5s; } |
| | .panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(9):before { animation-delay: 5.0s; } |
| | |
| @keyframes holo-blink { | @keyframes holo-blink { |
| 0%, 100% { opacity: 0; } | 0%, 100% { opacity: 0; } |
| } | } |
| |
| | /* Tooltips */ |
| | |
| | body .dokuwiki .wrap_tooltip { |
| | background: linear-gradient(45deg, #690458, transparent); |
| | } |
| | body .dokuwiki .wrap_tooltip:not(table .wrap_tooltip) { |
| | margin-right: -640px; |
| | padding-right: 640px; |
| | } |
| | body { |
| | overflow-x: hidden; |
| | } |
| | |
| | /* TABLES */ |
| | |
| | /* Undo */ |
| | |
| | .table-responsive { |
| | border: unset; |
| | } |
| | .table>tbody>tr>td, |
| | .table>tbody>tr>th, |
| | .table>tfoot>tr>td, |
| | .table>tfoot>tr>th, |
| | .table>thead>tr>td, |
| | .table>thead>tr>th, |
| | .table-responsive>tbody>tr>td, |
| | .table-responsive>tbody>tr>th, |
| | .table-responsive>tfoot>tr>td, |
| | .table-responsive>tfoot>tr>th, |
| | .table-responsive>thead>tr>td, |
| | .table-responsive>thead>tr>th, |
| | .table caption + thead tr:first-child th, |
| | .table caption + thead tr:first-child td, |
| | .table colgroup + thead tr:first-child th, |
| | .table colgroup + thead tr:first-child td, |
| | .table thead:first-child tr:first-child th, |
| | .table thead:first-child tr:first-child td, |
| | .table-responsive, .table, .table-responsive td, .table td { |
| | border-top: unset; |
| | } |
| | |
| | .table { |
| | /* Change these properties */ |
| | --border: 1px solid #fff8; |
| | border-radius: .7em; |
| | |
| | /* Don't change these properties */ |
| | border-spacing: 0; |
| | border-collapse: separate; |
| | border: var(--border); |
| | overflow: hidden; |
| | } |
| | |
| | /* Apply a border to the right of all but the last column */ |
| | .table th:not(:last-child), |
| | .table td:not(:last-child) { |
| | border-right: var(--border); |
| | } |
| | |
| | /* Apply a border to the bottom of all but the last row */ |
| | .table>thead>tr:not(:last-child)>th, |
| | .table>thead>tr:not(:last-child)>td, |
| | .table>tbody>tr:not(:last-child)>th, |
| | .table>tbody>tr:not(:last-child)>td, |
| | .table>tfoot>tr:not(:last-child)>th, |
| | .table>tfoot>tr:not(:last-child)>td, |
| | .table>tr:not(:last-child)>td, |
| | .table>tr:not(:last-child)>th, |
| | .table>thead:not(:last-child), |
| | .table>tbody:not(:last-child), |
| | .table>tfoot:not(:last-child) { |
| | border-bottom: var(--border); |
| | } |
| | |
| | /* Scrollbar */ |
| | |
| | |
| | ::-webkit-scrollbar { background: #000011; width: 17px; } /* width */ |
| | ::-webkit-scrollbar-track { border-radius: 10px 0 0 10px; } /* Track */ |
| | ::-webkit-scrollbar-thumb { background: #44BBFF; border-radius: 10px 0 0 10px; } /* Handle */ |
| | ::-webkit-scrollbar-thumb:hover { background: #FF77FF; } /* Handle on hover */ |
| | |
| | /* TOC */ |
| | |
| | .toc-panel.panel-default { |
| | background-color: #000 !important; /* because this theme has a transparent .panel-default background color! */ |
| | } |
| | .dw-toc > nav { |
| | position: absolute; |
| | } |
| | |
| | /* LCARS FOOTER */ |
| | /* |
| | footer#dw__footer:after { |
| | content: ""; |
| | display: block; |
| | width: 100%; |
| | height: auto; |
| | background-image: url(https://intranet.cyanide-studio.com/_media/media/projects/startrek-exile/lcars.gif); |
| | aspect-ratio: 800 / 600; |
| | background-size: auto; |
| | background-position: top center; |
| | background-repeat: no-repeat; |
| | } |
| | */ |
| |
| </CSS> | </CSS> |
| |