/*********************************************************
blackboard.css - default style sheet for CMS
(c) copyright 2001ff., Blackboard, Inc.
*/
/*********************************************************
* USAGE NOTES:
* The styles are sorted by widget in the file below.
* Current usage and an example implementation are given.
* It is possible that usage will change as the application evolves
* (e.g., items attached to TD cells may be attached to DIV elements)
* HOWEVER, caveat emptor-- the documented usage is supported, all
* other uses may break in some cases.
*/
/**********************************************************
SOME CLASSES HAVE BEEN DEPRECATED!
All classes ending in Pm are deprecated, and should be
phased out as the bbDefault tag is attached to tags
branch for perl inheritance
**/
/* These default styles will be overridden in palette.css*/
body
{
font-family: Arial, Helvetica, sans-serif;
margin: 10px;
background-color: #ffffff;
color: #000000;
}
td
{
font-family: Arial, Helvetica, sans-serif;
}
body.bbDefault
{
font-size:.8em;
}
body.bbDefault td
{
font-size:.8em;
}
body.bbDefault A:link
{
color: #003366;
}
body.bbDefault A:visited
{
color: #003366;
}
body.bbDefault A:active
{
color: #669999;
}
/*********************************************************
Base palette for skinning
IMPORTANT: these naming conventions are for their mnemonic
value ONLY. There is no guarantee that the colors assigned
will map to their names...
**********************************************************/
.bWhite
{
background-color:#ffffff;
color:#000000;
}
.bLight
{
border-color: #EEEEEE;
background-color:#EEEEEE;
color: #000000;
}
.bLight A
{
border-color: #EEEEEE;
color: #000000;
}
.bMedium
{
border-color: #CCCCCC;
background-color: #CCCCCC;
color: #990000;
}
.bDark
{
background-color: #333333;
color: #FFFFCC;
}
.bDark A:link
{
color: #ff0000;
}
.bDark A:visited
{
color: #ff0000;
}
.bDark A:active
{
color: #eeeeee;
}
.bBlack
{
background-color:#000000;
color: #FFFFFF;
}
.bAccentLight
{
background-color: #ffffcc;
color: #000000;
}
.bAccentMedium
{
background-color: #669999;
color: #ffffcc;
}
.bAccentDark
{
background-color: #336666;
color: #ffffff;
}
.bAccentNeutral
{
background-color: #cccc99;
color: #000000;
}
.warnFont
{
color: #8B0000;
}
.required
{
color:red;
font-size:1.0em;
}
/*********************************************************
WIDGET: Copyright text
Usage: attach to the span surrounding the copyright message
Example: copyright Bb...
**********************************************************/
.copyright
{
font-size: .7em;
}
/*********************************************************
TITLEBAR
**********************************************************/
/*********************************************************
Widget: Titlebar
Usage: Attach to a span around the titlebar text
Example: TitlebarText
***********************************************************/
.titlebar
{
font-size: 1.4em;
font-weight: bold;
}
/*********************************************************
BREADCRUMB BAR
*/
/*********************************************************
Widget: Breadcrumb Bar
Usage: attach to a span surrounding the breadcrumb text
Example: Breadcrumb
**********************************************************/
.breadcrumb
{
font-size: .7em;
}
/*********************************************************
STEP WIZARD
**********************************************************/
/*********************************************************
Widget: Step Wizard
Usage: attach to the SPAN that contains the step title
Example: Submit
**********************************************************/
.stepTitle
{
font-size: 1.2em;
font-weight: bold;
}
/*********************************************************
Widget: DataElement
Usage: attach to the span that contains labels. This class may be
used for field element labels in editable and static modes
Example: Name:
Example: Name:John Doe
**********************************************************/
.label
{
font-weight : bold;
}
/*********************************************************
Widget: Receipt
Usage: attach to a span that contains the timestamp that is shown in a receipt
Example: dateString
*/
.receiptDate
{
font-size: .7em;
}
/*********************************************************
CARETLIST
**********************************************************/
/*********************************************************
Widget: CaretList
Usage: attach to a span that contains the title of an item in a caret list
Example: Create New Module
**********************************************************/
.caretTitle
{
font-weight: bold;
}
/*********************************************************
Course Content
Usage: attach to a span that contains the title of a course content
item.
Example: A New Course Doc
*********************************************************/
.contentTitle
{
font-weight: bold;
}
/*********************************************************
LIST
Sortable List element
**********************************************************/
.recordCounter
{
}
.colHeader
{
font-size: .7em;
line-height:10pt;
font-weight: bold;
}
.listItem
{
font-size:.9em;
}
.sessionCount
{
font-weight:bold;
}
.recordMarker
{
}
.pagingNav
{
}
/*updated version of paging style, used in assessment (pagingNav will be deprecated later)*/
.paging
{
font-size: .9em;
text-decoration: none;
}
div.space
{
padding-bottom:3px;
padding-top: 7px;
}
/*
NOT YET OPTIMIZED:
*/
/*********************************************************
div.sidebar* - for use in the left-hand panel caret list
see also div.caretlist.
**********************************************************/
div.sidebar
{
border-color: #cccccc;
border-width:1px;
border-style: solid;
color:000000;
width:150px;
height:100%;
background-color: #fefae9;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
}
div.sidebarTitle
{ font-family:Arial,Helvetica,sans-serif;
font-size:.8em;
font-weight:bold;
}
div.sidebarDesc
{ font-family:Arial,Helvetica,sans-serif;
font-size:.7em;
margin-left:17px;
}
/*********************************************************
div.caretlist* - for use in the full page caret list
should stay somewhat sync'ed with div.sideBar*
**********************************************************/
div.caretlistTitle
{
font-weight:bold;
padding-top:10px;
}
div.caretlistDesc
{
margin-left:25px;
}
/*********************************************************
.toolbox* classes. For use in the "green toolbox" presentation of module content
(currently used for span, table, td)
**********************************************************/
.toolboxBorder
{
background-color: #336666;
color: #000000;
width:150px;
}
.toolboxTitle
{
padding-left:8px;
font-family:Arial,Helvetica,sans-serif;
background-color:#336666;
height:5px;
color: #FFFFFF;
font-weight:bold;
font-size:.7em
}
.toolboxBody
{
padding-left:4px;
background-color: #EEEEEE;
color: #000000;
font-family:Arial,Helvetica,sans-serif;
font-size:.8em;
}
/*********************************************************
.module* classes. For use in the standard presentation of module content
(currently used for span, table, td)
**********************************************************/
.moduleBorder
{
background-color: #336699;
color: #000000;
}
.moduleHead
{
background-color:#336699;
color:#000000
}
.moduleBody
{
font-size:.8em;
}
.moduleTitle
{
color: #FFFFFF;
font-weight:bold;
}
/**********************************************************
DEPRECATED!
**********************************************************/
.moduleTitlePm{
font-family:Arial,Helvetica,sans-serif;
color:#ffffff;
font-weight:bold;
font-size:.8em;
}
/*********************************************************
.action* classes. For use in the action bar widget
A.* text-decoration stuff may be deprecated.
**********************************************************/
td.actionBarc2 {padding:0}
td.actionBarc1 {padding-right:0}
.actionType
{
font-weight: bold;
}
/**
The non-standard // comment is a NS4 workaround-- without it, the links
are unclickable...
*/
A.actionItem
{
border-style: solid;
//border-width:1px;
padding:2px ;
text-decoration:none;
}
A.actionItem:hover
{
border-color: #FFFFFF #999999 #999999 #FFFFFF;
border-style: solid;
border-width:1px;
}
/**********************************************************
DEPRECATED!
All classes ending in Pm are deprecated, and should not be
used when BbDefault is attached to the body tag of a page...
branch for perl inheritance
***********************************************************/
.actionTypePm
{
font-weight: bold;
font-size:.9em;
}
.actionItemPm
{
border-color:#EEEEEE;
border-style: solid ;
//border-width:1px;
padding:2px ;
font-size:.9em;
}
A.actionItemPm
{
text-decoration:none;
}
A.actionItemPm:hover
{
border-style: solid;
border-width:1px;
border-color: #FFFFFF #999999 #999999 #FFFFFF;
}
A.actionItemPm:link
{
color: #0000ff;
background-color: #f0f0f0;
}
A.actionItemPm:visited
{
color: #0000ff;
background-color: #f0f0f0;
}
/*********************************************************
*
* DEPRECATED
* fontLarge, fontStandard, fontStandardBold, and fontSmall
* should be replaced by appropriate OO class labels
*********************************************************/
/*********************************************************
"Deacon"
**********************************************************/
.fontLarge
{
font-family : Arial, Helvetica, sans-serif;
font-size : medium;
font-weight : bold;
}
.fontStandard
{
font-family : Arial, Helvetica, sans-serif;
font-size : small;
}
.fontStandardBold
{
font-weight : bold;
}
.fontSmall
{
font-family : Arial, Helvetica, sans-serif;
font-size : x-small;
}
/**********************************************************
* The TOOLBAR widget is DEPRECATED (will be replaced by the ActionBar)
**********************************************************/
.toolbarElement
{
text-decoration:none;
}
.toolbarElementText
{
vertical-align: middle;
display: inline;
}
.toolbarElementImage
{
vertical-align: middle;
}
/*
.fieldCaption
{
}
.value
{
}
.caretDescription
{
}
*/