Ver código fonte

Style updates

master
Dylan Baker 3 anos atrás
pai
commit
d26d379175
3 arquivos alterados com 23 adições e 11 exclusões
  1. 17
    7
      static/style.css
  2. 5
    3
      templates/components.html
  3. 1
    1
      templates/layout.html

+ 17
- 7
static/style.css Ver arquivo

1
 :root {
1
 :root {
2
-  --background: #aab5a9;
2
+  --background: #bfccbe;
3
   --foreground: #000000;
3
   --foreground: #000000;
4
   --dark-accent: #383e38;
4
   --dark-accent: #383e38;
5
   --white: #ffffff;
5
   --white: #ffffff;
17
 body {
17
 body {
18
   background: #aab5a9;
18
   background: #aab5a9;
19
   color: #000;
19
   color: #000;
20
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
21
-  font-size: 12px;
20
+  font-family: monospace;
21
+  font-size: 14px;
22
 }
22
 }
23
 
23
 
24
 a {
24
 a {
90
 
90
 
91
 .form__textarea,
91
 .form__textarea,
92
 .form__text-field {
92
 .form__text-field {
93
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
94
-  font-size: 12px;
93
+  font-family: monospace;
94
+  font-size: 14px;
95
   padding: 0.25em;
95
   padding: 0.25em;
96
   width: 100%;
96
   width: 100%;
97
 }
97
 }
111
   border: 1px solid var(--dark-accent);
111
   border: 1px solid var(--dark-accent);
112
   display: flex;
112
   display: flex;
113
   flex-wrap: wrap;
113
   flex-wrap: wrap;
114
-  font-size: 12px;
114
+  font-size: 16px;
115
   font-weight: bold;
115
   font-weight: bold;
116
   justify-content: space-between;
116
   justify-content: space-between;
117
-  margin-bottom: 1em;
118
   padding: 0.5em;
117
   padding: 0.5em;
119
 }
118
 }
120
 
119
 
145
   padding: 0.5em;
144
   padding: 0.5em;
146
 }
145
 }
147
 
146
 
147
+.post__body p {
148
+  margin: 1em 0;
149
+}
150
+
151
+.post__body pre {
152
+  background: var(--off-white);
153
+  border: 1px solid var(--dark-accent);
154
+  overflow: scroll;
155
+  padding: 0.5em;
156
+}
157
+
148
 .message {
158
 .message {
149
   border: 1px solid var(--dark-accent);
159
   border: 1px solid var(--dark-accent);
150
   color: var(--white);
160
   color: var(--white);

+ 5
- 3
templates/components.html Ver arquivo

13
       {% endif %}
13
       {% endif %}
14
     </div>
14
     </div>
15
   </h3>
15
   </h3>
16
-  <div class="post__body">
17
-    {{ post.html | safe }}
18
-  </div>
16
+  {% if type != "index" %}
17
+    <div class="post__body">
18
+      {{ post.html | safe }}
19
+    </div
20
+  {% endif %}
19
 </div>
21
 </div>
20
 {% endmacro %} {% macro form(post=false, action) %}
22
 {% endmacro %} {% macro form(post=false, action) %}
21
 <form class="form" method="POST" action="{{ action }}" id="post-form">
23
 <form class="form" method="POST" action="{{ action }}" id="post-form">

+ 1
- 1
templates/layout.html Ver arquivo

10
   <body>
10
   <body>
11
     <div class="container">
11
     <div class="container">
12
       <header class="header">
12
       <header class="header">
13
-        <a class="header__logo btn" href="/">bngl://ws/</a>
13
+        <a class="header__logo btn" href="/">:: dlyan.net</a>
14
         {% if logged_in %}
14
         {% if logged_in %}
15
         <form action="/logout" method="POST">
15
         <form action="/logout" method="POST">
16
           <input class="btn" type="submit" value="Log out" />
16
           <input class="btn" type="submit" value="Log out" />

Carregando…
Cancelar
Salvar