summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author53hornet <atc@53hor.net>2021-07-06 10:15:25 -0400
committer53hornet <atc@53hor.net>2021-07-06 10:15:25 -0400
commite30586838607194502f28c7fc31d54d0d3fe64a0 (patch)
treef5405706c7f766e0d140deb5a31cdb0a7f453040
parent45c9d3fdfe50490219010ca70b428a8913d353d7 (diff)
downloadcarpentertutoring-e30586838607194502f28c7fc31d54d0d3fe64a0.tar.xz
carpentertutoring-e30586838607194502f28c7fc31d54d0d3fe64a0.zip
fixed email address scrolling off side of form, removed dupe stylesheet
-rw-r--r--desktop.css4
-rw-r--r--header.php3
-rw-r--r--stylesheet.css238
3 files changed, 5 insertions, 240 deletions
diff --git a/desktop.css b/desktop.css
index 3eefde5..2f2b342 100644
--- a/desktop.css
+++ b/desktop.css
@@ -60,6 +60,10 @@
margin-right: auto;
}
+ .card {
+ padding: 2em;
+ }
+
#reviews .card,
#offerings .card {
display: block;
diff --git a/header.php b/header.php
index 588a84b..d1607f7 100644
--- a/header.php
+++ b/header.php
@@ -6,7 +6,6 @@
Tutoring Excellence Online and in Hampton Roads, VA - Carpenter Tutoring,
LLC
</title>
- <!--<link rel="stylesheet" href="/stylesheet.css" />-->
<style>
/* Colors */
:root {
@@ -145,7 +144,7 @@
.card {
font-size: 0.9em;
background-color: white;
- padding: 2em;
+ padding: 1em;
border-radius: 1em;
margin-left: 0;
margin-right: 0;
diff --git a/stylesheet.css b/stylesheet.css
deleted file mode 100644
index f879d31..0000000
--- a/stylesheet.css
+++ /dev/null
@@ -1,238 +0,0 @@
-/* Colors */
-:root {
- --darkteal: rgb(0, 100, 108);
- --green: rgb(88, 169, 143);
- --darkerteal: rgb(29, 133, 137);
- --gray: rgb(157, 210, 211);
- --teal: rgb(58, 165, 166);
- --cyan: rgb(156, 210, 210);
- --darkgray: rgb(127, 177, 181);
- --darkgreen: rgb(59, 136, 114);
- --yellow: rgb(186, 214, 187);
-}
-
-/* Elements */
-
-html,
-body {
- margin: 0;
- padding: 0;
- font-family: "PT Sans", sans-serif;
- color: dimgray;
-}
-
-body {
- background-image: url("/assets/bg.png");
-}
-
-.banner {
- font-size: 1em;
- text-align: center;
- padding: 3em;
- background-color: white;
-}
-
-nav {
- display: flex;
- background-color: white;
- flex-direction: column-reverse;
-}
-
-nav img {
- height: 1.4em;
-}
-
-nav a {
- font-family: "PT Sans", sans-serif;
- color: dimgray;
- text-align: center;
- text-decoration: none;
- padding: 1em 1em;
- transition: 0.15s;
-}
-
-nav a:hover {
- color: var(--darkteal);
- background-color: lightgray;
-}
-
-div.buttons {
- display: flex;
- flex-direction: column;
-}
-
-h1 {
- font-size: 3em;
- color: var(--darkteal);
- font-family: "Architects Daughter", cursive;
-}
-
-h2 {
- font-size: 2em;
- color: var(--darkteal);
- font-family: "Indie Flower", cursive;
-}
-
-section {
- font-size: 1.5em;
- margin: 0;
- padding: 1em;
-}
-
-section.quiet {
- background-color: white;
-}
-
-.button img {
- margin-right: 1em;
-}
-
-button.button,
-a.button {
- display: flex;
- align-items: center;
- background-color: var(--teal);
- padding-left: 1em;
- padding-right: 1em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- margin-right: 0.5em;
- margin-bottom: 0.5em;
- text-decoration: none;
- color: white;
- border-radius: 3em;
- transition: 0.15s;
-}
-button.button:hover,
-a.button:hover {
- box-shadow: 0 4px 8px 0 lightgray, 0 6px 20px 0 lightgray;
-}
-
-button {
- font-family: "PT Sans", sans-serif;
- border: none;
- font-size: 0.75em;
-}
-
-a.primary {
- background-color: var(--darkteal);
-}
-
-footer {
- background-color: white;
- text-align: center;
- padding: 3em;
- font-size: 1.5em;
-}
-
-footer a,
-section a {
- color: var(--darkteal);
- text-decoration: underline;
-}
-
-.card {
- font-size: 0.9em;
- background-color: white;
- padding: 2em;
- border-radius: 1em;
- margin-left: 0;
- margin-right: 0;
-}
-
-form input,
-form textarea {
- font-family: "PT Sans", sans-serif;
- margin-bottom: 1.5em;
- box-sizing: border-box;
- width: 100%;
- border: 1px solid lightgray;
- padding: 1em;
-}
-
-form input {
- border-radius: 3em;
-}
-
-textarea {
- border-radius: 1em;
- resize: none;
-}
-
-table {
- width: 100%;
- border-collapse: collapse;
-}
-
-table th {
- text-align: right;
- color: var(--darkteal);
-}
-
-table td,
-table th {
- vertical-align: bottom;
-}
-
-tr:nth-child(even) {
- background-color: lightgray;
-}
-
-picture img {
- width: 100%;
-}
-
-.shadowy img {
- box-shadow: 0 4px 8px 0 dimgray, 0 6px 20px 0 dimgray;
-}
-
-figcaption {
- text-align: right;
- color: var(--darkteal);
- font-family: "Architects Daughter", cursive;
-}
-
-section.flexible {
- display: flex;
- flex-direction: column;
-}
-
-#reviews .card,
-#offerings .card {
- margin: 1em;
- text-align: center;
-}
-
-#reviews,
-#offerings {
- padding-left: 0;
- padding-right: 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
-}
-
-.modal {
- position: fixed;
- z-index: 1;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background-color: white;
- background-color: rgba(1, 1, 1, 0.4);
- overflow: auto;
- display: none;
- font-size: 1.5em;
-}
-
-.modal a,
-.card a.button {
- float: right;
-}
-
-:target.modal {
- display: flex;
- justify-content: center;
- align-items: center;
-}