coolxp@gmx.net
(last update 27. April 2005)

Bugs and what you should know!
  • I use the Resource Hacker to edit the UIFILE (contains the layout) because ResBuilder has a bug and may mess up the script.
  • Once you changed the bitmaps with ResBuilder and now edit the script with Resource Hacker DON'T open and save it with ResBuilder again. ResBuilder uses the resources of the last file in the TEMP folder (Programs\TGTSoft\ResBuilder\TEMP) and use these files to rebuild the file (all changes you made will be lost). You have to delete the files in the TEMP folder.
  • The background of the watermarks (only 12, 15, 18 and 21) in the mainwindow have to match with the window-color (see screenshot) of your visual-style otherwise they are not displayed.
 watermark bug

What programs do you need?

  • Resource Hacker to edit the script (text)
  • ResBuilder to edit the bitmaps (only way to create 32-bit BMP's from 32-bit PNG)
  • a editor to create and change 32-bit PNG's

Copy the shellstyle.dll file from your Windows\Resources\Themes\Luna\Shell\NormalColor to the Windows\Resources\Themes\"name of your visual-style"\Shell\NormalColor (this is the default color of your visual-sytle) directory.

Open the shellstyle.dll file with ResBuilder. You see bitmap's 10-112:

  • 10, 11 and 12 music icon and watermarks
  • 13, 14 and 15 picture icon and watermarks
  • 16, 17 and 18 search icon and watermarks
  • 19, 20 and 21 video icon and watermarks
  • 22 system properties icon
  • 25 drive watermark
  • 26 system properties watermark
  • 100, 101, 102 and 103 buttons to expand or collaps the normalgroup
  • 104, 105, 106 and 107 buttons to expand or collaps the specialgroup

Change the bitmaps you want and save the shellstyle.dll.

 ResBuilder
String Table 1, 2 and 7    
STRINGTABLE /* 1 */
LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
{
1, "Tahoma" /* global variable font */
2, "Franklin Gothic Medium" /* global variable font */
10, "700" /* global variable fontweight */
11, "700" /* global variable fontweight */
12, "400" /* global variable fontweight */
15, "8" /* global variable fontsize */
}		 global varibles uses in UIFILE String Table 1
STRINGTABLE /* 2 */
LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
{
16, "10" /* global variable fontsize */
17, "14" /* global variable fontsize */
18, "21" /* global variable fontsize */
}		 global varibles uses in UIFILE String Table 2
STRINGTABLE /* 7 */
LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
{
100, "0xEEEEEE" /* background of the preview as hex 1st BLUE, 2nd GREEN, 3rd RED */
}		 diashow explorer mainwindow background String Table 7
preview background

Explorer window
Explorer 		System properties windows
System properties 		more system properties window
more system properties

UIFILE:

  • 1-1033 contains the layout for mainwindow explorer, sectionwindow and preview
  • 2-1033 contains the layout for system properties and more system properties

 

 Resource Hacker
 

Resources

  • rcbmp = bitmap resource
    e.g. rcbmp(110,6,#FF00FF,0,0,1,0); /* bitmap 110 specialgroup background*/
    rcbmp(a,b,c,d,e,f,g)

    a = bitmap resource 10-112
    b = stretching (1=normal, 3=tile, 6=stretch, 7=32 bit bitmap)
    c = transparent color of bitmap not drawn (#rrggbb rr=red, gg=green and bb=blue e.g. #FF00FF= violet)
    d = width of bitmap (used when f=0)
    e = height of bitmap (used when f=0)
    f = sizing (0 = use dimensions defined in d and e or 1 = use bitmap dimensions)
    g = mirror (0 = normal and 1 = mirror)
  • rcint = integer resource
    e.g. fontsize: rcint(18)pt; /* integer resource 18 pt=points*/
  • rcstr = string resource
    e.g. fontface: rcstr(2); /* resource defined in "String Table" e.g. 2="Franklin Gothic Medium" */

UIFILE-1-1033    
<style resid=main>
    
DUIListView [id=atom(listview)]
{
contentalign: middlecenter; /* top, middle, bottom with left, center, right (e.g. topleft)*/
fontsize: sysmetric(-16);
fontweight: sysmetric(-17);
fontstyle: sysmetric(-18);
fontface: sysmetricstr(6);
}		 shellstyle.dll get some system font informations.  
DUIAxHost [id=atom(preview)]
{
contentalign: middlecenter; /* top, middle, bottom with left, center, right (e.g. topleft)*/
borderthickness: rect(5rp,5rp,5rp,5rp); /*(left,top,right,bottom)*/
bordercolor: rgb(238,242,251); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 diashow explorer mainwindow border preview
Element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}		 hole background explorer mainwindow with blockade (with border), blockadeaccent main background
Element [id=atom(blockade)]
{
background: rgb(99,117,214); /* rgb (red,green,blue) or e.g. white, black, red, ... */
borderthickness: rect(0rp,0rp,1rp,1rp); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 background explorer mainwindow and bordercolor blockade
Element [id=atom(blockadeaccent)]
{
background: gradient(argb(0,148,187,255), argb(0,99,117,214), 1);
}		 gradient line between explorer section- and mainwindow blockadeaccent
Element [id=atom(blockadeclient)]
{
contentalign: bottomright; /* top, middle, bottom with left, center, right (e.g. topleft)*/
padding: rect (10rp,0rp,0rp,0rp); /* (left,top,right,bottom)*/
}		 bitmap 25 position blockadeclient
Element [id=atom(blockadetitle)]
{
fontface: rcstr(2); /* resource defined in "String Table" e.g. 2="Franklin Gothic Medium" */
fontsize: rcint(18)pt; /* integer resource*/
fontweight: rcint(11); /* integer resource*/
foreground: rgb(0,0,0); /* rgb (red,green,blue) or e.g. white, black, red, ... */
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
padding: rect (0rp,20rp,10rp,0rp); /*(left,top,right,bottom)*/
contentalign: wrapleft; /*wrapleft or wrapright */
}		 title explorer mainwindow blockadetitle
Element [id=atom(blockademessage)]
{
fontface: rcstr(2); /* defined in "String Table" e.g. 2="Franklin Gothic Medium" */
fontsize: rcint(17)pt; /* integer resource*/
fontweight: rcint(12); /* integer resource*/
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
padding: rect (1rp,15rp,10rp,0rp); /*(left,top,right,bottom)*/
contentalign: wrapleft; /*wrapleft or wrapright */
}		 message explorer mainwindow blockademessage
Element [id=atom(blockadeclear)]
{
margin: rect(0rp,20rp,0rp,0rp); /*(left,top,right,bottom)*/
}		 spacer between message and button (link) explorer mainwindow blockadeclear
Button [id=atom(blockadeclearbutton)][keyfocused]
{
contentalign: focusrect; /* focuserect */
}
Element [id=atom(blockadecleartext)]
{
fontface: rcstr(1); /* defined in "String Table" e.g. 1="Tahoma" */
fontsize: rcint(15)pt; /* integer resource*/
fontweight: rcint(10); /* integer resource*/
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
contentalign: wrapleft; /*wrapleft or wrapright */
padding: rect (3rp,0rp,0rp,0rp); /*(left,top,right,bottom)*/
}
Element [id=atom(blockadecleartext)][mousefocused]
{
cursor: hand;
fontstyle: underline;
}		 button (link) explorer mainwindow blockadecleartext
</style> /*end main*/    
<style resid=mainsectionss>    
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}		 hole background specialgroup header explorer sectionwindow mainsectionss background
expando
{
fontface: rcstr(1); /* defined in "String Table" e.g. 1="Tahoma" */
fontsize: rcint(15)pt; /* integer resource*/
margin: rect(0rp,5rp,0rp,0rp); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}		 specialgroup expand animation sectionwindow expando
button
{
cursor: hand;
}
button [keyfocused]
{
contentalign: focusrect; /* focuserect */
}
button [id=atom(header)]
{
background: rcbmp(110,6,#FF00FF,0,0,1,0); /* bitmap 110 specialgroup background*/
borderthickness: rect(2,2,2,0); /*(left,top,right,bottom)*/
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontweight: rcint(10); /* integer resource*/
padding: rect(10,0,0,0); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
}
element [id=atom(title)]
{
contentalign: middleleft; /* top, middle, bottom with left, center, right (e.g. topleft)*/
padding: rect(0rp,0rp,4rp,0rp); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
}
element [id=atom(title)][keyfocused]
{
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
element [id=atom(title)][mousefocused]
{
foreground: rgb(66,142,255); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
element [id=atom(arrow)]
{
content: rcbmp(106,2,255,0,0,0,0); /* bitmap 106 expand mouseout specialgroup*/
animation: rectanglev | s | fast;
}
element [id=atom(arrow)][selected]
{
content: rcbmp(104,2,255,0,0,0,0); /* bitmap 104 collapse mouseout specialgroup*/
}
element [id=atom(arrow)][mousefocused]
{
content: rcbmp(107,2,255,0,0,0,0); /* bitmap 107 expand mouseover specialgroup*/
}
element [id=atom(arrow)][selected][mousefocused]
{
content: rcbmp(105,2,255,0,0,0,0); /* bitmap 105 collapse mouseover specialgroup*/
}
clipper
{
alpha: 0;
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
animation: alpha | rectanglev | s | fast;
}
clipper [selected]
{
alpha: 255;
}
 specialgroup header button sectionwindow

 specialgroup header
element [id=atom(watermark)]
{
background: rgb(239, 243, 255); /* rgb (red,green,blue) or e.g. white, black, red, ... */
contentalign: bottomright; /* top, middle, bottom with left, center, right (e.g. topleft)*/
animation: rectanglev | s | fast;
}
 watermark bitmap 11,14,17 or 20 sectionwindow watermark
tasklist [id=atom(tasklist)]
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
borderthickness: rect(1,0,1,1); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
padding: rect(12rp,10rp,12rp,10rp); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
}
 specialgroup tasklist definition sectionwindow tasklist main
</style> /*end mainsectionss*/    
<style resid=mainsectiontaskss>    
destinationtask
{
margin: rect(0rp,4rp,0rp,0rp); /*(left,top,right,bottom)*/
}
actiontask
{
margin: rect(0rp,4rp,0rp,0rp); /*(left,top,right,bottom)*/
}
button
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
foreground: rgb(33,93,198); /* rgb (red,green,blue) or e.g. white, black, red, ... */
contentalign: wrapleft; /*wrapleft or wrapright */
margin: rect(0rp,4rp,0rp,0rp); /*(left,top,right,bottom)*/
}
button [keyfocused]
{
contentalign: focusrect; /* focuserect */
}
button [mousefocused]
{
cursor: hand;
fontstyle: underline;
}
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element [id=atom(title)]
{
contentalign: wrapleft; /*wrapleft or wrapright */
padding: rect(6rp,0rp,4rp,0rp); /*(left,top,right,bottom)*/
}
element [id=atom(title)][mousefocused]
{
foreground: rgb(66,142,255); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 specialgroup tasklink buttons sectionwindow mainsectiontaskss
</style> /*end mainsectiontaskss*/    
<style resid=sectionss>    
expando
{
fontface: rcstr(1); /* defined in "String Table" e.g. 1="Tahoma" */
fontsize: rcint(15)pt; /* integer resource*/
margin: rect(0rp,15rp,0rp,15rp); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}		 normalgroup expand animation sectionwindow expando sectionss
button
{
background: rcbmp(112,6,#FF00FF,0,0,1,0);
foreground: rgb(33,93,198); /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontweight: rcint(10); /* integer resource*/
padding: rect(10rp,0rp,1rp,0rp); /*(left,top,right,bottom)*/
borderthickness: rect(2,2,2,0); /*(left,top,right,bottom)*/
bordercolor: rgb(198, 211,247); /* rgb (red,green,blue) or e.g. white, black, red, ... */
cursor: hand;
animation: rectanglev | s | fast;
}
button [keyfocused]
{
contentalign: focusrect; /* focuserect */
}
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element [id=atom(title)]
{
contentalign: middleleft; /* top, middle, bottom with left, center, right (e.g. topleft)*/
animation: rectanglev | s | fast;
}
element [id=atom(title)][mousefocused]
{
foreground: rgb(66,142,255); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
element [id=atom(arrow)]
{
content: rcbmp(102,2,255,0,0,0,0); /* bitmap 102 expand mouseout normalgroup*/
animation: rectanglev | s | fast;
}
element [id=atom(arrow)][selected]
{
content: rcbmp(100,2,255,0,0,0,0); /* bitmap 100 collapse mouseout normalgroup*/
}
element [id=atom(arrow)][mousefocused]
{
content: rcbmp(103,2,255,0,0,0,0); /* bitmap 103 expand mouseover normalgroup*/
}
element [id=atom(arrow)][selected][mousefocused]
{
content: rcbmp(101,2,255,0,0,0,0); /* bitmap 101 collaps mouseover normalgroup*/
}
clipper
{
alpha: 0;
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
animation: alpha | rectanglev | s | fast;
}
clipper [selected]
{
alpha: 255;
}
 normalgroup header button sectionwindow normalgroup header
tasklist [id=atom(tasklist)]
{
background: rgb(214,223, 247); /* rgb (red,green,blue) or e.g. white, black, red, ... */
borderthickness: rect(1,0,1,1); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
padding: rect(12rp,10rp,12rp,10rp); /*(left,top,right,bottom)*/
animation: rectanglev | s | fast;
}		 normalgroup tasklist definition sectionwindow tasklist section
</style> /*end sectionss*/    
<style resid=sectiontaskss>    
destinationtask
{
margin: rect(0rp,4rp,0rp,0rp); /*(left,top,right,bottom)*/
}
actiontask
{
margin: rect(0rp,4rp,0rp,0rp); /*(left,top,right,bottom)*/
}
button
{
contentalign: wrapleft; /*wrapleft or wrapright */
foreground: rgb(33,93,198); /* rgb (red,green,blue) or e.g. white, black, red, ... */
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
button [keyfocused]
{
contentalign: focusrect; /* focuserect */
}
button [mousefocused]
{
cursor: hand;
fontstyle: underline;
}
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element [id=atom(title)]
{
contentalign: wrapleft; /*wrapleft or wrapright */
padding: rect(6rp,0rp,4rp,0rp); /*(left,top,right,bottom)*/
}
element [id=atom(title)][mousefocused]
{
foreground: rgb(66,142,255); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 normalgroup tasklink buttons sectionwindow sectiontaskss
</style> /*end sectiontaskss*/    
<style resid=taskpane>    
element [id=atom(sectionlist)]
{
background: gradient(argb(0,123,162,231), argb(0,99,117,214), 1);
padding: rect(12rp,12rp,12rp,12rp); /*(left,top,right,bottom)*/
borderthickness: rect(1,0,0,1); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 sectionwindows taskpane definition taskpane
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; /* top, middle, bottom with left, center, right (e.g. topleft)*/
}
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); /* get width of sizable window frame */
height: sysmetric(20); /* get maximized window width */
}
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); /* get width of sizable window frame */
height: sysmetric(20); /* get maximized window width */
}
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);
}
 scrollbar explorer sectionwindow scrollbar
</style> /*end taskpane*/    
<style resid=NameSpaceItemInfoList>    
NameSpaceItemInfo
{
contentalign: wrapleft; /*wrapleft or wrapright */
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
margin: rect(0rp,5rp,0rp,0rp); /*(left,top,right,bottom)*/
}
NameSpaceItemInfo [id=atom(InfoName)]
{
fontweight: rcint(10); /* integer resource*/
}
NameSpaceItemInfo [id=atom(InfoType)]
{
margin: rect(0rp,0rp,0rp,0rp); /*(left,top,right,bottom)*/
}		 preview explorer sectionwindow NameSpaceItemInfoList
</style> /*end NameSpaceItemInfoList*/    
END UIFILE-1-1033    
UIFILE-2-1033    
<style resid=ScrollerSS>    
scrollviewer
{
contentalign: bottomright; /* top, middle, bottom with left, center, right (e.g. topleft)*/
}
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; /* top, middle, bottom with left, center, right (e.g. topleft)*/
}
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); /* get width of sizable window frame */
height: sysmetric(20); /* get maximized window width */
}
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); /* get width of sizable window frame */
height: sysmetric(20); /* get maximized window width */
}
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);
}
 scrollbar system properties and more system properties sectionwindow scrollbar
</style> /*end Srollerss*/    
<style resid=BannerSS>    
element [id=atom(banner)]
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element [id=atom(iconsite)]
{
padding: rect(10rp, 7rp, 0, 0); /*(left,top,right,bottom)*/
}
element [id=atom(icon)]
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element [id=atom(header)]
{
background: gradient(argb(0,51,102,204), argb(0,99,117,214), 0);
padding: rect(50rp, 1rp, 3rp, 1rp); /*(left,top,right,bottom)*/
}
element [id=atom(title)]
{
foreground: white;
fontface: rcstr(1); /* defined in "String Table" e.g. 1="Tahoma" */
fontsize: rcint(15)pt; /* integer resource*/
fontweight: rcint(10); /* integer resource*/
contentalign: middleleft; /* top, middle, bottom with left, center, right (e.g. topleft)*/
margin: rect(0, 4rp, 0, 4rp); /*(left,top,right,bottom)*/
}		 more system properties mainwindow bannerss
</style> /*end bannerss*/    
<style resid=DirectiveSS>    
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
element
{
foreground: rgb(214,223,245); /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontface: rcstr(2); /* defined in "String Table" e.g. 2="Franklin Gothic Medium" */
fontsize: rcint(18)pt; /* integer resource*/
fontweight: rcint(11); /* integer resource*/
contentalign: wrapleft; /*wrapleft or wrapright */
margin: rect(0, 30rp, 0, 0); /*(left,top,right,bottom)*/
}		 more system properties message mainwindow DirectiveSS
</style> /*end DirectiveSS*/    
<style resid=CategoryListSS>
    
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
 hole background system properties mainwindow CategoryListSS background
element [id=atom(view)]
{
background: rgb(99,117,214); /* rgb (red,green,blue) or e.g. white, black, red, ... */
borderthickness: rect(0,0,0,1); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}		 background system properties mainwindow and bordercolor CategoryListSS
element [id=atom(separator)]
{
background: gradient(argb(0,148,187,255), argb(0,99,117,214), 1);
}		 gradient line between system properties section- and mainwindow separator
element [id=atom(container)]
{
padding: rect(20rp,20rp,20rp,20rp); /*(left,top,right,bottom)*/
}
element [id=atom(categorylist)]
{
margin: rect(0,12rp,0,0); /*(left,top,right,bottom)*/
}		 container definition for CategoryListItemSS container
</style> /*end CategoryListSS*/    
<style resid=CategoryListItemSS>
    
linkelement
{
fontsize: rcint(15)pt; /* integer resource*/
fontface: rcstr(1); /* defined in "String Table" e.g. 1="Tahoma" */
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontweight: rcint(10); /* integer resource*/
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
margin: rect(12rp,12rp,12rp,12rp); /*(left,top,right,bottom)*/
padding: rect(1,1,1,1); /*(left,top,right,bottom)*/
}
linkelement [keyfocused]
{
contentalign: focusrect; /* focuserect */
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
linkelement [mousefocused]
{
cursor: hand;
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontstyle: underline;
}		 button (link) system properties mainwindow linkelement
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
 background button (link) system properties mainwindow button background
element [id=atom(icon)]
{
contentalign: middleleft; /* top, middle, bottom with left, center, right (e.g. topleft)*/
}
 icons system properties mainwindow icons
element [id=atom(title)]
{
contentalign: wrapleft; /*wrapleft or wrapright */
padding: rect(5rp,0,0,0); /*(left,top,right,bottom)*/
}
 button (link) text system properties mainwindow button
</style> /*end CategoryListItemSS*/    
<style resid=CategoryViewSS>    
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}
 hole background more system properties mainwindow CategoryViewSS background
element [id=atom(view)]
{
borderthickness: rect(0,0,0,1); /*(left,top,right,bottom)*/
bordercolor: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
background: rgb(99,117,214); /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
 background more system properties mainwindow and bordercolor view background
element [id=atom(separator)]
{
background: gradient(argb(0,148,187,255), argb(0,99,117,214), 1);
}		 gradient line between system properties section- and mainwindow seperator
element [id=atom(container)]
{
padding: rect(20rp,20rp,20rp,20rp); /*(left,top,right,bottom)*/
}
element [id=atom(categorytasklist)]
{
margin: rect(0,12rp,0,0); /*(left,top,right,bottom)*/
}
element [id=atom(appletlist)]
{
margin: rect(0,12rp,0,0); /*(left,top,right,bottom)*/
}		 container definition for CategoryTaskListItemSS container
</style> /*end CategoryViewSS*/    
<style resid=CategoryTaskListItemSS>    
linkelement
{
fontsize: rcint(15)pt;
fontface: rcstr(1);
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontweight: rcint(10);
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
margin: rect(12rp,12rp,12rp,12rp); /*(left,top,right,bottom)*/
padding: rect(1,1,1,1); /*(left,top,right,bottom)*/
cursor: hand;
}
linkelement [keyfocused]
{
contentalign: focusrect;
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
}
linkelement [mousefocused]
{
cursor: hand;
foreground: white; /* rgb (red,green,blue) or e.g. white, black, red, ... */
fontstyle: underline;
}		 button (link) more system properties mainwindow linkelement more system properties
element
{
background: argb(0,0,0,0); /* argb (alpha,red,green,blue) most (0,0,0,0)=transparent */
}		 background button (link) more system properties mainwindow button background
element [id=atom(icon)]
{
contentalign: middleleft; /* top, middle, bottom with left, center, right (e.g. topleft)*/
}		 icons more system properties mainwindow icons
element [id=atom(title)]
{
contentalign: wrapleft; /*wrapleft or wrapright */
padding: rect(5rp,0,0,0); /*(left,top,right,bottom)*/
}		 button (link) text more system properties mainwindow button
</style> /*end CategoryTaskListItemSS*/    
<style resid=BarricadeSS>
    
element [id=atom(barricadetitle)]
{
fontface: rcstr(2);
fontsize: rcint(18)pt;
fontweight: rcint(11);
foreground: rgb(214,223,245);
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> /*end BarricadeSS*/    
END UIFILE-1-1033    

23:

  • CPWEBVW.CSS-1033 contains the layout for useraccount window
  • TASKBULLET.GIF-1033 used by useraccount
  • UAHELP.CSS-1033 useraccount help window (not all colors)

 

 Resource Hacker 23-CPWEBVW.CSS

CPWEBVW.CSS

    
BODY {font-family:Tahoma, Arial, sans-serif; font-size:8pt;}
TABLE {font-family:Tahoma, Arial, sans-serif; font-size:8pt;}
INPUT {font-family:Tahoma; font-size:8pt;}
BUTTON {font-family:Tahoma; font-size:8pt;}
 font  

H1 {font-family:'Franklin Gothic Medium'; font-size:21pt; font-weight:normal; font-style:normal; margin-top:0.5em; margin-bottom:0.5em;}
H2 {font-family:'Franklin Gothic Medium'; font-size:18pt; font-weight:normal; font-style:normal; margin-top:0.5em; margin-bottom:0.5em;}
H3 {font-family:Tahoma; font-size:8pt; font-weight:bold; font-style:normal; margin:0;}
H4 {font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; margin:0;}

 font size, style, ...  

.HorzLine1 {width:100%; font-size:1pt; border-top:'1px solid'; filter:alpha(style=1 startX=0 finishX=100 opacity=0 finishOpacity=100);}
.HorzLine2 {width:100%; font-size:1pt; border-top:'1px solid'; filter:alpha(style=1 startX=0 finishX=100 opacity=100 finishOpacity=0);}

 lines line 1 and 2

A {font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; text-decoration:none; color:#3F3D3D} /* link button*/
A:hover {text-decoration:underline; color:#7E7C7C}
A:active {color:#7E7C7C}

 link button all other pages main- and leftwindow (except startpage) link

.Page1 {background-color:white; color:black;} /* mainwindow */
.Page1 TABLE {color:black} /* e.g. change useraccout type */
.Page1 TD {border-color:#3F3D3D} /* link border */
.Page1 H1 {color:#9598A4} /* first title */
.Page1 H2 {color:#9598A4} /* second title */
.Page1 H3 {color:#3F3D3D} /* username */
.Page1 H4 {color:#3F3D3D} /* accounttype */
.Page1 .HorzLine1 {color:#3F3D3D}
.Page1 .HorzLine2 {color:#3F3D3D}

 all other pages (except startpage) page1
.Page2 {background-color:#B1B3C8; color:white;}
.Page2 TABLE {color:white} /* useraccout text on top*/
.Page2 TD {border-color:white} /* link border user bottom*/
.Page2 H1 {color:#DFE5F7} /* first title */
.Page2 H2 {color:#DFE5F7} /* second title */
.Page2 H3 {color:white} /* username */
.Page2 H4 {color:white} /* accounttype */
.Page2 A {color:white} /* link button*/
.Page2 A:hover {color:white}
.Page2 A:active {color:white}
.Page2 .HorzLine1 {color:#DFE5F7}
.Page2 .HorzLine2 {color:#DFE5F7}		 only the startpage page2
.CategoryTitle {color:white; height:3em; padding:'0 1em'; font-family:Tahoma; font-size:8pt; font-weight:bold; font-style:normal; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FF777792',EndColorStr='#FFB1B3C8');} CategoryTitle CategoryTitle
.SecondaryPane {width:200px; font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFC4C8D4',EndColorStr='#FFB1B3C8'); color:#000080; background-color:#C4C8D4; display:expression( (document.body.clientWidth > 400) ? 'block' : 'none' );}
.SecondaryPane TABLE {color:#000080;}		 SecondaryPane
.LearnAboutBox {border:'1px solid white'; background-color:white; margin-bottom:1em;} /* border hole box*/
.LearnAboutCaption {height:2em; padding:'0.3em 1em'; font-family:Tahoma; font-size:8pt; font-weight:bold; font-style:normal; color:#3F3D3D; /* box title */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFFFFFFF',EndColorStr='#FFD6D7E0'); border-bottom:'1px solid #D6D7E0';} /* box title background */
.LearnAboutBody {padding:'1mm 2mm'; font-family:Tahoma; font-size:8pt; font-weight:normal; font-style:normal; background-color:#F0F1F5;} /* link buttons body*/ 		LearnAboutBox LearnAboutBox
UL.TaskList {list-style-type:square; list-style-image:url(taskbullet.gif);}    
END CSWEBVW.CSS    
UAHELP.CSS    
BODY { color: #000000; } /* text color*/
H1 { color: #3366CC; } /* title color*/
#stepnum { color: #3366CC; }

/* NOTE: Table cell backgrounds cannot be spec'd in style sheets, hence */
/* there is additional luna formatting code in the "HelpLA_lib.js" file in */
/* the User Accounts Learn Abouts topic */
TD.headerFont { color: #FFFFFF; } /* table header color */

A:link { color: "#265CC0"; text-decoration:none; }
A:visited { color: "#265CC0"; text-decoration:none; }
A:active { color: "#265CC0"; cursor:hand; text-decoration:none; }
A:hover { color: "#265CC0"; cursor:hand; text-decoration:"underline"; }

 user account help user account help
user account help
 
Copyright © 2004 by http://www.coolxp.de.vu