diff --git a/index.html b/index.html index 19318602..0ce012c5 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,7 @@ + @@ -309,18 +310,55 @@
- Use the following codes to get the respective symbol in the card's mana cost and rules text. In the mana cost, make sure to include spaces in between the codes, and in the rules text include '<' before each code and '>' after.
-
-
-
- When selecting the card's color, use 'Second Color' for hybrid cards, and 'Third Color' for non-hybrid two-colored cards. -
-
- Check out some samples!
- - - +
+
+
Mana Symbol Codes
+
+ Use the following codes to get the respective symbol in the card's mana cost and rules text. In the mana cost, make sure to include spaces in between the codes, and in the rules text include '<' before each code and '>' after. These codes are caps sensative.
+
+
+
+
+
Other Codes
+
+ Like the mana symbols, each of the following codes must include '<' before each code and '>' after. These codes are also caps sensative.
+ • line → Skips to the next line
+ • bar → Just like line, except adds the bar that usually seperates flavor text
+ • lineNoSpace → Just like line, except stays closer to the previous line
+ • i → Text is italicized
+ • /i → Text returns to normal
+ • left → Text aligns to the left
+ • center → Text aligns to the center
+ • right → Text aligns to the right
+ • plane → Creates a large and shifts the following text to the right. This is designed for planar cards. +
+
+
+
Set Abbreviations
+
+ Every set in Magic: The Gathering has an associated 2-3 letter code. For example, Homelands is HM and Innistrad is ISD. This program uses the codes from The Gatherer, the official Magic card database. A handy list of all sets and their codes can be found on Wikipedia +
+
+
+
Choosing Your Border
+
+ Under the 'Card Border' tab use the following guidelines:
+ • Border → Selects the border style, such as planar card, m15 card, etc...
+ • Color → Selects the card's primary color
+ • Second Color → Selects the card's secondary color which only affects the right half of the card. This creates the same effect as seen on hybrid cards.
+ • Third Color → Selects the card's tertiary color which will affect the entire card, including power and toughness. This is used to create two-colored gold cards.
+ Under the 'Border (Advanced)' tab the checkboxes are fairly straightforward. Try each feature out to see what it does. +
+
+
+ Check out some samples!
+ + + +
+
+
For Terms of Use and Disclaimer, see the Github page.
@@ -367,7 +405,6 @@ --main-text-color: rgb(150, 150, 150); /*REGULAR*/ --input-text-color: rgb(100, 200, 50); /*INPUTS*/ --dark-text-color: rgb(96, 96, 96); /*DARK*/ - --hover-text-color: rgb(100, 200, 50); /*HOVER*/ --section-background-color: rgba(0, 0, 0, 0.5); /*BACKGROUND*/ --section-border-color: rgba(128, 255, 128, 0.25); /*BORDER*/ --solid-border-color: rgb(39, 71, 39); /*Opaque Border*/ @@ -400,7 +437,7 @@ width: 100%; } .toggler:hover { - color: var(--hover-text-color); + color: var(--title-text-color); } .togglee { text-align: left; @@ -408,6 +445,7 @@ border-color: var(--section-border-color); border-style: dashed solid solid solid; display: none; + padding: 5px; } .shown { display: block; @@ -495,7 +533,8 @@ input[type="color"] { top: 0.25em; height: 1.2em; } -.column-4 { +#symbolList div { + float: left; width: 5.5em; } /*Other*/ @@ -519,16 +558,17 @@ html { } /*Hyperlinks*/ a:link { - color: var(--main-text-color); + color: var(--main-text-color); + background-color: rgba(100, 200, 0, 0.1); } a:visited { color: var(--main-text-color); } a:hover { - color: var(--hover-text-color); + color: var(--title-text-color); } a:active { - color: var(--hover-text-color); + color: var(--title-text-color); } /*Adjustments For Desktop*/ /*Chrome's JS Debugger gives a width 1.1 times greater than it should be*/