From e564f6d5e830b53df689968b245afdeb4451ea36 Mon Sep 17 00:00:00 2001 From: Marjan Akbari Date: Sun, 14 Jun 2020 01:27:54 +0100 Subject: 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. --- css/base.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'css') 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 * Copyright (C) 2020, Mohammad Akhlaghi + * Copyright (C) 2020, Marjan Akbari * * 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 * ================================================================== */ -- cgit v1.2.1