diff options
| author | Marjan Akbari <mrjakbari@gmail.com> | 2020-06-14 01:27:54 +0100 |
|---|---|---|
| committer | Marjan Akbari <mrjakbari@gmail.com> | 2020-06-14 02:02:55 +0100 |
| commit | e564f6d5e830b53df689968b245afdeb4451ea36 (patch) | |
| tree | 2edcb6ff07afd83f52c9eb816268cffbf82b1ee1 /css | |
| parent | 113cfaf0d4b42caa23485c10214240af11ed6232 (diff) | |
New project-flow SVG image, new .center CSS class
Until now, The project-flow SVG image was saved as optimized SVG
with comments saved in it by Inkscape. This made its size about
than 230 KB. The icon of paper in the image was also a simple paper.
With this commit, I modified the icon of the paper and added some
details: a small shape made of a square and circle inside the
text of the paper to look like a figure. Then I saved it as an
optimized SVG file without any comments. This allows us to have
a file with 208KB size.
For putting the image in the website I also decreased its size, so
it was necessary to center it. To do this, I added a general class
'.center' for this job and added it in 'base.css' at the end of
General style section to allow us have everything with this class
in the center.
Diffstat (limited to 'css')
| -rw-r--r-- | css/base.css | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/css/base.css b/css/base.css index d7d0d65..9928c8c 100644 --- a/css/base.css +++ b/css/base.css @@ -10,6 +10,7 @@ * * Copyright (C) 2020, Pedram Ashofteh Ardakani <pedramardakani@pm.me> * Copyright (C) 2020, Mohammad Akhlaghi <mohammad@akhlaghi.org> + * Copyright (C) 2020, Marjan Akbari <mrjakbari@gmail.com> * * This file is part of Maneage. Maneage is free software: you can * redistribute it and/or modify it under the terms of the GNU General @@ -85,6 +86,15 @@ p { margin: 45px auto 0; } +/* This is a way to put everything in the center of the page. */ +.center{ + /* Make sure `left`, `right`, and `width` values add up to 100% to + * help keep the navigation bar in center for big screens */ + margin: 0 auto; + /* Make the content a block to to put it in the center of the page */ + display: block; +} + /* ================================================================== * Inline and blob code style * ================================================================== */ |