API tools faq
paste
Advertisement
NolanSyKinsley

Untitled

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