Add - More css updates

More emphasis on user interpretation rather than looks of page

Signed-off-by: Rob White <rob@blue-wave.net>
This commit is contained in:
Rob White
2022-08-05 08:54:58 +01:00
parent 957b4e783b
commit e40fd3a153
4 changed files with 147 additions and 154 deletions

View File

@@ -988,34 +988,32 @@ function insert_css() {
}
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
margin: 10px 0;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
display:block;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
border-style:inset;
border-width:5px;
}
.offset {
background: rgba(300, 300, 300, 0.6);
margin: auto;
padding: 20px 24px 10px;
max-width: 600px;
min-width: 210px;
border-radius: 15px;
border-radius: 10px;
margin-left:auto;
margin-right:auto;
max-width:600px;
min-width:200px;
padding: 5px;
}
.insert {
background: rgba(350, 350, 350, 0.9);
background: rgba(350, 350, 350, 0.7);
border: 2px solid #aaa;
margin: 10px -12px 0;
border-radius: 15px;
min-width: 200px;
max-width: 100%;
padding: 15px 15px 20px;
border-radius: 10px;
min-width:200px;
max-width:100%;
padding: 5px;
}
.insert > h1 {
@@ -1040,7 +1038,7 @@ function insert_css() {
}
input[type=submit], input[type=button] {
font-size: 1em;
font-size: 1em;
line-height: 2em;
height: 2em;
font-weight: bold;

View File

@@ -660,34 +660,32 @@ function insert_css() {
}
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
margin: 10px 0;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
display:block;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
border-style:inset;
border-width:5px;
}
.offset {
background: rgba(300, 300, 300, 0.6);
margin: auto;
padding: 20px 24px 10px;
max-width: 600px;
min-width: 210px;
border-radius: 15px;
border-radius: 10px;
margin-left:auto;
margin-right:auto;
max-width:600px;
min-width:200px;
padding: 5px;
}
.insert {
background: rgba(350, 350, 350, 0.9);
background: rgba(350, 350, 350, 0.7);
border: 2px solid #aaa;
margin: 10px -12px 0;
border-radius: 15px;
min-width: 200px;
max-width: 100%;
padding: 15px 15px 20px;
border-radius: 10px;
min-width:200px;
max-width:100%;
padding: 5px;
}
.insert > h1 {
@@ -712,7 +710,7 @@ function insert_css() {
}
input[type=submit], input[type=button] {
font-size: 1em;
font-size: 1em;
line-height: 2em;
height: 2em;
font-weight: bold;

View File

@@ -614,34 +614,32 @@ function insert_css() {
}
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
margin: 10px 0;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
display:block;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
border-style:inset;
border-width:5px;
}
.offset {
background: rgba(300, 300, 300, 0.6);
margin: auto;
padding: 20px 24px 10px;
max-width: 600px;
min-width: 210px;
border-radius: 15px;
border-radius: 10px;
margin-left:auto;
margin-right:auto;
max-width:600px;
min-width:200px;
padding: 5px;
}
.insert {
background: rgba(350, 350, 350, 0.9);
background: rgba(350, 350, 350, 0.7);
border: 2px solid #aaa;
margin: 10px -12px 0;
border-radius: 15px;
min-width: 200px;
max-width: 100%;
padding: 15px 15px 20px;
border-radius: 10px;
min-width:200px;
max-width:100%;
padding: 5px;
}
.insert > h1 {
@@ -666,7 +664,7 @@ function insert_css() {
}
input[type=submit], input[type=button] {
font-size: 1em;
font-size: 1em;
line-height: 2em;
height: 2em;
font-weight: bold;

View File

@@ -1,102 +1,101 @@
body {
background-color: lightgrey;
color: #140f07;
margin: 0;
padding: 10px;
font-family: sans-serif;
}
body {
background-color: lightgrey;
color: #140f07;
margin: 0;
padding: 10px;
font-family: sans-serif;
}
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
margin: 10px 0;
border: 2px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
hr {
display:block;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
border-style:inset;
border-width:5px;
}
.offset {
background: rgba(300, 300, 300, 0.6);
margin: auto;
padding: 20px 24px 10px;
max-width: 600px;
min-width: 210px;
border-radius: 10px;
}
.offset {
background: rgba(300, 300, 300, 0.6);
border-radius: 10px;
margin-left:auto;
margin-right:auto;
max-width:600px;
min-width:200px;
padding: 5px;
}
.insert {
background: rgba(350, 350, 350, 0.9);
border: 2px solid #aaa;
margin: 10px -12px 0;
border-radius: 10px;
min-width: 200px;
max-width: 100%;
padding: 15px 15px 20px;
}
.insert {
background: rgba(350, 350, 350, 0.7);
border: 2px solid #aaa;
border-radius: 10px;
min-width:200px;
max-width:100%;
padding: 5px;
}
.insert > h1 {
font-size: medium;
margin: 0 0 15px;
}
.insert > h1 {
font-size: medium;
margin: 0 0 15px;
}
img {
width: 40%;
max-width: 180px;
margin-left: 0%;
margin-right: 10px;
border-radius: 3px;
}
img {
width: 40%;
max-width: 180px;
margin-left: 0%;
margin-right: 10px;
border-radius: 3px;
}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel] {
font-size: 1em;
line-height: 2em;
height: 2em;
color: #0c232a;
background: lightgrey;
}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel] {
font-size: 1em;
line-height: 2em;
height: 2em;
color: #0c232a;
background: lightgrey;
}
input[type=submit], input[type=button] {
font-size: 1em;
line-height: 2em;
height: 2em;
font-weight: bold;
border: 0;
border-radius: 10px;
background-color: #1a7856;
padding: 0 10px;
color: #fff;
cursor: pointer;
box-shadow: rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
rgba(50, 50, 93, 0.1) 0 2px 5px 0, rgba(0, 0, 0, 0.07) 0 1px 1px 0;
}
input[type=submit], input[type=button] {
font-size: 1em;
line-height: 2em;
height: 2em;
font-weight: bold;
border: 0;
border-radius: 10px;
background-color: #1a7856;
padding: 0 10px;
color: #fff;
cursor: pointer;
box-shadow: rgba(50, 50, 93, 0.1) 0 0 0 1px inset,
rgba(50, 50, 93, 0.1) 0 2px 5px 0, rgba(0, 0, 0, 0.07) 0 1px 1px 0;
}
med-blue {
font-size: 1.2em;
color: #0073ff;
font-weight: bold;
font-style: normal;
}
med-blue {
font-size: 1.2em;
color: #0073ff;
font-weight: bold;
font-style: normal;
}
big-red {
font-size: 1.5em;
color: #c20801;
font-weight: bold;
}
big-red {
font-size: 1.5em;
color: #c20801;
font-weight: bold;
}
italic-black {
font-size: 1em;
color: #0c232a;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
}
italic-black {
font-size: 1em;
color: #0c232a;
font-weight: bold;
font-style: italic;
margin-bottom: 10px;
}
copy-right {
font-size: 0.7em;
color: darkgrey;
font-weight: bold;
font-style: italic;
}
copy-right {
font-size: 0.7em;
color: darkgrey;
font-weight: bold;
font-style: italic;
}