Template:Dialogue/styles.css: Difference between revisions

Dialogue/styles.css

Retrieved from "https://continuum-universes.com/wiki/Template:Dialogue/styles.css"

All original content relating to the Continuum Universes Franchise is protected by copyright and remains the exclusive property of Jensen Saga Studio. All rights reserved.

Fan contributions are licensed under the Creative Commons Attribution 4.0 License, unless otherwise specified. By contributing, you agree that your submissions may be used, modified, or included in commercial projects by Jensen Saga Studio without compensation, unless otherwise agreed.

Outstanding fan contributions may receive public credit, free merchandise, or complimentary copies of official media as recognition.

See our Licensing Policy, Terms of Service, and Contributor Terms for more information.

@@ Line 1: / Line 1: @@
 .dialogue-box {
-     background-color: #f4f4f4;
+     background-color: var(--bg-light);
-     border: 2px solid #ddd;
+     border: 2px solid var(--accent-alt);
      padding: 10px;
-     margin: 5px 0;
+     margin: 10px 0;
      border-radius: 8px;
-     max-width: 500px;
+     max-width: 600px;
+    width: auto;
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
 }
 .dialogue-character {
      font-weight: bold;
-     color: #005bbb;
+     color: var(--accent-primary);
      font-size: 1.2em;
+    margin-top: 5px;
+    width: 100%;
 }
@@ Line 17: / Line 24: @@
      font-style: italic;
      margin-left: 10px;
+    padding-left: 5px;
+    word-wrap: break-word;
+    width: 100%;
+    white-space: normal;
 }