| *** replace this whole consecutive block: ***
|
|
|
|
|
| .foodownload {
|
| text-decoration: none;
|
| background-color: darkgreen;
|
| color: white;
|
| font-weight: bold;
|
| border: gray 1px solid;
|
| margin: 1px;
|
| padding: 6px 15px;
|
| display: inline-block;
|
| }
|
|
|
| span.foodownload::before {
|
| content: url("/images/dl.svg");
|
| max-width: 100px;
|
| width: 1em;
|
| transform: translate(0, 0.1em);
|
| display: inline-block;
|
| padding-right: 0.3em;
|
| }
|
|
|
| span.foodownload:hover {
|
| background-color: green;
|
| }
|
|
|
|
|
|
|
|
|
| ** with this: **
|
|
|
|
|
| .fooversion::before {
|
| content: url("/images/dl.svg");
|
| filter: invert(47%) sepia(91%) saturate(981%) hue-rotate(176deg) brightness(97%) contrast(92%);
|
| max-width: 30px;
|
| width: 1em;
|
| display: inline-block;
|
| height: 100%;
|
| vertical-align: middle;
|
| padding-right: 0.3em;
|
| }
|
|
|
| .foodownloads {
|
| color: #000;
|
| font-weight: bold;
|
| font-size: 18px;
|
| display: inline-flex;
|
| align-items: flex-end;
|
| gap: 8px; /* adjusts spacing between each of the buttons */
|
| }
|
|
|
| .foodownloads a[href="/get-android"] {
|
| margin-left: 8px; /* this is additive to what's done with gap */
|
| }
|
|
|
| .foodownloads a[href="/test-android"] {
|
| margin-left: 8px;
|
| }
|
|
|
| .foodownload {
|
| text-decoration: none;
|
| background-color: #0070BA;
|
| color: white;
|
| font-weight: bold;
|
| border: 4px double white;
|
| padding: 3px 11px;
|
| display: inline-block;
|
| }
|
|
|
| span.foodownload:hover {
|
| background-color: #002C69;
|
| }
|