Online Amateur Radio Community Wiki

User Tools

Site Tools

Trace:
branding

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
branding [2023/07/24 10:25] – mm0rfnbranding [2023/09/07 06:31] (current) – [OARC Sapphire] ei5iyb
Line 7: Line 7:
  
 ==== OARC Sapphire ==== ==== OARC Sapphire ====
-<code html> +{{::style_sapphire.png|}}
-<html> +
-<style type="text/css">+
  
-/* Palette color codes */ +HEX: #2185FC, #0878FF, #005FD1, #00479C, #00387A
-/* Feel free to copy&paste color codes to your application */ +
- +
-.primary-1a { background-color: #2185FC } +
-.primary-2a { background-color: #0878FF } +
-.primary-0a { background-color: #005FD1 } +
-.primary-3a { background-color: #00479C } +
-.primary-4a { background-color: #00387A } +
- +
-/* end */ +
- +
- +
-body { +
- margin:0; padding: 2em; +
- background: #fff; +
- color: #000; +
- font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, sans-serif; +
- text-align:left; +
- } +
-h1 { +
- margin: 0.5em 0; +
- font-size: 200%; +
- } +
-p { +
- margin: 0.5em 0; +
- } +
- +
-.color-table { +
- margin: 2em 2em 5em; +
- border-collapse:collapse; +
- border:none; +
- border-spacing:0; +
- font-size:100%; +
- } +
-.color-table th { +
- padding: 0 1em 0 0; +
- text-align: right; +
- vertical-align: middle; +
- font-size: 100%; +
- font-weight: normal; +
- border: none; +
- } +
-.color-table td.sample { +
- width:6em; height:6em; +
- padding: 10px; +
- text-align:center; +
- vertical-align:middle; +
- font-size:90%; +
- border: 1px solid white; +
- white-space:nowrap; +
- } +
-.color-table td.sample-0 { +
- width:18em; +
- } +
-.color-table.small td.sample { +
- width:3em; height:3em; +
- padding:0; +
- border:none; +
- } +
-.color-table.small td.sample-0 { +
- width:9em; +
- } +
-.color-table .white { margin-bottom:0.2em; color:white } +
-.color-table .black { margin-top:0.2em; color:black } +
- +
-hr { +
- margin: 2em 0 1em 0; +
- border:none; +
- border-bottom:1px solid silver; +
- } +
-#footer { +
- padding:1em; +
- text-align:center; +
- font-size:80%; +
- } +
- +
-</style> +
- +
- +
- +
- +
-<table class="color-table"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1a"> +
- <div class="white">#2185FC</div> +
- <div class="black">#2185FC</div> +
- </td> +
- <td class="sample sample-2 primary-2a"> +
- <div class="white">#0878FF</div> +
- <div class="black">#0878FF</div> +
- </td> +
- <td class="sample sample-0 primary-0a"> +
- <div class="white">#005FD1</div> +
- <div class="black">#005FD1</div> +
- </td> +
- <td class="sample sample-3 primary-3a"> +
- <div class="white">#00479C</div> +
- <div class="black">#00479C</div> +
- </td> +
- <td class="sample sample-4 primary-4a"> +
- <div class="white">#00387A</div> +
- <div class="black">#00387A</div> +
- </td> +
- </tr> +
-</tbody></table> +
- +
-<table class="color-table small"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1a"></td> +
- <td class="sample sample-2 primary-2a"></td> +
- <td class="sample sample-0 primary-0a"></td> +
- <td class="sample sample-3 primary-3a"></td> +
- <td class="sample sample-4 primary-4a"></td> +
- </tr> +
-</tbody></table> +
-<style type="text/css"> +
- +
-/* Palette color codes */ +
-/* Feel free to copy&paste color codes to your application */ +
- +
-.primary-1 { background-color: #31B64E } +
-.primary-2 { background-color: #0AAA2D } +
-.primary-0 { background-color: #008A1E } +
-.primary-3 { background-color: #007019 } +
-.primary-4 { background-color: #004F11 } +
- +
-/* end */ +
- +
- +
-body { +
- margin:0; padding: 2em; +
- background: #fff; +
- color: #000; +
- font: 12px/1.33 "Segoe UI", "Helvetica Neue", Helvetica, sans-serif; +
- text-align:left; +
- } +
-h1 { +
- margin: 0.5em 0; +
- font-size: 200%; +
- } +
-p { +
- margin: 0.5em 0; +
- } +
- +
-.color-table { +
- margin: 2em 2em 5em; +
- border-collapse:collapse; +
- border:none; +
- border-spacing:0; +
- font-size:100%; +
- } +
-.color-table th { +
- padding: 0 1em 0 0; +
- text-align: right; +
- vertical-align: middle; +
- font-size: 100%; +
- font-weight: normal; +
- border: none; +
- } +
-.color-table td.sample { +
- width:6em; height:6em; +
- padding: 10px; +
- text-align:center; +
- vertical-align:middle; +
- font-size:90%; +
- border: 1px solid white; +
- white-space:nowrap; +
- } +
-.color-table td.sample-0 { +
- width:18em; +
- } +
-.color-table.small td.sample { +
- width:3em; height:3em; +
- padding:0; +
- border:none; +
- } +
-.color-table.small td.sample-0 { +
- width:9em; +
- } +
-.color-table .white { margin-bottom:0.2em; color:white } +
-.color-table .black { margin-top:0.2em; color:black } +
- +
-hr { +
- margin: 2em 0 1em 0; +
- border:none; +
- border-bottom:1px solid silver; +
- } +
-#footer { +
- padding:1em; +
- text-align:center; +
- font-size:80%; +
- } +
- +
-</style> +
- +
-</head> +
-</html> +
-</code>+
 ==== OARC Emerald ==== ==== OARC Emerald ====
-<code html> +{{::style_emerald.png|}}
-<html> +
-<table class="color-table"> +
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1"> +
- <div class="white">#31B64E</div> +
- <div class="black">#31B64E</div> +
- </td> +
- <td class="sample sample-2 primary-2"> +
- <div class="white">#0AAA2D</div> +
- <div class="black">#0AAA2D</div> +
- </td> +
- <td class="sample sample-0 primary-0"> +
- <div class="white">#008A1E</div> +
- <div class="black">#008A1E</div> +
- </td> +
- <td class="sample sample-3 primary-3"> +
- <div class="white">#007019</div> +
- <div class="black">#007019</div> +
- </td> +
- <td class="sample sample-4 primary-4"> +
- <div class="white">#004F11</div> +
- <div class="black">#004F11</div> +
- </td> +
- </tr> +
-</tbody></table>+
  
-<table class="color-table small"> +HEX:  #31B64E, #0AAA2D, #008A1E, #007019, #004F11
- <tbody><tr> +
- <th>Primary color:</th> +
- <td class="sample sample-1 primary-1"></td> +
- <td class="sample sample-2 primary-2"></td> +
- <td class="sample sample-0 primary-0"></td> +
- <td class="sample sample-3 primary-3"></td> +
- <td class="sample sample-4 primary-4"></td> +
- </tr> +
-</tbody></table> +
-</html> +
-</code>+
 ===== Font Faces ===== ===== Font Faces =====
  
branding.txt · Last modified: 2023/09/07 06:31 by ei5iyb