summaryrefslogtreecommitdiff
path: root/static/desktop.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/desktop.css')
-rw-r--r--static/desktop.css81
1 files changed, 81 insertions, 0 deletions
diff --git a/static/desktop.css b/static/desktop.css
new file mode 100644
index 0000000..1b0eb43
--- /dev/null
+++ b/static/desktop.css
@@ -0,0 +1,81 @@
+@media only screen and (min-width: 700px) {
+ section {
+ padding: 3em;
+ }
+
+ nav {
+ flex-direction: row-reverse;
+ margin: 0;
+ padding: 0;
+ top: 0;
+ position: fixed;
+ width: 100%;
+ }
+
+ div.buttons {
+ flex-direction: row-reverse;
+ }
+
+ .banner {
+ padding-top: 7em;
+ text-align: right;
+ background: linear-gradient(
+ to right,
+ rgba(255, 255, 255, 0) 0%,
+ rgba(255, 255, 255, 1) 50%
+ );
+ }
+
+ form {
+ margin-right: 10%;
+ margin-left: 10%;
+ }
+
+ table td,
+ table th {
+ padding: 0.5em;
+ }
+
+ section.flexible {
+ flex-direction: row;
+ }
+
+ section.flexible div,
+ section.flexible figure {
+ flex-basis: 0;
+ }
+
+ section.flexible div {
+ flex-grow: 2;
+ }
+
+ section.flexible figure {
+ flex-grow: 1;
+ }
+
+ .signature img {
+ width: 30%;
+ }
+
+ .logo img {
+ width: 15%;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .card {
+ padding: 2em;
+ }
+
+ #reviews .card,
+ #offerings .card {
+ display: block;
+ flex: none;
+ width: 20%;
+ }
+
+ .modal .card {
+ width: 25%;
+ }
+}