diff options
Diffstat (limited to 'static/desktop.css')
-rw-r--r-- | static/desktop.css | 81 |
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%; + } +} |