Changes between Version 9 and Version 10 of StyleSheets

Timestamp:

Nov 14, 2016, 3:56:27 PM (8 years ago)

Author:

davea

Comment:

--

StyleSheets

@@ -1 @@
-== Style Sheets ==
-The overall look of a project web site can be controlled by Cascading Style Sheets (CSS).   
-The project administrator can select the CSS file which is used to format each web page
-by a setting like
+== Customizing web site appearance with CSS ==
 
- `define("STYLESHEET", "white.css");`
+The appearance of a project web site is controlled by Cascading Style Sheets (CSS).   
+The BOINC web code uses Twitter Bootstrap CSS.
+It will use the files
+{{{
+bootstrap.min.css
+bootstrap.min.js
+jquery.min.js
+}}}
+in your project's html/user directory.
+make_project initializes to the standard files.
+You can replace them as you like.
 
-in the file `html/project/project.inc`.
+To customize your web site:
+ * Use a Bootstrap "theme".
+    Some places where you can find these:
 
-Three style themes are currently available: `white.css`, `black.css`, and `style2.css`.   It is easy to create your own by copying one of these three and editing. 
+https://bootswatch.com/
 
-== Style Classes ==
+https://startbootstrap.com/
 
-The list below will describe classes used in BOINC Project pages, to make it easier for a project to make custom adjustments.
+https://shapebootstrap.net/free-templates
 
-=== General ===
- text-muted:: additional information that is not very important (formerly: note)
- text-info:: additional information that is important for the volunteer (formerly: description)
- text-danger:: error or warning messages (formerly: error)
- td.heading:: DEPRECATED, please use a th tag for table headers
- btn btn-default:: use these two as default classes for buttons (input elements you can click on)
- btn-primary, btn-success, btn-info, btn-warning, btn-danger:: use on of these instead of btn-default to give this button a different style depending on the context
+https://bootstrapious.com/free-templates
 
-=== Forums ===
-authorcol
- The column showing information about the originator of forum posts. This column typically has an avatar and the alias of the person who made a post.
-forum_toplinks
- The table row at the top of forum pages showing actions that can be performed on the current page
-postheader
- The header of a forum post - typically a table cell with info about when the post was made and links providing moderators with actions
-postbody
- The body of a forum post - contains the actual post text
-postfooter
- The footer field of a post - has links to reply etc.
-postseperator
- The space between two posts in the thread display
-helpdeskseperator
- The space between the first post and followups in the helpdesk display mode
+ * Add your own CSS,  to be added after Bootstrap.
+   To do this, put
+   {{{
+   define("STYLESHEET", "your_stylesheet.css");`
+   }}}
+   in the file `html/project/project.inc`.
 
-=== Front Page ===
-
-=== Top Scores ===
-