mirror of https://github.com/ungstein/OG-Steam.git
3219 lines
75 KiB
Plaintext
3219 lines
75 KiB
Plaintext
steam.styles
|
|
{
|
|
colors
|
|
{
|
|
// colors section can include colors in "R G B A" form, or references to already defined colors;
|
|
// it can also include just general settings controls can pull from for extra customization
|
|
|
|
dark="28 33 42 255"
|
|
almostBlack="22 25 28 255"
|
|
almostBlackTrans="22 25 28 204"
|
|
black="0 0 0 255"
|
|
transparentBlack="0 0 0 128"
|
|
white="255 255 255 255"
|
|
offwhite="216 222 211 255"
|
|
grey="142 152 167 255"
|
|
none="0 0 0 0"
|
|
yellow="255 255 0 255"
|
|
dullgreen="216 222 211 255"
|
|
red="255 51 51 255"
|
|
darkblue="35 55 75 255"
|
|
blue="94 109 140 255"
|
|
darkred="128 0 0 255"
|
|
darkpurple="64 0 64 255"
|
|
|
|
dark_blue "27 44 61 255"
|
|
med_blue "13 36 82 255"
|
|
bg_blue "10 25 56 255"
|
|
|
|
// control colors
|
|
bordercolor="133 130 113 255"
|
|
darkcorner="77 73 71 255"
|
|
buttontext=Text
|
|
buttontextactive=Text
|
|
|
|
// cool we can define font-families here as well
|
|
basefont="WineTahomaBit"
|
|
basefontbold="Tahoma Bold"
|
|
basefont="Helvetica" [$OSX]
|
|
basefontbold="Helvetica Bold" [$OSX]
|
|
|
|
// new control colors
|
|
ButtonFace="105 102 99 200"
|
|
ButtonFace2="92 89 86 255" // for use in main client list panel column header, some button states
|
|
ButtonFace3="95 92 90 255" // button cornering pixels
|
|
ButtonFaceDisabled="none"
|
|
ButtonFaceHover="105 102 99 240" // hover!
|
|
ButtonFaceActive="105 102 99 240" // not sure what this state is...
|
|
ButtonFaceFocus="105 102 99 240" // keyboard focus
|
|
ButtonFaceActiveFocus="105 102 99 255" // this is the default choice
|
|
ButtonBorder="112 109 105 255"
|
|
ButtonBorderPage="128 124 120 255"
|
|
ButtonBorderDisabled="77 75 72 255"
|
|
ButtonBorderDisabled2="67 65 63 255" // cornering pixels
|
|
ButtonBorderActive="140 135 129 255"
|
|
ButtonBorderFocus="153 147 141 255"
|
|
|
|
Text="160 170 149 255"
|
|
Text2="184 180 176 255"
|
|
TextDisabled="117 128 111 255"
|
|
TextHover="229 226 223 255"
|
|
TextGlowHover="128 124 120 255"
|
|
TextGlowSelected="171 169 166 255"
|
|
TextGlowHoverSm="128 123 120 255"
|
|
TextGlowSelectedSm="145 142 140 255"
|
|
|
|
NavLabel="158 153 149 255"
|
|
Label="160 170 149 255"
|
|
Label2="115 111 108 255"
|
|
LabelDisabled="138 135 132 255"
|
|
LabelFocus="199 196 194 255"
|
|
|
|
ScrollGlyph="204 198 192 255" // the color of the scroll bar arrows
|
|
ScrollGlyphDisabled="77 74 72 255"
|
|
ScrollGlyphFocus="242 242 242 255"
|
|
|
|
ScrollBG="77 74 72 255" // the color of the scroll bar gutter
|
|
|
|
HeaderClient="57 53 49 255" // the color of the List box header in the main client window
|
|
HeaderDialog="95 92 90 255" // the color of the list box header in other windows
|
|
|
|
TitleBar="86 81 78 50"
|
|
TitleBarFocus="176 169 162 50"
|
|
|
|
Focus="49 65 89 255" // background color of any selected menu or list item
|
|
Focus2="85 125 171 255" // background color of view buttons and anything else in focus that needs more 'punch'
|
|
Focus3="62 92 133 255" // background color of highlighted friends
|
|
FocusGrid="85 146 160 240" // background color of any grid item
|
|
Highlight="81 140 170 120" // same as focus
|
|
Highlight1="204 185 88 255" // installing hover color
|
|
Highlight2="181 164 78 255" // installing color
|
|
Highlight3="173 69 71 255" // red for errors, blocked, etc.
|
|
Highlight5="77 109 140 255" // blue
|
|
Highlight5a="83 124 166 255" // lighter version of highlight5
|
|
Highlight5b="59 85 98 255" // as highlight5 but darker, for non-focused window borders
|
|
|
|
BackgroundStartSubtle="20 20 20 155"
|
|
BackgroundStartSubtle="31 31 31 45" [$OSX]
|
|
BackgroundStart="23 22 20 180"
|
|
BackgroundStartOpaque="36 35 34 255"
|
|
|
|
// ClientBG="26 25 24 255"
|
|
ClientBG="62 70 55 255"
|
|
DialogBG="56 54 53 255"
|
|
DarkClientBG="36 35 34 255"
|
|
DarkDialogBG="56 54 53 255"
|
|
DarkClientBGTransparent="36 35 34 19"
|
|
DarkDialogBGTransparent="56 55 53 170"
|
|
|
|
GameDetailsBlueTransparent="89 134 179 160"
|
|
GameDetailsGreenTransparent="126 166 75 160"
|
|
GameDetailsRedTransparent="173 69 71 160"
|
|
|
|
GameDetailsBlue="89 134 179 255"
|
|
GameDetailsGreen="126 166 75 255"
|
|
GameDetailsRed="173 69 71 255"
|
|
|
|
PropertySheetBG="74 72 70 255"
|
|
InteriorColor="64 62 60 255"
|
|
|
|
DialogBorder="119 117 115 255" // border color around any dialog
|
|
|
|
FillBG1="64 62 60 255" //gradient colors
|
|
FillBG2="71 69 67 255"
|
|
|
|
MenuBG1="92 89 86 255" //gradient colors
|
|
MenuBG2="61 59 58 255"
|
|
|
|
Divider="107 104 101 255"
|
|
SuperDivider="66 72 80 255"
|
|
DarkImageBorder="46 50 58 255"
|
|
DarkImageOverlay="0 0 0 80"
|
|
|
|
inbox_active "158 194 29 255"
|
|
inbox_active2 "155 199 9 255"
|
|
inbox_active4 "122 145 71 255"
|
|
inbox_active5 "85 102 47 255"
|
|
|
|
inbox_inactive "38 38 37 255"
|
|
inbox_inactive2 "142 194 12 255"
|
|
inbox_inactive4 "122 145 71 255"
|
|
inbox_inactive5 "74 102 29"
|
|
|
|
parental_lock_active1 "138 175 6 255"
|
|
parental_lock_active2 "49 49 49 255"
|
|
parental_lock_active4 "122 145 71 255"
|
|
parental_lock_active5 "85 102 47 255"
|
|
green5 "126 166 75 255"
|
|
green6 "92 126 16 255"
|
|
green7 "62 90 22 255"
|
|
green8 "38 48 2 255"
|
|
|
|
// Used as secure URL text
|
|
GreenText="0 255 0 255"
|
|
|
|
launch0 "119 215 250 255"
|
|
launch1 "83 172 204 255"
|
|
launch2 "54 125 153 255"
|
|
|
|
parental_lock_inactive1 "154 49 48 255"
|
|
parental_lock_inactive2 "189 79 79 255"
|
|
parental_lock_inactive3 "215 90 90 255"
|
|
parental_lock_inactive4 "146 72 71 255"
|
|
parental_lock_inactive5 "103 48 47 255"
|
|
red6="38 1 1 255"
|
|
|
|
support_lock_ack1 "187 157 47 255"
|
|
support_lock_ack2 "193 166 67 255"
|
|
AnnouncementBlue="61 146 175 255"
|
|
|
|
// colours pulled from steamscheme.res
|
|
"ClayBG" "70 70 70 255"
|
|
"ClayButtonBG" "87 88 88 255"
|
|
"ClayEnabled" "85 88 82 255"
|
|
"ClayKeyFocus" "89 92 77 255"
|
|
"ClayMouseDown" "85 85 85 255"
|
|
"ClayDisabledText" "128 134 126 255"
|
|
"ClayLightGreen" "173 181 168 255" // frame button (close X) etc
|
|
"ClayDimLightGreen" "166 172 162 255" // frame button and title without focus etc
|
|
"LightClayBG" "104 106 101 255" // property sheet interior, active tab
|
|
"LightClayButtonBG" "125 128 120 255" // buttons on property sheet interior, active tab
|
|
"DarkClayBG" "47 49 45 255" // shadow
|
|
"p_ClayMouseDown" "94 94 94 255"
|
|
"ClaySheetBottom" "92 90 87 255"
|
|
"Maize" "196 181 80 255"
|
|
"MaizeBG" "145 134 60 255" // background color of any selected text or menu item
|
|
"GreenBG" "76 88 68 255"
|
|
"LightGreenBG" "90 106 80 255" // darker background color
|
|
"DarkGreenBG" "62 70 55 255" // background color of text edit panes (chat, text Entries, etc.)
|
|
"LightGrayBG" "121 126 121 255"
|
|
"GrayBG" "73 78 73 255"
|
|
"GrayBG2" "82 89 78 255"
|
|
"SecBG" "GreenBG"
|
|
"TempGradientTop" "53 52 51 255"
|
|
|
|
// colours pulled from TrackerScheme.res (2003)
|
|
|
|
// base colors
|
|
"BaseText" "216 222 211 255" // used in text windows, lists
|
|
"BrightBaseText" "255 255 255 255" // brightest text
|
|
"SelectedText" "255 255 255 255" // selected text
|
|
"DimBaseText" "160 170 149 255" // dim base text
|
|
"LabelDimText" "160 170 149 255" // used for info text
|
|
"ControlText" "216 222 211 255" // used in all text controls
|
|
"BrightControlText" "196 181 80 255" // use for selected controls
|
|
"DisabledText1" "117 128 111 255" // disabled text
|
|
"DisabledText2" "40 46 34 255" // overlay color for disabled text (to give that inset look)
|
|
"DimListText" "117 134 102 255" // offline friends, unsubscribed games, etc.
|
|
|
|
// background colors
|
|
"ControlBG" "76 88 68 255" // background color of controls
|
|
"ControlDarkBG" "90 106 80 255" // darker background color; used for background of scrollbars
|
|
"WindowBG" "62 70 55 255" // background color of text edit panes (chat, text entries, etc.)
|
|
"SelectionBG" "149 136 49 255" // background color of any selected text or menu item
|
|
"SelectionBG2" "40 46 34 255" // selection background in window w/o focus
|
|
"ListBG" "62 70 55 255" // background of server browser, buddy list, etc.
|
|
|
|
// titlebar colors
|
|
"TitleText" "255 255 255 255"
|
|
"TitleDimText" "136 145 128 255"
|
|
"TitleBG" "76 88 68 0"
|
|
"TitleDimBG" "76 88 68 0"
|
|
|
|
// slider tick colors
|
|
"SliderTickColor" "127 140 127 255"
|
|
"SliderTrackColor" "31 31 31 255"
|
|
|
|
// border colors
|
|
"BorderBright" "136 145 128 255" // the lit side of a control
|
|
"BorderDark" "40 46 34 255" // the dark/unlit side of a control
|
|
"BorderSelection" "0 0 0 255" // the additional border color for displaying the default/selected button
|
|
|
|
// end of colours from TrackerScheme.res
|
|
|
|
NotificationBodyText="White"
|
|
|
|
// button state text colors
|
|
Normal="143 146 141 255"
|
|
Over="196 181 80 255" // same as Maize
|
|
Down="35 36 33 255"
|
|
|
|
// background colors
|
|
|
|
// titlebar colors
|
|
testColor="255 0 255 255"
|
|
TitleDimText="136 145 128 255"
|
|
TitleBG="TestColor"
|
|
TitleDimBG="TestColor"
|
|
|
|
// border colors
|
|
BorderBright="128 128 128 255" // the lit side of a control
|
|
BorderDark="40 46 34 255" // the dark/unlit side of a control
|
|
BorderSelection="0 0 0 255" // the additional border color for displaying the default/selected button
|
|
|
|
ButtonBorder="7 4 12 255"
|
|
|
|
ButtonBorderDisabled="53 53 55 255"
|
|
PageButtonBorderDisabled="79 80 79 255"
|
|
|
|
ButtonBorderCorner="45 46 47 255"
|
|
PageButtonBorderCorner="65 66 66 255"
|
|
|
|
ButtonBorderCornerSelected="160 154 100 255"
|
|
|
|
ButtonBorderCornerDisabled="61 61 62 255"
|
|
PageButtonBorderCornerDisabled="91 93 89 255"
|
|
|
|
PageTabBorder="116 116 116 255"
|
|
|
|
PageTabBorderCorner="93 93 93 255"
|
|
|
|
PageCheckButtonTextDisabled="40 46 34 255"
|
|
|
|
ScrollbarCorner="100 101 97 255"
|
|
|
|
PageComboboxCorner="50 49 53 255"
|
|
|
|
TextEntryCorner="45 44 48 255"
|
|
|
|
ListpanelBackground="37 37 37 255"
|
|
|
|
ListpanelCorner="76 76 76 255"
|
|
|
|
RichTextCorner="21 20 24 255"
|
|
|
|
MenuDivider="76 78 75 255"
|
|
|
|
GameslistFadingBG="61 66 61 255"
|
|
|
|
GameslistText="230 236 224 255"
|
|
|
|
DragDrop.DragFrame "255 255 255 192"
|
|
DragDrop.DropFrame "150 255 150 255"
|
|
|
|
Frame.ClientInsetX "10"
|
|
Frame.ClientInsetY "35"
|
|
Frame.FocusTransitionEffectTime "0" // time it takes for a window to fade in/out on focus/out of focus
|
|
Frame.TransitionEffectTime "0.0" // time it takes for a window to fade in/out on open/close
|
|
Frame.OnDragAlphaDelayTime "0.15" // time it takes after clicking the title bar of a window before the alpha multiplier kicks in
|
|
Frame.OnDragAlphaMultiplier "1.0" // multiplier applied to alpha while dragging a frame
|
|
Frame.AutoSnapRange "6"
|
|
Frame.UsesAlphaBlending "1"
|
|
FrameSystemButton.Icon "resource/icon_steam"
|
|
FrameSystemButton.DisabledIcon "resource/icon_steam_disabled"
|
|
|
|
Notifications.PanelPosition "BottomRight" // Can be "BottomRight", "BottomLeft", "TopRight", "TopLeft"
|
|
Notifications.PanelPosition "TopRight" [$OSX] // the dock is on the bottom for OSX, so instead pop top right like other apps do
|
|
Notifications.SlideDirection "Vertical" // Can be "Vertical", "Horizontal", "None" and controls slide effect
|
|
Notifications.FadeInTime "0.45" // Controls the time it takes to slide/fade into view
|
|
Notifications.FadeOutTime "0.45" // Controls the time it takes to slide/fade out of view
|
|
Notifications.DisplayTime "6.0" // Controls the length of time at steady state after fade in and before fade out
|
|
Notifications.StackSize "3" // Controls how many panels we will stack before background queuing
|
|
|
|
ListPanel.TextColor White
|
|
ListPanel.BgColor GrayBG
|
|
ListPanel.SelectedTextColor White
|
|
ListPanel.SelectedBgColor DarkGreenBG
|
|
ListPanel.SelectedOutOfFocusBgColor DarkGreenBG
|
|
ListPanel.DisabledTextColor LightGreenBG
|
|
ListPanel.DisabledSelectedTextColor DarkGreenBG
|
|
ListPanel.EmptyListInfoTextColor OffWhite
|
|
ListPanel.PerPixelScrolling "1"
|
|
ListPanel.PostSectionLeading "10"
|
|
|
|
// Default tooltip delay pops fast, but lets the mouse pass through without popping
|
|
// Anchor=Cursor makes it stick to initial pop location like windows implementation.
|
|
// Anchor can also be 'Float' to move with the mouse, or 'Parent' to stick just outside
|
|
// the parent panel (useful for icon sized items)
|
|
Tooltip.Delay=75
|
|
Tooltip.Anchor=Cursor
|
|
|
|
|
|
WizardPanel.HeaderBGColor GreenBG
|
|
|
|
Menu.TextInset "6"
|
|
|
|
PropertySheet.TransitionEffectTime "0" // time to change from one tab to another
|
|
PropertySheet.TabGap "3"
|
|
PropertySheet.FlashTabColor Maize
|
|
|
|
RichText.InsetX "6"
|
|
RichText.InsetY "6"
|
|
|
|
ScrollBar.Wide "19"
|
|
|
|
SectionedListPanel.CollapserWidth "16"
|
|
|
|
MessageBox.ButtonHeight 24
|
|
|
|
TextEntry.IMEBGColor "225 225 225 255"
|
|
TextEntry.IMEFGColor "Black"
|
|
|
|
|
|
// Friends List colors
|
|
Friends.InGameColor "176 249 80 255"
|
|
Friends.OnlineColor "142 202 254 255"
|
|
Friends.OfflineColor "152 157 155 255"
|
|
Friends.PanelDefault "58 58 58 255"
|
|
Friends.PanelOver "87 87 87 255"
|
|
Friends.PanelSelected "17 17 17 255"
|
|
Friends.SectionHeader "127 135 121 255"
|
|
Friends.NoAvatarOver "White"
|
|
Friends.IgnoredColor "248 108 79 255"
|
|
|
|
ChatDialog.URLColor "White"
|
|
ChatOwnTextColor "160 160 160 255"
|
|
ChatGradientTop "39 39 39 255"
|
|
ChatGradientBottom "102 104 99 255"
|
|
|
|
AchievementPopup.TitleColor "White"
|
|
AchievementPopup.DescriptionColor "180 180 180 255"
|
|
|
|
GiftOnlyInfo.ImagePanelColor "GrayBG"
|
|
|
|
HTML.SearchInsetY 5
|
|
HTML.SearchInsetX 10
|
|
HTML.SearchWide 348
|
|
HTML.SearchTall 38
|
|
HTML.SearchAnimationTime 0.25
|
|
|
|
HTML.IMEInsetY 5
|
|
HTML.IMEInsetX 10
|
|
HTML.IMEWide 348
|
|
HTML.IMETall 38
|
|
HTML.IMEAnimationTime 0.25
|
|
|
|
html.secureurl "126 166 75 255"
|
|
html.insecureurl "173 69 72 255"
|
|
|
|
}
|
|
|
|
styles
|
|
{
|
|
downarrow
|
|
{
|
|
image = "graphics/icon_down_default"
|
|
}
|
|
|
|
downarrow:hover
|
|
{
|
|
image = "graphics/icon_down_hover"
|
|
}
|
|
|
|
uparrow
|
|
{
|
|
image = "graphics/icon_up_default"
|
|
}
|
|
|
|
rightarrow
|
|
{
|
|
image = "graphics/icon_right_default"
|
|
}
|
|
|
|
rightarrow:hover
|
|
{
|
|
image = "graphics/icon_right_hover"
|
|
}
|
|
|
|
Button
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
inset = "4 0 0 0"
|
|
textcolor = White
|
|
render_bg {
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
Button:hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
Button:active
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
Button:focus
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 2, BorderBright )" // top
|
|
2="fill( x0, y1 - 2, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 2, y1, BorderBright )" // left
|
|
4"fill( x1 - 2, y0, x1, y1, BorderDark )" // right
|
|
5="fill( x0, y0, x1, y0 + 1, Black )" // top
|
|
6="fill( x0, y1 - 1, x1, y1, Black )" // bottom
|
|
7="fill( x0, y0, x0 + 1, y1 - 1, Black )" // left
|
|
8="fill( x1 - 1, y0, x1, y1, Black )" // right
|
|
|
|
9="fill( x0 + 2, y0 + 2, x1 - 2, y1 - 2, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
Button:focus:active
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
Button:disabled
|
|
{
|
|
textcolor = DisabledText2
|
|
shadowtextcolor = DisabledText1
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page Button"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
"Page Button:hover"
|
|
{
|
|
textcolor = White
|
|
}
|
|
"Page Button:active"
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page Button:focus"
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 2, BorderBright )" // top
|
|
2="fill( x0, y1 - 2, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 2, y1, BorderBright )" // left
|
|
4"fill( x1 - 2, y0, x1, y1, BorderDark )" // right
|
|
5="fill( x0, y0, x1, y0 + 1, Black )" // top
|
|
6="fill( x0, y1 - 1, x1, y1, Black )" // bottom
|
|
7="fill( x0, y0, x0 + 1, y1 - 1, Black )" // left
|
|
8="fill( x1 - 1, y0, x1, y1, Black )" // right
|
|
|
|
9="fill( x0 + 2, y0 + 2, x1 - 2, y1 - 2, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page Button:focus:active"
|
|
{
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page Button:disabled"
|
|
{
|
|
textcolor = DisabledText2
|
|
shadowtextcolor = DisabledText1
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
|
|
CFriendsListSectionAffordance
|
|
{
|
|
inset = "0 0 0 0"
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
}
|
|
|
|
CFriendsListSectionHeader
|
|
{
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
inset = "0 2 0 0"
|
|
}
|
|
|
|
CFriendPanel
|
|
{
|
|
inset = "0 2 0 0"
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
}
|
|
|
|
CheckButton
|
|
{
|
|
font-family = basefont
|
|
font-size=14
|
|
image = "Graphics/chkUnselStd"
|
|
textcolor=White
|
|
}
|
|
CheckButton:hover
|
|
{
|
|
textcolor = Over
|
|
image = "Graphics/chkUnselStd"
|
|
}
|
|
CheckButton:selected
|
|
{
|
|
image = "Graphics/chkSelStd"
|
|
}
|
|
CheckButton:focus
|
|
{
|
|
textcolor = Over
|
|
image = "Graphics/chkUnselFocus"
|
|
}
|
|
CheckButton:selected:focus
|
|
{
|
|
image = "Graphics/chkSelFocus"
|
|
}
|
|
CheckButton:disabled
|
|
{
|
|
textcolor = "DisabledText1"
|
|
image = "Graphics/chkUnselDis"
|
|
}
|
|
CheckButton:selected:disabled
|
|
{
|
|
textcolor = "DisabledText1"
|
|
image = "Graphics/chkSelDis"
|
|
}
|
|
|
|
CheckButtonList
|
|
{
|
|
inset="1 1 1 1"
|
|
textcolor="text2"
|
|
bgcolor=none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0 + 1, y0, x1 - 1, y0 + 2, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1 - 1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
|
|
}
|
|
CheckButtonList:scrollbar {}
|
|
|
|
"Page CheckButtonList"
|
|
{
|
|
inset = "1 1 1 1"
|
|
textcolor = text2
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
}
|
|
"Page CheckButtonList:scrollbar" {}
|
|
|
|
"CheckbuttonList Checkbutton"
|
|
{
|
|
textcolor = White
|
|
}
|
|
"CheckbuttonList Checkbutton:selected"
|
|
{
|
|
textcolor = Over
|
|
}
|
|
|
|
ComboBox
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
inset = "3 0 0 0"
|
|
textcolor = White
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
ComboBox:hover
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
selectedbgcolor = MaizeBG
|
|
selectedtextcolor = White
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
ComboBox:focus
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
selectedbgcolor = MaizeBG
|
|
selectedtextcolor = White
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
ComboBox:focus:hover
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
selectedbgcolor = MaizeBG
|
|
selectedtextcolor = White
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
"Page ComboBox"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
"Page ComboBox:focus"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
"Page ComboBox:hover"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
"Page ComboBox:focus:hover"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
ComboBoxButton
|
|
{
|
|
bgcolor = none
|
|
image="graphics/icon_down_default"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
ComboBoxButton:hover
|
|
{
|
|
bgcolor=none
|
|
image = "graphics/icon_down_hover"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
ComboBoxButton:focus
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_focus"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
ComboBoxButton:focus:hover
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_default"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
|
|
"Page ComboBoxButton"
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_default"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
"Page ComboBoxButton:hover"
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_hover"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
"Page ComboBoxButton:focus"
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_focus"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
"Page ComboBoxButton:focus:hover"
|
|
{
|
|
bgcolor = none
|
|
image = "graphics/icon_down_focus"
|
|
// just draw a single line to divide it from the text
|
|
render_bg {}
|
|
}
|
|
|
|
Divider
|
|
{
|
|
bgcolor = none
|
|
render
|
|
{
|
|
0="fill( x0, y1 - 1, x1, y1, BorderDark )" //top
|
|
1="fill( x0, y1, x1, y1 + 1, BorderBright )" //bottom
|
|
}
|
|
}
|
|
|
|
Frame
|
|
{
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
Frame:FrameFocus
|
|
{
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
FrameBRGripPanel
|
|
{
|
|
image = "Graphics/resizer"
|
|
inset = "0 0 0 0"
|
|
}
|
|
FrameBRGripPanel:hover
|
|
{
|
|
image = "Graphics/resizer"
|
|
inset = "0 0 0 0"
|
|
}
|
|
|
|
FrameMinimizeButton
|
|
{
|
|
image = "Graphics/Window-Min"
|
|
inset = "-1 12 7 -2"
|
|
}
|
|
FrameMinimizeButton:active
|
|
{
|
|
image = "Graphics/Window-Min"
|
|
inset = "-1 12 7 -2"
|
|
}
|
|
|
|
FrameMaximizeButton
|
|
{
|
|
image = "Graphics/Window-Max"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
FrameMaximizeButton:active
|
|
{
|
|
image = "Graphics/Window-Max"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
|
|
FrameRestoreButton
|
|
{
|
|
image = "Graphics/Window-Restore"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
FrameRestoreButton:active
|
|
{
|
|
image = "Graphics/Window-Restore"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
|
|
FrameCloseButton
|
|
{
|
|
image = "Graphics/Window-Close"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
FrameCloseButton:active
|
|
{
|
|
image = "Graphics/Window-Close"
|
|
inset = "0 5 4 -2"
|
|
}
|
|
|
|
FrameMinimizeButton:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Min"
|
|
inset = "-1 12 7 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
FrameMinimizeButton:active:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Min"
|
|
inset = "-1 12 7 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
FrameMaximizeButton:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Max"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
FrameMaximizeButton:active:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Max"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
FrameRestoreButton:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Restore"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
FrameRestoreButton:active:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Restore"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
FrameCloseButton:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Close"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
FrameCloseButton:active:FrameFocus
|
|
{
|
|
image = "Graphics/Window-Close"
|
|
inset = "0 5 4 -2"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
FrameTitle {
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
padding-left = 0
|
|
padding-right = 64
|
|
textcolor = TitleDimText
|
|
inset = "22 8 0 4"
|
|
render_bg
|
|
{
|
|
1="image( x0 + 7, y0 + 8, x1, y1, resource/icon_steam_disabled )" // inside
|
|
}
|
|
}
|
|
|
|
FrameTitle:FrameFocus
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
padding-left = 0
|
|
padding-right = 64
|
|
textcolor = White
|
|
inset = "22 8 0 4"
|
|
render_bg
|
|
{
|
|
1="image( x0 + 7, y0 + 8, x1, y1, resource/icon_steam )" // inside
|
|
}
|
|
}
|
|
|
|
"CFriendsDialog SectionedListPanelInterior"
|
|
{
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
selectedbgcolor = BorderDark
|
|
shadowtextcolor = TextDisabled // the color of disabled line items
|
|
}
|
|
|
|
GraphPanel
|
|
{
|
|
textcolor = Over
|
|
bgcolor = DarkGreenBG
|
|
inset = "0 -3 0 0"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
HTML
|
|
{
|
|
bgcolor = none
|
|
inset = "1 1 1 1"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0, y0, x1 - 1, y1- 1, DarkGreenBG )" // bg
|
|
}
|
|
}
|
|
|
|
Label
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = Label
|
|
selectedtextcolor = Text
|
|
}
|
|
|
|
ListPanel
|
|
{
|
|
font-family = basefont
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
inset = "0 0 0 0"
|
|
bgcolor = none
|
|
selectedbgcolor = BorderDark
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page ListPanel"
|
|
{
|
|
inset = "0 0 0 0"
|
|
bgcolor = none
|
|
selectedbgcolor = BorderDark
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"CGamesListPanel"
|
|
{
|
|
inset = "0 0 0 0"
|
|
bgcolor = DarkGreenBG
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
selectedbgcolor = BorderDark
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
"GameItem_Uninstalled"
|
|
{
|
|
textcolor = DimListText
|
|
selectedtextcolor = DimListText
|
|
}
|
|
"GameItem_Uninstalled:hover"
|
|
{
|
|
textcolor = DimListText
|
|
selectedtextcolor = DimListText
|
|
}
|
|
|
|
"GameItem_Installed"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Installed:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Shortcut"
|
|
{
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Shortcut:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Mod"
|
|
{
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Mod:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Updating"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Updating:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Updating:selected"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Decrypting"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Decrypting:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Decrypting:selected"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Syncing"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
"GameItem_Syncing:hover"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
"GameItem_Syncing:selected"
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
|
|
"GameColumn_BigText"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 700
|
|
textcolor = text
|
|
}
|
|
|
|
ListPanelCheckBox
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
image = "graphics/chkUnselStd_Sm"
|
|
inset = "4 0 0 0"
|
|
}
|
|
ListPanelCheckBox:focus
|
|
{
|
|
textcolor = Text
|
|
bgcolor = none
|
|
image = "graphics/chkUnselFocus_Sm"
|
|
}
|
|
|
|
ListPanelCheckBox:selected
|
|
{
|
|
image = "graphics/chkSelStd_Sm"
|
|
}
|
|
ListPanelCheckBox:selected:focus
|
|
{
|
|
textcolor = Text
|
|
bgcolor = none
|
|
image = "graphics/chkSelFocus_Sm"
|
|
}
|
|
|
|
ListPanelCheckBox:disabled
|
|
{
|
|
textcolor = TextDisabled
|
|
bgcolor = none
|
|
image = "graphics/chkUnselDis_Sm"
|
|
}
|
|
ListPanelCheckBox:disabled:select
|
|
{
|
|
textcolor = TextDisabled
|
|
bgcolor = none
|
|
//!! bug - this needs to look disabled
|
|
image = "graphics/chkUnselDis"
|
|
}
|
|
|
|
"ListPanelColumnheader ListPanelCheckBox"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 15 [$OSX]
|
|
font-weight = 100
|
|
textcolor = White
|
|
image = "graphics/chkUnSelFocus_Sm"
|
|
inset = "5 0 0 0"
|
|
}
|
|
"ListPanelColumnheader ListPanelCheckBox:focus"
|
|
{
|
|
image = "graphics/chkUnSelFocus_Sm"
|
|
}
|
|
|
|
"ListPanelColumnHeader ListPanelCheckBox:selected"
|
|
{
|
|
textcolor = White
|
|
bgcolor = none
|
|
image = "graphics/chkUnSelStd_Sm"
|
|
}
|
|
"ListPanelColumnheader ListPanelCheckBox:selected:focus"
|
|
{
|
|
image="graphics/chkSelFocus_Sm"
|
|
}
|
|
|
|
ListPanelColumnheader
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 15 [$OSX]
|
|
font-weight = 100
|
|
textcolor = White
|
|
bgcolor = none
|
|
inset = "1 0 0 0"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 2, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
ListPanelColumnHeader:hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
"Csteamrootdialog ListPanelColumnheader"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 15 [$OSX]
|
|
font-weight = 100
|
|
textcolor = White
|
|
font-style = uppercase
|
|
bgcolor = none
|
|
inset = "0 0 0 0"
|
|
padding-top = 1
|
|
}
|
|
"Csteamrootdialog ListPanelColumnHeader:hover"
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
"Csteamrootdialog ListPanelSectionCollapser"
|
|
{
|
|
inset = "0 0 0 0"
|
|
bgcolor = none
|
|
render_bg {}
|
|
}
|
|
|
|
"CGamesPage_Mini ListPanelSectionCollapser"
|
|
{
|
|
inset = "0 0 0 0"
|
|
bgcolor = none
|
|
render_bg {}
|
|
}
|
|
|
|
ListPanelColumnSelectButton // the games list column chooser
|
|
{
|
|
inset="2 2 1 0"
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand )"
|
|
}
|
|
}
|
|
ListPanelColumnSelectButton:hover
|
|
{
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand_over )"
|
|
}
|
|
}
|
|
ListPanelColumnSelectButton:selected
|
|
{
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand_over )"
|
|
}
|
|
}
|
|
|
|
"CGamesListPanel ListPanelColumnSelectButton"
|
|
{
|
|
inset = "0 0 0 0"
|
|
bgcolor = none
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand )"
|
|
}
|
|
}
|
|
"CGamesListPanel ListPanelColumnSelectButton:hover"
|
|
{
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand_over )"
|
|
}
|
|
}
|
|
"CGamesListPanel ListPanelColumnSelectButton:selected"
|
|
{
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0 + 1, y1 - 1, x1 - 1, y1 + 2, GreenBG )" // bottom
|
|
3="fill( x0, y0 + 1, x0 + 1, y1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0 + 1, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
|
|
6="image( x0 + 6, y0 + 6, x1, y1, graphics/icon_expand_over )"
|
|
}
|
|
}
|
|
|
|
ListPanelDragger
|
|
{
|
|
bgcolor="none"
|
|
}
|
|
|
|
ListPanelInterior
|
|
{
|
|
inset = "0 0 0 1"
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
bgcolor = none
|
|
}
|
|
ListPanelInterior:scrollbar
|
|
{
|
|
}
|
|
|
|
"CSteamRootDialog ListPanel"
|
|
{
|
|
inset = "0 0 0 1"
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
bgcolor = none
|
|
}
|
|
|
|
"Csteamrootdialog ListPanelInterior"
|
|
{
|
|
inset = "0 0 0 1"
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
bgcolor = none
|
|
}
|
|
"Csteamrootdialog ListPanelInterior:scrollbar"
|
|
{
|
|
}
|
|
|
|
"Page ListPanelInterior"
|
|
{
|
|
inset = "0 0 0 1"
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
bgcolor = none
|
|
}
|
|
"Page ListPanelInterior:scrollbar"
|
|
{
|
|
}
|
|
|
|
ListPanelSectionHeader
|
|
{
|
|
inset = "0 0 0 0"
|
|
textcolor = Over
|
|
bgcolor = none
|
|
}
|
|
ListPanelSectionHeader:hover
|
|
{
|
|
textcolor = Over
|
|
}
|
|
|
|
"ListPanel RichText"
|
|
{
|
|
textcolor = Text
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
bgcolor = none
|
|
render_bg {}
|
|
}
|
|
|
|
"ListPanel RichText url"
|
|
{
|
|
textcolor = Text
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-style = underline
|
|
}
|
|
|
|
"ListPanel RichTextInterior"
|
|
{
|
|
bgcolor=none
|
|
render_bg {}
|
|
}
|
|
|
|
ListPanelSectionCollapser [!$OSX]
|
|
{
|
|
bgcolor = none
|
|
inset = "-4 0 0 0"
|
|
padding-top = -2
|
|
padding-bottom = -2
|
|
image = "graphics/icon_expand"
|
|
}
|
|
|
|
ListPanelSectionCollapser:hover [!$OSX]
|
|
{
|
|
image = "graphics/icon_expand_over"
|
|
}
|
|
|
|
ListPanelSectionCollapser:selected [!$OSX]
|
|
{
|
|
image = "graphics/icon_collapse"
|
|
}
|
|
|
|
ListPanelSectionCollapser:selected:hover [!$OSX]
|
|
{
|
|
image = "graphics/icon_collapse_over"
|
|
}
|
|
|
|
MainNav
|
|
{
|
|
textcolor = White
|
|
selectedtextcolor = Text
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 21
|
|
font-weight = 700
|
|
font-style = uppercase
|
|
}
|
|
|
|
Menu
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
inset = "1 0 1 1"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, LightGreenBG )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, LightGreenBG )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1, LightGreenBG )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, LightGreenBG )" // right
|
|
}
|
|
}
|
|
|
|
MenuBar {}
|
|
|
|
"Page MenuBar" {}
|
|
|
|
"MenuBar MenuButton"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = TitleDimText
|
|
padding-right = -2
|
|
inset = "1 0 1 0"
|
|
}
|
|
"MenuBar MenuButton:frameFocus"
|
|
{
|
|
textcolor = White
|
|
}
|
|
"MenuBar MenuButton:frameFocus:hover"
|
|
{
|
|
textcolor = White
|
|
}
|
|
"MenuBar MenuButton:frameFocus:selected"
|
|
{
|
|
textcolor = Over
|
|
}
|
|
|
|
MenuButton
|
|
{
|
|
textcolor = White
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
}
|
|
MenuButton:hover
|
|
{
|
|
textcolor = Over
|
|
}
|
|
MenuButton:selected
|
|
{
|
|
textcolor = Over
|
|
}
|
|
|
|
MenuSeparator
|
|
{
|
|
padding-right = 3
|
|
render_bg
|
|
{
|
|
1="fill( x0 , y0 + 1, x1, y1 - 1, MenuDivider )"
|
|
}
|
|
}
|
|
|
|
MenuItem
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
}
|
|
|
|
MenuItem:hover
|
|
{
|
|
bgcolor = MaizeBG
|
|
}
|
|
|
|
MenuItem:disabled
|
|
{
|
|
textcolor = DisabledText1
|
|
}
|
|
|
|
Notification
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
Page
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"CSteamRootDialog Page"
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page RadioButtonList"
|
|
{
|
|
bgcolor = GreenBG
|
|
}
|
|
|
|
PageTab
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, GreenBG )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
PageTab:selected
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = Over
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0 + 1, y1 - 1, x1 - 1, y1 + 2, GreenBG )" // bottom
|
|
3="fill( x0, y0 + 1, x0 + 1, y1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0 + 1, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"PageDragFrame PageTab"
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
}
|
|
|
|
TabCloseButton
|
|
{
|
|
image = "Graphics/Window-Close"
|
|
inset = "-6 0 0 0"
|
|
render_bg {}
|
|
}
|
|
|
|
Panel
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
bgcolor = none
|
|
}
|
|
|
|
ProgressBar
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
textcolor = Over
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
"Page ProgressBar"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
textcolor = Over
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
PropertyPage
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
}
|
|
|
|
"CFriendsDialog PropertySheet"
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
}
|
|
|
|
RadioButton
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-family = basefont
|
|
textcolor = White
|
|
image = "Graphics/radUnselStd"
|
|
}
|
|
RadioButton:selected
|
|
{
|
|
image = "Graphics/radSelStd"
|
|
}
|
|
RadioButton:focus
|
|
{
|
|
textcolor = White
|
|
image = "Graphics/radSelFocus"
|
|
}
|
|
RadioButton:selected:focus
|
|
{
|
|
textcolor = Over
|
|
image = "Graphics/radSelFocus"
|
|
}
|
|
RadioButton:disabled
|
|
{
|
|
textcolor = DisabledText1
|
|
image = "Graphics/radUnselDis"
|
|
}
|
|
RadioButton:selected:disabled
|
|
{
|
|
image = "Graphics/radSelDis"
|
|
}
|
|
|
|
RadioButtonList
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
inset = "-2 0 0 0"
|
|
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
RichText
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
inset = "0 0 0 0"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
RichTextInterior {}
|
|
|
|
// style of links in a rich text control
|
|
"RichText url"
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
font-style = underline
|
|
}
|
|
|
|
"RichText url:hover"
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
|
|
"CFriendPanel RichText URL"
|
|
{
|
|
textcolor = White
|
|
font-style = underline
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
}
|
|
|
|
// style of bold text in a rich text control
|
|
"RichText bold"
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 1000
|
|
}
|
|
|
|
"RichText emphasis"
|
|
{
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-style = italic
|
|
}
|
|
|
|
Scrollbar
|
|
{
|
|
bgcolor = none
|
|
inset = "0 0 3 1"
|
|
}
|
|
|
|
Scrollbar.Horizontal
|
|
{
|
|
bgcolor = none
|
|
inset = "0 1 1 3"
|
|
}
|
|
|
|
ScrollBarButton.up
|
|
{
|
|
inset = "-1 2 0 0"
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Up Arrow
|
|
10="fill( x0 + 8, y0 + 6, x0 + 9, y0 + 7, Label )"
|
|
11="fill( x0 + 7, y0 + 7, x0 + 10, y0 + 8, Label )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, Label )"
|
|
13="fill( x0 + 5, y0 + 9, x0 + 12, y0 + 10, Label )"
|
|
}
|
|
}
|
|
ScrollBarButton.up:hover
|
|
{
|
|
inset = "-1 2 0 0"
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Up Arrow
|
|
10="fill( x0 + 8, y0 + 6, x0 + 9, y0 + 7, White )"
|
|
11="fill( x0 + 7, y0 + 7, x0 + 10, y0 + 8, White )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, White )"
|
|
13="fill( x0 + 5, y0 + 9, x0 + 12, y0 + 10, White )"
|
|
}
|
|
}
|
|
Scrollbarbutton.up:active
|
|
{
|
|
inset = "-1 2 0 0"
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
//Up Arrow
|
|
10="fill( x0 + 8, y0 + 6, x0 + 9, y0 + 7, White )"
|
|
11="fill( x0 + 7, y0 + 7, x0 + 10, y0 + 8, White )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, White )"
|
|
13="fill( x0 + 5, y0 + 9, x0 + 12, y0 + 10, White )"
|
|
}
|
|
}
|
|
|
|
Scrollbarbutton.down
|
|
{
|
|
inset = "-2 0 0 0"
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Down Arrow
|
|
10="fill( x0 + 8, y0 + 10, x0 + 9, y0 + 11, Label )"
|
|
11="fill( x0 + 7, y0 + 9, x0 + 10, y0 + 10, Label )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, Label )"
|
|
13="fill( x0 + 5, y0 + 7, x0 + 12, y0 + 8, Label )"
|
|
}
|
|
}
|
|
Scrollbarbutton.down:hover
|
|
{
|
|
|
|
inset = "-2 0 0 0"
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Down Arrow
|
|
10="fill( x0 + 8, y0 + 10, x0 + 9, y0 + 11, White )"
|
|
11="fill( x0 + 7, y0 + 9, x0 + 10, y0 + 10, White )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, White )"
|
|
13="fill( x0 + 5, y0 + 7, x0 + 12, y0 + 8, White )"
|
|
}
|
|
}
|
|
Scrollbarbutton.down:active
|
|
{
|
|
inset = "-2 0 0 0"
|
|
bgcolor=GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
//Down Arrow
|
|
10="fill( x0 + 8, y0 + 10, x0 + 9, y0 + 11, White )"
|
|
11="fill( x0 + 7, y0 + 9, x0 + 10, y0 + 10, White )"
|
|
12="fill( x0 + 6, y0 + 8, x0 + 11, y0 + 9, White )"
|
|
13="fill( x0 + 5, y0 + 7, x0 + 12, y0 + 8, White )"
|
|
}
|
|
}
|
|
|
|
Scrollbarbutton.left
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Left Arrow
|
|
10="fill( x0 + 9, y0 + 4, x0 + 10, y0 + 11, Label )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, Label )"
|
|
12="fill( x0 + 7, y0 + 6, x0 + 8, y0 + 9, Label )"
|
|
13="fill( x0 + 6, y0 + 7, x0 + 7, y0 + 8, Label )"
|
|
}
|
|
}
|
|
Scrollbarbutton.left:hover
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Left Arrow
|
|
10="fill( x0 + 9, y0 + 4, x0 + 10, y0 + 11, White )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, White )"
|
|
12="fill( x0 + 7, y0 + 6, x0 + 8, y0 + 9, White )"
|
|
13="fill( x0 + 6, y0 + 7, x0 + 7, y0 + 8, White )"
|
|
}
|
|
}
|
|
Scrollbarbutton.left:active
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
//Left Arrow
|
|
10="fill( x0 + 9, y0 + 4, x0 + 10, y0 + 11, White )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, White )"
|
|
12="fill( x0 + 7, y0 + 6, x0 + 8, y0 + 9, White )"
|
|
13="fill( x0 + 6, y0 + 7, x0 + 7, y0 + 8, White )"
|
|
}
|
|
}
|
|
|
|
Scrollbarbutton.right
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Right Arrow
|
|
10="fill( x0 + 7, y0 + 4, x0 + 8, y0 + 11, Label )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, Label )"
|
|
12="fill( x0 + 9, y0 + 6, x0 + 10, y0 + 9, Label )"
|
|
13="fill( x0 + 10, y0 + 7, x0 + 11, y0 + 8, Label )"
|
|
}
|
|
}
|
|
Scrollbarbutton.right:hover
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
//Right Arrow
|
|
10="fill( x0 + 7, y0 + 4, x0 + 8, y0 + 11, White )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, White )"
|
|
12="fill( x0 + 9, y0 + 6, x0 + 10, y0 + 9, White )"
|
|
13="fill( x0 + 10, y0 + 7, x0 + 11, y0 + 8, White )"
|
|
}
|
|
}
|
|
Scrollbarbutton.right:active
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
//Right Arrow
|
|
10="fill( x0 + 7, y0 + 4, x0 + 8, y0 + 11, White )"
|
|
11="fill( x0 + 8, y0 + 5, x0 + 9, y0 + 10, White )"
|
|
12="fill( x0 + 9, y0 + 6, x0 + 10, y0 + 9, White )"
|
|
13="fill( x0 + 10, y0 + 7, x0 + 11, y0 + 8, White )"
|
|
}
|
|
}
|
|
|
|
ScrollBarHandle
|
|
{
|
|
bgcolor = GreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
"SliderHoriz" //horizontal scrollbar thumb
|
|
{
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
"SliderHoriz:hover"
|
|
{
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
"SliderHoriz:active"
|
|
{
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
ScrollBarSlider // gutter
|
|
{
|
|
bgcolor = LightGreenBG
|
|
render_bg
|
|
{
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
ScrollBarSliderHoriz // gutter
|
|
{
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"GamesPage_Details ListPanel ScrollBarSlider" // gutter in games list detail view
|
|
{
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightGreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
ScrollBarSlider:disabled
|
|
{
|
|
bgcolor = none
|
|
render_bg {}
|
|
}
|
|
|
|
SectionedListPanel
|
|
{
|
|
bgcolor = none
|
|
inset = "0 0 0 0"
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
bgcolor = none
|
|
}
|
|
|
|
"CFriendsDialog SectionedListPanel"
|
|
{
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
}
|
|
|
|
SectionedlistpanelCollapser
|
|
{
|
|
bgcolor = none
|
|
inset = "0 0 0 0"
|
|
image = "graphics/icon_expand"
|
|
render_bg {}
|
|
}
|
|
SectionedListPanelCollapser:hover
|
|
{
|
|
image = "graphics/icon_expand_over"
|
|
}
|
|
SectionedListPanelCollapser:selected
|
|
{
|
|
image = "graphics/icon_collapse"
|
|
}
|
|
SectionedListPanelCollapser:selected:hover
|
|
{
|
|
image = "graphics/icon_collapse_over"
|
|
}
|
|
|
|
Slider
|
|
{
|
|
font-family = basefont
|
|
font-size = 10
|
|
font-weight = 400
|
|
textcolor = Label
|
|
font-style = uppercase
|
|
}
|
|
Slider:focus
|
|
{
|
|
textcolor = Text
|
|
}
|
|
|
|
StatusLabel
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = Label
|
|
font-style = uppercase
|
|
}
|
|
StatusLabel:hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
|
|
TextEntry
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
bgcolor = DarkGreenBG
|
|
textcolor = White
|
|
inset = "4 0 4 0"
|
|
selectedbgcolor = MaizeBG
|
|
selectedtextcolor="White"
|
|
shadowtextcolor = White
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
TextEntry:focus
|
|
{
|
|
textcolor = White
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
TextEntry:disabled
|
|
{
|
|
bgcolor = GreenBG
|
|
textcolor = DisabledText1
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
// The 'empty' style is used for 'hint text' in text entry fields.
|
|
// If the text box does not have focus and does not have content, a
|
|
// hint text property will be shown with this style. This is comment
|
|
// to pre-fill to box with something like 'Search' that goes away when active
|
|
TextEntry:empty
|
|
{
|
|
font-style = italic
|
|
textcolor = Label
|
|
}
|
|
|
|
"Page TextEntry"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
selectedtextcolor = White
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
"Page TextEntry:focus"
|
|
{
|
|
textcolor = White
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
TextEntryLarge
|
|
{
|
|
font-family = basefont
|
|
font-size = 18
|
|
textcolor = White
|
|
inset = "4 0 8 0"
|
|
font-weight = 400
|
|
bgcolor = DarkGreenBG
|
|
selectedbgcolor = MaizeBG
|
|
shadowtextcolor = White
|
|
shadowtextcolor = Text // this is the cursor color
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
TextEntryLarge:focus
|
|
{
|
|
textcolor = White
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
TextEntryLarge:disabled
|
|
{
|
|
textcolor = DisabledText1
|
|
bgcolor = GreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
TextEntryURL
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = text
|
|
font-weight = 400
|
|
bgcolor = none
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
shadowtextcolor = Text // this is the cursor color
|
|
inset-left = 0
|
|
inset-top = -1
|
|
}
|
|
TextEntryURL:Hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
ToggleButton
|
|
{
|
|
inset = "1 0 0 0"
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0 + 1, y0, x1 - 1, y0 + 2, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1 - 1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
ToggleButton:focus {}
|
|
ToggleButton:hover {}
|
|
ToggleButton:selected
|
|
{
|
|
textcolor = Over
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
"Page ToggleButton"
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
textcolor = White
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
"Page ToggleButton:hover" {}
|
|
"Page ToggleButton:focus" {}
|
|
"Page ToggleButton:selected"
|
|
{
|
|
textcolor = Over
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
|
|
5="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, GreenBG )" // inside
|
|
}
|
|
}
|
|
|
|
// the background and frame of a tooltip
|
|
TooltipWindow
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, LightGreenBG )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, LightGreenBG )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, LightGreenBG )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, LightGreenBG )" // right
|
|
}
|
|
}
|
|
|
|
// body text inside a tooltip
|
|
"TooltipWindow Label"
|
|
{
|
|
padding-left = 4
|
|
textcolor = White
|
|
}
|
|
|
|
// headline text inside a tooltip
|
|
tooltip_headline
|
|
{
|
|
textcolor = White
|
|
padding-left = 4
|
|
padding-top = 1
|
|
padding-bottom = 0
|
|
font-weight = 1000
|
|
}
|
|
|
|
TreeNode {}
|
|
|
|
TreeNodeImage {}
|
|
|
|
TreeNodeText
|
|
{
|
|
font-family = basefont
|
|
font-size = 13
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
selectedbgcolor = BorderDark
|
|
bgcolor = none
|
|
}
|
|
|
|
TreeView {}
|
|
|
|
TreeViewSubPanel
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
// 2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
// 4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
}
|
|
|
|
URLLabel
|
|
{
|
|
textcolor = Label
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
font-style = underlined
|
|
}
|
|
URLLabel:Hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
URLLabelSimple
|
|
{
|
|
textcolor = Label
|
|
bgcolor = none
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 400
|
|
font-style = underlined
|
|
}
|
|
URLLabelSimple:Hover
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
// Steam-specific styles
|
|
|
|
GameColumnHeaderFavorites
|
|
{
|
|
image = "steam/cached/fav_remove"
|
|
}
|
|
|
|
CGamesListFavoritesToggle
|
|
{
|
|
image = "steam/cached/fav_addTo"
|
|
}
|
|
|
|
CGamesListFavoritesToggle:hover
|
|
{
|
|
image = "steam/cached/fav_addTo_ovr"
|
|
}
|
|
|
|
CGamesListFavoritesToggle:selected
|
|
{
|
|
image = "steam/cached/fav_remove"
|
|
}
|
|
|
|
CGamesListFavoritesToggle:selected:hover
|
|
{
|
|
image = "steam/cached/fav_remove_ovr"
|
|
}
|
|
|
|
WrapPanel
|
|
{
|
|
inset = "1 -1 1 1"
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-weight = 400
|
|
textcolor = Text
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
1="fill( x0, y0 + 240, x1, y1, GreenBG )"
|
|
}
|
|
}
|
|
|
|
FullscreenButton
|
|
{
|
|
inset = "-2 0 2 0"
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
image="graphics/icon_controller_bpm"
|
|
}
|
|
FullscreenButton:hover
|
|
{
|
|
image="graphics/icon_controller_bpm_over"
|
|
}
|
|
FullscreenButton:active
|
|
{
|
|
inset="-2 0 2 0"
|
|
bgcolor=none
|
|
render_bg=
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
image="graphics/icon_controller_bpm_down"
|
|
}
|
|
FullscreenButton:disabled
|
|
{
|
|
image="graphics/icon_controller_bpm_disabled"
|
|
}
|
|
|
|
VRButton
|
|
{
|
|
inset = "-2 0 2 0"
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
image="graphics/icon_vr"
|
|
}
|
|
VRButton:hover
|
|
{
|
|
image="graphics/icon_vr_over"
|
|
}
|
|
VRButton:active
|
|
{
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
image="graphics/icon_vr_down"
|
|
}
|
|
VRButton:disabled
|
|
{
|
|
image="graphics/icon_vr_disabled"
|
|
}
|
|
|
|
VRButtonExit
|
|
{
|
|
inset = "-2 0 2 0"
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
image="graphics/icon_vr_happy"
|
|
}
|
|
VRButtonExit:hover
|
|
{
|
|
image="graphics/icon_vr_happy_over"
|
|
}
|
|
VRButtonExit:active
|
|
{
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderDark )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderBright )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1 - 1, BorderDark )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderBright )" // right
|
|
}
|
|
image="graphics/icon_vr_happy_down"
|
|
}
|
|
VRButtonExit:disabled
|
|
{
|
|
image="graphics/icon_vr_disabled"
|
|
}
|
|
|
|
BackButton
|
|
{
|
|
bgcolor = none
|
|
inset = "0 0 0 0"
|
|
image = "graphics/icon_button_back"
|
|
render_bg {}
|
|
}
|
|
BackButton:hover
|
|
{
|
|
image = "graphics/icon_button_back_over"
|
|
}
|
|
BackButton:active
|
|
{
|
|
image = "graphics/icon_button_back_down"
|
|
}
|
|
BackButton:disabled
|
|
{
|
|
image = "graphics/icon_button_back_disabled"
|
|
}
|
|
|
|
ForwardButton
|
|
{
|
|
bgcolor = none
|
|
inset = "1 0 -1 0"
|
|
image = "graphics/icon_button_forward"
|
|
render_bg {}
|
|
}
|
|
ForwardButton:hover
|
|
{
|
|
image = "graphics/icon_button_forward_over"
|
|
}
|
|
ForwardButton:active
|
|
{
|
|
image = "graphics/icon_button_forward_down"
|
|
}
|
|
ForwardButton:disabled
|
|
{
|
|
image = "graphics/icon_button_forward_disabled"
|
|
}
|
|
|
|
HomeButton
|
|
{
|
|
bgcolor = none
|
|
inset = "-5 0 0 0"
|
|
image = "graphics/icon_button_home"
|
|
render_bg {}
|
|
}
|
|
HomeButton:hover
|
|
{
|
|
image = "graphics/icon_button_home_over"
|
|
}
|
|
HomeButton:active
|
|
{
|
|
image = "graphics/icon_button_home_down"
|
|
}
|
|
HomeButton:disabled
|
|
{
|
|
image = "graphics/icon_button_home_disabled"
|
|
}
|
|
|
|
ReloadButton
|
|
{
|
|
bgcolor = none
|
|
inset = "1 0 -1 0"
|
|
image = "graphics/icon_button_reload"
|
|
render_bg {}
|
|
}
|
|
ReloadButton:hover
|
|
{
|
|
image = "graphics/icon_button_reload_over"
|
|
}
|
|
ReloadButton:active
|
|
{
|
|
image = "graphics/icon_button_reload_down"
|
|
}
|
|
ReloadButton:disabled
|
|
{
|
|
image = "graphics/icon_button_reload_disabled"
|
|
}
|
|
|
|
StopButton
|
|
{
|
|
bgcolor = none
|
|
inset = "1 0 -1 0"
|
|
image = "graphics/icon_button_stop"
|
|
render_bg {}
|
|
}
|
|
StopButton:hover
|
|
{
|
|
image = "graphics/icon_button_stop_over"
|
|
}
|
|
StopButton:active
|
|
{
|
|
image = "graphics/icon_button_stop_down"
|
|
}
|
|
StopButton:disabled
|
|
{
|
|
image = "graphics/icon_button_stop_disabled"
|
|
}
|
|
|
|
gamedetails-headerlabel
|
|
{
|
|
font-size = 17
|
|
font-style = normal
|
|
font-family = basefont
|
|
font-weight = 700
|
|
textcolor = Text
|
|
font-style = uppercase
|
|
}
|
|
gamedetails-headerlabel-red
|
|
{
|
|
font-size = 17
|
|
font-style = normal
|
|
font-family = basefont
|
|
font-weight = 700
|
|
textcolor = GameDetailsRed
|
|
font-style = uppercase
|
|
}
|
|
gamedetails-headerlabel-green
|
|
{
|
|
font-size = 17
|
|
font-style = normal
|
|
textcolor = GameDetailsGreen
|
|
font-family = basefont
|
|
font-weight = 700
|
|
font-style = uppercase
|
|
}
|
|
gamedetails-headerlabel-blue
|
|
{
|
|
font-size = 17
|
|
font-style = normal
|
|
textcolor = GameDetailsBlue
|
|
font-family = basefont
|
|
font-weight = 700
|
|
font-style = uppercase
|
|
}
|
|
|
|
// styles for text used in RichText controls in various places
|
|
|
|
CConsoleHistory
|
|
{
|
|
font-family = "Lucida Console"
|
|
font-size = 12
|
|
font-family = "Menlo" [$OSX]
|
|
font-size = 12 [$OSX]
|
|
textcolor = White
|
|
selectedtextcolor = White
|
|
}
|
|
|
|
console_text
|
|
{
|
|
font-family = "Lucida Console"
|
|
font-size = 12
|
|
font-family = "Menlo" [$OSX]
|
|
font-size = 12 [$OSX]
|
|
textcolor= Text
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
}
|
|
|
|
console_text_error
|
|
{
|
|
font-family = "Lucida Console"
|
|
font-size = 12
|
|
font-family = "Menlo" [$OSX]
|
|
font-size = 12 [$OSX]
|
|
textcolor = Highlight3
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
}
|
|
|
|
friends_chat_text
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
friends_chat_text_self
|
|
{
|
|
textcolor = ChatOwnTextColor
|
|
}
|
|
|
|
friends_chat_event
|
|
{
|
|
textcolor = LightGrayBG
|
|
}
|
|
|
|
friends_chat_bright_event
|
|
{
|
|
textcolor = White
|
|
}
|
|
|
|
friends_chat_url
|
|
{
|
|
font-style = underline
|
|
}
|
|
|
|
friends_chat_name_ingame
|
|
{
|
|
textcolor = Friends.InGameColor
|
|
}
|
|
|
|
friends_chat_self
|
|
{
|
|
textcolor = ChatOwnTextColor
|
|
}
|
|
|
|
friends_chat_name
|
|
{
|
|
textcolor = Friends.OnlineColor
|
|
}
|
|
|
|
friends_chat_accountid
|
|
{
|
|
textcolor = ChatOwnTextColor
|
|
}
|
|
|
|
friends_chat_securitylink
|
|
{
|
|
textcolor = LightGrayBG
|
|
font-style = underline
|
|
font-weight = 1000
|
|
}
|
|
|
|
friends_offline
|
|
{
|
|
textcolor = Friends.OfflineColor
|
|
}
|
|
|
|
friends_online
|
|
{
|
|
textcolor = Friends.OnlineColor
|
|
}
|
|
|
|
friends_ingame
|
|
{
|
|
textcolor = Friends.InGameColor
|
|
}
|
|
|
|
friends_ignored
|
|
{
|
|
textcolor = Friends.IgnoredColor
|
|
}
|
|
|
|
Chat_MenuButton_withChrome
|
|
{
|
|
font-family = basefont
|
|
font-style = uppercase
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
font-weight = 100
|
|
textcolor = Text
|
|
bgcolor = none
|
|
render_bg
|
|
{
|
|
// background fill
|
|
0="fill( x0, y0, x1, y1, GreenBG )"
|
|
}
|
|
minimum-width = 120
|
|
}
|
|
Chat_MenuButton_withChrome:disabled
|
|
{
|
|
textcolor = DisabledText2
|
|
shadowtextcolor = DisabledText1
|
|
render_bg {}
|
|
}
|
|
|
|
// used in friends tooltip and friends list for overriding regular styles with custom colors
|
|
|
|
TabPageCloseButton
|
|
{
|
|
padding-right = 16
|
|
}
|
|
|
|
SuperNavMenu
|
|
{
|
|
bgcolor = DarkGreenBG
|
|
inset = "1 0 1 1"
|
|
render_bg
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, LightGreenBG )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, LightGreenBG )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1, LightGreenBG )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, LightGreenBG )" // right
|
|
}
|
|
}
|
|
|
|
SuperNavMenuItem
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = White
|
|
}
|
|
SuperNavMenuItem:selected
|
|
{
|
|
}
|
|
SuperNavMenuItem:hover
|
|
{
|
|
bgcolor = MaizeBG
|
|
}
|
|
|
|
SuperNavMenuDivider
|
|
{
|
|
render_bg
|
|
{
|
|
1="fill( x0 , y0 + 1, x1, y1 - 1, SuperDivider )" // line
|
|
}
|
|
}
|
|
|
|
html-findbar
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = Text
|
|
font-weight = 100
|
|
bgcolor = GreenBG
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
shadowtextcolor = Text // this is the cursor color
|
|
inset-left = 0
|
|
inset-top = 0
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
|
|
html-imebar
|
|
{
|
|
font-family = basefont
|
|
font-size = 14
|
|
font-size = 16 [$OSX]
|
|
textcolor = Text
|
|
font-weight = 100
|
|
bgcolor = GreenBG
|
|
selectedtextcolor = White
|
|
selectedbgcolor = MaizeBG
|
|
shadowtextcolor = Text // this is the cursor color
|
|
inset-left = 0
|
|
inset-top = 0
|
|
render
|
|
{
|
|
// lines around
|
|
1="fill( x0, y0, x1, y0 + 1, BorderBright )" // top
|
|
2="fill( x0, y1 - 1, x1, y1, BorderDark )" // bottom
|
|
3="fill( x0, y0, x0 + 1, y1, BorderBright )" // left
|
|
4="fill( x1 - 1, y0, x1, y1, BorderDark )" // right
|
|
}
|
|
}
|
|
}
|
|
}
|