Styling tweaks

2 years ago · 79ec7a3319
--- a/static/style.css
+++ b/static/style.css
@@ -21,7 +21,18 @@ body {
    margin: 0 auto;
 }

 #container > div {
 #container.splash {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1600px;
 }

 #container.splash > .padding {
    height: 25%;
 }

 #content {
    background-color: #fff;
    border: 1px solid #c8ccd1;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
@@ -40,7 +51,8 @@ header > * {
 }

 header h1 {
    font-size: 2em;
    font-size: 2.25em;
    font-weight: normal;
    margin: 0 1em 0 0;
 }

--- a/templates/index.mako
+++ b/templates/index.mako
@@ -11,7 +11,7 @@
    titleparts.append("Earwig's Copyvio Detector")
    title = " | ".join(titleparts)
 %>\
 <%include file="/support/header.mako" args="title=title"/>
 <%include file="/support/header.mako" args="title=title, splash=bool(result)"/>
 <%namespace module="copyvios.highlighter" import="highlight_delta"/>\
 <%namespace module="copyvios.misc" import="httpsfix, urlstrip"/>\
 % if notice:
--- a/templates/settings.mako
+++ b/templates/settings.mako
@@ -3,7 +3,7 @@
    from flask import g, request
    from copyvios.misc import cache
 %>\
 <%include file="/support/header.mako" args="title='Settings | Earwig\'s Copyvio Detector'"/>
 <%include file="/support/header.mako" args="title='Settings | Earwig\'s Copyvio Detector', splash=True"/>
 % if status:
    <div id="info-box" class="green-box">
        <p>${status}</p>
--- a/templates/support/footer.mako
+++ b/templates/support/footer.mako
@@ -4,6 +4,7 @@
 %>\
            </main>
        </div>
        <div class="padding"></div>
    </div>
    <footer>
        <ul>
--- a/templates/support/header.mako
+++ b/templates/support/header.mako
@@ -1,4 +1,4 @@
 <%page args="title"/>\
 <%page args="title, splash=False"/>\
 <%!
    from flask import g, request, url_for
    from copyvios.background import set_background
@@ -18,8 +18,8 @@
 % else:
    <body onload="update_screen_size()" style="background-image: url('${set_background(selected) | h}');">
 % endif
    <div id="container">
        <div>
    <div id="container"${' class="splash"' if splash else ''}>
        <div id="content">
            <header>
                <h1><a href="/">Earwig&apos;s <strong>Copyvio Detector</strong></a></h1>
                <a id="settings-link" href="/settings">Settings</a>