Changes between Version 9 and Version 10 of StyleSheets


Ignore:
Timestamp:
Nov 14, 2016, 3:56:27 PM (7 years ago)
Author:
davea
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • StyleSheets

    v9 v10  
    1 == Style Sheets ==
    2 The overall look of a project web site can be controlled by Cascading Style Sheets (CSS).   
    3 The project administrator can select the CSS file which is used to format each web page
    4 by a setting like
     1== Customizing web site appearance with CSS ==
    52
    6  `define("STYLESHEET", "white.css");`
     3The appearance of a project web site is controlled by Cascading Style Sheets (CSS).   
     4The BOINC web code uses Twitter Bootstrap CSS.
     5It will use the files
     6{{{
     7bootstrap.min.css
     8bootstrap.min.js
     9jquery.min.js
     10}}}
     11in your project's html/user directory.
     12make_project initializes to the standard files.
     13You can replace them as you like.
    714
    8 in the file `html/project/project.inc`.
     15To customize your web site:
     16 * Use a Bootstrap "theme".
     17    Some places where you can find these:
    918
    10 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.
     19https://bootswatch.com/
    1120
    12 == Style Classes ==
     21https://startbootstrap.com/
    1322
    14 The list below will describe classes used in BOINC Project pages, to make it easier for a project to make custom adjustments.
     23https://shapebootstrap.net/free-templates
    1524
    16 === General ===
    17  text-muted:: additional information that is not very important (formerly: note)
    18  text-info:: additional information that is important for the volunteer (formerly: description)
    19  text-danger:: error or warning messages (formerly: error)
    20  td.heading:: DEPRECATED, please use a th tag for table headers
    21  btn btn-default:: use these two as default classes for buttons (input elements you can click on)
    22  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
     25https://bootstrapious.com/free-templates
    2326
    24 === Forums ===
    25 authorcol
    26  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.
    27 forum_toplinks
    28  The table row at the top of forum pages showing actions that can be performed on the current page
    29 postheader
    30  The header of a forum post - typically a table cell with info about when the post was made and links providing moderators with actions
    31 postbody
    32  The body of a forum post - contains the actual post text
    33 postfooter
    34  The footer field of a post - has links to reply etc.
    35 postseperator
    36  The space between two posts in the thread display
    37 helpdeskseperator
    38  The space between the first post and followups in the helpdesk display mode
     27 * Add your own CSS,  to be added after Bootstrap.
     28   To do this, put
     29   {{{
     30   define("STYLESHEET", "your_stylesheet.css");`
     31   }}}
     32   in the file `html/project/project.inc`.
    3933
    40 === Front Page ===
    41 
    42 === Top Scores ===
    43