<style resid=ScrollerSS>
scrollviewer
{
contentalign: bottomright;
}
scrollbar
{
layoutpos: ninebottom;
}
scrollbar [vertical]
{
layoutpos: nineright;
}
viewer
{
layoutpos: nineclient;
}
thumb
{
background: dtb(handlemap(1), 3, 1);
content: dtb(handlemap(1), 9, 1);
contentalign: middlecenter;
}
thumb [mousefocused]
{
background: dtb(handlemap(1), 3, 2);
content: dtb(handlemap(1), 9, 2);
}
thumb [captured]
{
background: dtb(handlemap(1), 3, 3);
content: dtb(handlemap(1), 9, 3);
}
repeatbutton [id=atom(lineup)]
{
background: dtb(handlemap(1), 1, 1);
width: sysmetric(2);
height: sysmetric(20);
}
repeatbutton [id=atom(lineup)][mousefocused]
{
background: dtb(handlemap(1), 1, 2);
}
repeatbutton [id=atom(lineup)][pressed]
{
background: dtb(handlemap(1), 1, 3);
}
repeatbutton [id=atom(linedown)]
{
background: dtb(handlemap(1), 1, 5);
width: sysmetric(2);
height: sysmetric(20);
}
repeatbutton [id=atom(linedown)][mousefocused]
{
background: dtb(handlemap(1), 1, 6);
}
repeatbutton [id=atom(linedown)][pressed]
{
background: dtb(handlemap(1), 1, 7);
}
repeatbutton [id=atom(pageup)]
{
background: dtb(handlemap(1), 7, 1);
}
repeatbutton [id=atom(pageup)][mousefocused]
{
background: dtb(handlemap(1), 7, 2);
}
repeatbutton [id=atom(pageup)][pressed]
{
background: dtb(handlemap(1), 7, 3);
}
repeatbutton [id=atom(pagedown)]
{
background: dtb(handlemap(1), 6, 1);
}
repeatbutton [id=atom(pagedown)][mousefocused]
{
background: dtb(handlemap(1), 6, 2);
}
repeatbutton [id=atom(pagedown)][pressed]
{
background: dtb(handlemap(1), 6, 3);
}
</style>
<style resid=BannerSS>
element [id=atom(banner)]
{
background: argb(0,0,0,0);
}
element [id=atom(iconsite)]
{
padding: rect(10rp, 7rp, 0, 0);
}
element [id=atom(icon)]
{
background: argb(0,0,0,0);
}
element [id=atom(header)]
{
background: gradient(argb(0,119,119,146), argb(0,177,179,200), 0);
padding: rect(50rp, 1rp, 3rp, 1rp);
}
element [id=atom(title)]
{
foreground:     white;
fontface:       rcstr(1);
fontsize:       rcint(15)pt;
fontweight:     rcint(10);
contentalign:   middleleft;
margin:         rect(0, 4rp, 0, 4rp);
}
</style>
<style resid=DirectiveSS>
element
{
background: argb(0,0,0,0);
}
element
{
foreground: rgb(223,229,247);
fontface:   rcstr(2);
fontsize:   rcint(18)pt;
fontweight: rcint(11);
contentalign: wrapleft;
margin: rect(0, 30rp, 0, 0);
}
</style>
<style resid=CategoryListSS>
element
{
background: argb(0,0,0,0);
}
element [id=atom(view)]
{
background: rgb(177,179,200);
borderthickness: rect(0,0,0,1);
bordercolor: white;
}
element [id=atom(separator)]
{
background: gradient(argb(0,207,209,221), argb(0,177,179,200), 1);
}
element [id=atom(container)]
{
padding: rect(20rp,20rp,20rp,20rp);
}
element [id=atom(categorylist)]
{
margin: rect(0,12rp,0,0);
}
</style>
<style resid=CategoryListItemSS>
linkelement
{
fontsize:    rcint(15)pt;
fontface:    rcstr(1);
foreground:  white;
fontweight:  rcint(10);
background: argb(0,0,0,0);
margin: rect(12rp,12rp,12rp,12rp);
padding: rect(1,1,1,1);  
}
linkelement [keyfocused]
{
contentalign: focusrect;
foreground: white;
}
linkelement [mousefocused]
{
cursor: hand;
foreground: white;
fontstyle: underline;
}
element
{
background: argb(0,0,0,0);
}
element [id=atom(icon)]
{
contentalign: middleleft;
}
element [id=atom(title)]
{
contentalign: wrapleft;
padding:      rect(5rp,0,0,0);
}
</style>
<style resid=CategoryViewSS>
element
{
background: argb(0,0,0,0);
}
element [id=atom(view)]
{
borderthickness: rect(0,0,0,1);
bordercolor: white;
background: rgb(177,179,200);
}
element [id=atom(separator)]
{
background: gradient(argb(0,207,209,221), argb(0,177,179,200), 1);
}
element [id=atom(container)]
{
padding: rect(20rp,20rp,20rp,20rp);
}
element [id=atom(categorytasklist)]
{
margin: rect(0,12rp,0,0);
}
element [id=atom(appletlist)]
{
margin: rect(0,12rp,0,0);
}
</style>
<style resid=CategoryTaskListItemSS>
linkelement
{
fontsize:     rcint(15)pt;
fontface:     rcstr(1);
foreground:   white;
fontweight:   rcint(10);
background: argb(0,0,0,0);
margin: rect(12rp,12rp,12rp,12rp);
padding: rect(1,1,1,1);  
cursor: hand; 
}
linkelement [keyfocused]
{
contentalign: focusrect;
foreground: white;
}
linkelement [mousefocused]
{
cursor: hand; 
foreground: white;
fontstyle:  underline;
}
element
{
background: argb(0,0,0,0);
}
element [id=atom(icon)]
{
contentalign: middleleft;
}
element [id=atom(title)]
{
contentalign: wrapleft;
padding:       rect(5rp,0,0,0);
}
</style>
<style resid=BarricadeSS>
element [id=atom(barricadetitle)]
{
fontface: rcstr(2);
fontsize: rcint(18)pt;
fontweight: rcint(11);
foreground: rgb(223,229,247);
background: argb(0,0,0,0);
padding: rect (10rp,20rp,10rp,0rp);
contentalign: wrapleft;
}
element [id=atom(barricademsg)]
{
fontface: rcstr(2);
fontsize: rcint(17)pt;
fontweight: rcint(12);
foreground: white;
background: argb(0,0,0,0);
padding: rect (10rp,15rp,10rp,0rp);
contentalign: wrapleft;
}
</style>
