mirror of https://github.com/mitsuhiko/flask.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.3 KiB
31 lines
1.3 KiB
.. _tutorial-css: |
|
|
|
Step 7: Adding Style |
|
==================== |
|
|
|
Now that everything else works, it's time to add some style to the |
|
application. Just create a stylesheet called :file:`style.css` in the |
|
:file:`static` folder we created before: |
|
|
|
.. sourcecode:: css |
|
|
|
body { font-family: sans-serif; background: #eee; } |
|
a, h1, h2 { color: #377ba8; } |
|
h1, h2 { font-family: 'Georgia', serif; margin: 0; } |
|
h1 { border-bottom: 2px solid #eee; } |
|
h2 { font-size: 1.2em; } |
|
|
|
.page { margin: 2em auto; width: 35em; border: 5px solid #ccc; |
|
padding: 0.8em; background: white; } |
|
.entries { list-style: none; margin: 0; padding: 0; } |
|
.entries li { margin: 0.8em 1.2em; } |
|
.entries li h2 { margin-left: -1em; } |
|
.add-entry { font-size: 0.9em; border-bottom: 1px solid #ccc; } |
|
.add-entry dl { font-weight: bold; } |
|
.metanav { text-align: right; font-size: 0.8em; padding: 0.3em; |
|
margin-bottom: 1em; background: #fafafa; } |
|
.flash { background: #cee5F5; padding: 0.5em; |
|
border: 1px solid #aacbe2; } |
|
.error { background: #f0d6d6; padding: 0.5em; } |
|
|
|
Continue with :ref:`tutorial-testing`.
|
|
|