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: #6597CA

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
font-size = 11px

INPUT,TEXTAREA,SELECT

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

BODY

color = #303030
font-family = Tahoma,Helvetica,Verdana
background-color = #ffffff
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
FONT-WEIGHT = normal
FONT-SIZE = 16pt

dotJToolbar

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

toolbarHover

COLOR = #727272
border-top-color = white
FONT-SIZE = 8pt
BACKGROUND-COLOR = #FFBC8F
border-style = solid
border-width = 1px
border-bottom-color = gray
FONT-WEIGHT = bold
font-family = Tahoma,Helvetica,Verdana
border-right-color = gray
border-left-color = white
cursor = hand

topbar

border-color = #213EA6
BACKGROUND-COLOR = #213EA6
border-style = solid
border-width = 1

header

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

subheader

COLOR = #003366
FONT-WEIGHT = bold

tagLine

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

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

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

tableHeader

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

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
FONT-SIZE = 11px
TEXT-TRANSFORM = capitalize
background-image = url("/images/buttonBg.gif")
BACKGROUND-COLOR = #ffffff
border-style = solid
border-width = 1px
LINE-HEIGHT = 0.85
FONT-WEIGHT = bold
background-repeat = repeat-x
font-family = Tahoma,Helvetica,Verdana
border-color = #316AC5
PADDING-TOP = 3px

allButtonsHover

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

test

CLIP = rect(0px 100% 1px 0px)
layer-background-color = #000033
WIDTH = 100%
OVERFLOW = hidden
BACKGROUND-COLOR = #000033
HEIGHT = 1px

HRBlue

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

HRGold

CLIP = rect(0px 100% 2px 0px)
layer-background-color = #FF914A
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

DialogBoxTitlebar

color = #ffffff
FONT-WEIGHT = bold
background-color = #6597CA

DialogBoxBody

COLOR = #000000
font-family = Tahoma,Helvetica,Verdana
background-color = #edf2fc
FONT-SIZE = 8pt

DialogBoxBorder

background-color = #8caae6

myHilite

font-family = Tahoma,Helvetica,Verdana
FONT-WEIGHT = normal
FONT-STYLE = normal
LINE-HEIGHT = 12pt
TEXT-INDENT = 0px
BACKGROUND-COLOR = #e1e8c8
FONT-SIZE = 10pt

fieldError

border = 2px dashed red

formError

COLOR = #ffffff
width = auto
FONT-SIZE = 8pt
border-style = solid
BACKGROUND-COLOR = #FF0000
border-width = 1
FONT-WEIGHT = bold
font-family = Tahoma,Helvetica,Verdana
border-color = #000000
padding = 3px
white-space = nowrap

Back to Samples page