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> |
| |