Difference between revisions of "Lylat Wiki:Color Scheme"

this thing needs an update
(added another shortcut link)
(this thing needs an update)
Line 4: Line 4:


; -border
; -border
: For the border  
: For the border
; -bg-color
; color 1
: For the general background color
; -th-bg-color
: For the background color for the table header cells.
; -id-bg-color  
: for the background color for the table data cells.  
: for the background color for the table data cells.  
; color 2
: For the general background color and for the table header cells.




Line 62: Line 60:
Text bellow table
Text bellow table
</div>
</div>
In the example, the div is stylized by {{t|Character color 2}}, giving the div a green background color. The table is affected by {{t|Character color border}}, giving it a light-green border. But notice, it no longer has the green background of the div. This is important to take notice, even if it is as a reminder to yourself and nothing more, as when you are designing a table with this in mind, you may over look this fact.  
In the example, the div is stylized by {{t|Character color 2}}, giving the div a blue background color. The table is affected by {{t|Character color border}}, giving it a light-green border. But notice, it no longer has the green background of the div. This is important to take notice, even if it is as a reminder to yourself and nothing more, as when you are designing a table with this in mind, you may over look this fact.  


Next, notice the top row and bottom row are different colors. This is because the top row (the header cells) is affected by {{t|Character color 2}} and the bottom row (the data cells) is affected by {{t|Character color 1}}.  
Next, notice the top row and bottom row are different colors. This is because the top row (the header cells) is affected by {{t|Character color 2}} and the bottom row (the data cells) is affected by {{t|Character color 1}}.  
8,161

edits