Template:Spoil: Difference between revisions

Template:Spoil (view source)

94 bytes removed , 26 January

solved the link colorization problem

1,776

edits

@@ Line 1: / Line 1: @@
 <includeonly>{{#CSS:
-   .tmpl-spoil-jvn, .tmpl-spoil-jvn a {
+   .tmpl-spoil-text, .tmpl-spoil-text a {
+    opacity: 0;
+  }
+  .tmpl-spoil-bg {
      background-color: black;
-    color: transparent;
    }
-   .tmpl-spoil-jvn:hover, .tmpl-spoil-jvn:hover a {
+   .tmpl-spoil-text:hover, .tmpl-spoil-text:hover a {
-     background-color: lightgrey;
+     opacity: 1;
-     color: initial;
+  }
+  .tmpl-spoil-bg:hover {
+     background: lightgrey;
    }
-}}<span class="tmpl-spoil-jvn">{{{1|}}}</span></includeonly><noinclude>
+}}<span class="tmpl-spoil-bg"><span class="tmpl-spoil-text">{{{1|}}}</span></span></includeonly><noinclude>
 {{Documentation|Content={{UnderConstruction|Jovenan}}
@@ Line 24: / Line 30: @@
 The hidden text can be multiple lines long.
-=== Limitations ===
-The links in hidden text will appear the same colour as the rest of the text when revealed. This might cause the reader not recognize it as a link.
 == Examples ==