Différences

Ci-dessous, les différences entre deux révisions de la page.

--- css:themes:holodeck [2024/06/01 16:06] – avillepreux
+++ css:themes:holodeck [2024/06/11 11:42] (Version actuelle) – avillepreux
@@ Ligne 93: / Ligne 93: @@
 body .btn-default {
     background-color: #333;
-}
-img, video, iframe {
-    border-radius: .7em;
 }
@@ Ligne 138: / Ligne 134: @@
     transform: translate(-21px, -8px);
 }
+/* Media */
+.dw-content :is(img, video, iframe):not(.icon) {
+    border-radius: 1em 0 0 0;
+    border: 3px solid currentColor;
+    border-bottom-width: 6px;
+    border-right-width: 12px;
+    border-right-style: dashed;
+}
+/* Side bars animation */
+.panel-body {
+    counter-reset: holo-index 1000;
+}
+.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;
+    content: counter(holo-index) " ";
+    margin-left: -56px;
+    position: absolute;
+    animation: holo-blink 2s infinite;
+    color: #FFFA;
+}
+.panel-body :is(.level2, .level3, .level4) :is(li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):before {
+    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 {
+%, 100% { opacity: 0; }
+% { opacity: 1; }
+  }
+/* 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>