Template:Colours: Difference between revisions

From Inventa
Jump to navigation Jump to search
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
This documentation is to illustrate which colours should be used and where they are to be used.
This documentation is to illustrate which colours should be used and where they are to be used.


==RequestMoreInfo Box:==
==Critical Message==
{| style="border:2px solid #6b214a"
{| style="padding-left: 10px;padding-right: 10px;border:2px solid #6b214a"
! Position || Colour
! Position || Colour
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Heading Colour  
| style="border-right:1px solid #d3d3d3" | Main Heading Colour  
| &nbsp; <div style="background-color: #68cbd0; width: 20px; height: 20px;float:left;"></div>&nbsp;#68cbd0
| &nbsp; <div style="background-color: #a3050d; width: 20px; height: 20px;float:left;"></div>&nbsp;#a3050d
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| &nbsp; <div style="background-color: #c1f7f9; width: 20px; height: 20px;float:left;"></div>&nbsp;#c1f7f9
| &nbsp; <div style="background-color: #fa7a81; width: 20px; height: 20px;float:left;"></div>&nbsp;#fa7a81
|-
|-
|}
|}
 
==MissingInformationInfo Box==
==MissingInformationInfo Box:==
{| style="padding-left: 10px;padding-right: 10px;border:2px solid #6b214a"
{| style="border:2px solid #6b214a"
! Position || Colour
! Position || Colour
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| &nbsp; <div style="background-color: #278c49; width: 20px; height: 20px;float:left;"></div>&nbsp;#278c49
| &nbsp; <div style="background-color: #278c49; width: 20px; height: 20px;float:left;"></div>&nbsp;#278c49
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| &nbsp; <div style="background-color: #50C878; width: 20px; height: 20px;float:left;"></div>&nbsp;#50C878
| &nbsp; <div style="background-color: #bcebc3; width: 20px; height: 20px;float:left;"></div>&nbsp;#bcebc3
|-
|-
|}
|}
 
==RequestMoreInfo Box==
==Warning Box:==
{| style="padding-left: 10px;padding-right: 10px;border:2px solid #6b214a"
{| style="border:2px solid #6b214a"
! Position || Colour
! Position || Colour
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| &nbsp; <div style="background-color: #68cbd0; width: 20px; height: 20px;float:left;"></div>&nbsp;#68cbd0
|-
| style="border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| &nbsp; <div style="background-color: #c1f7f9; width: 20px; height: 20px;float:left;"></div>&nbsp;#c1f7f9
|-
|}
==Warning Box==
{| style="padding-left: 10px;padding-right: 10px;border:2px solid #6b214a"
! Position || Colour
|-
| style="border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| &nbsp; <div style="background-color: #de9a35; width: 20px; height: 20px;float:left;"></div>&nbsp;#de9a35
| &nbsp; <div style="background-color: #de9a35; width: 20px; height: 20px;float:left;"></div>&nbsp;#de9a35
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| &nbsp; <div style="background-color: #f7c881; width: 20px; height: 20px;float:left;"></div>&nbsp;#f7c881
| &nbsp; <div style="background-color: #f7c881; width: 20px; height: 20px;float:left;"></div>&nbsp;#f7c881
|-
|-
|}
|}
 
==WorldHistoryFooter Box==
==Critical Message==
{| style="padding-left: 10px;padding-right: 10px;border:2px solid #6b214a"
{| style="border:2px solid #6b214a"
! Position || Colour
! Position || Colour
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Heading Colour &nbsp;
| &nbsp; <div style="background-color: #a3050d; width: 20px; height: 20px;float:left;"></div>&nbsp;#a3050d
| &nbsp; <div style="background-color: #9aa9fc; width: 20px; height: 20px;float:left;"></div>&nbsp;#9aa9fc
|-
|-
| style="padding-left: 10px;border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| style="border-right:1px solid #d3d3d3" | Main Box Colour &nbsp;
| &nbsp; <div style="background-color: #fa7a81; width: 20px; height: 20px;float:left;"></div>&nbsp;#fa7a81
| &nbsp; <div style="background-color: #d2d8fc; width: 20px; height: 20px;float:left;"></div>&nbsp;#d2d8fc
|-
|-
|}
|}

Latest revision as of 21:35, 12 June 2024

This documentation is to illustrate which colours should be used and where they are to be used.

Critical Message

Position Colour
Main Heading Colour    
 #a3050d
Main Box Colour    
 #fa7a81

MissingInformationInfo Box

Position Colour
Main Heading Colour    
 #278c49
Main Box Colour    
 #bcebc3

RequestMoreInfo Box

Position Colour
Main Heading Colour    
 #68cbd0
Main Box Colour    
 #c1f7f9

Warning Box

Position Colour
Main Heading Colour    
 #de9a35
Main Box Colour    
 #f7c881

WorldHistoryFooter Box

Position Colour
Main Heading Colour    
 #9aa9fc
Main Box Colour    
 #d2d8fc