Radio button style

merge-requests/8/head
Bob Mottram 2020-08-22 17:53:49 +01:00
parent 7b1f423c92
commit ea18047bdb
1 changed files with 70 additions and 50 deletions

View File

@ -861,22 +861,22 @@ aside .toggle-inside li {
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.toxaddr { .toxaddr {
font-size: var(--font-size-tox); font-size: var(--font-size-tox);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.ssbaddr { .ssbaddr {
font-size: var(--font-size-pgp-key); font-size: var(--font-size-pgp-key);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.pgp { .pgp {
font-size: var(--font-size-pgp-key); font-size: var(--font-size-pgp-key);
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'monospace'; font-family: 'monospace';
} }
body, html { body, html {
font-size: var(--font-size4); font-size: var(--font-size4);
@ -1236,38 +1236,48 @@ aside .toggle-inside li {
padding: 0px 0px; padding: 0px 0px;
} }
.dropdown-menutoggle { .dropdown-menutoggle {
-webkit-margin-start: 0px; -webkit-margin-start: 0px;
-webkit-margin-end: 0px; -webkit-margin-end: 0px;
-webkit-padding-start: 40px; -webkit-padding-start: 40px;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 21px; left: 21px;
width: 300%; width: 300%;
min-width: 100%; min-width: 100%;
z-index: 1000; z-index: 1000;
display: block; display: block;
float: left; float: left;
padding: 0 17px !important; padding: 0 17px !important;
margin: 2px 0 0 !important; margin: 2px 0 0 !important;
font-size: var(--font-size2); font-size: var(--font-size2);
text-align: left; text-align: left;
list-style: none; list-style: none;
color: var(--dropdown-fg-color); color: var(--dropdown-fg-color);
background-color: var(--dropdown-bg-color); background-color: var(--dropdown-bg-color);
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
background-clip: padding-box; background-clip: padding-box;
} }
input[type=checkbox] input[type=checkbox]
{ {
-ms-transform: scale(2); -ms-transform: scale(2);
-moz-transform: scale(2); -moz-transform: scale(2);
-webkit-transform: scale(2); -webkit-transform: scale(2);
-o-transform: scale(2); -o-transform: scale(2);
transform: scale(2); transform: scale(2);
padding: 10px; padding: 10px;
margin: 20px 30px; margin: 20px 30px;
}
input[type=radio]
{
-ms-transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
padding: 10px;
margin: 20px 30px;
} }
} }
@ -1282,22 +1292,22 @@ aside .toggle-inside li {
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.toxaddr { .toxaddr {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.ssbaddr { .ssbaddr {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.pgp { .pgp {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'monospace'; font-family: 'monospace';
} }
body, html { body, html {
font-size: var(--font-size3); font-size: var(--font-size3);
@ -1687,6 +1697,16 @@ aside .toggle-inside li {
-o-transform: scale(4); -o-transform: scale(4);
transform: scale(4); transform: scale(4);
padding: 20px; padding: 20px;
margin: 30px 40px; margin: 30px 40px;
}
input[type=radio]
{
-ms-transform: scale(4);
-moz-transform: scale(4);
-webkit-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
padding: 20px;
margin: 30px 40px;
} }
} }