Guest User

Untitled

a guest
Sep 12th, 2011
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 95.69 KB | None | 0 0
  1. steam.styles
  2. {
  3. colors
  4. {
  5. // colors section can include colors in "R G B A" form, or references to already defined colors;
  6. // it can also include just general settings controls can pull from for extra customization
  7. black="0 0 0 255"
  8. almostBlack="0 0 0 255"
  9. white="255 255 255 255"
  10. grey="158 153 149 255"
  11. none="0 0 0 0"
  12. yellow="255 255 0 255"
  13. offwhite="166 164 159 255"
  14. dullgreen="216 222 211 255"
  15. maize="203 191 87 255"
  16. red="255 51 51 255"
  17. darkblue="0 85 128 255"
  18. blue="0 133 199 255"
  19. darkred="128 0 0 255"
  20. darkpurple="64 0 64 255"
  21.  
  22. // control colors
  23. bordercolor="126 130 134 255"
  24. darkcorner="71 75 79 255"
  25. buttontext=Text
  26. buttontextactive=Text
  27.  
  28. // cool we can define font-families here as well
  29. basefont="Segoe WP"
  30. basefont="Helvetica" [$OSX]
  31.  
  32. // new control colors
  33. ButtonFace="69 70 70 200"
  34. ButtonFace2="54 58 62 255" // for use in main client list panel column header, some button states
  35. ButtonFace3="59 60 61 255" // button cornering pixels
  36. ButtonFaceDisabled="none"
  37. ButtonFaceHover="69 70 70 240" // hover!
  38. ButtonFaceActive="69 70 70 240" // not sure what this state is...
  39. ButtonFaceFocus="69 70 70 240" // keyboard focus
  40. ButtonFaceActiveFocus="69 70 70 255" // this is the default choice
  41.  
  42. ButtonBorder="76 77 76 255"
  43. ButtonBorderPage="114 119 131 255"
  44. ButtonBorderDisabled="41 43 43 255"
  45. ButtonBorderDisabled2="31 33 34" // cornering pixels
  46. ButtonBorderActive="104 103 100 255"
  47. ButtonBorderFocus="117 115 112 255"
  48.  
  49. Text="199 205 219 255"
  50. Text2="178 182 186 255"
  51. TextDisabled="97 101 105 255"
  52. TextHover="224 228 232 255"
  53. TextSelected="236 240 244 255"
  54. TextentrySelected="235 239 243 235" // color of any selected text
  55. TextSelectedBG="64 89 128 255" // background color of any selected text
  56. TextGlowHover="122 126 130 255"
  57. TextGlowSelected="166 170 174 255"
  58. TextGlowHoverSm="121 125 129 255"
  59. TextGlowSelectedSm="140 144 148 255"
  60.  
  61. NavLabel="149 153 158 255"
  62. Label="150 158 174 255"
  63. Label2="121 126 139 255"
  64. LabelDisabled="104 110 122 255"
  65. LabelFocus="194 196 199 255"
  66.  
  67. ScrollGlyph="158 167 186 255" // the color of the scroll bar arrows
  68. ScrollGlyphDisabled="72 74 77 255"
  69. ScrollGlyphFocus="242 242 242 255"
  70. ScrollBG="72 74 77 255" // the color of the scroll bar gutter
  71.  
  72. HeaderClient="51 55 59 255" // the color of the List box header in the main client window
  73. HeaderDialog="90 94 98 255" // the color of the list box header in other windows
  74.  
  75. TitleBar="79 83 87 50"
  76. TitleBarFocus="167 171 175 50"
  77.  
  78. Focus="49 65 89 155" // background color of any selected menu or list item
  79. Focus2="85 125 171 255" // background color of view buttons and anything else in focus that needs more 'punch'
  80. Focus3="62 92 133 255" // background color of highlighted friends
  81. FocusGrid="85 146 160 240" // background color of any grid item
  82. Highlight="81 140 170 120" // same as focus
  83. Highlight1="255 154 3 255" // installing hover color
  84. Highlight2="252 151 0 255" // installing color
  85. Highlight3="173 69 71 255" // red for errors, blocked, etc.
  86. Highlight5="77 109 140 255" // blue
  87. Highlight5a="83 124 166 255" // lighter version of highlight5
  88. Highlight5b="59 85 98 255" // as highlight5 but darker, for non-focused window borders
  89.  
  90. BackgroundStartSubtle="20 22 24 155"
  91. BackgroundStartSubtle="31 31 31 45" [$OSX]
  92. BackgroundStart="12 13 14 180"
  93. BackgroundStartOpaque="32 36 40 255"
  94.  
  95. ClientBG="0 0 0 255"
  96. DialogBG="20 22 24 255"
  97.  
  98. DarkClientBG="32 36 40 255"
  99. DarkDialogBG="20 22 24 255"
  100. DarkClientBGTransparent="32 36 40 19"
  101. DarkDialogBGTransparent="20 22 24 170"
  102.  
  103. GameDetailsBlueTransparent="80 104 130 160"
  104. GameDetailsGreenTransparent="80 104 130 160"
  105. GameDetailsRedTransparent="80 104 130 160"
  106.  
  107. GameDetailsBlue="80 104 130 255"
  108. GameDetailsGreen="80 104 130 255"
  109. GameDetailsRed="80 104 130 255"
  110.  
  111. PropertySheetBG="12 13 14 255"
  112. InteriorColor="59 63 67 255"
  113.  
  114. DialogBorder="114 118 122 255" // border color around any dialog
  115.  
  116. FillBG1="59 63 67 255" //gradient colors
  117. FillBG2="66 70 74 255"
  118.  
  119. MenuBG1="87 91 95 255" //gradient colors
  120. MenuBG2="56 60 64 255"
  121.  
  122. Divider="60 66 72 255"
  123.  
  124. ////////////////////////////////////////////////////////////////////////////
  125. ////////////////////////////// Custom Colours //////////////////////////////
  126.  
  127. // -- Highlight & Borders
  128. // ======================
  129. ScreenB="60 66 72 155"
  130. ScreenB2="60 66 72 125"
  131. MultiplyB="17 19 20 255"
  132.  
  133. // -- More & ViewAll
  134. // =================
  135. MoreB="94 98 110 155"
  136.  
  137. // -- Button States
  138. // ================
  139. LightB="88 94 104 255"
  140. LightBHover="98 104 114 255"
  141. DarkB="64 66 71 255"
  142. DarkBHover="74 76 81 255"
  143. DarkerB="59 61 66 255"
  144. BorderB1="118 124 136 255"
  145. BorderB2="80 84 93 255"
  146. BorderB3="128 134 146 255"
  147. BorderB4="39 41 46 255"
  148. BorderB5="49 51 56 255"
  149.  
  150. // -- Menu BG
  151. // ==========
  152. MenuBG="30 33 36 255"
  153.  
  154. // -- Title Text
  155. // =============
  156. TextTitle="80 104 130 255"
  157.  
  158. // -- Translucent Black
  159. // ====================
  160. BlackTr="0 0 0 125"
  161. BlackTr2="0 0 0 215"
  162.  
  163. ////////////////////////////// !Custom Colours //////////////////////////////
  164. /////////////////////////////////////////////////////////////////////////////
  165.  
  166. // colors pulled from steamscheme.res
  167. "ClayBG" "70 70 70 255"
  168. "ClayButtonBG" "87 88 88 255"
  169. "ClayEnabled" "85 88 82 255"
  170. "ClayKeyFocus" "89 92 77 255"
  171. "ClayMouseDown" "85 85 85 255"
  172. "ClayDisabledText" "128 134 126 255"
  173. "ClayLightGreen" "173 181 168 255" // frame button (close X) etc
  174. "ClayDimLightGreen" "166 172 162 255" // frame button and title without focus etc
  175. "LightClayBG" "104 106 101 255" // property sheet interior, active tab
  176. "LightClayButtonBG" "125 128 120 255" // buttons on property sheet interior, active tab
  177. "DarkClayBG" "47 49 45 255" // shadow
  178. "p_ClayMouseDown" "94 94 94 255"
  179. "ClaySheetBottom" "92 90 87 255"
  180. "MaizeBG" "145 134 60 255" // background color of any selected text or menu item
  181. "GreenBG" "76 88 68 255"
  182. "LightGreenBG" "90 106 80 255" // darker background color
  183. "DarkGreenBG" "62 70 55 255" // background color of text edit panes (chat, text Entries, etc.)
  184. "LightGrayBG" "121 126 121 255"
  185. "GrayBG" "77 73 71 255"
  186. "GrayBG2" "39 37 35 255"
  187. "TempGradientTop" "53 52 51 255"
  188.  
  189.  
  190. DragDrop.DragFrame "255 255 255 192"
  191. DragDrop.DropFrame "150 255 150 255"
  192.  
  193. Frame.ClientInsetX 10
  194. Frame.ClientInsetY 35
  195. Frame.FocusTransitionEffectTime "0" // time it takes for a window to fade in/out on focus/out of focus
  196. Frame.TransitionEffectTime "0.25" // time it takes for a window to fade in/out on open/close
  197. Frame.OnDragAlphaDelayTime "0.15" // time it takes after clicking the title bar of a window before the alpha multiplier kicks in
  198. Frame.OnDragAlphaMultiplier "1.0" // multiplier applied to alpha while dragging a frame
  199. Frame.AutoSnapRange "6"
  200. Frame.UsesAlphaBlending 1
  201. FrameSystemButton.Icon ""
  202. FrameSystemButton.DisabledIcon ""
  203.  
  204. Notifications.PanelPosition "BottomRight" // Can be "BottomRight", "BottomLeft", "TopRight", "TopLeft"
  205. Notifications.PanelPosition "TopRight" [$OSX] // the dock is on the bottom for OSX, so instead pop top right like other apps do
  206. Notifications.SlideDirection "Vertical" // Can be "Vertical", "Horizontal", "None" and controls slide effect
  207. Notifications.FadeInTime "0.45" // Controls the time it takes to slide/fade into view
  208. Notifications.FadeOutTime "0.45" // Controls the time it takes to slide/fade out of view
  209. Notifications.DisplayTime "9.0" // Controls the length of time at steady state after fade in and before fade out
  210. Notifications.StackSize "3" // Controls how many panels we will stack before background queuing
  211.  
  212. ListPanel.TextColor Text
  213. ListPanel.BgColor none
  214. ListPanel.SelectedTextColor TextentrySelected
  215. ListPanel.SelectedBgColor TextSelectedBG
  216. ListPanel.SelectedOutOfFocusBgColor ClientBG
  217. ListPanel.DisabledTextColor TextDisabled
  218. ListPanel.DisabledSelectedTextColor ClientBG
  219. ListPanel.EmptyListInfoTextColor Label
  220. ListPanel.PerPixelScrolling 1
  221. ListPanel.PostSectionLeading 10
  222.  
  223. // Default tooltip delay pops fast, but lets the mouse pass through without popping
  224. // Anchor=Cursor makes it stick to initial pop location like windows implementation.
  225. // Anchor can also be 'Float' to move with the mouse, or 'Parent' to stick just outside
  226. // the parent panel (useful for icon sized items)
  227. Tooltip.Delay=75
  228. Tooltip.Anchor=Cursor
  229.  
  230.  
  231. WizardPanel.HeaderBGColor HeaderDialog
  232.  
  233. Menu.TextInset "6"
  234.  
  235. PropertySheet.TransitionEffectTime "0" // time to change from one tab to another
  236. PropertySheet.TabGap 1
  237. PropertySheet.FlashTabColor "252 151 0 255"
  238.  
  239. RichText.InsetX 8
  240. RichText.InsetY 7
  241.  
  242. ScrollBar.Wide 19
  243.  
  244. SectionedListPanel.CollapserWidth 16
  245.  
  246. HTML.SearchInsetY 5
  247. HTML.SearchInsetX 10
  248. HTML.SearchWide 348
  249. HTML.SearchTall 38
  250. HTML.SearchAnimationTime 0.25
  251.  
  252. MessageBox.ButtonHeight 24
  253.  
  254. TextEntry.IMEBGColor "225 225 225 255"
  255. TextEntry.IMEFGColor "black"
  256.  
  257.  
  258. // Friends List colors
  259. Friends.InGameColor "140 179 89 255"
  260. Friends.OnlineColor "134 181 217 255"
  261. Friends.OfflineColor "Label"
  262. Friends.PanelDefault "Label"
  263. Friends.PanelOver "Text"
  264. Friends.PanelSelected "ClientBG"
  265. Friends.SectionHeader "Label"
  266. Friends.NoAvatarOver "Text"
  267. Friends.IgnoredColor "Highlight3"
  268.  
  269. ChatDialog.URLColor "text"
  270. ChatOwnTextColor "Label"
  271. ChatGradientTop "39 39 39 255"
  272. ChatGradientBottom "102 104 99 255"
  273.  
  274. AchievementPopup.TitleColor "Text"
  275. AchievementPopup.DescriptionColor "180 180 180 255"
  276.  
  277. GiftOnlyInfo.ImagePanelColor "GrayBG"
  278. }
  279.  
  280. styles
  281. {
  282. downarrow
  283. {
  284. image="graphics/icon_down_default"
  285. }
  286.  
  287. downarrow:hover
  288. {
  289. image="graphics/icon_down_hover"
  290. render_bg
  291. {
  292. 1="image( x0 + 3, y0 - 0, x0 + 19, y0 + 16, resource/friend_arrow_hover )"
  293. }
  294. }
  295.  
  296. uparrow
  297. {
  298. image="graphics/icon_up_default"
  299. }
  300.  
  301. rightarrow
  302. {
  303. image="graphics/icon_right_default"
  304. }
  305.  
  306. rightarrow:hover
  307. {
  308. image="graphics/icon_right_hover"
  309. }
  310.  
  311. Button
  312. {
  313. font-family=basefont
  314. font-size=13
  315. font-weight=400
  316. textcolor="Text"
  317. bgcolor=none
  318. render_bg
  319. {
  320. // Background
  321. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  322.  
  323. // Border
  324. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB1 )" // Top
  325. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB2 )" // Bottom
  326. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  327. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB2 )" // Right
  328. }
  329. }
  330.  
  331. "Page Button"
  332. {
  333. render_bg
  334. {
  335. // Background
  336. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  337.  
  338. // Border
  339. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB1 )" // Top
  340. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB2 )" // Bottom
  341. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  342. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB2 )" // Right
  343. }
  344. }
  345.  
  346. Button:hover
  347. {
  348. textcolor="TextHover"
  349. render_bg
  350. {
  351. // Background
  352. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightBHover, DarkBHover )"
  353.  
  354. // Border
  355. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB3 )" // Top
  356. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  357. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  358. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  359. }
  360. }
  361.  
  362. "Page Button:hover"
  363. {
  364. textcolor="TextHover"
  365. render_bg
  366. {
  367. // Background
  368. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightBHover, DarkBHover )"
  369.  
  370. // Border
  371. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB3 )" // Top
  372. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  373. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  374. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  375. }
  376. }
  377.  
  378. Button:focus
  379. {
  380. textcolor="TextHover"
  381. render_bg
  382. {
  383. // Background
  384. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  385.  
  386. // Border
  387. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB1 )" // Top
  388. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  389. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  390. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  391. }
  392. }
  393.  
  394. "Page Button:focus"
  395. {
  396. textcolor="TextHover"
  397. render_bg
  398. {
  399. // Background
  400. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  401.  
  402. // Border
  403. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB1 )" // Top
  404. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  405. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  406. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  407. }
  408. }
  409.  
  410. Button:active
  411. {
  412. textcolor="TextHover"
  413. render_bg
  414. {
  415. // Background
  416. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, DarkerB )"
  417.  
  418. // Border
  419. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB4 )" // top
  420. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB5 )" // bottom
  421. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // left
  422. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB5 )" // right
  423. }
  424. }
  425.  
  426. "Page Button:active"
  427. {
  428. textcolor="TextHover"
  429. render_bg
  430. {
  431. // Background
  432. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB , DarkerB )"
  433.  
  434. // Border
  435. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB4 )" // Top
  436. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB5 )" // Bottom
  437. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  438. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB5 )" // Right
  439. }
  440. }
  441.  
  442. Button:selected
  443. {
  444. textcolor="TextHover"
  445. render_bg
  446. {
  447. // Background
  448. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  449.  
  450. // Border
  451. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB3 )" // Top
  452. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  453. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  454. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  455. }
  456. }
  457.  
  458. "Page Button:selected"
  459. {
  460. textcolor="TextHover"
  461. render_bg
  462. {
  463. // Background
  464. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  465.  
  466. // Border
  467. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB3 )" // Top
  468. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB1 )" // Bottom
  469. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  470. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  471. }
  472. }
  473.  
  474. Button:disabled
  475. {
  476. textcolor="LabelDisabled"
  477. render_bg
  478. {
  479. // Background
  480. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkerB )"
  481.  
  482. // Border
  483. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB4 )" // Top
  484. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB4 )" // Bottom
  485. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  486. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB4 )" // Right
  487. }
  488. }
  489.  
  490. "Page Button:disabled"
  491. {
  492. textcolor="LabelDisabled"
  493. render_bg
  494. {
  495. // Background
  496. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkerB )"
  497.  
  498. // Border
  499. 1="fill( x0 , y0 , x1 , y0 + 1, BorderB4 )" // Top
  500. 2="fill( x0 , y1 - 1, x1 , y1 , BorderB4 )" // Bottom
  501. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  502. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB4 )" // Right
  503. }
  504. }
  505.  
  506. CFriendsListSectionAffordance
  507. {
  508. inset="0 0 0 0"
  509. font-size=14
  510. font-weight=400
  511. textcolor="Label"
  512. }
  513.  
  514. CFriendsListSectionHeader
  515. {
  516. bgcolor=none
  517. font-family=basefont
  518. font-size=14
  519. font-size=13 [$OSX]
  520. font-weight=400
  521. textcolor="texthover"
  522. inset="0 2 0 0"
  523. }
  524.  
  525. CFriendPanel
  526. {
  527. inset="0 2 0 0"
  528. bgcolor=none
  529. font-family=basefont
  530. font-size=14
  531. font-size=13 [$OSX]
  532. font-weight=400
  533. textcolor="label"
  534. }
  535.  
  536. CheckButton
  537. {
  538. font-family=basefont
  539. font-size=14
  540. font-weight=400
  541. textcolor="Label"
  542. image="graphics/chkUnselStd"
  543. }
  544.  
  545. CheckButton:selected
  546. {
  547. image="graphics/chkSelStd"
  548. }
  549.  
  550. CheckButton:focus
  551. {
  552. textcolor="Text"
  553. bgcolor=none
  554. image="graphics/chkUnselFocus"
  555. }
  556.  
  557. CheckButton:selected:focus
  558. {
  559. textcolor="Text"
  560. render_bg {}
  561. bgcolor=none
  562. image="graphics/chkSelFocus"
  563. }
  564.  
  565. CheckButton:disabled
  566. {
  567. textcolor="TextDisabled"
  568. bgcolor=none
  569. image="graphics/chkUnselDis"
  570. }
  571.  
  572. CheckButton:selected:disabled
  573. {
  574. textcolor="TextDisabled"
  575. bgcolor=none
  576. //!! bug - this needs to look disabled
  577. image="graphics/chkSelDis"
  578. }
  579.  
  580. CheckButtonList
  581. {
  582. inset="1 1 1 1"
  583. textcolor="text2"
  584. bgcolor=none
  585. render_bg
  586. {
  587. // Background
  588. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, PropertySheetBG )"
  589.  
  590. // Border
  591. 3="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  592. 4="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  593. 5="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  594. 6="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  595. }
  596. }
  597.  
  598. "Page CheckButtonList"
  599. {
  600. inset="1 1 1 1"
  601. textcolor="text2"
  602. bgcolor=none
  603. render_bg
  604. {
  605. // Background
  606. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DialogBG )"
  607.  
  608. // Border
  609. 3="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  610. 4="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  611. 5="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  612. 6="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  613. }
  614. }
  615.  
  616. "CheckbuttonList Checkbutton"
  617. {
  618. textcolor="text2"
  619. }
  620.  
  621. ComboBox
  622. {
  623. inset="3 0 0 0"
  624. textcolor="Text"
  625. font-family=basefont
  626. font-size="13"
  627. selectedtextcolor="TextEntrySelected"
  628. selectedbgcolor="TextSelectedBG"
  629. render_bg
  630. {
  631. // Background
  632. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, LightB )"
  633.  
  634. // lines around
  635. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB1 )" // Top
  636. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB2 )" // Bottom
  637. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB1 )" // Left
  638. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB2 )" // Right
  639. }
  640. }
  641.  
  642. ComboBox:hover
  643. {
  644. selectedbgcolor="none"
  645. selectedtextcolor="Text"
  646. render_bg
  647. {
  648. // Background
  649. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkBHover, LightBHover )"
  650.  
  651. // Border
  652. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB3 )" // Top
  653. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB1 )" // Bottom
  654. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB3 )" // Left
  655. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB1 )" // Right
  656. }
  657. }
  658.  
  659. ComboBox:focus
  660. {
  661. selectedbgcolor="none"
  662. selectedtextcolor="Text"
  663. render_bg
  664. {
  665. // Background
  666. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, LightB )"
  667.  
  668. // Border
  669. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB1 )" // Top
  670. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB2 )" // Bottom
  671. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB1 )" // Left
  672. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB2 )" // Right
  673. }
  674. }
  675.  
  676. ComboBox:focus:hover
  677. {
  678. selectedbgcolor="none"
  679. selectedtextcolor="Text"
  680. render_bg
  681. {
  682. // Background
  683. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkBHover, LightBHover )"
  684.  
  685. // Border
  686. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB3 )" // Top
  687. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB3 )" // Bottom
  688. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB3 )" // Left
  689. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB3 )" // Right
  690. }
  691. }
  692.  
  693. "Page ComboBox"
  694. {
  695. render_bg
  696. {
  697. // background fill
  698. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, LightB )"
  699.  
  700. // lines around
  701. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB1 )" // Top
  702. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB2 )" // Bottom
  703. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB1 )" // Left
  704. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB2 )" // Right
  705. }
  706. }
  707.  
  708. "Page ComboBox:focus"
  709. {
  710. render_bg
  711. {
  712. // Background
  713. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, LightB )"
  714.  
  715. // lines around
  716. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB1 )" // Top
  717. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB2 )" // Bottom
  718. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB1 )" // Left
  719. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB2 )" // Right
  720. }
  721. }
  722.  
  723. "Page ComboBox:hover"
  724. {
  725. selectedbgcolor="none"
  726. selectedtextcolor="Text"
  727. render_bg
  728. {
  729. // Background
  730. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkBHover, LightBHover )"
  731.  
  732. // Border
  733. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB3 )" // Top
  734. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB1 )" // Bottom
  735. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB3 )" // Left
  736. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB1 )" // Right
  737. }
  738. }
  739.  
  740. "Page ComboBox:focus:hover"
  741. {
  742. render_bg
  743. {
  744. // Background
  745. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkBHover, LightBHover )"
  746.  
  747. // Border
  748. 1="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB3 )" // Top
  749. 2="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB3 )" // Bottom
  750. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB3 )" // Left
  751. 4="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB3 )" // Right
  752. }
  753. }
  754.  
  755. ComboBoxButton
  756. {
  757. bgcolor=none
  758. padding-left=2
  759. image="graphics/icon_down_default"
  760. // just draw a single line to divide it from the text
  761. render_bg
  762. {
  763. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB1 )"
  764. }
  765. }
  766.  
  767. ComboBoxButton:hover
  768. {
  769. image="graphics/icon_down_hover"
  770. // just draw a single line to divide it from the text
  771. render_bg
  772. {
  773. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, label )"
  774. }
  775. }
  776.  
  777. ComboBoxButton:focus
  778. {
  779. bgcolor=none
  780. image="graphics/icon_down_focus"
  781. // just draw a single line to divide it from the text
  782. render_bg
  783. {
  784. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB2 )"
  785. }
  786. }
  787.  
  788. ComboBoxButton:focus:hover
  789. {
  790. bgcolor=none
  791. image="graphics/icon_down_default"
  792. // just draw a single line to divide it from the text
  793. render_bg
  794. {
  795. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB2 )"
  796. }
  797. }
  798.  
  799. "Page ComboBoxButton"
  800. {
  801. bgcolor=none
  802. image="graphics/icon_down_default"
  803. // just draw a single line to divide it from the text
  804. render_bg
  805. {
  806. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB1 )"
  807. }
  808. }
  809.  
  810. "Page ComboBoxButton:hover"
  811. {
  812. image="graphics/icon_down_hover"
  813. // just draw a single line to divide it from the text
  814. render_bg
  815. {
  816. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, label )"
  817. }
  818. }
  819.  
  820. "Page ComboBoxButton:focus"
  821. {
  822. bgcolor=none
  823. image="graphics/icon_down_focus"
  824. // just draw a single line to divide it from the text
  825. render_bg
  826. {
  827. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB2 )"
  828. }
  829. }
  830.  
  831. "Page ComboBoxButton:focus:hover"
  832. {
  833. bgcolor=none
  834. image="graphics/icon_down_focus"
  835. // just draw a single line to divide it from the text
  836. render_bg
  837. {
  838. 0="fill( x0, y0 + 2, x0 + 1, y1 - 4, BorderB2 )"
  839. }
  840. }
  841.  
  842. Divider
  843. {
  844. bgcolor="none"
  845. render
  846. {
  847. 0="gradient_horizontal( x0, y1 - 1, x1 + 1, y1, divider, dialogbg )"
  848. }
  849. }
  850.  
  851. "Page Divider"
  852. {
  853. bgcolor="none"
  854. render
  855. {
  856. 0="gradient_horizontal( x0, y1 - 1, x1 + 1, y1, divider, propertysheetbg )"
  857. }
  858. }
  859.  
  860. Frame
  861. {
  862. bgcolor="DialogBG"
  863. render
  864. {
  865. 0="fill( x0 , y1 - 1, x1 + 1, y1 , ClientBG )"
  866. 1="fill( x1 - 1, y0 , x1 , y1 , ClientBG )"
  867. 2="fill( x0 , y0 , x1 , y0 + 1, ClientBG )"
  868. 3="fill( x0 , y0 , x0 + 1, y1 , ClientBG )"
  869. }
  870. }
  871.  
  872. Frame:FrameFocus
  873. {
  874. bgcolor="DialogBG"
  875. render
  876. {
  877. 0="fill( x0 , y1 - 1, x1 + 1, y1 , ClientBG )"
  878. 1="fill( x1 - 1, y0 , x1 , y1 , ClientBG )"
  879. 2="fill( x0 , y0 , x1 , y0 + 1, ClientBG )"
  880. 3="fill( x0 , y0 , x0 + 1, y1 , ClientBG )"
  881. }
  882. }
  883.  
  884. FrameBRGripPanel
  885. {
  886. image=graphics/resizer
  887. }
  888.  
  889. FrameBRGripPanel:hover
  890. {
  891. image=graphics/resizer_over
  892. }
  893.  
  894. FrameMinimizeButton
  895. {
  896. render_bg {}
  897. image="graphics/win32_win_min"
  898. image="graphics/osx_win_dis" [$OSX]
  899. }
  900.  
  901. FrameMinimizeButton:hover
  902. {
  903. render_bg {}
  904. bgcolor="none"
  905. image="graphics/win32_win_min_hover"
  906. image="graphics/osx_min_hov" [$OSX]
  907. }
  908.  
  909. FrameMinimizeButton:framefocus [$OSX]
  910. {
  911. render_bg {}
  912. bgcolor="none"
  913. image="graphics/osx_min_def"
  914. }
  915.  
  916. FrameMinimizeButton:framefocus:hover [$OSX]
  917. {
  918. render_bg {}
  919. bgcolor="none"
  920. image="graphics/osx_min_hov"
  921. }
  922.  
  923. FrameMinimizeButton:active [$OSX]
  924. {
  925. render_bg {}
  926. bgcolor="none"
  927. image="graphics/osx_min_down"
  928. }
  929.  
  930. // need the maximize button to have different styles for OSX & win32
  931. FrameMaximizeButton
  932. {
  933. render_bg {}
  934. image="graphics/win32_win_max"
  935. image="graphics/osx_win_dis" [$OSX]
  936. }
  937.  
  938. FrameMaximizeButton:hover
  939. {
  940. render_bg {}
  941. bgcolor="none"
  942. image="graphics/win32_win_max_hover"
  943. image="graphics/osx_max_hov" [$OSX]
  944. }
  945.  
  946. FrameMaximizeButton:framefocus
  947. {
  948. render_bg {}
  949. bgcolor="none"
  950. image="graphics/win32_win_max"
  951. image="graphics/osx_max_def" [$OSX]
  952. }
  953.  
  954. FrameMaximizeButton:framefocus:hover
  955. {
  956. render_bg {}
  957. bgcolor="none"
  958. image="graphics/win32_win_max_hover"
  959. image="graphics/osx_max_hov" [$OSX]
  960. }
  961.  
  962. FrameMaximizeButton:active
  963. {
  964. render_bg {}
  965. bgcolor="none"
  966. image="graphics/win32_win_max_hover"
  967. image="graphics/osx_max_down" [$OSX]
  968. }
  969.  
  970. // these are for when the maximize button becomes the restore button
  971. FrameRestoreButton
  972. {
  973. render_bg {}
  974. image="graphics/win32_win_restore"
  975. image="graphics/osx_win_dis" [$OSX]
  976. }
  977.  
  978. FrameRestoreButton:hover
  979. {
  980. render_bg {}
  981. bgcolor="none"
  982. image="graphics/win32_win_restore_hover"
  983. image="graphics/osx_max_hov" [$OSX]
  984. }
  985.  
  986. FrameRestoreButton:framefocus
  987. {
  988. render_bg {}
  989. bgcolor="none"
  990. image="graphics/win32_win_restore"
  991. image="graphics/osx_max_def" [$OSX]
  992. }
  993.  
  994. FrameRestoreButton:framefocus:hover
  995. {
  996. render_bg {}
  997. bgcolor="none"
  998. image="graphics/win32_win_restore_hover"
  999. image="graphics/osx_max_hov" [$OSX]
  1000. }
  1001.  
  1002. FrameRestoreButton:active
  1003. {
  1004. render_bg {}
  1005. bgcolor="none"
  1006. image="graphics/win32_win_restore_hover"
  1007. image="graphics/osx_max_down" [$OSX]
  1008. }
  1009.  
  1010. FrameCloseButton
  1011. {
  1012. render_bg {}
  1013. image="graphics/win32_win_close"
  1014. image="graphics/osx_win_dis" [$OSX]
  1015. }
  1016.  
  1017. FrameCloseButton:hover
  1018. {
  1019. render_bg
  1020. {
  1021. 0="image_scale( x0 - 4, y0 - 6, x1 + 8, y1 + 4, graphics/wincorner )"
  1022. }
  1023. image="graphics/win32_win_close_hover"
  1024. image="graphics/osx_close_hov" [$OSX]
  1025. }
  1026.  
  1027. FrameCloseButton:framefocus [$OSX]
  1028. {
  1029. render_bg {}
  1030. bgcolor="none"
  1031. image="graphics/osx_close_def"
  1032. }
  1033.  
  1034. FrameCloseButton:framefocus:hover [$OSX]
  1035. {
  1036. render_bg {}
  1037. bgcolor="none"
  1038. image="graphics/osx_close_hov"
  1039. }
  1040.  
  1041. FrameCloseButton:active [$OSX]
  1042. {
  1043. render_bg {}
  1044. bgcolor="none"
  1045. image="graphics/osx_close_down"
  1046. }
  1047.  
  1048. FrameTitle
  1049. {
  1050. font-family=basefont
  1051. inset="5 -2 0 0"
  1052. inset="0 4 0 0" [$OSX]
  1053. font-size=14
  1054. font-weight=400
  1055. textcolor="buttonborderfocus"
  1056. bgcolor="none"
  1057. render_bg
  1058. {
  1059. 1="image( x0, y0, x1, y0 + 26, graphics/FrameTitle)"
  1060. }
  1061. }
  1062.  
  1063. FrameTitle:framefocus
  1064. {
  1065. font-family=basefont
  1066. inset="0 4 0 0" [$OSX]
  1067. font-size=14
  1068. font-weight=400
  1069. bgcolor="none"
  1070. textcolor="texthover"
  1071. textcolor="texthover" [$OSX]
  1072. render_bg
  1073. {
  1074. 1="image( x0, y0, x1, y0 + 26, graphics/FrameTitle)"
  1075. }
  1076. }
  1077.  
  1078. FriendsList
  1079. {
  1080. inset="-2 1 0 -1"
  1081. bgcolor=none
  1082. font-family=basefont
  1083. font-size=14
  1084. font-weight=400
  1085. textcolor="Text"
  1086. selectedtextcolor="TextSelected"
  1087. selectedbgcolor="Focus"
  1088. shadowtextcolor="TextDisabled" // the color of disabled line items
  1089. render_bg
  1090. {
  1091. // Background
  1092. 0="gradient( x0+1, y0+1, x1-4, y0 + 149, none, AlmostBlack )"
  1093. 1="fill( x0+1, y0 + 149, x1-4, y1 + 1, AlmostBlack )"
  1094. 2="gradient( x0+1, y0+1, x1-4, y0 + 15, backgroundstartopaque, none )"
  1095.  
  1096. // Border
  1097. 3="fill( x0 , y0 + 2, x0 + 1, y1 , ButtonBorderDisabled )" // Left
  1098. 4="fill( x1 - 4, y0 + 2, x1 - 3, y1 , ButtonBorderDisabled )" // Right
  1099. 5="fill( x0 + 2, y0 , x1 - 5, y0 + 1, ButtonBorderDisabled )" // Top
  1100. 6="fill( x0 + 2, y1 + 1, x1 - 5, y1 + 2, ButtonBorderDisabled )" // Bottom
  1101. }
  1102. }
  1103.  
  1104. GraphPanel
  1105. {
  1106. textcolor=TextTitle
  1107. bgcolor=PropertySheetBG
  1108. inset="0 -3 0 0"
  1109. render_bg
  1110. {
  1111. // Border
  1112. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  1113. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  1114. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  1115. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  1116. }
  1117. }
  1118.  
  1119. "Page GraphPanel"
  1120. {
  1121. textcolor=TextTitle
  1122. bgcolor=DialogBG
  1123. inset="0 -3 0 0"
  1124. render_bg
  1125. {
  1126. // lines around
  1127. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  1128. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  1129. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  1130. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  1131. }
  1132. }
  1133.  
  1134. HTML
  1135. {
  1136. bgcolor="none"
  1137. inset="2 2 3 3"
  1138. render_bg
  1139. {
  1140. // Background
  1141. 0="fill( x0, y0, x1 - 1, y1- 1, almostblack )"
  1142.  
  1143. // Border
  1144. 1="fill( x0 + 0, y0, x1 - 0, y0 + 1, ButtonBorderDisabled )" // Top
  1145. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1, ButtonBorderDisabled )" // Bottom
  1146. 3="fill( x0, y0 + 1, x0 + 1, y1 - 1, ButtonBorderDisabled )" // Left
  1147. 4="fill( x1 - 1, y0 + 1, x1, y1 - 1, ButtonBorderDisabled )" // Right
  1148. }
  1149. }
  1150.  
  1151. Label
  1152. {
  1153. textcolor="Label"
  1154. selectedtextcolor="Text"
  1155. bgcolor="none"
  1156. font-family=basefont
  1157. font-size=14
  1158. font-weight=400
  1159. }
  1160.  
  1161. ListPanel
  1162. {
  1163. bgcolor=none
  1164. font-family=basefont
  1165. font-size=14
  1166. font-weight=400
  1167. textcolor="text2"
  1168. selectedtextcolor="TextSelected"
  1169. selectedbgcolor="Focus"
  1170. shadowtextcolor="TextDisabled" // the color of disabled line items
  1171. inset="0 -1 1 1"
  1172. render_bg
  1173. {
  1174. // Background
  1175. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, PropertySheetBG )"
  1176.  
  1177. // Outer Border
  1178. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  1179. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  1180. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  1181. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  1182. }
  1183. render
  1184. {
  1185. // Inner Border
  1186. 5="fill( x0 + 1, y0 + 19, x1 - 1, y0 + 20, black )" // Top
  1187. 6="fill( x0 + 1, y1 - 2 , x1 - 1, y1 - 1 , black )" // Bottom
  1188. 7="fill( x0 + 1, y0 + 20, x0 + 2, y1 - 2 , black )" // Left
  1189. 8="fill( x1 - 2, y0 + 20, x1 - 1, y1 - 2 , black )" // Right
  1190. }
  1191. }
  1192.  
  1193. "Page ListPanel"
  1194. {
  1195. font-family=basefont
  1196. font-size=14
  1197. font-weight=400
  1198. textcolor="Text2"
  1199. selectedtextcolor="TextSelected"
  1200. selectedbgcolor="Focus"
  1201. inset="0 -1 1 1"
  1202. bgcolor=none
  1203. render_bg
  1204. {
  1205. // Background
  1206. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y0 + 80, Propertysheetbg, BackgroundStartOpaque )"
  1207. 1="fill( x0 + 1, y0 + 80, x1 - 1, y1 - 1, BackgroundStartOpaque )"
  1208.  
  1209. // Outer Border
  1210. 2="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  1211. 3="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  1212. 4="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  1213. 5="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  1214. }
  1215. render
  1216. {
  1217. // Inner Border
  1218. 6="fill( x0 + 1, y0 + 19, x1 - 1, y0 + 20, black )" // Top
  1219. 7="fill( x0 + 1, y1 - 2 , x1 - 1, y1 - 1 , black )" // Bottom
  1220. 8="fill( x0 + 1, y0 + 20, x0 + 2, y1 - 2 , black )" // Left
  1221. 9="fill( x1 - 2, y0 + 20, x1 - 1, y1 - 2 , black )" // Right
  1222. }
  1223. }
  1224.  
  1225. "CGamesListPanel"
  1226. {
  1227. font-family=basefont
  1228. bgcolor="none"
  1229. font-size=15
  1230. font-weight=400
  1231. textcolor="Text"
  1232. selectedtextcolor="textselected"
  1233. selectedbgcolor="Focus"
  1234. shadowtextcolor="TextDisabled"
  1235. inset="0 -1 1 1"
  1236. render_bg
  1237. {
  1238. // Background
  1239. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, PropertySheetBG )"
  1240.  
  1241. // Inner Border
  1242. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  1243. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  1244. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  1245. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  1246.  
  1247. // Outer Border
  1248. 5="fill( x0 + 1, y0 + 19, x1 - 1, y0 + 20, black )" // Top
  1249. 6="fill( x0 + 1, y1 - 2 , x1 - 1, y1 - 1 , black )" // Bottom
  1250. 7="fill( x0 + 1, y0 + 20, x0 + 2, y1 - 2 , black )" // Left
  1251. 8="fill( x1 - 2, y0 + 20, x1 - 1, y1 - 2 , black )" // Right
  1252. }
  1253. }
  1254.  
  1255. "GameItem_Uninstalled"
  1256. {
  1257. textcolor="labeldisabled"
  1258. selectedtextcolor="label"
  1259. }
  1260.  
  1261. "GameItem_Uninstalled:hover"
  1262. {
  1263. textcolor="label"
  1264. selectedtextcolor="label"
  1265. }
  1266.  
  1267. "GameItem_Installed"
  1268. {
  1269. textcolor="text"
  1270. selectedtextcolor="white"
  1271. }
  1272.  
  1273. "GameItem_Installed:hover"
  1274. {
  1275. textcolor="white"
  1276. selectedtextcolor="white"
  1277. }
  1278.  
  1279. "GameItem_Shortcut"
  1280. {
  1281. textcolor="text"
  1282. selectedtextcolor="white"
  1283. }
  1284.  
  1285. "GameItem_Shortcut:hover"
  1286. {
  1287. textcolor="white"
  1288. selectedtextcolor="white"
  1289. }
  1290.  
  1291. "GameItem_Mod"
  1292. {
  1293. textcolor="text"
  1294. selectedtextcolor="white"
  1295. }
  1296.  
  1297. "GameItem_Mod:hover"
  1298. {
  1299. textcolor="white"
  1300. selectedtextcolor="white"
  1301. }
  1302.  
  1303. "GameItem_Updating"
  1304. {
  1305. textcolor="highlight2"
  1306. selectedtextcolor="highlight1"
  1307. }
  1308.  
  1309. "GameItem_Updating:hover"
  1310. {
  1311. textcolor="highlight1"
  1312. selectedtextcolor="highlight1"
  1313. }
  1314.  
  1315. "GameItem_Updating:selected"
  1316. {
  1317. textcolor="highlight1"
  1318. selectedtextcolor="highlight1"
  1319. }
  1320.  
  1321. "GameItem_Decrypting"
  1322. {
  1323. textcolor="highlight2"
  1324. selectedtextcolor="highlight1"
  1325. }
  1326.  
  1327. "GameItem_Decrypting:hover"
  1328. {
  1329. textcolor="highlight1"
  1330. selectedtextcolor="highlight1"
  1331. }
  1332.  
  1333. "GameItem_Decrypting:selected"
  1334. {
  1335. textcolor="highlight1"
  1336. selectedtextcolor="highlight1"
  1337. }
  1338.  
  1339. "GameItem_Syncing"
  1340. {
  1341. textcolor="highlight2"
  1342. selectedtextcolor="highlight1"
  1343. }
  1344.  
  1345. "GameItem_Syncing:hover"
  1346. {
  1347. textcolor="highlight1"
  1348. selectedtextcolor="highlight1"
  1349. }
  1350.  
  1351. "GameItem_Syncing:selected"
  1352. {
  1353. textcolor="highlight1"
  1354. selectedtextcolor="highlight1"
  1355. }
  1356.  
  1357. "GameColumn_BigText"
  1358. {
  1359. font-family=basefont
  1360. font-size=17
  1361. font-weight=700
  1362. textcolor="text"
  1363. }
  1364.  
  1365. ListPanelCheckBox
  1366. {
  1367. font-family=basefont
  1368. font-size=14
  1369. font-weight=400
  1370. textcolor="Label"
  1371. image="graphics/chkUnselStd_Sm"
  1372. inset="0 5 0 0"
  1373. }
  1374.  
  1375. ListPanelCheckBox:selected
  1376. {
  1377. image="graphics/chkSelStd_Sm"
  1378. }
  1379.  
  1380. ListPanelCheckBox:focus
  1381. {
  1382. textcolor="Text"
  1383. bgcolor=none
  1384. image="graphics/chkUnselFocus_Sm"
  1385. }
  1386.  
  1387. ListPanelCheckBox:selected:focus
  1388. {
  1389. textcolor="Text"
  1390. render_bg {}
  1391. bgcolor=none
  1392. image="graphics/chkSelFocus_Sm"
  1393. }
  1394.  
  1395. ListPanelCheckBox:disabled
  1396. {
  1397. textcolor="TextDisabled"
  1398. bgcolor=none
  1399. image="graphics/chkUnselDis_Sm"
  1400. }
  1401.  
  1402. ListPanelCheckBox:disabled:select
  1403. {
  1404. textcolor="TextDisabled"
  1405. bgcolor=none
  1406. //!! bug - this needs to look disabled
  1407. image="graphics/chkUnselDis"
  1408. }
  1409.  
  1410. "ListPanelColumnheader ListPanelCheckBox"
  1411. {
  1412. font-family=basefont
  1413. font-size=14
  1414. font-weight=400
  1415. textcolor="Label"
  1416. image="graphics/chkUnSelFocus_Sm"
  1417. inset="4 0 0 0"
  1418. }
  1419.  
  1420. "ListPanelColumnHeader ListPanelCheckBox:selected"
  1421. {
  1422. inset="4 0 0 0"
  1423. image="graphics/chkUnSelStd_Sm"
  1424. }
  1425.  
  1426. "ListPanelColumnheader ListPanelCheckBox:focus"
  1427. {
  1428. font-family=basefont
  1429. font-size=14
  1430. font-weight=400
  1431. textcolor="TextHover"
  1432. image="graphics/chkUnSelFocus_Sm"
  1433. inset="4 0 0 0"
  1434. }
  1435.  
  1436. "ListPanelColumnheader ListPanelCheckBox:selected:focus"
  1437. {
  1438. textcolor="TextHover"
  1439. render_bg {}
  1440. bgcolor=none
  1441. image="graphics/chkSelFocus_Sm"
  1442. inset="4 0 0 0"
  1443. }
  1444.  
  1445. ListPanelColumnheader
  1446. {
  1447. font-family=basefont
  1448. font-size=15
  1449. font-size=13 [$OSX]
  1450. font-weight=500
  1451. textcolor="label"
  1452. font-style="regular"
  1453. bgcolor="none"
  1454. inset="1 3 0 0"
  1455. render_bg
  1456. {
  1457. // Background
  1458. 0="fill ( x0, y0 + 2, x1, y1, ScreenB )"
  1459. }
  1460. }
  1461.  
  1462. ListPanelColumnHeader:hover
  1463. {
  1464. textcolor="Texthover"
  1465. }
  1466.  
  1467. "Csteamrootdialog ListPanelColumnheader"
  1468. {
  1469. font-family=basefont
  1470. font-size=16
  1471. font-size=13 [$OSX]
  1472. font-weight=600
  1473. textcolor="label"
  1474. font-style="regular"
  1475. bgcolor="none"
  1476. inset="0 0 0 0"
  1477. inset="0 1 0 0" [$OSX]
  1478. padding-top=1
  1479. render_bg
  1480. {
  1481. // Background
  1482. 0="fill ( x0, y0 + 1, x1, y1, ScreenB )"
  1483. }
  1484. }
  1485.  
  1486. "Csteamrootdialog ListPanelColumnHeader:hover"
  1487. {
  1488. textcolor="TextHover"
  1489. }
  1490.  
  1491. "Csteamrootdialog ListPanelSectionCollapser"
  1492. {
  1493. inset = "0 1 0 1"
  1494. bgcolor=none
  1495. render_bg
  1496. {
  1497. 1="fill( x0 , y0, x1, y1 - 1, buttonface2 )"
  1498. }
  1499. }
  1500.  
  1501. "CGamesPage_Mini ListPanelSectionCollapser"
  1502. {
  1503. inset = "0 1 0 1"
  1504. bgcolor=none
  1505. render_bg
  1506. {
  1507. 1="fill( x0 , y0, x1, y1 - 1, buttonface2 )"
  1508. }
  1509. }
  1510.  
  1511. ListPanelColumnSelectButton
  1512. {
  1513. inset="-3 3 0 0"
  1514. render_bg {}
  1515. render
  1516. {
  1517. // Background
  1518. 1="fill( x0, y0 + 1, x1 - 1, y1 - 1, ScreenB )"
  1519.  
  1520. 5="image( x0 + 3, y0 + 3, x1, y1 - 1, graphics/icon_collapse )"
  1521. }
  1522. }
  1523.  
  1524. ListPanelColumnSelectButton:hover
  1525. {
  1526. inset="-3 3 0 0"
  1527. render_bg {}
  1528. render
  1529. {
  1530. // Background
  1531. 1="fill( x0, y0 + 1, x1 - 1, y1 - 1, ScreenB)"
  1532.  
  1533. 5="image( x0 + 3, y0 + 3, x1, y1 - 1, graphics/icon_collapse_over )"
  1534. }
  1535. }
  1536.  
  1537. ListPanelColumnSelectButton:selected
  1538. {
  1539. inset="-3 3 0 0"
  1540. render_bg {}
  1541. render
  1542. {
  1543. // Background
  1544. 1="fill( x0, y0 + 1, x1 - 1, y1 - 1, ScreenB )"
  1545.  
  1546. 5="image( x0 + 3, y0 + 3, x1, y1 - 1, graphics/icon_collapse_over )"
  1547. }
  1548. }
  1549.  
  1550. "CGamesListPanel ListPanelColumnSelectButton"
  1551. {
  1552. inset="-3 3 0 0"
  1553. render
  1554. {
  1555. 5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_collapse )"
  1556. }
  1557. render_bg
  1558. {
  1559. 1="fill( x0, y0, x1 - 1, y1, ScreenB )"
  1560. }
  1561. }
  1562.  
  1563. "CGamesListPanel ListPanelColumnSelectButton:hover"
  1564. {
  1565. inset="-3 3 0 0"
  1566. render
  1567. {
  1568. 5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_collapse_over )"
  1569. }
  1570. }
  1571.  
  1572. "CGamesListPanel ListPanelColumnSelectButton:selected"
  1573. {
  1574. inset="-3 3 0 0"
  1575. render
  1576. {
  1577. 5="image( x0 + 3, y0 + 3, x1, y1, graphics/icon_collapse_over )"
  1578. }
  1579. }
  1580.  
  1581. ListPanelDragger
  1582. {
  1583. bgcolor="none"
  1584. render
  1585. {
  1586. //fill makes dragger visible
  1587. 0="fill( x0, y0 + 3, x0 + 1, y1 - 3, DialogBG )" // Left
  1588. }
  1589. }
  1590.  
  1591. ListPanelInterior
  1592. {
  1593. bgcolor=none
  1594. inset="3 1 0 0"
  1595. font-size=15
  1596. textcolor="text2"
  1597. render_bg {}
  1598. }
  1599.  
  1600. ListPanelInterior:scrollbar
  1601. {
  1602. bgcolor=none
  1603. inset="3 1 -1 0"
  1604. textcolor="text2"
  1605. render_bg {}
  1606. }
  1607.  
  1608. "CSteamRootDialog ListPanel"
  1609. {
  1610. padding-left=2
  1611. padding-right=2
  1612. }
  1613.  
  1614. "Csteamrootdialog ListPanelInterior"
  1615. {
  1616. inset="3 0 3 0"
  1617. bgcolor=none
  1618. render_bg {}
  1619. }
  1620.  
  1621. "Csteamrootdialog ListPanelInterior:scrollbar"
  1622. {
  1623. inset="3 0 -1 0"
  1624. bgcolor=none
  1625. render_bg {}
  1626. }
  1627.  
  1628. "Page ListPanelInterior"
  1629. {
  1630. inset="3 1 -1 0"
  1631. font-size=15
  1632. bgcolor=none
  1633. render_bg {}
  1634. }
  1635.  
  1636. "Page ListPanelInterior:scrollbar"
  1637. {
  1638. inset="3 1 -1 0"
  1639. bgcolor=none
  1640. render_bg {}
  1641. }
  1642.  
  1643. ListPanelSectionHeader
  1644. {
  1645. inset="2 0 0 0"
  1646. textcolor=label
  1647. font-style="uppercase"
  1648. render_bg
  1649. {
  1650. 0="gradient_horizontal( x0 - 1, y0, x0 + 250, y1 - 1, buttonface2, none )"
  1651. }
  1652. }
  1653.  
  1654. ListPanelSectionHeader:hover
  1655. {
  1656. textcolor=texthover
  1657. }
  1658.  
  1659. "ListPanel RichText"
  1660. {
  1661. textcolor="Text"
  1662. font-family=basefont
  1663. font-size=15
  1664. bgcolor=none
  1665. render_bg {}
  1666. }
  1667.  
  1668. "ListPanel RichText url"
  1669. {
  1670. font-size=15
  1671. textcolor="Text"
  1672. font-style=underline
  1673. }
  1674.  
  1675. "ListPanel RichTextInterior"
  1676. {
  1677. bgcolor=DarkDialogBG
  1678. render_bg {}
  1679. bgcolor=none
  1680. }
  1681.  
  1682. ListPanelSectionCollapser [!$OSX]
  1683. {
  1684. bgcolor=none
  1685. render_bg {}
  1686. image="graphics/icon_collapse"
  1687. inset="-4 0 0 0"
  1688. padding-top=-2
  1689. padding-bottom=-2
  1690. }
  1691.  
  1692. ListPanelSectionCollapser [$OSX]
  1693. {
  1694. bgcolor=none
  1695. render_bg {}
  1696. image="graphics/icon_collapse_osx"
  1697. inset="-4 0 0 0"
  1698. padding-top=-2
  1699. padding-bottom=-2
  1700. }
  1701.  
  1702. ListPanelSectionCollapser:hover [!$OSX]
  1703. {
  1704. image="graphics/icon_collapse_over"
  1705. }
  1706.  
  1707. ListPanelSectionCollapser:hover [$OSX]
  1708. {
  1709. image="graphics/icon_collapse_over_osx"
  1710. }
  1711.  
  1712. ListPanelSectionCollapser:selected [!$OSX]
  1713. {
  1714. image="graphics/icon_expand"
  1715. }
  1716.  
  1717. ListPanelSectionCollapser:selected [$OSX]
  1718. {
  1719. image="graphics/icon_expand_osx"
  1720. }
  1721.  
  1722. ListPanelSectionCollapser:selected:hover [!$OSX]
  1723. {
  1724. image="graphics/icon_expand_over"
  1725. }
  1726.  
  1727. ListPanelSectionCollapser:selected:hover [$OSX]
  1728. {
  1729. image="graphics/icon_expand_over_osx"
  1730. }
  1731.  
  1732. MainNav
  1733. {
  1734. textcolor="Label"
  1735. selectedtextcolor="Text"
  1736. bgcolor="none"
  1737. font-family=basefont
  1738. font-size=21
  1739. font-weight=700
  1740. font-style="uppercase"
  1741. }
  1742.  
  1743. Menu
  1744. {
  1745. bgcolor="BackgroundStart"
  1746. padding-right=4
  1747. inset="2 2 2 2"
  1748. render {}
  1749. render_bg
  1750. {
  1751. // Background
  1752. 1="fill( x0 + 1 , y0 + 1, x1 - 1, y1 - 1, MenuBG )"
  1753.  
  1754. // Border
  1755. 2="fill( x0 + 0, y0 + 0, x1 + 0, y0 + 1, BorderB5 )" // Top
  1756. 3="fill( x0 + 1, y1 - 1, x1 + 0, y1 + 0, BorderB4 )" // Bottom
  1757. 4="fill( x0 + 0, y0 + 1, x0 + 1, y1 + 0, BorderB5 )" // Left
  1758. 5="fill( x1 - 1, y0 + 1, x1 + 0, y1 - 1, BorderB4 )" // Right
  1759. }
  1760. }
  1761.  
  1762. MenuBar
  1763. {
  1764. bgcolor=dialogbg
  1765. padding-right=1
  1766. padding-left=6
  1767. padding-top=2
  1768. padding-bottom=-2
  1769. }
  1770.  
  1771. "Page MenuBar"
  1772. {
  1773. bgcolor=none
  1774. }
  1775.  
  1776. "MenuBar MenuButton"
  1777. {
  1778. textcolor="buttonborder"
  1779. padding-right=2
  1780. inset="2 0 2 0"
  1781. }
  1782.  
  1783. "MenuBar MenuButton:frameFocus"
  1784. {
  1785. textcolor="label"
  1786. }
  1787.  
  1788. "MenuBar MenuButton:frameFocus:hover"
  1789. {
  1790. textcolor="texthover"
  1791. bgcolor=none
  1792. render_bg
  1793. {
  1794. // Background
  1795. 0="gradient( x0 + 1, y0 + 3, x1 - 5, y1 - 3, focus, none )"
  1796. }
  1797. }
  1798.  
  1799. "MenuBar MenuButton:frameFocus:selected"
  1800. {
  1801. textcolor="texthover"
  1802. bgcolor=none
  1803. render_bg
  1804. {
  1805. // Background
  1806. 0="gradient( x0 + 1, y0 + 3, x1 - 5, y1 - 3, focus )"
  1807. }
  1808. }
  1809.  
  1810. MenuButton
  1811. {
  1812. font-family=basefont
  1813. font-size=14
  1814. font-weight=400
  1815. textcolor="scrollglyph"
  1816. bgcolor="none"
  1817. render_bg {}
  1818. }
  1819.  
  1820. MenuButton:hover
  1821. {
  1822. textcolor="white"
  1823. }
  1824.  
  1825. MenuButton:selected
  1826. {
  1827. textcolor="white"
  1828. }
  1829.  
  1830. MenuItem
  1831. {
  1832. font-family=basefont
  1833. textcolor="Text"
  1834. font-size=14
  1835. font-weight=400
  1836. inset="0 0 0 0"
  1837. bgcolor="none"
  1838. render_bg {}
  1839. }
  1840.  
  1841. MenuItem:selected
  1842. {
  1843. textcolor="TextHover"
  1844. bgcolor="Focus"
  1845. }
  1846.  
  1847. MenuItem:hover
  1848. {
  1849. textcolor="TextHover"
  1850. bgcolor="Focus"
  1851. }
  1852.  
  1853. MenuItem:disabled
  1854. {
  1855. textcolor="labeldisabled"
  1856. shadowtextcolor=none
  1857. }
  1858.  
  1859. MenuItem:disabled:hover
  1860. {
  1861. textcolor="labeldisabled"
  1862. shadowtextcolor=none
  1863. }
  1864.  
  1865. MenuSeparator
  1866. {
  1867. inset="2 0 6 0"
  1868. textcolor="Divider"
  1869. bgcolor=none
  1870. }
  1871.  
  1872. Notification
  1873. {
  1874. font-family=basefont
  1875. font-size=15
  1876. font-weight=400
  1877. bgcolor=none
  1878. render {}
  1879. }
  1880.  
  1881. //////////////////////////////////////////////////////////////////////////////
  1882. ////////////////////////////// Custom Overrides //////////////////////////////
  1883.  
  1884. // -- Message Box
  1885. // ==============
  1886. MessageBox
  1887. {
  1888. render_bg
  1889. {
  1890. 0="image( x0, y0, x1, y0 + 26, graphics/FrameTitle)"
  1891. }
  1892. }
  1893.  
  1894. // -- BackUp Wizard
  1895. // ================
  1896. "CBackupWizard Page"
  1897. {
  1898. inset="0 9 0 0"
  1899. bgcolor="none"
  1900. render_bg
  1901. {
  1902. // Background
  1903. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  1904.  
  1905. // Border
  1906. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  1907. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  1908. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  1909. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  1910. }
  1911. }
  1912.  
  1913. "CBackupWizard Page TextEntry"
  1914. {
  1915. render
  1916. {
  1917. // Border
  1918. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  1919. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  1920. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  1921. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  1922. }
  1923. }
  1924.  
  1925. "CBackupWizard Page ProgressBar"
  1926. {
  1927. render
  1928. {
  1929. // Border
  1930. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  1931. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  1932. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  1933. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  1934. }
  1935. }
  1936.  
  1937. // -- Settings > Account > Manage Security Wizard
  1938. // ==============================================
  1939. "CManageSecurityWizard Page"
  1940. {
  1941. inset="0 9 0 0"
  1942. bgcolor="none"
  1943. render_bg
  1944. {
  1945. // Background
  1946. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  1947.  
  1948. // Border
  1949. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  1950. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  1951. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  1952. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  1953. }
  1954. }
  1955.  
  1956. "CManageSecurityWizard Page TextEntry"
  1957. {
  1958. bgcolor=DialogBG
  1959. render
  1960. {
  1961. // Border
  1962. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  1963. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  1964. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  1965. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  1966. }
  1967. }
  1968.  
  1969. "CManageSecurityWizard Page TextEntryLarge"
  1970. {
  1971. bgcolor=DialogBG
  1972. render
  1973. {
  1974. // Border
  1975. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  1976. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  1977. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  1978. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  1979. }
  1980. }
  1981.  
  1982. // -- Settings > Account > Change Password Wizard
  1983. // ==============================================
  1984. "CChangePasswordWizard Page"
  1985. {
  1986. inset="0 9 0 0"
  1987. bgcolor="none"
  1988. render_bg
  1989. {
  1990. // Background
  1991. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  1992.  
  1993. // Border
  1994. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  1995. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  1996. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  1997. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  1998. }
  1999. }
  2000.  
  2001. "CChangePasswordWizard Page TextEntry"
  2002. {
  2003. bgcolor=DialogBG
  2004. render
  2005. {
  2006. // Border
  2007. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2008. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2009. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2010. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2011. }
  2012. }
  2013.  
  2014. "CChangePasswordWizard Page TextEntryLarge"
  2015. {
  2016. bgcolor=DialogBG
  2017. render
  2018. {
  2019. // Border
  2020. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2021. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2022. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2023. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2024. }
  2025. }
  2026.  
  2027. // -- Settings > Account > Change Contact Email Wizard
  2028. // ===================================================
  2029. "CChangeContactEmailWizard Page"
  2030. {
  2031. inset="0 9 0 0"
  2032. bgcolor="none"
  2033. render_bg
  2034. {
  2035. // Background
  2036. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2037.  
  2038. // Border
  2039. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2040. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2041. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2042. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2043. }
  2044. }
  2045.  
  2046. "CChangeContactEmailWizard Page TextEntry"
  2047. {
  2048. bgcolor=DialogBG
  2049. render
  2050. {
  2051. // Border
  2052. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2053. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2054. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2055. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2056. }
  2057. }
  2058.  
  2059. "CChangeContactEmailWizard Page TextEntryLarge"
  2060. {
  2061. bgcolor=DialogBG
  2062. render
  2063. {
  2064. // Border
  2065. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2066. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2067. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2068. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2069. }
  2070. }
  2071.  
  2072. // -- Recent Players
  2073. // =================
  2074. "CPlayersDialog PageTab"
  2075. {
  2076. minimum-width=82
  2077. }
  2078.  
  2079. // -- Server Browser
  2080. // =================
  2081. "CServerBrowserDialog Page ListPanel RichText"
  2082. {
  2083. render_bg {}
  2084. }
  2085.  
  2086. // -- Screenshots Dialog
  2087. // =====================
  2088. CScreenshotCaptionEntry
  2089. {
  2090. bgcolor="DialogBG"
  2091. render_bg
  2092. {
  2093. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DialogBG )" // Background
  2094. }
  2095. render
  2096. {
  2097. 1="fill( x0 + 0, y0 + 0, x1 - 0, y0 + 1, ScreenB )" // Top
  2098. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 - 0, ScreenB )" // Bottom
  2099. 3="fill( x0 + 0, y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2100. 4="fill( x1 - 1, y0 + 1, x1 - 0, y1 - 1, ScreenB )" // Right
  2101. }
  2102. }
  2103.  
  2104. // -- FriendList FrameTitle Fix
  2105. // ============================
  2106. "CFriendsDialog FrameTitle"
  2107. {
  2108. font-family=basefont
  2109. inset="5 2 0 0"
  2110. inset="0 4 0 0" [$OSX]
  2111. font-size=14
  2112. font-weight=400
  2113. textcolor="buttonborderfocus"
  2114. bgcolor="none"
  2115. render_bg
  2116. {
  2117. 1="image( x0, y0 + 1, x1, y0 + 27, graphics/FrameTitle)"
  2118. }
  2119. }
  2120.  
  2121. "CFriendsDialog FrameTitle:framefocus"
  2122. {
  2123. font-family=basefont
  2124. inset="0 4 0 0" [$OSX]
  2125. font-size=14
  2126. font-weight=400
  2127. bgcolor="none"
  2128. textcolor="texthover"
  2129. textcolor="texthover" [$OSX]
  2130. render_bg
  2131. {
  2132. 1="image( x0, y0 + 1, x1, y0 + 27, graphics/FrameTitle)"
  2133. }
  2134. }
  2135.  
  2136. // -- Friend Groups Dialog
  2137. // =======================
  2138. "CEditFriendsGroupsDialog Page"
  2139. {
  2140. inset="0 9 0 0"
  2141. bgcolor="none"
  2142. render_bg
  2143. {
  2144. // Background
  2145. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2146.  
  2147. // Border
  2148. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2149. 2="fill( x0 , y1 - 1, x1 , y1 , Divider )" // Bottom
  2150. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2151. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2152. }
  2153. }
  2154.  
  2155. "CEditFriendsGroupsDialog Page TextEntry"
  2156. {
  2157. bgcolor=DialogBG
  2158. render
  2159. {
  2160. // Border
  2161. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2162. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2163. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2164. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2165. }
  2166. }
  2167.  
  2168. // -- Add Friend
  2169. // =============
  2170. "CAddFriendDialog Page"
  2171. {
  2172. inset="0 9 0 0"
  2173. bgcolor="none"
  2174. render_bg
  2175. {
  2176. // Background
  2177. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2178.  
  2179. // Border
  2180. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2181. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2182. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2183. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2184. }
  2185. }
  2186.  
  2187. "CAddFriendDialog Page TextEntry"
  2188. {
  2189. bgcolor=DialogBG
  2190. render
  2191. {
  2192. // Border
  2193. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2194. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2195. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2196. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2197. }
  2198. }
  2199.  
  2200. // -- Product Activation
  2201. // =====================
  2202. "CRegisterCDKeyWizard Page"
  2203. {
  2204. inset="0 9 0 0"
  2205. bgcolor="none"
  2206. render_bg
  2207. {
  2208. // Background
  2209. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2210.  
  2211. // Border
  2212. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2213. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2214. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2215. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2216. }
  2217. }
  2218.  
  2219. "CRegisterCDKeyWizard Page TextEntry"
  2220. {
  2221. bgcolor=DialogBG
  2222. render
  2223. {
  2224. // Border
  2225. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2226. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2227. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2228. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2229. }
  2230. }
  2231.  
  2232. "CRegisterCDKeyWizard Page ProgressBar"
  2233. {
  2234. render
  2235. {
  2236. // Border
  2237. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2238. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2239. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2240. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2241. }
  2242. }
  2243.  
  2244. // -- Send a Gift
  2245. // ==============
  2246. "CDialogSendGuestPass Page"
  2247. {
  2248. inset="0 9 0 0"
  2249. bgcolor="none"
  2250. render_bg
  2251. {
  2252. // Background
  2253. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2254.  
  2255. // Border
  2256. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2257. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2258. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2259. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2260. }
  2261. }
  2262.  
  2263. "CDialogSendGuestPass Page TextEntry"
  2264. {
  2265. bgcolor=DialogBG
  2266. render
  2267. {
  2268. // lines around
  2269. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2270. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2271. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2272. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2273. }
  2274. }
  2275.  
  2276. "CDialogSendGuestPass Page ListPanel"
  2277. {
  2278. font-family=basefont
  2279. font-size=14
  2280. font-weight=400
  2281. textcolor="Text2"
  2282. selectedtextcolor="TextSelected"
  2283. selectedbgcolor="Focus"
  2284. inset="0 -1 1 1"
  2285. bgcolor=DialogBG
  2286. render_bg {}
  2287. render
  2288. {
  2289. // lines around
  2290. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2291. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2292. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2293. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2294. }
  2295. }
  2296.  
  2297. // -- System Information
  2298. // =====================
  2299. "CSystemInfoDialog Page"
  2300. {
  2301. inset="0 9 0 0"
  2302. padding-bottom=9
  2303. bgcolor="none"
  2304. render_bg
  2305. {
  2306. // Background
  2307. 0="fill( x0, y0 + 8, x1, y1 - 35, PropertySheetBG )"
  2308.  
  2309. // Border
  2310. 1="fill( x0 , y0 + 8 , x1 , y0 + 9 , Divider )" // Top
  2311. 2="fill( x0 , y1 - 35, x1 , y1 - 34, Divider )" // Bottom
  2312. 3="fill( x0 , y0 + 9 , x0 + 1, y1 - 35, Divider )" // Left
  2313. 4="fill( x1 - 1, y0 + 9 , x1 , y1 - 35, Divider )" // Right
  2314. }
  2315. }
  2316.  
  2317. // -- Install Wizard
  2318. // =================
  2319. "CInstallAppWizard Page"
  2320. {
  2321. inset="0 9 0 0"
  2322. bgcolor="none"
  2323. render_bg
  2324. {
  2325. // Background
  2326. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2327.  
  2328. // Border
  2329. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2330. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2331. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2332. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2333. }
  2334. }
  2335.  
  2336. "CInstallAppWizard Page TextEntry"
  2337. {
  2338. render
  2339. {
  2340. // Border
  2341. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2342. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2343. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2344. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2345. }
  2346. }
  2347.  
  2348. "CInstallAppWizard Page ProgressBar"
  2349. {
  2350. render
  2351. {
  2352. // Border
  2353. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2354. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2355. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2356. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2357. }
  2358. }
  2359.  
  2360. // -- Category Dialog
  2361. // ==================
  2362. "CEditTagsDialog Page"
  2363. {
  2364. inset="0 9 0 0"
  2365. bgcolor="none"
  2366. render_bg
  2367. {
  2368. // Background
  2369. 0="fill( x0, y0 + 8, x1, y1 - 9, PropertySheetBG )"
  2370.  
  2371. // Border
  2372. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2373. 2="fill( x0 , y1 - 9, x1 , y1 - 8, Divider )" // Bottom
  2374. 3="fill( x0 , y0 + 9, x0 + 1, y1 - 9, Divider )" // Left
  2375. 4="fill( x1 - 1, y0 + 9, x1 , y1 - 9, Divider )" // Right
  2376. }
  2377. }
  2378.  
  2379. "CEditTagsDialog Page TextEntry"
  2380. {
  2381. bgcolor=DialogBG
  2382. render
  2383. {
  2384. // lines around
  2385. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2386. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2387. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2388. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2389. }
  2390. }
  2391.  
  2392. // -- Account Creation
  2393. // ===================
  2394. "CWelcomeToSteamDialog Page"
  2395. {
  2396. inset="0 9 0 0"
  2397. bgcolor="none"
  2398. render_bg
  2399. {
  2400. // Background
  2401. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2402.  
  2403. // Border
  2404. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2405. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2406. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2407. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2408. }
  2409. }
  2410.  
  2411. "CWelcomeToSteamDialog Page TextEntry"
  2412. {
  2413. render
  2414. {
  2415. // Border
  2416. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2417. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2418. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2419. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2420. }
  2421. }
  2422.  
  2423. "CWelcomeToSteamDialog Page TextEntryLarge"
  2424. {
  2425. bgcolor="DialogBG"
  2426. render
  2427. {
  2428. // Border
  2429. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2430. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2431. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2432. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2433. }
  2434. }
  2435.  
  2436. "CWelcomeToSteamDialog Page ListPanel"
  2437. {
  2438. font-family=basefont
  2439. font-size=14
  2440. font-weight=400
  2441. textcolor="Text2"
  2442. selectedtextcolor="TextSelected"
  2443. selectedbgcolor="Focus"
  2444. inset="0 -1 1 1"
  2445. bgcolor=none
  2446. render_bg
  2447. {
  2448. // Background
  2449. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y0 + 80, Propertysheetbg, BackgroundStartOpaque )"
  2450. 1="fill( x0 + 1, y0 + 80, x1 - 1, y1 - 1, BackgroundStartOpaque )"
  2451.  
  2452. // Outer Border
  2453. 2="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2454. 3="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2455. 4="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2456. 5="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2457. }
  2458. render
  2459. {
  2460. // Inner Border
  2461. 6="fill( x0 + 1, y0 + 28, x1 - 1, y0 + 29, Black )" // Top
  2462. 7="fill( x0 + 1, y1 + 7 , x1 - 1, y1 + 8 , Black )" // Bottom
  2463. 8="fill( x0 + 1, y0 + 29, x0 + 2, y1 + 7 , Black )" // Left
  2464. 9="fill( x1 - 2, y0 + 29, x1 - 1, y1 + 7 , Black )" // Right
  2465. }
  2466. }
  2467.  
  2468. // -- Steam Guard Dialog
  2469. // =====================
  2470. "LockedAccountAddComputerWizard WizardPanel FrameTitle"
  2471. {
  2472. font-family=basefont
  2473. inset="5 2 0 0"
  2474. inset="0 4 0 0" [$OSX]
  2475. font-size=14
  2476. font-weight=400
  2477. textcolor="buttonborderfocus"
  2478. bgcolor="none"
  2479. render_bg
  2480. {
  2481. 1="image( x0, y0, x1, y0 + 26, graphics/FrameTitle)"
  2482. }
  2483. }
  2484.  
  2485. // -- Wizard Panel
  2486. // ===============
  2487. "WizardPanel Page"
  2488. {
  2489. inset="0 9 0 0"
  2490. bgcolor="none"
  2491. render_bg
  2492. {
  2493. // Background
  2494. 0="fill( x0, y0 + 8, x1, y1, PropertySheetBG )"
  2495.  
  2496. // Border
  2497. 1="fill( x0 , y0 + 8, x1 , y0 + 9, Divider )" // Top
  2498. 2="fill( x0 , y1 , x1 , y1 + 1, Divider )" // Bottom
  2499. 3="fill( x0 , y0 + 9, x0 + 1, y1 , Divider )" // Left
  2500. 4="fill( x1 - 1, y0 + 9, x1 , y1 , Divider )" // Right
  2501. }
  2502. }
  2503.  
  2504. "WizardPanel Page TextEntry"
  2505. {
  2506. render
  2507. {
  2508. // Border
  2509. 1="fill( x0 + 0, y0 + 9 , x1 - 0, y0 + 10, ScreenB )" // Top
  2510. 2="fill( x0 + 0, y1 + 8 , x1 - 0, y1 + 9 , ScreenB )" // Bottom
  2511. 3="fill( x0 , y0 + 10, x0 + 1, y1 + 8 , ScreenB )" // Left
  2512. 4="fill( x1 - 1, y0 + 10, x1 , y1 + 8 , ScreenB )" // Right
  2513. }
  2514. }
  2515.  
  2516. ////////////////////////////// !Custom Overrides //////////////////////////////
  2517. ///////////////////////////////////////////////////////////////////////////////
  2518.  
  2519. Page
  2520. {
  2521. bgcolor="none"
  2522. render_bg
  2523. {
  2524. // Background
  2525. 0="fill( x0, y0 - 1, x1, y1, PropertySheetBG )"
  2526.  
  2527. // Border
  2528. 2="fill( x0 , y1 - 1, x1 , y1 , Divider )" // Bottom
  2529. 3="fill( x0 , y0 - 1, x0 + 1, y1 , Divider )" // Left
  2530. 4="fill( x1 - 1, y0 - 1, x1 , y1 , Divider )" // Right
  2531. }
  2532. }
  2533.  
  2534. "CSteamRootDialog Page"
  2535. {
  2536. bgcolor="none"
  2537. render_bg {}
  2538. }
  2539.  
  2540. "Page RadioButtonList"
  2541. {
  2542. bgcolor="DialogBG"
  2543. }
  2544.  
  2545. PageTab
  2546. {
  2547. textcolor="Label"
  2548. font-family=basefont
  2549. font-size=13
  2550. font-style=Uppercase
  2551. font-weight=400
  2552. inset="0 -2 0 0"
  2553. render_bg
  2554. {
  2555. // Background
  2556. 0="fill( x0, y0 , x1, y1 - 4, DarkB )"
  2557. 1="fill( x0, y1-2, x1+3000, y1 -1, Divider )"
  2558. }
  2559. }
  2560.  
  2561. PageTab:selected
  2562. {
  2563. textcolor="texthover"
  2564. font-family=basefont
  2565. font-size=13
  2566. font-style=Uppercase
  2567. font-weight=400
  2568. inset="0 -2 0 0"
  2569. bgcolor="none"
  2570. render_bg
  2571. {
  2572. // Background
  2573. 0="gradient( x0 + 1, y0 , x1 - 1, y1, Divider, PropertySheetBG )"
  2574. 1="fill( x1 , y1 - 2, x1 + 3000, y1 - 1, Divider )"
  2575.  
  2576. 2="fill( x0 , y0 , x1 , y0 + 1, Divider )" // Top
  2577. 3="fill( x0 , y0 , x0 + 1, y1 - 1, Divider )" // Left
  2578. 4="fill( x1 - 1, y0 , x1 , y1 - 1, Divider )" // Right
  2579. }
  2580. }
  2581.  
  2582. PageTab:hover
  2583. {
  2584. textcolor="texthover"
  2585. font-family=basefont
  2586. font-size=13
  2587. font-style=Uppercase
  2588. font-weight=400
  2589. inset="0 -2 0 0"
  2590. render_bg
  2591. {
  2592. // Background
  2593. 0="fill( x0, y0 , x1, y1 - 4, LightB )"
  2594. 1="fill( x0, y1 - 2, x1 + 3000, y1 - 1, Divider )"
  2595. }
  2596. }
  2597.  
  2598. PageTab:selected:hover
  2599. {
  2600. textcolor="texthover"
  2601. font-family=basefont
  2602. font-size=13
  2603. font-style=Uppercase
  2604. font-weight=400
  2605. inset="0 -2 0 0"
  2606. render_bg
  2607. {
  2608. // Background
  2609. 0="gradient( x0 + 1, y0 , x1 - 1, y1, Divider, PropertySheetBG )"
  2610. 1="fill(x1, y1 - 2, x1 + 3000, y1 - 1, Divider )"
  2611.  
  2612. 2="fill( x0 , y0 , x1 , y0 + 1, Divider )" // Top
  2613. 3="fill( x0 , y0 , x0 + 1, y1 - 1, Divider )" // Left
  2614. 4="fill( x1 - 1, y0 , x1 , y1 - 1, Divider )" // Right
  2615. }
  2616. }
  2617.  
  2618. PageTab:Focus
  2619. {
  2620. textcolor="Texthover"
  2621. }
  2622.  
  2623. "PageDragFrame PageTab"
  2624. {
  2625. font-size=14
  2626. font-style=""
  2627. }
  2628.  
  2629. TabCloseButton
  2630. {
  2631. render_bg {}
  2632. image="graphics/tiny_x_default"
  2633. }
  2634.  
  2635. TabCloseButton:hover
  2636. {
  2637. image="graphics/tiny_x_hover"
  2638. }
  2639.  
  2640. Panel
  2641. {
  2642. font-family=basefont
  2643. font-size=14
  2644. font-weight=400
  2645. textcolor="Text"
  2646. bgcolor="none"
  2647. render
  2648. }
  2649.  
  2650. ProgressBar
  2651. {
  2652. textcolor="TextTitle"
  2653. bgcolor="PropertySheetBG"
  2654. render
  2655. {
  2656. // Border
  2657. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2658. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2659. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2660. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2661. }
  2662. }
  2663.  
  2664. "Page ProgressBar"
  2665. {
  2666. textcolor="TextTitle"
  2667. bgcolor="DialogBG"
  2668. render
  2669. {
  2670. // Border
  2671. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2672. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2673. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2674. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2675. }
  2676. }
  2677.  
  2678. PropertyPage
  2679. {
  2680. bgcolor="PropertySheetBG"
  2681. }
  2682.  
  2683. RadioButton
  2684. {
  2685. font-family=basefont
  2686. font-size=14
  2687. font-weight=400
  2688. textcolor="Label"
  2689. render_bg {}
  2690. image="graphics/RadUnselStd"
  2691. bgcolor=none
  2692. }
  2693.  
  2694. RadioButton:selected
  2695. {
  2696. render_bg {}
  2697. image="graphics/radSelStd"
  2698. }
  2699.  
  2700. RadioButton:focus
  2701. {
  2702. textcolor="Texthover"
  2703. bgcolor=none
  2704. image="graphics/radSelFocus"
  2705. }
  2706.  
  2707. RadioButton:selected:focus
  2708. {
  2709. textcolor="Texthover"
  2710. bgcolor=none
  2711. image="graphics/radSelFocus"
  2712. }
  2713.  
  2714. RadioButtonList
  2715. {
  2716. bgcolor="PropertySheetBG"
  2717. inset="-2 0 0 0"
  2718. render_bg
  2719. {
  2720. // lines around
  2721. 3="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2722. 4="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2723. 5="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2724. 6="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2725. }
  2726. }
  2727.  
  2728. RichText
  2729. {
  2730. textcolor="Text"
  2731. selectedtextcolor="TextSelected"
  2732. font-family=basefont
  2733. font-size=14
  2734. font-weight=400
  2735. inset="0 -1 0 0"
  2736. render_bg
  2737. {
  2738. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, PropertySheetBG )"
  2739.  
  2740. // Border
  2741. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2742. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2743. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2744. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2745. }
  2746. }
  2747.  
  2748. "Page RichText"
  2749. {
  2750. render_bg
  2751. {
  2752. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DialogBG )"
  2753.  
  2754. // Border
  2755. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  2756. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  2757. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  2758. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  2759. }
  2760. }
  2761.  
  2762. RichTextInterior
  2763. {
  2764. bgcolor=none
  2765. }
  2766.  
  2767. // style of links in a rich text control
  2768. "RichText url"
  2769. {
  2770. font-size=14
  2771. textcolor="label"
  2772. selectedtextcolor="label"
  2773. font-style=underline
  2774. }
  2775.  
  2776. "RichText url:hover"
  2777. {
  2778. textcolor="Texthover"
  2779. }
  2780.  
  2781. "CFriendPanel RichText URL"
  2782. {
  2783. textcolor="text"
  2784. font-style=underline
  2785. font-size=14
  2786. }
  2787.  
  2788. // style of bold text in a rich text control
  2789. "RichText bold"
  2790. {
  2791. font-size=15
  2792. font-weight=1000
  2793. }
  2794.  
  2795. "RichText emphasis"
  2796. {
  2797. font-size=15
  2798. font-style=italic
  2799. }
  2800.  
  2801. ScrollBar
  2802. {
  2803. inset="0 0 0 0"
  2804. }
  2805.  
  2806. ScrollBarButton.up
  2807. {
  2808. bgcolor=none
  2809. inset="-1 -1 0 0"
  2810. image="graphics/icon_up_default"
  2811. render_bg {}
  2812. }
  2813.  
  2814. ScrollBarButton.up:hover
  2815. {
  2816. bgcolor=none
  2817. inset="-1 -1 0 0"
  2818. image="graphics/icon_up_hover"
  2819. render_bg {}
  2820. }
  2821.  
  2822. ScrollBarButton.up:active
  2823. {
  2824. inset="-1 -1 0 0"
  2825. image="graphics/icon_up_hover"
  2826. render_bg {}
  2827. }
  2828.  
  2829. ScrollBarButton.up:disabled
  2830. {
  2831. inset="-1 -1 0 0"
  2832. image="graphics/icon_up_disabled"
  2833. render_bg {}
  2834. }
  2835.  
  2836. ScrollBarButton.down
  2837. {
  2838. bgcolor=none
  2839. inset="-2 0 0 -2"
  2840. image="graphics/icon_down_default"
  2841. render_bg {}
  2842. }
  2843.  
  2844. ScrollBarButton.down:hover
  2845. {
  2846. inset="-2 0 0 -2"
  2847. image="graphics/icon_down_hover"
  2848. render_bg {}
  2849. }
  2850.  
  2851. ScrollBarButton.down:active
  2852. {
  2853. inset="-2 0 0 -2"
  2854. image="graphics/icon_down_hover"
  2855. render_bg {}
  2856. }
  2857.  
  2858. ScrollBarButton.down:disabled
  2859. {
  2860. inset="-2 0 0 -2"
  2861. image="graphics/icon_down_hover"
  2862. render_bg {}
  2863. }
  2864.  
  2865. ScrollBarButton.left
  2866. {
  2867. bgcolor=none
  2868. inset="-2 3 0 0"
  2869. image="graphics/icon_left_default"
  2870. render_bg {}
  2871. }
  2872.  
  2873. ScrollBarButton.left:hover
  2874. {
  2875. image="graphics/icon_left_hover"
  2876. inset="-2 3 0 0"
  2877. render_bg {}
  2878. }
  2879.  
  2880. ScrollBarButton.right
  2881. {
  2882. bgcolor=none
  2883. image="graphics/icon_right_default"
  2884. inset="0 2 -2 0"
  2885. render_bg {}
  2886. }
  2887.  
  2888. ScrollBarButton.right:hover
  2889. {
  2890. image="graphics/icon_right_hover"
  2891. inset="0 2 -2 0"
  2892. render_bg {}
  2893. }
  2894.  
  2895. ScrollBarHandle //vertical scrollbar thumb
  2896. {
  2897. bgcolor=none
  2898. render_bg
  2899. {
  2900. // Background
  2901. 0="fill( x0 + 4, y0 + 6, x1 - 6, y1 - 5, DarkB )"
  2902. }
  2903. }
  2904.  
  2905. "ScrollBarHandle:hover"
  2906. {
  2907. render_bg
  2908. {
  2909. // Background
  2910. 0="fill( x0 + 4, y0 + 6, x1 - 6, y1 - 5, DarkBHover )"
  2911. }
  2912. }
  2913.  
  2914. "ScrollBarHandle:active"
  2915. {
  2916. render_bg
  2917. {
  2918. // Background
  2919. 0="fill( x0 + 4, y0 + 6, x1 - 6, y1 - 5, DarkBHover )"
  2920. }
  2921. }
  2922.  
  2923. "SliderHoriz" //horizontal scrollbar thumb
  2924. {
  2925. render
  2926. {
  2927. // Background
  2928. 1="fill( x0 + 2, y0 + 13, x1 - 1, y1 - 9, DarkB )"
  2929. }
  2930. }
  2931.  
  2932. "SliderHoriz:hover"
  2933. {
  2934. render
  2935. {
  2936. // Background
  2937. 0="fill( x0 + 2, y0 + 13, x1 - 1, y1 - 9, DarkBHover )"
  2938. }
  2939. }
  2940.  
  2941. "SliderHoriz:active"
  2942. {
  2943. render
  2944. {
  2945. // Background
  2946. 0="fill( x0 + 2, y0 + 13, x1 - 1, y1 - 9, DarkBHover )"
  2947. }
  2948. }
  2949.  
  2950. ScrollBarSlider // Vertical Gutter
  2951. {
  2952. bgcolor="none"
  2953. inset="0 -6 0 -5"
  2954. render_bg
  2955. {
  2956. // Background
  2957. 2="fill( x0 + 8, y0, x1 - 10, y1 - 1, ScreenB )"
  2958. }
  2959. }
  2960.  
  2961. ScrollBarSliderHoriz // Horizontal Gutter
  2962. {
  2963. bgcolor="none"
  2964. inset="-6 0 -5 0"
  2965. render_bg
  2966. {
  2967. // Background
  2968. 2="fill( x0 + 2, y0 + 11, x1 - 2, y1 - 8, ScreenB )"
  2969. }
  2970. }
  2971.  
  2972. "GamesPage_Details ListPanel ScrollBarSlider" // gutter in games list detail view
  2973. {
  2974. bgcolor="none"
  2975. render_bg
  2976. {
  2977. // Background
  2978. 0="fill( x0 + 8, y0, x1 - 10, y1 - 1, ScreenB )"
  2979. }
  2980. }
  2981.  
  2982. ScrollBarSlider:disabled
  2983. {
  2984. bgcolor="none"
  2985. render_bg {}
  2986. }
  2987.  
  2988. "ScrollBar SliderHoriz" // gutter - ??
  2989. {
  2990. bgcolor="ScreenB"
  2991. }
  2992.  
  2993. "HTML ScrollBar" // Vertical Gutter - Background Strip
  2994. {
  2995. bgcolor="none"
  2996. render_bg
  2997. {
  2998. 0="fill( x0, y0, x1 - 1, y1 - 1, almostblack )"
  2999. }
  3000. }
  3001.  
  3002. "HTML ScrollBar.Horizontal" // Horizontal Gutter - Background Strip
  3003. {
  3004. bgcolor="none"
  3005. render_bg
  3006. {
  3007. 0="fill( x0, y0, x1 + 25, y1, almostblack )"
  3008. }
  3009. }
  3010.  
  3011. "HTML ScrollBarSlider.Horizontal" // Horizontal Gutter
  3012. {
  3013. bgcolor=none
  3014. render_bg
  3015. {
  3016. // Background
  3017. 0="fill( x0 + 2, y0 + 11, x1 - 2, y1 - 8, ScreenB )"
  3018. }
  3019. }
  3020.  
  3021. "HTML SliderHoriz" // Horizontal Thumb (or, one of them at least...?)
  3022. {
  3023. bgcolor=none
  3024. render_bg {}
  3025. }
  3026.  
  3027. SectionedListPanel
  3028. {
  3029. inset="1 -1 1 1"
  3030. bgcolor="propertysheetbg"
  3031. font-family=basefont
  3032. font-size=14
  3033. font-weight=400
  3034. textcolor="Text"
  3035. selectedtextcolor="TextSelected"
  3036. selectedbgcolor="Focus"
  3037. bgcolor="none"
  3038. render_bg
  3039. {
  3040. // Background
  3041. 0="fill( x0 + 1, y0 + 1, x1, y0 + 1, PropertySheetBG )"
  3042.  
  3043. // Border
  3044. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, Divider )" // Top
  3045. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , Divider )" // Bottom
  3046. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, Divider )" // Left
  3047. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, Divider )" // Right
  3048. }
  3049. }
  3050.  
  3051. SectionedlistpanelCollapser
  3052. {
  3053. render_bg {}
  3054. bgcolor=none
  3055. image="graphics/icon_collapse"
  3056. inset="2 1 0 0"
  3057. }
  3058.  
  3059. SectionedListPanelCollapser:hover
  3060. {
  3061. image="graphics/icon_collapse_over"
  3062. }
  3063.  
  3064. SectionedListPanelCollapser:selected
  3065. {
  3066. image="graphics/icon_expand"
  3067. }
  3068.  
  3069. SectionedListPanelCollapser:selected:hover
  3070. {
  3071. image="graphics/icon_expand_over"
  3072. }
  3073.  
  3074. SectionedListPanelInterior
  3075. {
  3076. bgcolor="none"
  3077. }
  3078.  
  3079. Slider
  3080. {
  3081. font-family=basefont
  3082. font-size=10
  3083. font-weight=400
  3084. textcolor="label"
  3085. font-style=uppercase
  3086. }
  3087.  
  3088. Slider:focus
  3089. {
  3090. textcolor="Text"
  3091. }
  3092.  
  3093. StatusLabel
  3094. {
  3095. font-family=basefont
  3096. font-size=14
  3097. font-weight=400
  3098. textcolor="labelfocus"
  3099. font-style=regular
  3100. }
  3101.  
  3102. StatusLabel:hover
  3103. {
  3104. font-family=basefont
  3105. font-size=14
  3106. font-weight=400
  3107. textcolor="white"
  3108. font-style=regular
  3109. }
  3110.  
  3111. TextEntry
  3112. {
  3113. font-family=basefont
  3114. font-size=14
  3115. textcolor="Text"
  3116. font-weight=400
  3117. bgcolor="PropertySheetBG"
  3118. selectedtextcolor="white"
  3119. selectedbgcolor="TextSelectedBG"
  3120. shadowtextcolor="Text" // this is the cursor color
  3121. inset-left=4
  3122. inset-top=0
  3123. render
  3124. {
  3125. // Border
  3126. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  3127. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  3128. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3129. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3130. }
  3131. }
  3132.  
  3133. "Page TextEntry"
  3134. {
  3135. bgcolor="DialogBG"
  3136. render
  3137. {
  3138. // Border
  3139. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  3140. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  3141. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3142. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3143. }
  3144. }
  3145.  
  3146. TextEntry:focus
  3147. {
  3148. textcolor="TextHover"
  3149. bgcolor="PropertySheetBG"
  3150. render
  3151. {
  3152. // Border
  3153. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, Divider )" // Top
  3154. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , Divider )" // Bottom
  3155. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, Divider )" // Left
  3156. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, Divider )" // Right
  3157. }
  3158. }
  3159.  
  3160. "Page TextEntry:focus"
  3161. {
  3162. textcolor="TextHover"
  3163. bgcolor="DialogBG"
  3164. render
  3165. {
  3166. // Border
  3167. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, Divider )" // Top
  3168. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , Divider )" // Bottom
  3169. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, Divider )" // Left
  3170. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, Divider )" // Right
  3171. }
  3172. }
  3173.  
  3174. TextEntry:disabled
  3175. {
  3176. textcolor="TextDisabled"
  3177. bgcolor="PropertySheetBG"
  3178. render
  3179. {
  3180. // Border
  3181. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  3182. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  3183. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3184. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3185. }
  3186. }
  3187.  
  3188. // The 'empty' style is used for 'hint text' in text entry fields.
  3189. // If the text box does not have focus and does not have content, a
  3190. // hint text property will be shown with this style. This is comment
  3191. // to pre-fill to box with something like 'Search' that goes away when active
  3192. TextEntry:empty
  3193. {
  3194. font-style=italic
  3195. textcolor=LabelDisabled
  3196. }
  3197.  
  3198. TextEntryLarge
  3199. {
  3200. font-family=basefont
  3201. font-size=24
  3202. textcolor="Text"
  3203. font-weight=400
  3204. bgcolor="PropertySheetBG"
  3205. selectedtextcolor="TextEntrySelected"
  3206. selectedbgcolor="TextSelectedBG"
  3207. shadowtextcolor="Text" // this is the cursor color
  3208. inset-left=4
  3209. inset-top=5
  3210. inset-bottom=5
  3211. render
  3212. {
  3213. // Border
  3214. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  3215. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  3216. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3217. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3218. }
  3219. }
  3220.  
  3221. TextEntryLarge:focus
  3222. {
  3223. textcolor="TextHover"
  3224. render
  3225. {
  3226. // Border
  3227. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, Divider )" // Top
  3228. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , Divider )" // Bottom
  3229. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, Divider )" // Left
  3230. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, Divider )" // Right
  3231. }
  3232. }
  3233.  
  3234. TextEntryLarge:disabled
  3235. {
  3236. textcolor="TextDisabled"
  3237. bgcolor="PropertySheetBG"
  3238. render
  3239. {
  3240. // Border
  3241. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ScreenB )" // Top
  3242. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ScreenB )" // Bottom
  3243. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3244. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3245. }
  3246. }
  3247.  
  3248. TextEntryURL
  3249. {
  3250. font-family=basefont
  3251. font-size=14
  3252. textcolor="text"
  3253. font-weight=400
  3254. bgcolor="none"
  3255. selectedtextcolor="TextEntrySelected"
  3256. selectedbgcolor="TextSelectedBG"
  3257. shadowtextcolor="Text" // this is the cursor color
  3258. inset-left=0
  3259. inset-top=-1
  3260. render {}
  3261. }
  3262.  
  3263. TextEntryURL:Hover
  3264. {
  3265. textcolor="texthover"
  3266. render
  3267. {
  3268. // Border
  3269. 1="fill( x0 + 2, y0 , x1 - 2, y0 + 1, ButtonFaceDisabled )" // Top
  3270. 2="fill( x0 + 2, y1 - 1, x1 - 2, y1 , ButtonFaceDisabled )" // Bottom
  3271. 3="fill( x0 , y0 + 2, x0 + 1, y1 - 2, ButtonFaceDisabled )" // Left
  3272. 4="fill( x1 - 1, y0 + 2, x1 , y1 - 2, ButtonFaceDisabled )" // Right
  3273. }
  3274. }
  3275.  
  3276. ToggleButton
  3277. {
  3278. inset="1 0 0 0"
  3279. inset="1 3 0 0" [$OSX]
  3280. font-family=basefont
  3281. font-size=13
  3282. font-weight=400
  3283. textcolor="Text"
  3284. bgcolor=none
  3285. render_bg
  3286. {
  3287. // Background
  3288. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  3289.  
  3290. // Border
  3291. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB1 )" // Top
  3292. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB2 )" // Bottom
  3293. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  3294. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB2 )" // Right
  3295. }
  3296. }
  3297.  
  3298. ToggleButton:focus
  3299. {
  3300. textcolor="TextHover"
  3301. bgcolor="ButtonFaceFocus"
  3302. render_bg
  3303. {
  3304. // Background
  3305. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  3306.  
  3307. // Border
  3308. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB1 )" // Top
  3309. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB1 )" // Bottom
  3310. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  3311. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  3312. }
  3313. }
  3314.  
  3315. ToggleButton:hover
  3316. {
  3317. textcolor="TextHover"
  3318. bgcolor="ButtonFaceHover"
  3319. render_bg
  3320. {
  3321. // Background
  3322. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightBHover, DarkBHover )"
  3323.  
  3324. // Border
  3325. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB3 )" // Top
  3326. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB1 )" // Bottom
  3327. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  3328. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  3329. }
  3330. }
  3331.  
  3332. ToggleButton:selected
  3333. {
  3334. textcolor="TextHover"
  3335. bgcolor="none"
  3336. render_bg
  3337. {
  3338. // Background
  3339. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, DarkerB )"
  3340.  
  3341. // Border
  3342. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB4 )" // Top
  3343. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB5 )" // Bottom
  3344. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  3345. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB5 )" // Right
  3346. }
  3347. }
  3348.  
  3349. "Page ToggleButton"
  3350. {
  3351. font-family=basefont
  3352. font-size=13
  3353. font-weight=400
  3354. textcolor="Text"
  3355. bgcolor=none
  3356. render_bg
  3357. {
  3358. // Background
  3359. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  3360.  
  3361. // Border
  3362. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB1 )" // Top
  3363. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB2 )" // Bottom
  3364. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  3365. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB2 )" // Right
  3366. }
  3367. }
  3368.  
  3369. "Page ToggleButton:hover"
  3370. {
  3371. textcolor="TextHover"
  3372. bgcolor="none"
  3373. render_bg
  3374. {
  3375. // Background
  3376. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightBHover, DarkBHover )"
  3377.  
  3378. // Border
  3379. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB3 )" // Top
  3380. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB1 )" // Bottom
  3381. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  3382. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  3383. }
  3384. }
  3385.  
  3386. "Page ToggleButton:focus"
  3387. {
  3388. textcolor="TextHover"
  3389. bgcolor="none"
  3390. render_bg
  3391. {
  3392. // Background
  3393. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  3394.  
  3395. // Border
  3396. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB1 )" // Top
  3397. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB1 )" // Bottom
  3398. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  3399. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  3400. }
  3401. }
  3402.  
  3403. "Page ToggleButton:selected"
  3404. {
  3405. textcolor="TextHover"
  3406. bgcolor="none"
  3407. render_bg
  3408. {
  3409. // Background
  3410. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkB, DarkerB )"
  3411.  
  3412. // Border
  3413. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB4 )" // Top
  3414. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB5 )" // Bottom
  3415. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  3416. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB5 )" // Right
  3417. }
  3418. }
  3419.  
  3420. // the background and frame of a tooltip
  3421. TooltipWindow
  3422. {
  3423. bgcolor="DialogBG"
  3424. render_bg
  3425. {
  3426. // Outer Border
  3427. 1="fill( x0 , y0 , x1 , y0 + 1, Black )" // Top
  3428. 2="fill( x0 , y1 - 1, x1 , y1 , Black )" // Bottom
  3429. 3="fill( x0 , y0 , x0 + 1, y1 , Black )" // Left
  3430. 4="fill( x1 - 1, y0 , x1 , y1 , Black )" // Right
  3431.  
  3432. // Inner Border
  3433. 5="fill( x0 + 1, y0 + 1, x1 - 1, y0 + 2, ScreenB )" // Top
  3434. 6="fill( x0 + 1, y1 - 2, x1 - 1, y1 - 1, ScreenB )" // Bottom
  3435. 7="fill( x0 + 1, y0 + 1, x0 + 2, y1 - 1, ScreenB )" // Left
  3436. 8="fill( x1 - 2, y0 + 1, x1 - 1, y1 - 1, ScreenB )" // Right
  3437. }
  3438. }
  3439.  
  3440. // body text inside a tooltip
  3441. "TooltipWindow Label"
  3442. {
  3443. padding-left=4
  3444. textcolor="Text"
  3445. }
  3446.  
  3447. // headline text inside a tooltip
  3448. tooltip_headline
  3449. {
  3450. textcolor="TextTitle"
  3451. padding-left=4
  3452. padding-top=1
  3453. padding-bottom=0
  3454. font-size=14
  3455. font-weight=700
  3456. }
  3457.  
  3458. TreeNode
  3459. {
  3460. bgcolor=none
  3461. render_bg {}
  3462. }
  3463.  
  3464. TreeNodeImage
  3465. {
  3466. bgcolor=none
  3467. }
  3468.  
  3469. TreeViewSubPanel
  3470. {
  3471. bgcolor=none
  3472. }
  3473.  
  3474. TreeNodeText
  3475. {
  3476. font-family=basefont
  3477. font-size=13
  3478. textcolor="Text"
  3479. selectedtextcolor="TextSelected"
  3480. selectedbgcolor="TextSelectedBG"
  3481. bgcolor=none
  3482. render {}
  3483. render_bg {}
  3484. }
  3485.  
  3486. TreeView
  3487. {
  3488. render_bg
  3489. {
  3490. -1="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, none )"
  3491.  
  3492. // lines around
  3493. 1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorder )" // top
  3494. 2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorder )" // bottom
  3495. 3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorder )" // left
  3496. 4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorder )" // right
  3497.  
  3498. // single pixel fills in the corners
  3499. 1="fill( x0 + 2, y0, x1 - 2, y0 + 1, ButtonBorderDisabled )" // top
  3500. 2="fill( x0 + 2, y1 - 1, x1 - 2, y1, ButtonBorderDisabled )" // bottom
  3501. 3="fill( x0, y0 + 2, x0 + 1, y1 - 2, ButtonBorderDisabled )" // left
  3502. 4="fill( x1 - 1, y0 + 2, x1, y1 - 2, ButtonBorderDisabled )" // right
  3503. 11="fill( x0, y0 + 1, x0 + 1, y0 + 2, ButtonBorderDisabled2 )"
  3504. 12="fill( x1 - 1, y0 + 1, x1, y0 + 2, ButtonBorderDisabled2 )"
  3505. 13="fill( x0, y1 - 2, x0 + 1, y1 - 1, ButtonBorderDisabled2 )"
  3506. 14="fill( x1 - 1, y1 - 2, x1, y1 - 1, ButtonBorderDisabled2 )"
  3507. 15="fill( x0 + 1, y0, x0 + 2, y0 + 1, ButtonBorderDisabled2 )"
  3508. 16="fill( x1 - 2, y0, x1 - 1, y0 + 1, ButtonBorderDisabled2 )"
  3509. 17="fill( x0 + 1, y1 - 1, x0 + 2, y1, ButtonBorderDisabled2 )"
  3510. 18="fill( x1 - 2, y1 - 1, x1 - 1, y1, ButtonBorderDisabled2 )"
  3511. }
  3512. }
  3513.  
  3514. URLLabel
  3515. {
  3516. textcolor="label"
  3517. bgcolor="none"
  3518. font-family=basefont
  3519. font-size=14
  3520. font-weight=400
  3521. font-style=underline
  3522. }
  3523.  
  3524. URLLabel:Hover
  3525. {
  3526. textcolor="texthover"
  3527. font-size=14
  3528. }
  3529.  
  3530. URLLabelSimple
  3531. {
  3532. textcolor="labelfocus"
  3533. bgcolor="none"
  3534. font-family=basefont
  3535. font-size=14
  3536. font-weight=400
  3537. font-style=regular
  3538. }
  3539.  
  3540. URLLabelSimple [$OSX]
  3541. {
  3542. textcolor="labelfocus"
  3543. bgcolor="none"
  3544. font-family=basefont
  3545. font-size=13
  3546. font-weight=400
  3547. font-style=regular
  3548. }
  3549.  
  3550. URLLabelSimple:Hover
  3551. {
  3552. font-style=underline
  3553. textcolor="WHITE"
  3554. }
  3555.  
  3556. // Steam-specific styles
  3557. CConsoleHistory
  3558. {
  3559. font-family="Lucida Console"
  3560. font-size=9
  3561. font-family="Menlo" [$OSX]
  3562. font-size=14 [$OSX]
  3563. textcolor="label"
  3564. selectedtextcolor="TextSelected"
  3565. render_bg
  3566. {
  3567. // Background
  3568. 0="fill( x0 + 2, y0 + 2, x1 - 2, y1 - 2, PropertySheetBG )"
  3569.  
  3570. // Inner Border
  3571. 1="fill( x0 , y0 , x1 , y0 + 1, ScreenB )" // Top
  3572. 2="fill( x0 , y1 - 1, x1 , y1 , ScreenB )" // Bottom
  3573. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ScreenB )" // Left
  3574. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ScreenB )" // Right
  3575.  
  3576. // Outer Border
  3577. 5="fill( x0 + 1, y0 + 1, x1 - 1, y0 + 2, Black )" // Top
  3578. 6="fill( x0 + 1, y1 - 2, x1 - 1, y1 - 1, Black )" // Bottom
  3579. 7="fill( x0 + 1, y0 + 2, x0 + 2, y1 - 2, Black )" // Left
  3580. 8="fill( x1 - 2, y0 + 2, x1 - 1, y1 - 2, Black )" // Right
  3581. }
  3582. }
  3583.  
  3584. GameColumnHeaderFavorites
  3585. {
  3586. image="steam/cached/fav_remove"
  3587. }
  3588.  
  3589. CGamesListFavoritesToggle
  3590. {
  3591. image="steam/cached/fav_addTo"
  3592. }
  3593.  
  3594. CGamesListFavoritesToggle:hover
  3595. {
  3596. image="steam/cached/fav_addTo_ovr"
  3597. }
  3598.  
  3599. CGamesListFavoritesToggle:selected
  3600. {
  3601. image="steam/cached/fav_remove"
  3602. }
  3603.  
  3604. CGamesListFavoritesToggle:selected:hover
  3605. {
  3606. image="steam/cached/fav_remove_ovr"
  3607. }
  3608.  
  3609. WrapPanel
  3610. {
  3611. inset="0 0 0 0"
  3612. font-family=basefont
  3613. font-size=14
  3614. font-weight=400
  3615. textcolor="Text"
  3616. selectedtextcolor="TextSelected"
  3617. selectedbgcolor="Focus"
  3618. bgcolor=none
  3619. render_bg
  3620. {
  3621. // Background
  3622. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, PropertySheetBG )"
  3623.  
  3624. // Border
  3625. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ButtonBorderDisabled )" // Top
  3626. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ButtonBorderDisabled )" // Bottom
  3627. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ButtonBorderDisabled )" // Left
  3628. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ButtonBorderDisabled )" // Right
  3629. }
  3630. }
  3631.  
  3632. "Page WrapPanel"
  3633. {
  3634. inset="0 0 0 0"
  3635. font-family=basefont
  3636. font-size=14
  3637. font-weight=400
  3638. textcolor="Text"
  3639. selectedtextcolor="TextSelected"
  3640. selectedbgcolor="Focus"
  3641. bgcolor=none
  3642. render_bg
  3643. {
  3644. // Background
  3645. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DialogBG )"
  3646.  
  3647. // Border
  3648. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, ButtonBorderDisabled )" // Top
  3649. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , ButtonBorderDisabled )" // Bottom
  3650. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, ButtonBorderDisabled )" // Left
  3651. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, ButtonBorderDisabled )" // Right
  3652. }
  3653. }
  3654.  
  3655. BackButton
  3656. {
  3657. bgcolor=none
  3658. inset="-5 -1 0 0"
  3659. render_bg={}
  3660. image="graphics/icon_button_back"
  3661. }
  3662.  
  3663. BackButton:hover
  3664. {
  3665. bgcolor=none
  3666. render_bg={}
  3667. image="graphics/icon_button_back_over"
  3668. }
  3669.  
  3670. BackButton:active
  3671. {
  3672. bgcolor=none
  3673. render_bg={}
  3674. image="graphics/icon_button_back_down"
  3675. }
  3676.  
  3677. BackButton:disabled
  3678. {
  3679. bgcolor=none
  3680. render_bg={}
  3681. image="graphics/icon_button_back_disabled"
  3682. }
  3683.  
  3684. ForwardButton
  3685. {
  3686. bgcolor=none
  3687. inset="-5 -1 0 0"
  3688. render_bg={}
  3689. image="graphics/icon_button_forward"
  3690. }
  3691.  
  3692. ForwardButton:hover
  3693. {
  3694. bgcolor=none
  3695. render_bg={}
  3696. image="graphics/icon_button_forward_over"
  3697. }
  3698.  
  3699. ForwardButton:active
  3700. {
  3701. bgcolor=none
  3702. render_bg={}
  3703. image="graphics/icon_button_forward_down"
  3704. }
  3705.  
  3706. ForwardButton:disabled
  3707. {
  3708. bgcolor=none
  3709. render_bg={}
  3710. image="graphics/icon_button_forward_disabled"
  3711. }
  3712.  
  3713. HomeButton
  3714. {
  3715. bgcolor=none
  3716. inset="-5 0 0 0"
  3717. render_bg={}
  3718. image="graphics/icon_button_home"
  3719. }
  3720.  
  3721. HomeButton:hover
  3722. {
  3723. bgcolor=none
  3724. render_bg={}
  3725. image="graphics/icon_button_home_over"
  3726. }
  3727.  
  3728. HomeButton:active
  3729. {
  3730. bgcolor=none
  3731. render_bg={}
  3732. image="graphics/icon_button_home_down"
  3733. }
  3734.  
  3735. HomeButton:disabled
  3736. {
  3737. bgcolor=none
  3738. render_bg={}
  3739. image="graphics/icon_button_home_disabled"
  3740. }
  3741.  
  3742. ReloadButton
  3743. {
  3744. bgcolor=none
  3745. inset="-5 0 0 0"
  3746. render_bg={}
  3747. image="graphics/icon_button_reload"
  3748. }
  3749.  
  3750. ReloadButton:hover
  3751. {
  3752. bgcolor=none
  3753. render_bg={}
  3754. image="graphics/icon_button_reload_over"
  3755. }
  3756.  
  3757. ReloadButton:active
  3758. {
  3759. bgcolor=none
  3760. render_bg={}
  3761. image="graphics/icon_button_reload_down"
  3762. }
  3763.  
  3764. ReloadButton:disabled
  3765. {
  3766. bgcolor=none
  3767. render_bg={}
  3768. image="graphics/icon_button_reload_disabled"
  3769. }
  3770.  
  3771. StopButton
  3772. {
  3773. bgcolor=none
  3774. inset="-5 0 0 0"
  3775. render_bg={}
  3776. image="graphics/icon_button_stop"
  3777. }
  3778.  
  3779. StopButton:hover
  3780. {
  3781. bgcolor=none
  3782. render_bg={}
  3783. image="graphics/icon_button_stop_over"
  3784. }
  3785.  
  3786. StopButton:active
  3787. {
  3788. bgcolor=none
  3789. render_bg={}
  3790. image="graphics/icon_button_stop_down"
  3791. }
  3792.  
  3793. StopButton:disabled
  3794. {
  3795. bgcolor=none
  3796. render_bg={}
  3797. image="graphics/icon_button_stop_disabled"
  3798. }
  3799.  
  3800. "html-findbar"
  3801. {
  3802. font-family=basefont
  3803. font-size=14
  3804. textcolor="text2"
  3805. font-weight=400
  3806. visible=false
  3807. bgcolor="PropertySheetBG"
  3808. selectedtextcolor="TextEntrySelected"
  3809. selectedbgcolor="TextSelectedBG"
  3810. shadowtextcolor="Text" // this is the cursor color
  3811. inset-left=0
  3812. inset-top=0
  3813. render
  3814. {
  3815. // Outer Border
  3816. 1="fill( x0 + 0, y0 + 1, x1 + 2, y0 + 2, Divider )" // Top
  3817. 2="fill( x0 + 0, y1 + 1, x1 + 2, y1 + 2, Divider )" // Bottom
  3818. 3="fill( x0 + 0, y0 + 2, x0 + 1, y1 + 1, Divider )" // Left
  3819. 4="fill( x1 + 1, y0 + 2, x1 + 2, y1 + 1, Divider )" // Right
  3820.  
  3821. // Inner Border
  3822. 5="fill( x0 + 1, y0 + 2, x1 + 1, y0 + 3, Black )" // Top
  3823. 6="fill( x0 + 1, y1 - 0, x1 + 1, y1 + 1, Black )" // Bottom
  3824. 7="fill( x0 + 1, y0 + 3, x0 + 2, y1 - 0, Black )" // Left
  3825. 8="fill( x1 - 0, y0 + 3, x1 + 1, y1 - 0, Black )" // Right
  3826. }
  3827. }
  3828.  
  3829. gamedetails-headerlabel
  3830. {
  3831. font-size="17"
  3832. font-style="normal"
  3833. font-family="Segoe WP"
  3834. font-weight=700
  3835. textcolor="Text"
  3836. font-style="uppercase;"
  3837. }
  3838.  
  3839. gamedetails-headerlabel-red
  3840. {
  3841. font-size="17"
  3842. font-style="normal"
  3843. font-family="Segoe WP"
  3844. font-weight=700
  3845. textcolor="GameDetailsRed"
  3846. font-style="uppercase;"
  3847. }
  3848.  
  3849. gamedetails-headerlabel-green
  3850. {
  3851. font-size="17"
  3852. font-style="normal"
  3853. textcolor="GameDetailsGreen"
  3854. font-family="Segoe WP"
  3855. font-weight=700
  3856. font-style="uppercase;"
  3857. }
  3858.  
  3859. gamedetails-headerlabel-blue
  3860. {
  3861. font-size="17"
  3862. font-style="normal"
  3863. textcolor="GameDetailsBlue"
  3864. font-family="Segoe WP"
  3865. font-weight=700
  3866. font-style="uppercase;"
  3867. }
  3868.  
  3869. // styles for text used in RichText controls in various places
  3870. console_text_error
  3871. {
  3872. textcolor="Highlight3"
  3873. font-size=14
  3874. font-family="Menlo" [$OSX]
  3875. font-size=16 [$OSX]
  3876. selectedtextcolor="TextSelected"
  3877. selectedbgcolor="Focus"
  3878. }
  3879.  
  3880. console_text
  3881. {
  3882. font-family="Lucida Console"
  3883. font-size=9
  3884. font-family="Menlo" [$OSX]
  3885. font-size=14 [$OSX]
  3886. textcolor="text"
  3887. selectedtextcolor="TextSelected"
  3888. selectedbgcolor="Focus"
  3889. }
  3890.  
  3891. friends_chat_text
  3892. {
  3893. textcolor="text"
  3894. selectedtextcolor="TextentrySelected"
  3895. SelectedBgColor="focus"
  3896. font-size=14
  3897. }
  3898.  
  3899. friends_chat_text_self
  3900. {
  3901. textcolor="ChatOwnTextColor"
  3902. selectedtextcolor="TextentrySelected"
  3903. selectedbgcolor="focus"
  3904. font-size=14
  3905. }
  3906.  
  3907. friends_chat_event
  3908. {
  3909. textcolor="Text"
  3910. font-size=14
  3911. selectedtextcolor="TextentrySelected"
  3912. selectedbgcolor="focus"
  3913. }
  3914.  
  3915. friends_chat_bright_event
  3916. {
  3917. textcolor="text"
  3918. selectedtextcolor="TextentrySelected"
  3919. font-size=14
  3920. font-weight=1000
  3921. }
  3922.  
  3923. friends_chat_url
  3924. {
  3925. textcolor="text"
  3926. SelectedBgColor="focus"
  3927. font-style=underline
  3928. font-size=14
  3929. selectedtextcolor="TextentrySelected"
  3930. selectedbgcolor="focus"
  3931. }
  3932.  
  3933. friends_chat_name_ingame
  3934. {
  3935. textcolor="Friends.InGameColor"
  3936. selectedtextcolor="TextentrySelected"
  3937. selectedbgcolor="focus"
  3938. font-size=14
  3939. }
  3940.  
  3941. friends_chat_self
  3942. {
  3943. textcolor="Friends.OnlineColor"
  3944. selectedtextcolor="TextentrySelected"
  3945. selectedbgcolor="focus"
  3946. font-size=14
  3947. }
  3948.  
  3949. friends_chat_name
  3950. {
  3951. textcolor="Friends.OnlineColor"
  3952. selectedtextcolor="TextentrySelected"
  3953. selectedbgcolor="focus"
  3954. font-size=14
  3955. }
  3956.  
  3957. friends_chat_accountid
  3958. {
  3959. selectedtextcolor="TextentrySelected"
  3960. selectedbgcolor="focus"
  3961. textcolor="text"
  3962. font-size=14
  3963. }
  3964.  
  3965. friends_chat_securitylink
  3966. {
  3967. textcolor="Label2"
  3968. bgcolor="none"
  3969. font-family=basefont
  3970. font-size=14
  3971. font-weight=400
  3972. font-style=regular
  3973. selectedtextcolor="TextSelected"
  3974. selectedbgcolor="Focus"
  3975. }
  3976.  
  3977. Chat_MenuButton_withChrome
  3978. {
  3979. font-family=basefont
  3980. font-style="regular"
  3981. font-size="13"
  3982. font-weight=400
  3983. textcolor="text"
  3984. bgcolor="none"
  3985. minimum-width=90
  3986. render_bg
  3987. {
  3988. // Background
  3989. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightB, DarkB )"
  3990.  
  3991. // Border
  3992. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB1 )" // Top
  3993. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB2 )" // Bottom
  3994. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB1 )" // Left
  3995. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB2 )" // Right
  3996. }
  3997. }
  3998.  
  3999. Chat_MenuButton_withChrome:hover
  4000. {
  4001. font-family=basefont
  4002. font-style="regular"
  4003. font-size="13"
  4004. font-weight=400
  4005. textcolor="text"
  4006. bgcolor="none"
  4007. minimum-width=90
  4008. render_bg
  4009. {
  4010. // Background
  4011. 0="gradient( x0 + 1, y0 + 1, x1 - 1, y1 - 1, LightBHover, DarkBHover )"
  4012.  
  4013. // Border
  4014. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB3 )" // Top
  4015. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB1 )" // Bottom
  4016. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB3 )" // Left
  4017. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB1 )" // Right
  4018. }
  4019. }
  4020.  
  4021. Chat_MenuButton_withChrome::disabled
  4022. {
  4023. textcolor="LabelDisabled"
  4024. render_bg
  4025. {
  4026. // Background
  4027. 0="fill( x0 + 1, y0 + 1, x1 - 1, y1 - 1, DarkerB )"
  4028.  
  4029. // Border
  4030. 1="fill( x0 + 0, y0 , x1 - 0, y0 + 1, BorderB4 )" // Top
  4031. 2="fill( x0 + 0, y1 - 1, x1 - 0, y1 , BorderB4 )" // Bottom
  4032. 3="fill( x0 , y0 + 1, x0 + 1, y1 - 1, BorderB4 )" // Left
  4033. 4="fill( x1 - 1, y0 + 1, x1 , y1 - 1, BorderB4 )" // Right
  4034. }
  4035. }
  4036.  
  4037. // used in friends tooltip and friends list for overriding regular styles with custom colors
  4038. friends_offline
  4039. {
  4040. textcolor="Friends.OfflineColor"
  4041. }
  4042.  
  4043. friends_online
  4044. {
  4045. textcolor="Friends.OnlineColor"
  4046. }
  4047.  
  4048. friends_ingame
  4049. {
  4050. textcolor="Friends.InGameColor"
  4051. }
  4052.  
  4053. friends_ignored
  4054. {
  4055. textcolor="Friends.IgnoredColor"
  4056. }
  4057.  
  4058. TabPageCloseButton
  4059. {
  4060. padding-right=16
  4061. }
  4062. }
  4063. }
Advertisement
Add Comment
Please, Sign In to add comment