dotJ Software

The <dotj:stylesheet> tag can be used to obtain information from a Cascading StyleSheet (CSS) file. Once the CSS file has been loaded and parsed by the tag, various style information can be obtained by scripting the tag.

NOTE: The CSS file must be in a certain format for this to work. A style must be defined like this:


.myStyle {

   color: red;

   ...

   font-size: 8pt;

}

Stylesheet: /style/dotj.css

Value of attribute background-color for style DialogBoxTitlebar:

This text uses the background color defined by the style called DialogBoxTitlebar.

List of styles in the stylesheet:

junk

P,DIV,TD,UL,LI,SPAN

font-family = Tahoma,Helvetica,Verdana,sans-serif
font-size = 11px

INPUT,TEXTAREA,SELECT

border = 1px solid #316AC5
font-family = Tahoma,Helvetica,Verdana,sans-serif
line-height = 12px
font-size = 11px

BODY

color = #303030
background = white
font-family = Tahoma,Helvetica,Verdana,sans-serif
font-size = 0.75em

color = #003873
font-weight = normal
text-decoration = none

A:hover

color = #008CD6
font-weight = inherit
text-decoration = underline

A:visited

font-weight = normal

A.footer

COLOR = #666666

A.box

COLOR = #666666

A.boxInternal

COLOR = #666666

logo

COLOR = #ffffff
font-family = Tahoma,Helvetica,Verdana,sans-serif
FONT-WEIGHT = normal
FONT-SIZE = 16pt

dotJToolbar

COLOR = #ffffff
border = 1px solid white
font-family = Tahoma,Helvetica,Verdana,sans-serif
FONT-WEIGHT = bold
border-right-color = gray
BACKGROUND-COLOR = #FF6600
FONT-SIZE = 8pt
border-bottom-color = gray

toolbarHover

COLOR = #727272
FONT-SIZE = 8pt
border = 1px solid white
BACKGROUND-COLOR = #FFBC8F
border-bottom-color = gray
FONT-WEIGHT = bold
font-family = Tahoma,Helvetica,Verdana,sans-serif
border-right-color = gray
cursor = pointer

topbar

border = 1px solid #213EA6
BACKGROUND-COLOR = #213EA6

header

COLOR = dimgray
FONT-WEIGHT = bold
FONT-SIZE = 10pt

subheader

COLOR = #003366
FONT-WEIGHT = bold

tagLine

COLOR = #ffffff
font-family = Tahoma,Helvetica,Verdana,sans-serif
FONT-WEIGHT = bold
FONT-STYLE = italic
FONT-SIZE = 10pt

tableHeader,.tableCol1,.tableCol2,.tableCol3,.tableCol4

color = #0C4B7B
border = 1px solid #9EBFF6
background = #ffffff url( "/images/bg.toolscell.gif" ) no-repeat
font-family = Tahoma,Helvetica,Verdana,sans-serif
padding = 4px 7px
line-height = 14px
font-size = 11px

tableHeader

background = #E4EEFD url( "/images/BlueGradient.gif" ) repeat-x
FONT-WEIGHT = bold

tableCol1

background-color = #CEDEFA

tableCol2

background-color = #E4EEFD

tableCol4

BACKGROUND-COLOR = #FFFBEB

keyword

COLOR = #333333
FONT-WEIGHT = bold
font-size = 9pt

allButtons,.allButtonsHover

COLOR = #000000
background = #ffffff url( "/images/buttonBg.gif" ) repeat-x
FONT-SIZE = 11px
TEXT-TRANSFORM = capitalize
border = 1px solid #316AC5
LINE-HEIGHT = 0.85
FONT-WEIGHT = bold
font-family = Tahoma,Helvetica,Verdana,sans-serif
PADDING-TOP = 3px

allButtonsHover

COLOR = #003399
border-top-color = #FA9416

HRBlue

CLIP = rect(0px 100% 1px 0px)
Z-INDEX = 1
WIDTH = 100%
OVERFLOW = hidden
POSITION = relative
BACKGROUND-COLOR = #000033
HEIGHT = 1px

HRGold

CLIP = rect(0px 100% 2px 0px)
Z-INDEX = 1
WIDTH = 100%
OVERFLOW = hidden
POSITION = relative
BACKGROUND-COLOR = #FF914A
HEIGHT = 2px

tooltip

color = black
border = 1px solid #000000
background-color = #ffffe1
width = auto
padding = 2px
white-space = nowrap

td.code

color = darkblue
padding-left = 25
font-family = "courier new",monospace

div.code

color = darkblue
padding-left = 25
font-family = "courier new",monospace

span.code

font-family = "courier new",monospace

Back to Samples page