Skip to content
Snippets Groups Projects
Commit 0cf668ae authored by Severine Duvaud's avatar Severine Duvaud
Browse files

Re-styling

parent 504cced0
No related branches found
No related tags found
No related merge requests found
1. Introduction:
+Introduction:+
The SIB CSS is based on the responsive **bootstrap** framework with some custom enhancements.
It provides a good display on many devices (phones, tablets, laptops and desktop computers).
2. Guidelines:
+Guidelines:+
**Page Header**
Logo or name of website should appear on the __top left__ of the page
......@@ -18,7 +18,7 @@ If there are several institution URLs, SIB should always be __on the very left__
**Page Content**
Currently, CSS classes are available for breadcrumbs, links, buttons, paginations, tables, and multi-columns.
3. Package:
+Package:+
The sib-css-admin-sites package provides examples using a minimal version of the new SIB CSS.
......@@ -30,7 +30,7 @@ with 2 types of displays (depending on users' needs):
- logo on the top left
- brand name on the top left
4. Technical recommendations:
+Technical recommendations:+
- Footer: We do not use any 'position' property for the CSS class 'footer'. Hence, the footer is not positioned in any special way; it is always positioned according to the normal flow of the page. For pages with few content, the footer can thus be in the middle of the page. In such case, you should either add the 'position' property to the 'footer' CSS class, with associated value 'absolute' (but beware of the display when resizing the page) or you should add a 'style' attribute to the div 'container' element with associated value 'min-height:1060px' (for example).
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment