From GamingWiki
Revision as of 04:49, 25 January 2011 by Dave (talk) (Created page with "***** Diaspora *****: general styles: we want a distinctive style for any aspect, in text or in a character sheet.: .aspect { color: #c60; background: in...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* ***** Diaspora ***** */

/* general styles */
/*
 we want a distinctive style for any aspect, in text or in a character
 sheet.
*/
.aspect {
   color: #c60; 
   background: inherit;
   font-weight: bold; 
   }

/* transcript styles */
p.meta, div.meta, p.timestamp { 
   color: #001; 
   background: #eef; 
   margin: 0 1em; 
   padding: 0 2em; 
   }
div.meta { 
   color: #001; 
   background: #eef; 
   margin: 0 1em; 
   padding: 0.25em 2em; 
   }
p.timestamp { font-weight: bold; }
div.undent { margin: 0 -1em 0; }

/* character sheet */
/*
 skill labels
 we want to underline certain skill types with a coloured line.
*/
.diaspora.skill, .diaspora.skill span
{ border-color: transparent; border-style: solid; border-width: 0 0 2px 0; }
.diaspora.skill .space,  .diaspora.skill.space  { border-color: #639; }
.diaspora.skill .combat, .diaspora.skill.combat { border-color: #693; }
.diaspora.skill .track,  .diaspora.skill.track  { border-color: #963; }
/*
 we also want to make the "military grade" marker act like a <sup> tag.
*/
.diaspora.skill .mg-marker {
   color: #c63; 
   font-size: 50%;
   vertical-align:super;
}
/* stressbox tables */
table.fate.stressbox { 
   float:left; 
   margin: 0 0.5em; 
   border-spacing: 2px;
   }
.fate.stressbox td      { padding:4px; }
.fate.stressbox td      div { 
   border: 1px solid black; 
   width:  15px; 
   height: 15px;
   }
.fate.stressbox td.full div { background: grey; }
/* end Diaspora styles */

/* End custom styles */