|
|
Line 15: |
Line 15: |
| ==Buttons code including class== | | ==Buttons code including class== |
| <div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;"> | | <div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;"> |
| <div class="online_records_button" style="align-content:center;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div> | | <div style="align-content:center; background-color: #3073dd; border-radius: 10px; color: white !important; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block; text-decoration: none !important;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div> |
| <div class="community_button" style="align-content:center;">[[Online Research Help|Online<br>Research Help]]</div> | | <div style="align-content:center; background-color: #8a5c8a; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[Online Research Help|Online<br>Research Help]]</div> |
| {{#if:{{{StartedLink|Main Page}}}|<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}} | | {{#if:{{{StartedLink|Main Page}}}|<div style="align-content:center; background-color: #d42111; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}} |
| </div> | | </div> |