Template:Colours: Difference between revisions

From Inventa
Jump to navigation Jump to search
No edit summary
No edit summary
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: #50C878; width: 20px; height: 20px;float:left;"></div>&nbsp;#50C878
|-
|-
|}
|}
 
==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
|-
|-
|}
|}
 
==World History 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
|-
|-
|}
|}

Revision as of 17:00, 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    
 #50C878

RequestMoreInfo Box

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

Warning Box

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

World History Box

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