Template:Colour style/doc: Difference between revisions

From 'City of Adelaide' History and Genealogy Site
Jump to navigation Jump to search
No edit summary
Line 5: Line 5:


== Usage ==
== Usage ==
* {{tld|Roleclass colour|roleclass|1}} for the primary colour
* {{tld|Colour style|attribute|1}} for the primary colour
* {{tld|Roleclass colour|roleclass|2}} for the secondary colour
* {{tld|Colour style|attribute|2}} for the secondary colour
* {{tld|Roleclass colour|roleclass|3}} for the tertiary colour (if different from the primary)
* {{tld|Colour style|attribute|3}} for the tertiary colour (if different from the primary)
 
Note, it is important that the primary and secondary color have sufficient contrast to be readable when used as the background and font color.  This is especially important for readers with visual impairments.  You can check the contrast using {{tl|color contrast ratio}}.  A ratio of greater than 4.5 or less than 0.22 is sufficient, but the larger or smaller the better.




== Test table ==
== Test table ==
{| class="wikitable"
{| class="wikitable"
! style="text-align: center; width:10em" | ''roleclass''
! style="text-align: center; width:10em" | ''attribute''
! style="text-align: center; width:35em" | Categories
! style="text-align: center; width:35em" | Categories
! style="text-align: center; width:10em" | Primary
! style="text-align: center; width:10em" | Primary
Line 22: Line 20:
| style="text-align: center; width:10em" | '''''officer'''''
| style="text-align: center; width:10em" | '''''officer'''''
| [[:Category:Captains|Captains]] • [[:Category:First Mates|First Mates]] • [[:Category:Second Mates|Second Mates]] • [[:Category:Third Mates|Third Mates]]
| [[:Category:Captains|Captains]] • [[:Category:First Mates|First Mates]] • [[:Category:Second Mates|Second Mates]] • [[:Category:Third Mates|Third Mates]]
| style="text-align: center; background-color: {{Roleclass colour|officer|1}};" | '''{{Roleclass colour|officer|1}}'''
| style="text-align: center; background-color: {{Colour style|officer|1}};" | '''{{Colour style|officer|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|officer|2}};" | '''{{Roleclass colour|officer|2}}'''
| style="text-align: center; background-color: {{Colour style|officer|2}};" | '''{{Colour style|officer|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|officer|3}};" | '''{{Roleclass colour|officer|3}}'''
| style="text-align: center; background-color: {{Colour style|officer|3}};" | '''{{Colour style|officer|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''medical'''''
| style="text-align: center; width:10em" | '''''medical'''''
| [[:Category:Surgeons|Surgeons]]
| [[:Category:Surgeons|Surgeons]]
| style="text-align: center; background-color: {{Roleclass colour|medical|1}};" | '''{{Roleclass colour|medical|1}}'''
| style="text-align: center; background-color: {{Colour style|medical|1}};" | '''{{Colour style|medical|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|medical|2}};" | '''{{Roleclass colour|medical|2}}'''
| style="text-align: center; background-color: {{Colour style|medical|2}};" | '''{{Colour style|medical|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|medical|3}};" | '''{{Roleclass colour|medical|3}}'''
| style="text-align: center; background-color: {{Colour style|medical|3}};" | '''{{Colour style|medical|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''technical'''''
| style="text-align: center; width:10em" | '''''technical'''''
| [[:Category:Carpenters|Carpenters]] • [[:Category:Boatswains|Boatswains]] • [[:Category:Sailmakers|Sailmakers]]
| [[:Category:Carpenters|Carpenters]] • [[:Category:Boatswains|Boatswains]] • [[:Category:Sailmakers|Sailmakers]]
| style="text-align: center; background-color: {{Roleclass colour|technical|1}};" | '''{{Roleclass colour|technical|1}}'''
| style="text-align: center; background-color: {{Colour style|technical|1}};" | '''{{Colour style|technical|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|technical|2}};" | '''{{Roleclass colour|technical|2}}'''
| style="text-align: center; background-color: {{Colour style|technical|2}};" | '''{{Colour style|technical|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|technical|3}};" | '''{{Roleclass colour|technical|3}}'''
| style="text-align: center; background-color: {{Colour style|technical|3}};" | '''{{Colour style|technical|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''deck'''''
| style="text-align: center; width:10em" | '''''deck'''''
| [[:Category:Seamen|Seamen]] • [[:Category:Deckhands|Deckhands]] • [[:Category:Midshipmen|Midshipmen]] • [[:Category:Apprentices|Apprentices]] • [[:Category:Boys|Boys]]  
| [[:Category:Seamen|Seamen]] • [[:Category:Deckhands|Deckhands]] • [[:Category:Midshipmen|Midshipmen]] • [[:Category:Apprentices|Apprentices]] • [[:Category:Boys|Boys]]  
| style="text-align: center; background-color: {{Roleclass colour|deck|1}};" | '''{{Roleclass colour|deck|1}}'''
| style="text-align: center; background-color: {{Colour style|deck|1}};" | '''{{Colour style|deck|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|deck|2}};" | '''{{Roleclass colour|deck|2}}'''
| style="text-align: center; background-color: {{Colour style|deck|2}};" | '''{{Colour style|deck|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|deck|3}};" | '''{{Roleclass colour|deck|3}}'''
| style="text-align: center; background-color: {{Colour style|deck|3}};" | '''{{Colour style|deck|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''victuals'''''
| style="text-align: center; width:10em" | '''''victuals'''''
| [[:Category:Cooks|Cooks]] • [[:Category:Bakers|Bakers]] • [[:Category:Stewards|Stewards]] • [[:Category:Stock-Keepers|Stock-Keepers]] • [[:Category:Butchers|Butchers]] • [[:Category:Storekeepers|Storekeepers]]
| [[:Category:Cooks|Cooks]] • [[:Category:Bakers|Bakers]] • [[:Category:Stewards|Stewards]] • [[:Category:Stock-Keepers|Stock-Keepers]] • [[:Category:Butchers|Butchers]] • [[:Category:Storekeepers|Storekeepers]]
| style="text-align: center; background-color: {{Roleclass colour|victuals|1}};" | '''{{Roleclass colour|victuals|1}}'''
| style="text-align: center; background-color: {{Colour style|victuals|1}};" | '''{{Colour style|victuals|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|victuals|2}};" | '''{{Roleclass colour|victuals|2}}'''
| style="text-align: center; background-color: {{Colour style|victuals|2}};" | '''{{Colour style|victuals|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|victuals|3}};" | '''{{Roleclass colour|victuals|3}}'''
| style="text-align: center; background-color: {{Colour style|victuals|3}};" | '''{{Colour style|victuals|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''first'''''
| style="text-align: center; width:10em" | '''''first'''''
| [[:Category:First Class Passengers|First Class Passengers]]
| [[:Category:First Class Passengers|First Class Passengers]]
| style="text-align: center; background-color: {{Roleclass colour|first|1}};" | '''{{Roleclass colour|first|1}}'''
| style="text-align: center; background-color: {{Colour style|first|1}};" | '''{{Colour style|first|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|first|2}};" | '''{{Roleclass colour|first|2}}'''
| style="text-align: center; background-color: {{Colour style|first|2}};" | '''{{Colour style|first|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|first|3}};" | '''{{Roleclass colour|first|3}}'''
| style="text-align: center; background-color: {{Colour style|first|3}};" | '''{{Colour style|first|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''second'''''
| style="text-align: center; width:10em" | '''''second'''''
| [[:Category:Second Class Passengers|Second Class Passengers]]
| [[:Category:Second Class Passengers|Second Class Passengers]]
| style="text-align: center; background-color: {{Roleclass colour|second|1}};" | '''{{Roleclass colour|second|1}}'''
| style="text-align: center; background-color: {{Colour style|second|1}};" | '''{{Colour style|second|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|second|2}};" | '''{{Roleclass colour|second|2}}'''
| style="text-align: center; background-color: {{Colour style|second|2}};" | '''{{Colour style|second|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|second|3}};" | '''{{Roleclass colour|second|3}}'''
| style="text-align: center; background-color: {{Colour style|second|3}};" | '''{{Colour style|second|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''steerage'''''
| style="text-align: center; width:10em" | '''''steerage'''''
| [[:Category:Steerage Class Passengers|Steerage Class Passengers]]
| [[:Category:Steerage Class Passengers|Steerage Class Passengers]]
| style="text-align: center; background-color: {{Roleclass colour|steerage|1}};" | '''{{Roleclass colour|steerage|1}}'''
| style="text-align: center; background-color: {{Colour style|steerage|1}};" | '''{{Colour style|steerage|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|steerage|2}};" | '''{{Roleclass colour|steerage|2}}'''
| style="text-align: center; background-color: {{Colour style|steerage|2}};" | '''{{Colour style|steerage|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|steerage|3}};" | '''{{Roleclass colour|steerage|3}}'''
| style="text-align: center; background-color: {{Colour style|steerage|3}};" | '''{{Colour style|steerage|3}}'''
|-
|-
| style="text-align: center; width:10em" | '''''voyage'''''
| style="text-align: center; width:10em" | '''''voyage'''''
| Voyages
| Voyages
| style="text-align: center; background-color: {{Roleclass colour|voyage|1}};" | '''{{Roleclass colour|voyage|1}}'''
| style="text-align: center; background-color: {{Colour style|voyage|1}};" | '''{{Colour style|voyage|1}}'''
| style="text-align: center; background-color: {{Roleclass colour|voyage|2}};" | '''{{Roleclass colour|voyage|2}}'''
| style="text-align: center; background-color: {{Colour style|voyage|2}};" | '''{{Colour style|voyage|2}}'''
| style="text-align: center; background-color: {{Roleclass colour|voyage|3}};" | '''{{Roleclass colour|voyage|3}}'''
| style="text-align: center; background-color: {{Colour style|voyage|3}};" | '''{{Colour style|voyage|3}}'''
|}
|}


Revision as of 11:30, 2 October 2014

{{#invoke:Message box|mbox}}

This template is for use with {{Individual infobox style}}. It should not be used directly.

Usage

  • {{Colour style|attribute|1}} for the primary colour
  • {{Colour style|attribute|2}} for the secondary colour
  • {{Colour style|attribute|3}} for the tertiary colour (if different from the primary)


Test table

attribute Categories Primary Secondary Tertiary
officer Captains • First Mates • Second Mates • Third Mates #5CB8E6 #85D6FF #A3E0FF
medical Surgeons #FF2400 #FF664D #FF9280
technical Carpenters • Boatswains • Sailmakers #A378CF #B585E6 #C49DEB
deck Seamen • Deckhands • Midshipmen • Apprentices • Boys Silver LightGray Gainsboro
victuals Cooks • Bakers • Stewards • Stock-Keepers • Butchers • Storekeepers Gold #FFE34D #FFEB80
first First Class Passengers #C96464 #D17A7A #E0A7A7
second Second Class Passengers #5983D6 #7094DB #ADC2EB
steerage Steerage Class Passengers #81A981 #9AC39A #BCD7BC
voyage Voyages #9EB0C8 #B8CAE1 #C8D6E8


Retrieved from ‘http://cityofadelaide.org/mw/index.php?title=Template:Colour_style/doc&oldid=18723’