API tools faq
paste
Advertisement
StinVec

Theme - GW2 Forums v1.87 -Dark/Yellow- by StinVec

StinVec
Sep 24th, 2018
135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 156.56 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. ====================================
  3. Dark GW2 Forums - "YELLOW" CSS Theme
  4. By StinVec: https://en-forum.guildwars2.com/profile/StinVec.3621
  5. Version 1.87 - 2019-1-17
  6. "Yellow" Imgur Gallery: https://imgur.com/a/xwkt0i8
  7. "Yellow" Updates Found At: https://pastebin.com/u/StinVec
  8.  
  9. Forum Thread: https://en-forum.guildwars2.com/discussion/52386/gw2-forum-theme-dark-redesign-available-in-multiple-colors-css-pics
  10. ====================================
  11.  
  12. ====================================
  13. THEME VARIATIONS:
  14. Dark GW2 Forums - "AQUA"
  15.     Imgur Gallery: https://imgur.com/a/IaQQPTW
  16.  
  17. Dark GW2 Forums - "COFFEE"
  18.     Imgur Gallery: https://imgur.com/a/IGC2i2G
  19.  
  20. Dark GW2 Forums - "LIME"
  21.     Imgur Gallery: https://imgur.com/a/BTqIlx8
  22.  
  23. Dark GW2 Forums - "ORANGE"
  24.     Imgur Gallery: https://imgur.com/a/696td5Z
  25.  
  26. Dark GW2 Forums - "PINK"
  27.     Imgur Gallery: https://imgur.com/a/TbK0iuX
  28.  
  29. Dark GW2 Forums - "PURPLE"
  30.     Imgur Gallery: https://imgur.com/a/fB7ymbc
  31.  
  32. Dark GW2 Forums - "RED"
  33.     Imgur Gallery: https://imgur.com/a/3WKKO
  34.  
  35. Dark GW2 Forums - "SLATE"
  36.     Imgur Gallery: https://imgur.com/a/cWPQJTc
  37.  
  38. Dark GW2 Forums - "YELLOW"
  39.     Imgur Gallery: https://imgur.com/a/xwkt0i8
  40.  
  41.  
  42. CSS For All Themes Found At: https://pastebin.com/u/StinVec
  43. ====================================
  44.  
  45.  
  46. ====================================
  47. Theme Notes:
  48. I've made many changes, but the core side-by-side layout in threads (signature/reactions on right instead of below posts) was supplied
  49. by Khisanth.2948's theme found here:
  50.       https://en-forum.guildwars2.com/discussion/3073/customizing-the-new-forum
  51.  
  52. Theme was created for use in and is maintained on Firefox browsers. I have not tested it on Chrome or browsers that are not Firefox-based
  53. to see if there are any issues that may be present in the theme on those platforms. However, I have performed one Cross-browser Compatibility
  54. Pass so far to make it more compatible with non-FF browsers. I've not personally viewed the theme in non-FF browsers, but it has been reported
  55. to me that this pass has corrected display issues.
  56. ====================================
  57.  
  58.  
  59. ====================================
  60. To Use This Theme:
  61.  
  62. Easiest and quickest is most likely to use a CSS theme add-on like Stylus:
  63. FireFox - https://addons.mozilla.org/firefox/addon/styl-us
  64. Chrome  - https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
  65. Opera   - https://addons.opera.com/extensions/details/stylus/
  66.  
  67. NOTE/WARNING:
  68. If you are still using the extension "Stylish" in your browser, consider switching to Stylus or another alternative as "Stylish" is not a safe extension and has not been for quite a while. ( https://www.bleepingcomputer.com/news/software/chrome-and-firefox-pull-stylish-add-on-after-report-it-logged-browser-history )
  69.  
  70. Then create a new theme within the add-on using all of this CSS text
  71. * Toolbar Button > Click "Write style" at the bottom and choose to be for this forum URL > paste all of the CSS text into the new style, title it and save
  72. * Or in your browser Add-ons > Stylus Options > Manage Styles > "Write New Style" > paste all of the CSS text into the new style, title it and save
  73. ====================================
  74.  
  75.  
  76. ====================================
  77. CUSTOMIZATION BELOW CHANGELOG:
  78. I've added a customization area below the changelog
  79.  
  80. You can hide select elements that you may prefer hidden
  81. - Simply remove the single line as noted to cause the element to become hidden.
  82.  
  83. You can decrease the brightness of all theme colors if you want the theme to be darker
  84. - Change the opacity value to the level of your choice
  85.  
  86. You can also customize the font color for grouped elements
  87. - Change the color name used on that element group to another of your choice
  88. ====================================
  89.  
  90.  
  91. -----
  92. Changes:
  93. v1.87 - Fix: Corrected link in first listing on 'Notifications' profile page from being unclickable due to being blocked by a transparent page element
  94. v1.86 - Fix: Corrected main forum page left section height due to addition of extended description text in the new "Guild Wars 2 and Forum Policies" sub-forum
  95. v1.85 - Fix: Corrected main forum page left section height due to addition of "Guild Wars 2 and Forum Policies" sub-forum
  96. v1.84 - Change: More thoroughly themed 'Best of' pages
  97. v1.83 - Fix: Corrected in-thread element positioning deformed by changes made by ArenaNet
  98. v1.82 - Change: More thoroughly themed display of private message areas
  99.       - Fix: Further correction to main page 'Last Post by' username width deforming layout due to long month name also
  100.       - Fix: Corrected alignment of child category header within sub-forums of parents with children (PvP, Raids, AFC, Professions, etc.)
  101. v1.81 - Change: Hid child categories on main page for 'ArenaNet Forum Chats' (all children accessible from within ArenaNet Forum Chats sub-forum)
  102.       - Fix: Corrected long user names in 'Latest Post' column on main forum page deforming layout (excess replaced with an ellipsis)
  103.       - Fix: Corrected main page display deformation due to changes made by ArenaNet to the page
  104. v1.80 - Change: Altered appearance of 'New Discussion' dropdown
  105.       - Change: Themed display of sub-forum thread tags and added icons for easier visual recognition
  106.       - Fix: Corrected some embedded imgur images in posts not being handled by the theme's image display size enforcement
  107. v1.79 - Fix: Corrected Header 5 font styling color to be white instead of black, which conflicted with other theme color changes
  108.       - Fix: Corrected Header 6 font styling color to be theme-shade instead of black, which conflicted with other theme color changes
  109.       - Fix: Corrected Main Page 'Info Messages' to also be themed just as 'Alert Messages' and 'Notifications' are
  110. v1.78 - Change: Further altered some 'white' fonts to be less offensive against the darker theme colors
  111.       - Fix: Corrected alignment of 'Preview', 'Cancel', 'Save' buttons when editing the opening post of a thread you created
  112. v1.77 - Change: Completely re-designed appearance of sub-forum thread list display
  113.       - Change: Enabled floating 'Go To Top' button breadcrumbs on more sub-forum pages
  114.       - Fix: Corrected multiple page elements across the site not being positioned properly in non-Firefox browsers
  115. v1.76 - Customization Addition
  116.             - Added "THEME COLOR VIBRANCY CUSTOMIZATION" section below changelog.
  117.             - Decrease the vibrancy/brightness of the entire theme by lowering the opacity value in this customization section.
  118.             - This is useful if you find the theme to be slightly too bright and just want to darken the theme a little more.
  119.       - Change: Altered appearance of multiple profile page elements
  120.       - Change: Altered appearance of floating comment box in threads
  121.       - Change: Altered appearance of search box 'quick results' pop up results to match theme variations
  122.       - Change: Altered appearance and position of page header elements (account box, search box)
  123.       - Change: Altered appearance of 'Forum Update Alert Message' to match notification popup themed appearance
  124.       - Change: Added 'Link' icon next to post date in threads to help signify the date as being a direct link to that post
  125.       - Change: Tweaked some white fonts and elements down from 100% white to 85% white to reduce eye strain against dark backgrounds
  126.       - Change: Removed Anet's recently added "Type your comment" placeholder text in the comment box
  127.       - Fix: Corrected issue of report comment popup not being themed and docked to the right of screen across entire forums
  128. v1.75 - Change: Several page header section positioning and display adjustments
  129.       - Change: Slight change to dev tracker title appearance (background, font color)
  130.       - Change: Altered appearance of dev comment carousel and forum sections on main forum page
  131.       - Change: Altered appearance of comments and reaction buttons inside of threads
  132.       - Fix: Corrected issues with some embedded images in posts not being affected by scaling and clearing to their left and right
  133.              and also no longer affects emojis
  134.       - Fix: Corrected header logo image color in non-FireFox browsers
  135.       - Fix: Corrected thread title name in dev tracker on main page not being clickable to go to that dev post like the body is
  136. v1.74 - Change: Altered appearance of sticky breadcrumbs for clearer visibility inside threads on sticky title bar
  137.       - Change: Reinstated 'Go To Top' button inside of threads and attached it to the sticky title bar
  138. v1.73 - Change: Made 'Bookmark' button on floating thread title bar visible on all pages of threads instead of only first page
  139.       - Change: Altered the appearance of the 'Reaction' panel Quote, Helpful and Thumbs Up elements to match theme color variation
  140.       - Change: Altered the appearance of the comment box option flyout menus
  141.       - Fix: Boosted comment line height from "1" to "1.2" to prevent cutting off the tops of emote/smiley icons in comments
  142.       - Fix: Adjusted height of category sections on the main forum page
  143. v1.72 - Change: Altered 'report post' pop up appearance
  144.       - Change: Altered the appearance of the 'Draft Saved' and other similar popup notification messages at top of screen (WIP)
  145.       - Change: Altered the appearance of the replaced GW2 Logo to match color of theme variation
  146.       - Change: Altered the appearance of the '# NEW' comment tag on threads to match theme variation color and added pulse
  147.       - Change: Altered the appearance and display position of vote percentages in poll results
  148.       - Change: While in-thread, discussion name, breadcrumbs and bookmark icon stick to the top while scrolling
  149.       - Fix: Minor element alignment adjustments
  150.       - Fix: Corrected poll results so the frame of choices with no votes will expand to include the displayed "0%" of the vote
  151.              instead of this value floating outside of the choice's frame
  152.       - Fix: Corrected filled bookmark (bookmarked thread) icon in-thread being yellow instead of theme color
  153. v1.71 - Change: Slight appearance changes to some links in the dropdown on account bar at the top of pages
  154.       - Change: Altered appearance of @ tagging member name suggestion pop up
  155.       - Change: Increased comment box retraction delay after no longer hovering over comment box from .9 second to 2 seconds
  156.                 to lessen undesired retraction
  157. v1.70 - Change: Further alterations to the layout and appearance of profile-related pages (WIP)
  158. v1.69 - Change: Added border and background to 'Rank' stars/ArenaNet Logo on user/admin posts in threads and on profiles
  159.       - Change: Altered appearance of ArenaNet comments slightly (next post link, reinstated colored border, username positioning)
  160.       - Change: Altered appearance of polls a bit to remove forced-caps font and other small changes
  161. v1.68 - Fix: Aqua Theme Variation - Several minor font color corrections for non-red theme variations
  162. v1.67 - Fix: Corrected hovering on sub-forum thread creation/comment date transitioning to be red in non-red theme variations and
  163.              to instead match the theme color
  164. v1.66 - Change: Alterations to the avatar selection page
  165.       - Fix: Corrected font color of several elements to match color theme in non-Red theme versions
  166. v1.65 - Released multiple color variations of the theme (pics and CSS links noted above)
  167.         Fix: Corrected vertical position of "Accepted Answer" tag on posts in question threads marked as the accepted answer so it is
  168.              fully inside the comment header instead of straddling the header and the comment
  169. v1.64 - Font Color Customization Section Added Below Changelog
  170.             > Customization of various font colors added to customization section below changelog.
  171.             > As noted above, change the color to the color you would prefer to make fonts of affected elements a different color.
  172.             > Additional elements integrated into groups and better grouping is planned
  173.             > Thank you very much to joneirikb.7506 for requesting this customization feature
  174. v1.63 - Cross-browser Compatibility Pass 1
  175.             > Attempt to expand browser compatibility of theme to display as desired in Safari/Webkit and Chrome browsers
  176.             > Mostly affects: transforms/translations, animations (logo pulse), box shadows
  177.             > Thank you very much to joneirikb.7506 for requesting this expansion of the theme to fix issues with it in other browsers
  178. v1.62 - Fix: Corrected forum chat month display a little better to allow for the rest of the year without manual updating to compensate
  179.              for their addition
  180. v1.61 - Change: Altered comment preview background color to be black instead of the red fade so red links and squiggly misspelling markers
  181.                 will be visible
  182.       - Fix: Corrected 'Edit Comment' comment box padding from red inset edge to match appearance of the normal comment box
  183.       - Fix: Altered display of ArenaNet forum chats on front page to compensate for June 2018 thread (no idea why they chose to display
  184.              each month separate as children instead of just a sub-forum...poor planning)
  185. v1.60 - Change: Added border and background to signatures on posts
  186.       - Change: Floating comment box in threads now hides below browser edge until hovered over. It will hide again after a short delay
  187.                 after losing cursor focus. Also altered its appearance and integrated the Preview, Save Draft and Post buttons into it.
  188.       - Fix: Corrected layout and altered appearance of New Discussion/Question/Poll pages
  189. v1.59 - Change: Vertically centered alignment of 'Accepted Answer' tag on posts that are marked as the accepted answer
  190.       - Fix: Corrected missing 'edit' gear on your post if it is the original post in a thread you created
  191.       - Fix: Minor alignment adjustments of multiple elements around the forums
  192.       - Fix: Corrected comment box expanding downward off the screen so it once again expands upward
  193.       - Fix: In threads, added a large space at the bottom to stand in for the detached comment box so the floating comment box doesn't end up blocking
  194.              the last comment in the thread due to it no longer being beneath the posts
  195. v1.58 - Fix: Serious adjustements to undo all of the things ArenaNet changed
  196.       - Change: Altered thread list highlight and comment box appearances among other tweaks
  197. v1.57 - Fix: More adjustments to appearance of various profile pages
  198.       - Fix: Corrected position of author Rank (stars) on opening post of discussions to match those of all sub-posts in the thread instead
  199.              of overlapping author avatar
  200.       - Fix: Forgot to note v1.55 also expanded the theme to apply to non-English forum addresses (DE, ES, FR) instead of only the English forum address
  201. v1.56 - Fix: Attempt at better universalization of changes made to profile pages so the appearance adapts to page variations to retain the
  202.              appearance - prevent things
  203.              going wonky, start overlapping or expanding past intended areas.
  204.       - Fix: Corrected account panel notification alert count font color to again be black on yellow instead of white on yellow
  205. v1.55 - Change: Attached header Search box to account control area and altered its appearance
  206.       - Change: Further alterations to the appearance of user profile pages and account preferences pages (still a Work In Progress)
  207.       - Fix: Corrected replaced header GW2 logo position (was centered on page, but was visually 25px left of center), also added faint
  208.              opacity pulse
  209.       - Fix: Corrected Account Panel's "Account Options" flyout appearance to match other account panel fylouts
  210. v1.54 - Fix: Corrected listing of Profile page 'About' info (badges, banned, etc) to be vertically listed instead
  211. v1.53 - Fix: Altered alert/notify pop-up at top-center to display above other elements so it will no longer run behind and be blocked by the
  212.              Dev Tracker carousel
  213. v1.52 - Change: Altered appearance of front page to compensate for ArenaNet Forum Chats section (on-going WIP with additional months)
  214. v1.51 - Change: Further tweaked appearance/position of new Discussion button and drop-down in sub-forums
  215. v1.50 - Fix: Corrected added black background graphic above sub-forum discussion list missing as the referenced image on GW2 site no
  216.              longer exists. Using imgur backup version of it.
  217. v1.49 - Fix: Reverted New Discussion drop-down position change as ArenaNet fixed their issue of it overlapping the sub-discussion page bar
  218. v1.48 - Fix: Corrected and altered post date and edited date display on opening post of discussions to match that of sub-posts
  219. v1.47 - Fix: Corrected mirrored close quotation and report flag graphics on Quote and Report buttons
  220. v1.46 - Fix: Adjusted position of in-thread post edit gear icon to not overlap long month names of post date
  221.       - Fix: Adjusted position of sub-forum 'New Discussion' button, removed duplicate at bottom of page due to changes made to the forums
  222.              by ArenaNet
  223. v1.45 - Change: Main Page - Decreased dev carousel top margin from 40px to 25px to lessen wasted space in the header
  224.       - Change: Adjusted private conversation page elements
  225.       - Change: Altered 'Accepted Answer' tag appearance on comment chosen as answer in question threads
  226.       - Fix: Corrected dev carousel page dots overlaying account control panel drop-downs
  227.       - Fix: ArenaNet Rank stadium image on posts adjusted to the right slightly away from the avatar to line up with the poster's name
  228. v1.44 - Fix: Corrected display of forum front page alert message position to top center area instead of behind category listings
  229. v1.43 - Change: Added gradient to comment backgrounds
  230.       - Fix: Limited floating comment message box max height and added a scrollbar if needed to prevent an issue of very long posts going
  231.              out of screen
  232.       - Fix: Extended image max display size to also affect images added in your comment when previewed before posting
  233.       - Fix: Corrected GW2 logo image replacement on header not always being visible
  234. v1.42 - Change: Altered quoted posts to be centered on the message and also made nested quotes of quotes easier to follow who said what
  235.       - Change: Increased new poll thread creation input textbox height
  236.       - Fix: Corrected ArenaNet rank position for all ArenaNet ranks, not just ArenaNet Admin rank
  237.       - Fix: Limited comment preview message max height and added a scrollbar if needed to prevent an issue of very long posts going out
  238.              of screen
  239. v1.41 - Change: Made border corners of posts in threads more rounded
  240.       - Change: Altered appearance of reaction panel buttons (v2)
  241.       - Change: Altered appearance of ArenaNet comments
  242.       - Change: Added text after ArenaNet rank image on dev posts to point out that you can go to the next dev post in the thread by
  243.                 clicking it
  244.       - Fix: Corrected quoted post width in report popup
  245. v1.40 - Fix: Corrected "Latest ArenaNet Posts" bar width so it no longer blocks clicking on the 2nd item in Account Drop-down boxes
  246.       - Fix: Forced floating comment box width to 100% as it was previously (to undo ArenaNet's recent change to this attribute that made
  247.              it smaller)
  248.       - Fix: Slight increase to minimum comment height dimension in an attempt to ensure reactions stay floating to the right and not slide
  249.              underneath a single line post
  250.       - Fix: Quoted comment blocks now also have a maximum width to match the message maximum width so they do not extend into the
  251.              reaction panel
  252.       - Change: Extended poll vote percent bars to 100% width of the post for easier visual recognition by bar of which poll option has
  253.                 the most votes
  254.       - Change: Altered position of in-thread posted at/edited time and appearance of edit post gear icon
  255. v1.39 - Change: Reduced height of dev tracker panel posts to trim excess space a bit
  256.       - Change: Removed fullscreen view button on comment box bar since I doubt it is used by anyone and I am wasting effort fixing
  257.                 display issues on its active state view
  258.       - Change: Sub-forum Replies and Views columns display of numbers combined
  259.       - Fix: Corrected possible layering issue with account drop-down boxes
  260. v1.38 - Change: Consolidated front page categories to fit on-screen without scrolling (any issues with this change, let me know on forums)
  261.       - Fix: Altered account control and language header box to no longer pin to top right corner regardless of screen size and zoom
  262. v1.37 - Change: Account control fence no longer including language selection area within it
  263.       - Change: Trying out the popup notification position being centered at the top of the screen instead of bottom left
  264.       - Change: Adjusted special navigation in header appearance
  265.       - Change: Altered border on dev tracker panel posts and category sections of main page
  266.       - Change: Images inserted into posts that get displayed are limited to a max width of 450px and/or height of 450px to keep from
  267.                 being huge (can click images to view full version)
  268.       - Change: Quoted comment blocks auto-fit to their content
  269. v1.36 - Change: Made Bookmark icon red hollow/red filled instead of orange
  270.       - Fix: Corrected display of tagged people on posts to be between signatures and reactions with a border that is lighter
  271.       - Fix: Properly made threads 100% width instead of being indented on the left side (floating comment box width adjusted to match)
  272.       - Change: Centered replacement GW2 logo on page header to further reduce empty space
  273.       - Change: Account control area positioned to absolute top-right edge of page
  274. v1.35 - Fix: Reverted and altered padding and margins on signatures that ArenaNet tweaked
  275.       - Fix: Made some alterations to signature editing page appearance
  276.       - Fix: Aligned 'Closed' tag on threads in sub-forum listings with other tags (announcement, arenanet, answered, etc.)
  277.       - Change: Re-enabled 'last comment made by' column on sub-forum threads, but tweaked the columns and their contents to fit
  278.                 everything nicely (potential ellipsis on long names)
  279.       - Change: Moved Bookmark/Options button from right side of thread rows to left side by thread title
  280.       - Change: Slightly lightened font color of user name links in thread listings
  281.       - !Customization! - Added customization section below changelog for hiding select elements I re-enabled (remove the 'remove me'
  282.                           lines to hide those elements again)
  283. v1.34 - Fix: Corrected 'Drafts' title position on drafts page
  284.       - Fix: Corrected poll % and bar being on top of floating comment box
  285.       - Fix: Switched previously-altered content margin to avoid comment box overlapping last post to padding instead to avoid glitch of
  286.              very long blank space at bottom of page (a refresh fixed it anyway)
  287.       - Fix: Reverted signature appearance. ArenaNet made changes that are now undone (removed: lowered opacity and dark gray font color)
  288. v1.33 - Change: Altered Create New Discussion pages (Normal, Question, Poll)
  289.       - Change: Altered thread title (in-thread) font to no longer be huge and forced-caps
  290.       - Change: Sub-forum thread list titles made actual 'red' and added text shadow used on old forums
  291.       - Change: Added graphic to top of sub-forum thread list / altered sub-forum title position / removed top margin from sub-forum
  292.                 thread title
  293.       - Change: Hid the white 'New' icon on threads since it is redundant and an eyesore
  294.                 (all threads are 'new' until you read them instead of only being shown on threads new since your last visit to that
  295.                 sub-forum; threads you've read get the 'New #' icon if a new post is made or just faded red if nothing new has been posted
  296.                 to it)
  297. v1.32 - Change: Slight change to dev tracker panel appearance on main page (also fixes an issue with added ArenaNet logo background having
  298.                 inconsistent placement)
  299.       - Fix: Yet another tweak to adjust the appearance of 'code' in comments
  300. v1.31 - Fix: Extended margin slightly at bottom of comments to prevent floating comment box from sometimes overlapping portion of last
  301.              post in a thread
  302.       - Change: Altered comment box and comment preview box width to match width of comments
  303.       - Change: Further changes to appearance of floating comment box and buttons (preview, save, post)
  304. v1.30 - Fix: Editing comment markdown bar broken behavior corrected
  305.       - Change: Altered appearance of editing comment view
  306. v1.29 - Fix: Decided to hide the editor note about markdown instead of fiddling with it to get it to position properly and to stay put
  307. v1.28 - Change: Comment box appearance changed and it now floats at the bottom of screen for easier responding to comments without losing
  308.                 your place in the thread
  309.       - Change: Fullscreen comment view now also dark themed (wip)
  310. v1.27 - Fix: Adjusted 'code' margins to correct overlapping surrounding sentences due to my having previously decreased line height/empty
  311.              space between sentences
  312.       - Fix: Corrected appearance of 'New' alert on threads in bookmarks drop-down
  313.       - Fix: Corrected long usernames on comments wrapping to next line occurring due to v1.26 changes
  314. v1.26 - Change: Moved avatars in threads inside the comment fences
  315.       - Change: Moved Rank stars above author name instead of after
  316.       - Fix: Fixed 'Next Page' icon appearance to match 'Previous Page' icon appearance
  317.       - Fix: Centered 'Magnifying Lens' search icon to right of pages in sub-forum and thread views
  318. v1.25 - Change: Main page - Added ArenaNet logo to background of posts in dev tracker
  319.       - Change: Added red frame and header to sub-forum thread list
  320.       - Change: Altered sub-forum thread list page selector appearance
  321. v1.24 - Change: Main page - Alterations to the dev tracker panel
  322.       - Change: Main page - Categories given a slight background color and added borders
  323.       - Fix: Corrected 'editing post' side-by-side display
  324.       - Fix: Corrected issue of signature expanding left underneath single line comments (may be an issue still for signatures greater
  325.              than 170 pixels in height)
  326. v1.23 - Change: Poll Option bottom margin increased slightly to partially fix % display issue on polls that hide voter avatar bar
  327.       - Change: Signature font size standardization (also prevents huge header font abuse)
  328.       - Change: Signature link color made red
  329.       - Fix: Corrected code background color to black
  330.       - Change: Further reduced message line height to 1 instead of 1.3 (down from 25px default) for readability and more noticeable
  331.                 separation of paragraphs
  332. v1.22 - Change: Poll vote percent font size increased slightly
  333.       - Change: Poll title made to wrap to compensate for excessively long titles
  334.       - Change: Poll vote Count bar altered and added background
  335.       - Change: Individual poll option vote counts moved to left side of avatars
  336.       - Change: Poll Anonymity Warning given a red background and font changes
  337. v1.21 - Fix: Corrected issue of font appearance in bookmarks drop-down
  338.       - Change: Disabled ArenaNet's recent change of opening post having 10% larger font size than all following posts
  339. v1.20 - Fix: Fixed sticky reactions no longer working (think ArenaNet added 'overflow-x: hidden' attribute to parent 'body .container'
  340.              which breaks sticky, switched it to 'visible')
  341. v1.19 - Change: Thread listing alternating line background color
  342.       - Change: Thread listing line highlight style
  343.       - Change: Thread tags moved to into empty right area of thread blocks for easier readability and following of thread types
  344.       - Change: Thread listing sticky posts have a solid background to separate from regular threads
  345.       - Change: Account control and language header box fenced
  346.       - Change: Account control notification alert color changed
  347.       - Change: Account Control box logged in name color made white instead of red to not conflict with fenced background color
  348.       - Change: Altered avatar icons in threads visibility, size and position
  349. v1.18 - Fix: Fixed leaving forum message background color not being black that I accidentally disabled in an earlier release
  350.       - Change: Comment preview quoted text background color made black instead of gray bordered by black
  351. v1.17 - Fix: Compact Reactions details via profile page frame correction and side-by-side fix
  352.       - Change: Re-enabled forum avatars on sub-forum thread lists for thread creators, but they are small to be consistent with those on
  353.                 main forum page
  354. v1.16 - Change: Altered poll/result appearance (fonts, voter avatar image size, fencing, etc.)
  355. v1.15 - Fix: Fixed Polls and Poll result elements of the main post being crammed to the right in side-by-side above the reactions
  356. v1.14 - Change: Forced thread tag order (New/New #, Closed, Poll, Announcement, ArenaNet) for easier at-a-glance alignment consistency
  357.       - Change: Moved thread page numbers to right of tags / added 'p' to digits and changed font color
  358. v1.13 - Changes:
  359.            Incorporated some design elements from Khisanth.2948's CSS theme and altered some of them:
  360.            https://en-forum.guildwars2.com/discussion/3073/customizing-the-new-forum
  361.            - hide the last person to post in a thread column
  362.            - hide user avatars (re-enable them if you would like)
  363.            - increase the size of the thread creator column so the name and timestamp can both fit
  364.            - (light green icon) thread that has been read and contains 1 or more new posts
  365.            - (white icon) new thread that has not been read/fully read yet
  366.            - darker red text for a thread that has been read
  367.            - inside threads > hide avatar icons (re-enable them if you would like)
  368.            - inside threads > border with rounded corners around each individual post
  369.            - inside threads > change the post body and report/quote/etc. buttons to be side by side instead
  370.            - inside threads > keep the report/quote/etc. buttons visible while scrolling through a post
  371.       Also:
  372.       - Lessened space between posts in threads
  373.       - Borders around reactions
  374.       - Added border to quoted text
  375.       - Separated report/warn options from quote/helpful/thumbs up options
  376.       - Separated quote option from helpful/thumbs up options
  377.       - Non-report/warn reaction font and icon color changed
  378.       - Reaction block scroll begins further down along post to remain somewhat centered on screen
  379. v1.12 - Change: Leaving forum popup X color made red instead of black
  380. v1.11 - Change: Profile Reaction detail list link color made red
  381. v1.10 - Change: Profile Comments list link text made red
  382. v1.09 - Change: My Drafts list background and text color adjustments
  383. v1.08 - Fix: Fixed the larger initial comment box size that I accidentally disabled in an earlier release
  384. v1.07 - Change: Made view all activity page listings have transparent backgrounds and red link text
  385. v1.06 - Change: Adjusted notification et-al drop-down opacity and text color
  386. v1.05 - Change: Adjusted text shadow for readability (removed blur)
  387.       - Change: Expanded notification et-al drop-down width for readability
  388. v1.04 - Change: Made poll background transparent, changed poll text to white
  389.       - Change: made poll result option text larger
  390. v1.03 - Change: Made main forum child category font red, italicized and dimmed
  391. v1.02 - Change: Made sections of release notes (h6) have larger red text to split sections visually
  392. v1.01 - Change: Made profile page reaction and discussions link colors red
  393. -----
  394. */
  395. @-moz-document domain("en-forum.guildwars2.com"), domain("fr-forum.guildwars2.com"), domain("es-forum.guildwars2.com"), domain("de-forum.guildwars2.com") {
  396.  
  397.  
  398.  
  399.  
  400. /* =============================================================================================== */
  401. /* ======================================== CUSTOMIZATION ======================================== */
  402. /* =============================================================================================== */
  403.  
  404. /* ==================================== */
  405. /* ===== VISIBILITY CUSTOMIZATION ===== */
  406. /* ==================================== */
  407.  
  408. /* ==================================== */
  409. /* ===== Sub-Forum Thread Listing - Hide 'Last Comment By' Column ===== */
  410. /* <<<-Delete this whole line to hide 'Last Comment By' Column->>>
  411. .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser
  412. {
  413.   display: none;
  414. }
  415.  
  416. /* ===== Sub-Forum Thread Listing - Hide Avatars of 'Thread Creator' and 'Last Comment By' ===== */
  417. /* <<<-Delete this whole line to hide avatars->>>
  418. .Section-DiscussionList .DiscussionsTable .BlockColumn-User .PhotoWrap
  419. {
  420.   display: none;
  421. }
  422.  
  423. /* ===== In Threads - Hide Avatars On Users' Posts ===== */
  424. /* <<<-Delete this whole line to hide avatars->>>
  425. .Section-Discussion .Content .Item-Header .AuthorWrap .Author a.PhotoWrap
  426. {
  427.   display: none;
  428. }
  429. /* ==================================== */
  430.  
  431.  
  432. /* ============================================== */
  433. /* ===== THEME COLOR VIBRANCY CUSTOMIZATION ===== */
  434. /* ============================================== */
  435. /*
  436.     Decrease the vibrancy/brightness of the entire theme by lowering the opacity value below.
  437.     This is useful if you find the theme to be slightly too bright and just want to darken the theme a little more.
  438.    
  439.     Select any decimal between 0 and 1
  440.     opacity: 1   = Full Vibrancy/Brightness
  441.     opacity: .75 = Three-quarter Vibrancy/Brightness
  442.     opacity: .5  = Half Vibrancy/Brightness
  443.     opacity: .25 = One-quarter Vibrancy/Brightness
  444.     etc.
  445. */
  446.  
  447.   body
  448.   {
  449.     opacity: 1;
  450.   }
  451. /* =================================== */
  452.  
  453.  
  454. /* ==================================== */
  455. /* ===== FONT COLOR CUSTOMIZATION ===== */
  456. /* ==================================== */
  457. /*
  458.  
  459.     ===== COLOR NAME EXAMPLES =====
  460.    
  461.     Standard Colors:
  462.     red, orange, yellow, green, blue, purple, black, white, gray, grey, indigo, brown, gold, silver, pink (etcetera)
  463.  
  464.     Other Colors:
  465.     lightgray, lightgrey, darkred, darkblue, mediumblue, navy, whitesmoke, lightslategray, lightslategrey, darkslategray, darkslategrey (etcetera)
  466.  
  467.     --> More color names, color picker and hex (#000000) for specific colors found at: https://www.w3schools.com/Colors/colors_names.asp
  468.    
  469. */
  470.  
  471.   /* FONT SECTION 1*/
  472.   .MeBox .Flyout.MenuItems.list-reset a, ul.DataList.SearchResults a, div.Profile ul.DataList.Compact.BlogList a, .Profile div.ItemContent.Discussion a, .Profile div.ItemContent.Activity a, .Section-DiscussionList .DiscussionsTable .DiscussionName a.Title, .Signature a, .Message a, .editor-help-text a, .Profile .ChangePicture.Popup.Popable, blockquote.Quote a, blockquote.UserQuote a, .Section-Conversation a, .Item .Author a
  473.   {
  474.     color: #cccc00;
  475.     /*
  476.     REPLACE #COLOR/COLOR NAME WITH ANY OTHER #COLOR/COLOR NAME
  477.  
  478.     AFFECTS
  479.       Top Account Box > Options Flyout link color
  480.       Profile > Reaction detail list link color
  481.       Profile > Comment thread list title link color
  482.       Profile > Comment by/post date link color
  483.       Profile > Discussions/activity link colo
  484.       Sub-forum > Thread list title link color
  485.       In-thread > Post section element text
  486.       In-thread > Signature link color
  487.       In-thread > Post link/expand quote color
  488.       Private Message > Link/user name color
  489.     */
  490.   }
  491.  
  492.   /* FONT SECTION 2*/
  493.   .Section-DiscussionList .DiscussionsTable .Read a.Title
  494.   {
  495.     color: rgba(204, 204, 0, .5);
  496.     /*
  497.     REPLACE #COLOR/COLOR NAME WITH ANY OTHER #COLOR/COLOR NAME
  498.     (I recommend a darker shade of the same color you are using in the section above this one)
  499.  
  500.     AFFECTS
  501.       'Visited link'/'No new posts in thread since last reading' sub-forum thread name color
  502.     */
  503.   }
  504.  
  505.   /* FONT SECTION 3*/
  506.   div.ChildCategories a, h3, h3 a, .CategoryTable tbody .LatestPost .LatestPostTitle, a.Username, h2, h2 a, a.Permalink, a.Permalink time, .BoxNewDiscussion .ButtonGroup .MenuItems li a, h6
  507.   {
  508.     color: #cccc00 !important;
  509.     /*
  510.     REPLACE #COLOR/COLOR NAME WITH ANY OTHER #COLOR/COLOR NAME
  511.  
  512.     AFFECTS
  513.       Main forum page > Child category font color
  514.       Main forum page > Sub-forum name and 'latest thread commented in' font color
  515.       In-thread > Poster username color
  516.       In-thread > 'Heading 2' and 'Heading 3' text formatting color
  517.       In-thread > Comment post date/time text/link color
  518.       Search > Result list link color
  519.       Sub-forum > New discussion drop down font color
  520.     */
  521.   }
  522. /* =================================== */
  523.  
  524.  
  525.  
  526. /* =============================================================================================== */
  527. /* ====================================== END CUSTOMIZATION ====================================== */
  528. /* =============================================================================================== */
  529.  
  530. /* Main page background and text colors */
  531.   body
  532.   {
  533.     background: #111111 !important;/*THEME VARIABLE - #333333 */
  534.     color: white;
  535.   }
  536.  
  537. /* unsorted font color - white */
  538.   h2.H, a.Selected, h4, h1, div.AdvancedWrap label.Heading, label.CheckBoxLabel, div.P.Inline label, select, li.Item.Title strong, div.ItemContent div.Meta, .editor .Flyout.MenuItems a, .MeBox .Flyout.MenuItems a, h5
  539.   {
  540.     color: white !important;
  541.   }
  542.  
  543. /* Unsorted various element background color */
  544.   div.Popup .Body, pre
  545.   {
  546.     background: black;
  547.   }
  548.  
  549. /* Comment text box */
  550.   textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox.textarea-autosize
  551.   {
  552.     background: #9b9b9b !important;
  553.     min-height: 90px;
  554.     float: left;
  555.     width: 79%;
  556.     line-height: 1;
  557.   }
  558.  
  559.   .Section-Discussion .Content .MessageForm
  560.   {
  561.     position: -webkit-sticky;
  562.     position: -moz-sticky;
  563.     position: -ms-sticky;
  564.     position: -o-sticky;
  565.     position: sticky;
  566.     bottom: 1px;
  567.     margin-top: 5px;
  568.     z-index: 1;
  569.     -webkit-animation-name: commentdown;
  570.     animation-name: commentdown;
  571.     -webkit-animation-duration: .7s;
  572.     animation-duration: .7s;
  573.     -webkit-animation-fill-mode: forwards;
  574.     animation-fill-mode: forwards;
  575.     -webkit-animation-timing-function: ease-in-out;
  576.     animation-timing-function: ease-in-out;
  577.     -webkit-animation-delay: 2s;
  578.     animation-delay: 2s;
  579.   }
  580.  
  581.   @-webkit-keyframes commentdown
  582.   {
  583.     to {bottom: -175px;opacity: .7;}
  584.   }
  585.  
  586.   @keyframes commentdown
  587.   {
  588.     to {bottom: -175px;opacity: .7;}
  589.   }
  590.  
  591.   .Section-Discussion .Content .MessageForm:hover
  592.   {
  593.     -webkit-animation-name: commentup;
  594.     animation-name: commentup;
  595.   }
  596.  
  597.   @-webkit-keyframes commentup
  598.   {
  599.     to {bottom: 1px;opacity: 1;}
  600.   }
  601.  
  602.   @keyframes commentup
  603.   {
  604.     to {bottom: 1px;opacity: 1;}
  605.   }
  606.  
  607.   .Section-Discussion .Content .MessageForm .CommentFormWrap
  608.   {
  609.     width: 100% !important;
  610.   }
  611.  
  612.   .MessageForm.CommentForm.FormTitleWrapper
  613.   {
  614.     width: 79.5% !important;
  615.   }
  616.  
  617.   .Section-Discussion .Content .MessageForm .CommentFormWrap .FormWrapper form .bodybox-wrap, .Section-PostDiscussion .MainContent .bodybox-wrap
  618.   {
  619.     height: auto;
  620.     float: left;
  621.     width: 100%;
  622.     position: -webkit-sticky;
  623.     position: -moz-sticky;
  624.     position: -ms-sticky;
  625.     position: -o-sticky;
  626.     position: sticky;
  627.     bottom: 5px !important;
  628.   }
  629.  
  630.   .Section-PostDiscussion .MainContent .FormWrapper form .bodybox-wrap .TextBoxWrapper textarea
  631.   {
  632.     min-height: 108px;
  633.     float: left;
  634.     width: 80%;
  635.     line-height: 1;
  636.     border-radius: 8px;
  637.     border: 4px solid transparent;
  638.   }
  639.  
  640.   .DiscussionForm .Category, .DiscussionForm input.InputBox, #DiscussionForm.FormTitleWrapper.DiscussionForm .FormWrapper .P
  641.   {
  642.     margin: 0px;
  643.   }
  644.  
  645.   .Section-PostDiscussion .MainContent .FormWrapper form .TextBoxWrapper.editor-dialog-fire-close input
  646.   {
  647.     width: 79.5%;
  648.   }
  649.  
  650.   .Section-PostDiscussion .MainContent .FormWrapper form label
  651.   {
  652.     color: white !important;
  653.   }
  654.  
  655.   .Section-Discussion .Content .MessageForm .CommentFormWrap .FormWrapper form .bodybox-wrap .Preview .Message, .Section-PostDiscussion .MainContent .bodybox-wrap .Preview .Message
  656.   {
  657.     line-height: 1.2;
  658.   }
  659.  
  660.   .NewPollForm .PollOption
  661.   {
  662.     color: white;
  663.   }
  664.  
  665.   .NewPollForm .PollOptions
  666.   {
  667.     width: 100%;
  668.     background: transparent;
  669.   }
  670.  
  671.   span.editor-action.icon.icon-resize-full.editor-toggle-fullpage-button.editor-dialog-fire-close.editor-optional-button
  672.   {
  673.     display: none;
  674.   }
  675.  
  676.   .Section-Discussion .Content .MessageForm .CommentFormWrap .Form-Header .PhotoWrap, .Section-Discussion .Content .MessageForm .CommentFormWrap .Buttons .Back, .Section-Discussion .Content .FormWrapper-Condensed .editor-help-text, .Section-PostDiscussion .editor-help-text
  677.   {
  678.     display: none;
  679.   }
  680.  
  681.   body .Container .ContentWrap
  682.   {
  683.     margin-bottom: 0px;/* 180px */
  684.     padding-bottom: 0px;
  685.   }
  686.  
  687.   .editor-fullpage #editor-fullpage-candidate, .editor-fullpage #editor-fullpage-candidate .editor
  688.   {
  689.     background-color: #333333;
  690.     color: white;
  691.   }
  692.  
  693.   .Preview .Message
  694.   {
  695.     min-height: 158px;
  696.     max-height: 550px;
  697.     overflow-y: auto;
  698.     padding: 0px;
  699.     border-radius: 8px;
  700.     border: 4px transparent;
  701.     -webkit-box-shadow: none;
  702.     box-shadow: none;
  703.     color: white;
  704.     font-size: 16px;
  705.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  706.     margin-top: 0px;
  707.   }
  708.  
  709.   div.Preview .Message img
  710.   {
  711.     max-width: 450px;
  712.     max-height: 450px;
  713.   }
  714.  
  715. /* Draft list */
  716.   ul.DataList.Drafts, ul.DataList.Drafts li.Item.Draft div.ItemContent a
  717.   {
  718.     background: #9b9b9b !important;
  719.     color: white;
  720.     text-decoration: none;
  721.     text-shadow: none;
  722.   }
  723.  
  724. /* Draft list X color */
  725.   ul.DataList.Drafts li.Item.Draft div.Options a.Delete
  726.   {
  727.     color: black;
  728.     visibility: visible;
  729.     background: transparent;
  730.     text-shadow: none;
  731.     font-size: 28px;
  732.   }
  733.  
  734. /* Draft list border hidden */
  735.   ul.DataList.Drafts::after
  736.   {
  737.     visibility: hidden;
  738.   }
  739.  
  740. /* Comment Preview text box background color */
  741.   ul.Flyout.MenuItems.list-reset
  742.   {
  743.     background: #9b9b9b !important; /* Comment preview background color */
  744.   }
  745.  
  746. /* Account Control Notification/Message/Bookmarks Dropdown Boxes */
  747.   .MeBox .Flyout.FlyoutMenu
  748.   {
  749.     background: rgba(0, 0, 0, 0.8) !important;
  750.     width: 750px !important;
  751.     color: white !important;
  752.     text-shadow: black 0.1em 0.0em 0.0em !important;
  753.   }
  754.  
  755.   .MeBox .Flyout.FlyoutMenu .PopList .Item.Title
  756.   {
  757.     font-size: 16px;
  758.   }
  759.  
  760.   .MeBox .Flyout.FlyoutMenu .ProfilePhotoMedium
  761.   {
  762.     width: 40px;
  763.   }
  764.  
  765.   .MeBox .Flyout.MenuItems.list-reset
  766.   {
  767.     background: rgba(0, 0, 0, 0.8) !important;
  768.     width: 110px !important;
  769.     color: white !important;
  770.     text-shadow: black 0.1em 0.0em 0.0em !important;
  771.   }
  772.  
  773. /* Profile Discussions/activity background color*/
  774.   .Profile div.ItemContent.Discussion, .Profile div.ItemContent.Activity
  775.   {
  776.     background: none !important;
  777.   }
  778.  
  779. /* Search page background and text colors */
  780.   input#Form_Search, .AdvancedSearch .InputBox, ul.token-input-list, div.token-input-dropdown *
  781.   {
  782.     background: #9b9b9b !important;
  783.     color: white !important;
  784.   }
  785.  
  786. /* Remove border added on elements you click on */
  787.   :focus
  788.   {
  789.     outline-style: none;
  790.   }
  791.  
  792. /* Header Search Box */
  793.   .HeaderNavSearch
  794.   {
  795.     width: 347px !important;
  796.     -webkit-transform: translate(-823px,-10px);
  797.     -ms-transform: translate(-823px,-10px);
  798.     -o-transform: translate(-823px,-10px);
  799.     transform: translate(-823px,-10px);
  800.   }
  801.  
  802. /* Poll background color */
  803.   .Poll.PollForm.Hero.js-poll-form, .PollOption label.RadioLabel
  804.   {
  805.     background: transparent;
  806.     color: white;
  807.   }
  808.  
  809. /* Poll option font */
  810.   .PollOption label.RadioLabel, .PollOption .VoteOption
  811.   {
  812.     font-size: 16px;
  813.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  814.     white-space: pre-wrap;
  815.     font-weight: 400;
  816.   }
  817.  
  818. /* Poll Results option font */
  819.   .VoteOption
  820.   {
  821.     font-size: 16px;
  822.     max-width: 800px;
  823.   }
  824.  
  825. /* Main forum child category font */
  826.   div.ChildCategories a
  827.   {
  828.     font-style: italic;
  829.     opacity: .85;
  830.   }
  831.  
  832. /* Post section element text change */
  833.   h6
  834.   {
  835.     font-size: 18px !important;
  836.   }
  837.  
  838.   .Section-Discussion .Content .Item .Item-BodyWrap
  839.   {
  840.     opacity: 1;
  841.     border-top-left-radius: 0px;
  842.     border-top-right-radius: 0px;
  843.     border-bottom-left-radius: 22px;
  844.     border-bottom-right-radius: 22px;
  845.     border: 0 solid transparent;
  846.     margin-left: 0px;
  847.     width: 100%;
  848.   }
  849.  
  850.   .Section-Discussion .Content .Item .Item-BodyWrap .Message
  851.   {
  852.     color: #d9d9d9 !important;
  853.     line-height: 1.2 !important;
  854.   }
  855.  
  856.   .Message img[alt=""], .Message img[alt="Imgur"]
  857.   {
  858.     max-width: 450px;
  859.     max-height: 450px;
  860.     clear: both !important;
  861.     display: block;
  862.   }
  863.  
  864.   .Signature blockquote.Quote, .Signature blockquote.UserQuote
  865.   {
  866.     background: rgba(0,0,0,.5);
  867.     padding: 0px;
  868.     border-radius: 18px;
  869.     border: 6px solid transparent;
  870.     margin: 0px;
  871.     width: -webkit-fit-content !important;
  872.     width: -ms-fit-content !important;
  873.     width: -o-fit-content !important;
  874.     width: -moz-fit-content !important;
  875.     width: fit-content !important;
  876.     max-width: 100%;
  877.   }
  878.  
  879.   .Popup blockquote.Quote, .Popup blockquote.UserQuote
  880.   {
  881.     width: 100%;
  882.   }
  883.  
  884.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info, div#CategoryGroup-support.CategoryGroup.Category-support, div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion
  885.   {
  886.     margin-bottom: 0px;
  887.   }
  888.  
  889.   .Item td
  890.   {
  891.     padding-top: 0px;
  892.     padding-bottom: 0px;
  893.   }
  894.  
  895.   tbody a
  896.   {
  897.     font-size: 16px !important;
  898.   }
  899.  
  900. /* Hide Header and side images, Hide main page welcome, Hide footer */
  901.   div.HeaderBackground, div.Content-art.Content-art--left, div.Content-art.Content-art--right, div#welcome-block, div.P.PageDescription, .FooterWrap
  902.   {
  903.     display: none;
  904.   }
  905.  
  906. @-webkit-keyframes logo
  907.   {
  908.     0%   {opacity: 1;}
  909.     10%  {opacity: .95;}
  910.     20%  {opacity: .95;}
  911.     30%  {opacity: .9;}
  912.     40%  {opacity: .85;}
  913.     50%  {opacity: .8;}
  914.     60%  {opacity: .75;}
  915.     70%  {opacity: .8;}
  916.     80%  {opacity: .85;}
  917.     90%  {opacity: .9;}
  918.     100% {opacity: .95;}
  919.     }
  920.  
  921. @keyframes logo
  922.   {
  923.     0%   {opacity: 1;}
  924.     10%  {opacity: .95;}
  925.     20%  {opacity: .95;}
  926.     30%  {opacity: .9;}
  927.     40%  {opacity: .85;}
  928.     50%  {opacity: .8;}
  929.     60%  {opacity: .75;}
  930.     70%  {opacity: .8;}
  931.     80%  {opacity: .85;}
  932.     90%  {opacity: .9;}
  933.     100% {opacity: .95;}
  934.   }
  935.  
  936. /* GW2 Logo - Hide Original */
  937.   div.HeaderTop a.Logo img
  938.   {
  939.     display: none;
  940.   }
  941.  
  942.   .Section-DiscussionList h1.H.HomepageTitle, .Section-PostDiscussion h1.H, .Section-BestOf h1.H
  943.   {
  944.     margin-top: 0px;
  945.     visibility: hidden;
  946.   }
  947.  
  948.   .PageControls
  949.   {
  950.     margin: 5px 0px 0px 0px;
  951.   }
  952.  
  953. /* Lessen space between posts in threads */
  954.   .Section-Discussion .Content .CommentsWrap
  955.   {
  956.     margin-top: -10px;
  957.     margin-bottom: 122px;
  958.   }
  959.  
  960.   .Section-Discussion .Content .Comment
  961.   {
  962.     margin-bottom: 0px;
  963.   }
  964.  
  965. /* user avatars in sub-forum thread lists dimensions */
  966.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .PhotoWrap
  967.   {
  968.     height: 20px !important;
  969.     width: 20px;
  970.     margin-right: 3px;
  971.   }
  972.  
  973.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .BlockTitle
  974.   {
  975.     float: right;
  976.   }
  977.  
  978. /* Tag - New - new thread that has not been fully read yet */
  979.   .Section-DiscussionList .DiscussionsTable .DiscussionName .HasNew.JustNew
  980.   {
  981.     display: none;
  982.   }
  983.  
  984. /* Background and text color for a thread that has been read */
  985.   .Section-DiscussionList .DiscussionsTable .Read
  986.   {
  987.     background-color: #333333;
  988.   }
  989.  
  990. /* Tag - Poll - tag aligned left after Closed*/
  991.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Tag.Tag-Poll
  992.   {
  993.     float: left;
  994.   }
  995.  
  996. /* Tag - Announcement/ArenaNet - tags on left after Poll */
  997.   .Meta.Meta-Discussion
  998.   {
  999.     float: left;
  1000.     margin-right: 0px;
  1001.   }
  1002.  
  1003. /* Page Numbers - on right after all tags and tweaks */
  1004.   .MiniPager a::before
  1005.   {
  1006.     content: "p";
  1007.     font-size: 12px;
  1008.   }
  1009.  
  1010.   .MiniPager a::after
  1011.   {
  1012.     content: " ";
  1013.     font-size: 16px;
  1014.   }
  1015.  
  1016.   .MiniPager a, .MiniPager span
  1017.   {
  1018.     color: white;
  1019.   }
  1020.  
  1021.   .MiniPager .Elipsis
  1022.   {
  1023.     color: white;
  1024.     letter-spacing: 5px;
  1025.   }
  1026.  
  1027. /* avatar icons inside threads */
  1028.   .Section-Discussion .Content .Item-Header .AuthorWrap .Author .PhotoWrap img
  1029.   {
  1030.     height: 40px;
  1031.     width: 40px;
  1032.   }
  1033.  
  1034.   .Section-Discussion .Content .Item-Header .AuthorWrap .Author
  1035.   {
  1036.     -webkit-transform: translateX(18px);
  1037.     -ms-transform: translateX(18px);
  1038.     -o-transform: translateX(18px);
  1039.     transform: translateX(18px);
  1040.   }
  1041.  
  1042.   .Section-Discussion .Content .Item-Header .AuthorWrap .Author .Username
  1043.   {
  1044.     -webkit-transform: translate(47px,12px) !important;
  1045.     -ms-transform: translate(47px,12px) !important;
  1046.     -o-transform: translate(47px,12px) !important;
  1047.     transform: translate(47px,12px) !important;
  1048.     position: absolute;
  1049.     width: auto;
  1050.     white-space: nowrap;
  1051.   }
  1052.  
  1053.   .Section-Discussion .Item.Role_ArenaNet .Item-Header .AuthorWrap .Author .Username
  1054.   {
  1055.     -webkit-transform: translate(47px,15px) !important;
  1056.     -ms-transform: translate(47px,15px) !important;
  1057.     -o-transform: translate(47px,15px) !important;
  1058.     transform: translate(47px,15px) !important;
  1059.   }
  1060.  
  1061.   .Section-Discussion .Content .Item-Header .AuthorWrap .AuthorInfo
  1062.   {
  1063.     -webkit-transform: translate(27px,8px) !important;
  1064.     -ms-transform: translate(27px,8px) !important;
  1065.     -o-transform: translate(27px,8px) !important;
  1066.     transform: translate(27px,8px) !important;
  1067.     position: absolute;
  1068.     left: 18px;
  1069.     height: 0px !important;
  1070.   }
  1071.  
  1072.   .Section-Discussion .Content .Item-Header .AuthorWrap .Author a.PhotoWrap
  1073.   {
  1074.     height: 40px;
  1075.     width: 40px;
  1076.     margin: 1px 0 0 -42px !important;
  1077.     -webkit-transform: translate(145px,4px);
  1078.     -ms-transform: translate(145px,4px);
  1079.     -o-transform: translate(145px,4px);
  1080.     transform: translate(145px,4px);
  1081.     line-height: 0;
  1082.   }
  1083.  
  1084. /* Thread title in-thread */
  1085.   .Section-Discussion .Content .PageTitle h1
  1086.   {
  1087.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1088.     font-style: italic;
  1089.     padding-right: 0px;
  1090.     font-size: 20px;
  1091.   }
  1092.  
  1093.   .Section-Discussion .Content .PageTitle::after
  1094.   {
  1095.     display: none;
  1096.   }
  1097.  
  1098.   .Section-Discussion .Content .Breadcrumbs
  1099.   {
  1100.     position: -webkit-sticky;
  1101.     position: -moz-sticky;
  1102.     position: -ms-sticky;
  1103.     position: -o-sticky;
  1104.     position: sticky;
  1105.     top: 0px;
  1106.     z-index: 2;
  1107.     width: -webkit-fit-content !important;
  1108.     width: -ms-fit-content !important;
  1109.     width: -o-fit-content !important;
  1110.     width: -moz-fit-content !important;
  1111.     width: fit-content !important;
  1112.   }
  1113.  
  1114.   .Section-Discussion .Content .PageTitle .Options
  1115.   {
  1116.     display: block;
  1117.   }
  1118.  
  1119.   .Section-Discussion .Content .Discussion, .Section-Discussion .Content .MainContent, .Section-Discussion .Content .MainContentWrap
  1120.   {
  1121.     display: inline;
  1122.   }
  1123.  
  1124.   .Section-Discussion .Content .MainContent
  1125.   {
  1126.     display: contents;
  1127.   }
  1128.  
  1129. /* border with rounded corners around each individual post inside threads */
  1130.   .DataList .Item
  1131.   {
  1132.     background: none;  
  1133.     border-bottom: 4px solid #454545;
  1134.   }
  1135.  
  1136. /* change the post body and report/quote/etc. buttons to be side-by-side instead */
  1137.   .Section-Discussion .Content .Item .Item-BodyWrap .Message
  1138.   {
  1139.     width: 80%;
  1140.     float: left;
  1141.     min-height: 110px;
  1142.   }
  1143.  
  1144.   .Section-Discussion .Content .Item .Item-BodyWrap .MessageForm
  1145.   {
  1146.     width: 80%;
  1147.     float: left;
  1148.     margin-top: 0px;
  1149.   }
  1150.  
  1151.   .Section-Discussion .Content .Item .Item-BodyWrap .MessageForm textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox.textarea-autosize
  1152.   {
  1153.     line-height: 1.2 !important;
  1154.   }
  1155.  
  1156.   .Section-Discussion .Content .Item .Item-BodyWrap .Reactions
  1157.   {
  1158.     width: 20%;
  1159.     float: right;
  1160.   }
  1161.  
  1162.   body.Section-Discussion .ReactMenu
  1163.   {
  1164.     display: block !important;
  1165.     margin-left: 0;
  1166.   }
  1167.  
  1168. /* Fix for sticky reactions no longer working */
  1169.   body .Container
  1170.   {
  1171.     overflow-x: visible;
  1172.   }
  1173.  
  1174. /* keep the report/quote/etc. buttons visible while scrolling through a post */
  1175.   .Reactions
  1176.   {
  1177.     clear: none;
  1178.     position: -webkit-sticky;
  1179.     position: -moz-sticky;
  1180.     position: -ms-sticky;
  1181.     position: -o-sticky;
  1182.     position: sticky;
  1183.     top: 450px; /* scroll begins further down along post to remain somewhat centered on screen */
  1184.   }
  1185.  
  1186.   .Reactions .ReactButton
  1187.   {
  1188.     width: 100% !important;
  1189.   }
  1190.  
  1191. /* Reactions */
  1192.   .Reactions .ReactButton-Report, .Reactions .ReactButton-Warn
  1193.   {
  1194.     margin-bottom: 20px;
  1195.     margin-right: 0;
  1196.     color: #e1261c !important;
  1197.     border-radius: 28px;
  1198.     border-top: 4px solid #861711;
  1199.     border-bottom: 4px solid #861711;
  1200.     text-align: center;
  1201.     margin-left: 2px;
  1202.     transition: none;
  1203.   }
  1204.  
  1205.   .Reactions .ReactButton-Report:hover, .Reactions .ReactButton-Warn:hover, .Reactions .ReactButton-Report:focus, .Reactions .ReactButton-Warn:focus
  1206.   {
  1207.     background-image: linear-gradient(180deg,#e1261c,#861711,#e1261c);
  1208.     border-color: #861711;
  1209.     color: whitesmoke !important;
  1210.   }
  1211.  
  1212.   .Reactions .ReactButton-Report:hover .ReactSprite.ReactFlag, .Reactions .ReactButton-Warn:hover .ReactSprite.ReactFlag, .Reactions .ReactButton-Report:focus .ReactSprite.ReactFlag, .Reactions .ReactButton-Warn:focus .ReactSprite.ReactFlag
  1213.   {
  1214.     color: whitesmoke !important;
  1215.   }
  1216.  
  1217.   .Reactions .ReactButton-Report::after, .Reactions .ReactButton-Warn::after
  1218.   {
  1219.     -webkit-transform: scaleX(-1) translate(-1px, -1.5px);
  1220.     -ms-transform: scaleX(-1) translate(-1px, -1.5px);
  1221.     -o-transform: scaleX(-1) translate(-1px, -1.5px);
  1222.     transform: scaleX(-1) translate(-1px, -1.5px);
  1223.     display: inline-block;
  1224.     font-family: vanillicon;
  1225.     text-align: left;
  1226.     text-decoration: unset;
  1227.     text-transform: none;
  1228.     line-height: 1;
  1229.     vertical-align: text-top;
  1230.     margin-top: 1px;
  1231.     padding-right: 6px;
  1232.     font-size: 14px;
  1233.     padding-top: 2px;
  1234.   }
  1235.  
  1236.   .Reactions a.ReactButton.ReactButton-Report
  1237.   {
  1238.     width: 98px !important;
  1239.     float: right;
  1240.     clear: right;
  1241.   }
  1242.  
  1243.   .Reactions a.ReactButton.ReactButton-Warn
  1244.   {
  1245.     width: 98px !important;
  1246.     float: left !important;
  1247.     clear: left;
  1248.   }
  1249.  
  1250.   div.Profile ul.DataList.Compact.BlogList .Reactions a.ReactButton.ReactButton-Report
  1251.   {
  1252.     margin-left: 4px;
  1253.   }
  1254.  
  1255.   .Reactions a.ReactButton.ReactButton-Report .ReactSprite.ReactFlag
  1256.   {
  1257.     margin-right: 3px;
  1258.     margin-left: 0;
  1259.   }
  1260.  
  1261.   .Reactions *
  1262.   {
  1263.     text-decoration: unset !important;
  1264.   }
  1265.  
  1266.   .Reactions .ReactMenu
  1267.   {
  1268.     margin-left: 2px;
  1269.     width: auto;
  1270.   }
  1271.  
  1272.   .Reactions .ReactMenu .ReactLabel
  1273.   {
  1274.     color: white !important;
  1275.     margin: 0 !important;
  1276.   }
  1277.  
  1278. /* Poll Results Voter Avatars - halved image size */
  1279.   a.PhotoWrap.PhotoWrapSmall img.ProfilePhoto.ProfilePhotoSmall
  1280.   {
  1281.     height: 20px !important;
  1282.   }
  1283.  
  1284. /* Poll Results - margin edits */
  1285.   .VoteBar
  1286.   {
  1287.     margin: 0px !important;
  1288.     max-width: 800px;
  1289.     white-space: normal;
  1290.   }
  1291.  
  1292.   .VoteBar::after
  1293.   {
  1294.     content: '\A';
  1295.   }
  1296.  
  1297. /* Poll % Bar Overlapping floating comment box fix */
  1298.   .PollOption *
  1299.   {
  1300.     z-index: 0;
  1301.   }
  1302.  
  1303. /* Poll Results Title - font */
  1304.   .Poll.PollResults.Hero.js-poll-results h2.PollQuestion
  1305.   {
  1306.     font-size: 18px;
  1307.     margin-bottom: 40px;
  1308.     white-space: normal;
  1309.     padding: 12.5px;
  1310.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1311.     text-align: center;
  1312.   }
  1313.  
  1314. /* Poll Title - font */
  1315.   .Poll.PollForm.Hero.js-poll-form h2.PollQuestion
  1316.   {
  1317.     font-size: 18px;
  1318.     margin-bottom: 0px;
  1319.     white-space: normal;
  1320.     padding: 12.5px;
  1321.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1322.     text-align: center;
  1323.   }
  1324.  
  1325.   .TotalVotes::before
  1326.   {
  1327.     content: "Vote Count: ";
  1328.   }
  1329.  
  1330.   .VoteUsers .VoteCount
  1331.   {
  1332.     float: left;
  1333.     line-height: 2.7;
  1334.     padding-right: 15px;
  1335.   }
  1336.  
  1337.   .VoteUsers
  1338.   {
  1339.     max-width: 800px;
  1340.   }
  1341.  
  1342.   .VoteUsers, .VoteBar, .VoteOption
  1343.   {
  1344.     -webkit-transform: translateX(35px);
  1345.     -ms-transform: translateX(35px);
  1346.     -o-transform: translateX(35px);
  1347.     transform: translateX(35px);
  1348.   }
  1349.  
  1350. /* Comment preview quote background color */
  1351.   .Preview .Message blockquote.UserQuote .QuoteText p
  1352.   {
  1353.     background: black !important;
  1354.   }
  1355.    
  1356. /* Account control and language header box */
  1357.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight
  1358.   {
  1359.     -webkit-transform: translateY(-25px);
  1360.     -ms-transform: translateY(-25px);
  1361.     -o-transform: translateY(-25px);
  1362.     transform: translateY(-25px);
  1363.     z-index: 6;
  1364.   }
  1365.  
  1366. /* Account control notification alert color */
  1367.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .MeMenu .Alert
  1368.   {
  1369.     background-color: yellow;
  1370.     color: black !important;
  1371.   }
  1372.  
  1373.   .HeaderTopWrap .HeaderTop .HeaderTopRight .MeBox .WhoIs .Flyout.FlyoutMenu .Meta .HasNew
  1374.   {
  1375.     background-color: yellow;
  1376.     color: black !important;
  1377.     text-shadow: none;
  1378.     font-size: 11px;
  1379.   }
  1380.  
  1381. /* Account Control box more */
  1382.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .MeBox .WhoIs .Username, .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .MeBox .WhoIs .MeMenu span.ToggleFlyout .Sprite::before
  1383.   {
  1384.     color: white !important;
  1385.   }
  1386.  
  1387.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .MeBox .WhoIs .MeMenu
  1388.   {
  1389.     display: contents;
  1390.   }
  1391.  
  1392. /* Disabled opening post having larger font size than all following posts */
  1393.   .ItemDiscussion .Message, .ItemComment .Message
  1394.   {
  1395.     font-size: 100%;
  1396.   }
  1397.  
  1398. /* Signature font size standardization */
  1399.   .Signature, .Signature *
  1400.   {
  1401.     font-size: 11px !important;
  1402.     line-height: 1.3 !important;
  1403.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1404.     color: white;
  1405.     opacity: 1;
  1406.     padding: 0px;
  1407.   }
  1408.  
  1409. /* Front Page Dev Tracker Panel */
  1410.   .PromotedContent
  1411.   {
  1412.     margin-bottom: 0px;
  1413.     margin-top: 25px;/*WIP 25*/
  1414.   }
  1415.  
  1416.   .PromotedContent .Pagination
  1417.   {
  1418.     z-index: 1;
  1419.     -webkit-transform: translateY(-5px);
  1420.     -ms-transform: translateY(-5px);
  1421.     -o-transform: translateY(-5px);
  1422.     transform: translateY(-5px);
  1423.   }
  1424.  
  1425.   .PromotedContent .Pagination li a:hover
  1426.   {
  1427.     border-color: white;
  1428.   }
  1429.  
  1430.   .PromotedContent .PromotedGroup .Item:hover
  1431.   {
  1432.     border: 2px solid white;
  1433.   }
  1434.  
  1435.   .PromotedContent .Title::after
  1436.   {
  1437.     background: url("https://en-forum.guildwars2.com/themes/guildwars/design/images/icon-line.png");
  1438.     background-repeat: repeat-x;
  1439.     background-size: 300px 1px;
  1440.     background-position: bottom;
  1441.     height: 1px;
  1442.     top: 46px;
  1443.     content: "";
  1444.     display: block;
  1445.     position: absolute;
  1446.     left: 0;
  1447.     width: 100%;
  1448.   }
  1449.  
  1450.   .PromotedContent .DataList .Title a
  1451.   {
  1452.     line-height: 1;
  1453.     min-height: 44.6px;
  1454.     color: white;
  1455.     padding: 0px 5px;
  1456.     border-radius: 24px;
  1457.     font-size: 18px !important;
  1458.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1459.   }
  1460.  
  1461.   .PromotedContent .Body
  1462.   {
  1463.     background-size: 75px 75px;
  1464.     background-repeat: no-repeat;
  1465.     background-image: url('https://us.v-cdn.net/6027239/uploads/userpics/209/nX6EHLS6P48RW.png');
  1466.     background-blend-mode: screen;
  1467.     background-position: 100% 25%;
  1468.     min-height: 108px;
  1469.     padding: 0px 5px 5px 5px;
  1470.   }
  1471.  
  1472.   .PromotedContent .Body .BodyLink
  1473.   {
  1474.     line-height: 1.1;
  1475.     color: #d1d1d1;
  1476.     font-size: 14px;
  1477.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  1478.   }
  1479.  
  1480.   .PromotedContent .DataList, .slides_control, .PromotedGroup
  1481.   {
  1482.     height: auto !important;
  1483.     min-height: 170px;
  1484.   }
  1485.  
  1486.   .PromotedContent .AuthorWrap .Username
  1487.   {
  1488.     overflow-x: visible;
  1489.     width: auto;
  1490.   }
  1491.  
  1492.   .PromotedContent .AuthorWrap, .PromotedContent .Meta.CommentMeta.CommentInfo
  1493.   {
  1494.     bottom: 0px;
  1495.   }
  1496.  
  1497.   .PromotedContent .Item::after
  1498.   {
  1499.     bottom: 30px;
  1500.   }
  1501.  
  1502.   .PromotedContent .Item::before
  1503.   {
  1504.     content: none;
  1505.   }
  1506.  
  1507.   .Section-CategoryList .CategoryGroup h2.H
  1508.   {
  1509.     -webkit-transform: translateY(30px);
  1510.     -ms-transform: translateY(30px);
  1511.     -o-transform: translateY(30px);
  1512.     transform: translateY(30px);
  1513.     padding-left: 10px;
  1514.     display: none;
  1515.   }
  1516.  
  1517.   .Pager .Ellipsis, .Pager .QuickSearch
  1518.   {
  1519.     background-color: transparent;
  1520.   }
  1521.  
  1522.   .Pager .QuickSearch .QuickSearchButton
  1523.   {
  1524.     min-height: 20px;
  1525.     margin-bottom: 3px;
  1526.   }
  1527.  
  1528.   .BeforeCommentHeading .Pager .QuickSearch .QuickSearchButton .Sprite.SpSearch
  1529.   {
  1530.     -webkit-transform: translateY(3px);
  1531.     -ms-transform: translateY(3px);
  1532.     -o-transform: translateY(3px);
  1533.     transform: translateY(3px);
  1534.   }
  1535.  
  1536. /* 'Code' appearance */
  1537.   * code
  1538.   {
  1539.     background: black;
  1540.     padding: 0px;
  1541.     color: white;
  1542.   }
  1543.  
  1544. /* Signature Edit Page */
  1545.   body.Section-Profile .H
  1546.   {
  1547.     padding: 0px;
  1548.     font-size: 18px;
  1549.     clear: both;
  1550.   }
  1551.  
  1552. /* Thread creation date */
  1553.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Meta
  1554.   {
  1555.     float: left;
  1556.     clear: left;
  1557.     margin-left: 0px;
  1558.   }
  1559.  
  1560.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Meta a::before
  1561.   {
  1562.     content: "Created:    ";
  1563.   }
  1564.  
  1565.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Meta a
  1566.   {
  1567.     color: #7D7D7D;
  1568.   }
  1569.  
  1570. /* Thread last comment by */
  1571.   .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser
  1572.   {
  1573.     width: 170px;
  1574.   }
  1575.  
  1576.   .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser .BlockTitle
  1577.   {
  1578.     margin-right: 0px;
  1579.     float: left;
  1580.     white-space: nowrap;
  1581.     text-overflow: ellipsis !important;
  1582.     overflow: hidden !important;
  1583.     width: 135px;
  1584.     color: #aaa;
  1585.   }
  1586.  
  1587.   .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser .Meta
  1588.   {
  1589.     margin-right: 0px;
  1590.   }
  1591.  
  1592. /* Thread reply count column */
  1593.   .DataTable td.BigCount.CountReplies
  1594.   {
  1595.     width: 55px;
  1596.   }
  1597.  
  1598.   .DataTable td.BigCount.CountReplies .Wrap
  1599.   {
  1600.     text-align: left;
  1601.   }
  1602.  
  1603.   .DataTable td.BigCount.CountReplies .Wrap::after
  1604.   {
  1605.     content: ' | Views';
  1606.   }
  1607.  
  1608.   .DataTable td.BigCount.CountComments
  1609.   {
  1610.     vertical-align: top;
  1611.     padding: 0px;
  1612.     text-align: right;
  1613.   }
  1614.   .DataTable td.BigCount.CountComments .Wrap::after
  1615.   {
  1616.     content: '|';
  1617.   }
  1618.  
  1619. /* Thread view count column */
  1620.   .DataTable td.BigCount.CountViews
  1621.   {
  1622.     width: 55px;
  1623.     text-align: left;
  1624.     color: transparent;
  1625.   }
  1626.  
  1627.   .DataTable .Item td.BigCount.CountViews
  1628.   {
  1629.     padding: 0px 0px 0px 3px;
  1630.     vertical-align: top;
  1631.     text-align: left;
  1632.   }
  1633.  
  1634. /* Started by column */
  1635.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User.FirstUser
  1636.   {
  1637.     width: 170px;
  1638.   }
  1639.  
  1640.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User.FirstUser .UserLink
  1641.   {
  1642.     white-space: nowrap;
  1643.     text-overflow: ellipsis !important;
  1644.     overflow: hidden !important;
  1645.     width: 135px;
  1646.     color: #aaa;
  1647.     float: left;
  1648.   }
  1649.  
  1650.   .DataTableWrap table.DataTable.DiscussionsTable .Item .Options .OptionsMenu
  1651.   {
  1652.     float: right;
  1653.   }
  1654.  
  1655.   .DataTableWrap table.DataTable.DiscussionsTable .Item .Options .Hijack.Bookmark
  1656.   {
  1657.     float: left;
  1658.     margin-right: 5px;
  1659.   }
  1660.  
  1661. /* Header Special Navigation */
  1662.   .HeaderWrap .HeaderBottomWrap .HeaderBottom .HeaderNavDiv .HeaderNav
  1663.   {
  1664.     width: -webkit-fit-content !important;
  1665.     width: -ms-fit-content !important;
  1666.     width: -o-fit-content !important;
  1667.     width: -moz-fit-content !important;
  1668.     width: fit-content !important;
  1669.     height: -webkit-fit-content !important;
  1670.     height: -ms-fit-content !important;
  1671.     height: -o-fit-content !important;
  1672.     height: -moz-fit-content !important;
  1673.     height: fit-content !important;
  1674.     -webkit-transform: translateY(-45px);
  1675.     -ms-transform: translateY(-45px);
  1676.     -o-transform: translateY(-45px);
  1677.     transform: translateY(-45px);
  1678.   }
  1679.  
  1680.   .HeaderWrap .HeaderBottomWrap
  1681.   {
  1682.     z-index: 0;
  1683.   }
  1684.  
  1685. /* Main Page Reorganize */
  1686.   .DataTable.CategoryTable td.BigCount, .DataTable.CategoryTable td.BigCount.CountComments
  1687.   {
  1688.     display: none;
  1689.   }
  1690.  
  1691.   .Section-CategoryList .DataTableWrap
  1692.   {
  1693.     margin-bottom: 0px !important;
  1694.   }
  1695.  
  1696.   .FixedScrollContainer
  1697.   {
  1698.     display: none;
  1699.   }
  1700.  
  1701.   .FixedScrollTop::after
  1702.   {
  1703.     font-family: vanillicon;
  1704.     -webkit-font-smoothing: antialiased;
  1705.     margin-left: 6px;
  1706.   }
  1707.  
  1708.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info, div#CategoryGroup-support.CategoryGroup.Category-support, div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion, div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner
  1709.   {
  1710.     width: 49.5%;
  1711.   }
  1712.  
  1713.   div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner .DataTable.CategoryTable
  1714.   {
  1715.     padding-bottom: 4px;
  1716.   }
  1717.  
  1718.   .DataTable.CategoryTable .Options, .DataTable.CategoryTable .LatestPost .Block .PhotoWrap
  1719.   {
  1720.     display: none;
  1721.   }
  1722.  
  1723.   .DataTable.CategoryTable .CategoryName
  1724.   {
  1725.     width: 200px !important;
  1726.     margin: 0;
  1727.     padding: 0;
  1728.   }
  1729.  
  1730.   .DataTable.CategoryTable .LatestPost
  1731.   {
  1732.     width: 180px !important;
  1733.     margin: 0;
  1734.     padding: 0;
  1735.   }
  1736.  
  1737.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info
  1738.   {
  1739.     float: left;
  1740.     clear: left;
  1741.     margin-top: 10px;
  1742.   }
  1743.  
  1744.   div#CategoryGroup-support.CategoryGroup.Category-support
  1745.   {
  1746.     float: left;
  1747.     clear: left;
  1748.     margin-top: 8px;
  1749.   }
  1750.  
  1751.   div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion
  1752.   {
  1753.     float: right;
  1754.     clear: right;
  1755.     position: absolute;
  1756.     top: 188px;
  1757.     right: 0;
  1758.     margin-top: 10px;
  1759.   }
  1760.  
  1761.   div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner
  1762.   {
  1763.     float: left;
  1764.     clear: left;
  1765.     margin-bottom: 0px;
  1766.     margin-top: 8px;
  1767.   }
  1768.  
  1769.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info h3 a, div#CategoryGroup-support.CategoryGroup.Category-support h3 a, div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion h3 a, div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner h3 a
  1770.   {
  1771.     line-height: 1;
  1772.     vertical-align: top;
  1773.     padding-left: 4px;
  1774.     height: 19px;
  1775.   }
  1776.  
  1777.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info h3, div#CategoryGroup-support.CategoryGroup.Category-support h3, div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion h3, div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner h3
  1778.   {
  1779.     height: 19px;
  1780.   }
  1781.  
  1782.   .CategoryTable tbody .CategoryDescription, .ChildCategories
  1783.   {
  1784.     height: auto;
  1785.     width: 100%;
  1786.     color: #b1b1b1;
  1787.     margin-bottom: 5px;
  1788.     line-height: 1;
  1789.     vertical-align: top;
  1790.     padding-left: 25px;
  1791.     font-size: 13px;
  1792.   }
  1793.  
  1794.   .DataTable.CategoryTable .LatestPost .Meta .UserLink
  1795.   {
  1796.     float: left;
  1797.     color: #7D7D7D;
  1798.     max-width: 155px;
  1799.     text-overflow: ellipsis;
  1800.   }
  1801.  
  1802.   .DataTable.CategoryTable .LatestPost .Meta .CommentDate
  1803.   {
  1804.     float: right;
  1805.     color: #7D7D7D;
  1806.   }
  1807.  
  1808.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories b
  1809.   {
  1810.     float: left;
  1811.     clear: both !important;
  1812.     line-height: 1;
  1813.     vertical-align: top;
  1814.     padding-left: 4px;
  1815.   }
  1816.  
  1817.   .CategoryTable tbody .ChildCategories
  1818.   {
  1819.     margin-top: 5px;
  1820.     color: #7D7D7D;
  1821.   }
  1822.  
  1823.   .CategoryTable tbody .ChildCategories b
  1824.   {
  1825.     float: left;
  1826.     clear: both !important;
  1827.     line-height: 1;
  1828.     vertical-align: top;
  1829.     padding-left: 0px;
  1830.   }
  1831.  
  1832.   .CategoryTable tbody .ChildCategories a
  1833.   {
  1834.     float: left;
  1835.     line-height: 1;
  1836.     padding-left: 4px;
  1837.     vertical-align: top;
  1838.   }
  1839.  
  1840.   .CategoryTable tbody tr.Item.Category-in-game-events.Item-Category-in-game-events .CategoryDescription
  1841.   {
  1842.     margin-bottom: 0px;/* Chats WIP */
  1843.   }
  1844.  
  1845.   .CategoryTable tbody tr.Item.Category-in-game-events.Item-Category-in-game-events .CategoryDescription::after
  1846.   {
  1847.     content: ' \A \A \A';
  1848.     display: block;
  1849.     clear: both;
  1850.     margin-bottom: 0px !important;
  1851.     height: 8px;/* Chats WIP */
  1852.     background: none;
  1853.   }
  1854.  
  1855.   .Category-professions.Item-Category-professions .ChildCategories b::after
  1856.   {
  1857.     content: ' \A \A \A';
  1858.     display: block;
  1859.     clear: right;
  1860.     height: 29px;/* Chats WIP1.73 */
  1861.   }
  1862.  
  1863.   .Category-fractals-dungeons-raids.Item-Category-fractals-dungeons-raids .ChildCategories b::after, .Category-pvp.Item-Category-pvp .ChildCategories b::after, .Category-release-day-dev-celebrations.Item-Category-release-day-dev-celebrations .ChildCategories b::after
  1864.   {
  1865.     content: ' \A \A \A';
  1866.     display: block;
  1867.     clear: right;
  1868.     height: 14.5px;/* Chats WIP1.73 */
  1869.   }
  1870.  
  1871.   .CategoryTable tbody tr.Item.Category-arenanet-forum-chats.Item-Category-arenanet-forum-chats-test .ChildCategories
  1872.   {
  1873.     display: none;
  1874.   }
  1875.  
  1876.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories a
  1877.   {
  1878.     float: left;
  1879.     line-height: 1;
  1880.     padding-left: 4px;
  1881.   }
  1882.  
  1883.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories
  1884.   {
  1885.     width: 403px;
  1886.   }
  1887.  
  1888.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories a::before
  1889.   {
  1890.     content: " ";
  1891.     line-height: 1;
  1892.   }
  1893.  
  1894.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories a::after
  1895.   {
  1896.     content: " ";
  1897.     line-height: 1;
  1898.   }
  1899.  
  1900.   .CategoryTable tbody tr.Item.Category-professions.Item-Category-professions .ChildCategories span
  1901.   {
  1902.     display: none;
  1903.   }
  1904.  
  1905.   div#CategoryGroup-news-info.CategoryGroup.Category-news-info .DataTable.CategoryTable thead .CategoryName::before
  1906.   {
  1907.     content: 'NEWS & INFO';
  1908.     font-size: 22px;
  1909.     font-family: Eason Pro Display Caps,Times New Roman,Times,Baskerville,Georgia,serif;
  1910.     padding-left: 5px;
  1911.     font-weight: normal;
  1912.   }
  1913.  
  1914.   div#CategoryGroup-support.CategoryGroup.Category-support .DataTable.CategoryTable thead .CategoryName::before
  1915.   {
  1916.     content: 'SUPPORT';
  1917.     font-size: 22px;
  1918.     font-family: Eason Pro Display Caps,Times New Roman,Times,Baskerville,Georgia,serif;
  1919.     padding-left: 5px;
  1920.     font-weight: normal;
  1921.   }
  1922.  
  1923.   div#CategoryGroup-community-corner.CategoryGroup.Category-community-corner .DataTable.CategoryTable thead .CategoryName::before
  1924.   {
  1925.     content: 'COMMUNITY CORNER';
  1926.     font-size: 22px;
  1927.     font-family: Eason Pro Display Caps,Times New Roman,Times,Baskerville,Georgia,serif;
  1928.     padding-left: 5px;
  1929.     font-weight: normal;
  1930.   }
  1931.  
  1932.   div#CategoryGroup-game-discussion.CategoryGroup.Category-game-discussion .DataTable.CategoryTable thead .CategoryName::before
  1933.   {
  1934.     content: 'GAME DISCUSSION';
  1935.     font-size: 22px;
  1936.     font-family: Eason Pro Display Caps,Times New Roman,Times,Baskerville,Georgia,serif;
  1937.     padding-left: 5px;
  1938.     font-weight: normal;
  1939.   }
  1940.  
  1941.   .CategoryTable tbody .LatestPost
  1942.   {
  1943.     line-height: 1;
  1944.     vertical-align: top;
  1945.   }
  1946.  
  1947.   body .Container .ContentWrap .Content
  1948.   {
  1949.     min-height: unset;
  1950.   }
  1951.  
  1952. /* Latest Anet Posts text */
  1953.   .PromotedContent h4
  1954.   {
  1955.     margin: 0 0 0 10px;
  1956.     line-height: 1;
  1957.     font-size: 18px;
  1958.     width: -webkit-fit-content !important;
  1959.     width: -ms-fit-content !important;
  1960.     width: -o-fit-content !important;
  1961.     width: -moz-fit-content !important;
  1962.     width: fit-content !important;
  1963.   }
  1964.  
  1965. /* In-thread comment posted date */
  1966.   .Section-Discussion .Content .DataList .Meta.CommentMeta.CommentInfo, .DiscussionMeta, .Section-Discussion .MessageList .Item .DiscussionHeader .MItem
  1967.   {
  1968.     margin-right: 0px !important;
  1969.     margin-left: 0px;
  1970.   }
  1971.  
  1972.   .Section-Discussion .Meta.CommentMeta.CommentInfo .MItem
  1973.   {
  1974.     margin-left: 0px;
  1975.     margin-right: 8px;
  1976.   }
  1977.  
  1978.   .Section-Discussion .Content .DataList .Meta.CommentMeta.CommentInfo *, .DiscussionMeta *
  1979.   {
  1980.     line-height: 1 !important;
  1981.   }
  1982.  
  1983.   .Section-Discussion .MessageList .Item .DiscussionHeader .MItem.Category
  1984.   {
  1985.     display: none;
  1986.   }
  1987.   .Section-Discussion .MessageList .Item .CommentHeader .MItem, .Section-Discussion .MessageList .Item .DiscussionHeader .MItem
  1988.   {
  1989.     float: right;
  1990.     clear: right !important;
  1991.   }
  1992.  
  1993.   .Section-Discussion .MessageList .Item .CommentHeader, .Section-Discussion .MessageList .Item .DiscussionHeader
  1994.   {
  1995.     margin-left: 0px;
  1996.     width: 100%;
  1997.   }
  1998.  
  1999. /* In-thread edit post gear */
  2000.   .Section-Discussion .Content .Item .Options
  2001.   {
  2002.     padding-top: 0;
  2003.     position: relative;
  2004.     top: -19px;
  2005.     right: 219px;
  2006.   }
  2007.  
  2008.   .Discussion .PageTitle .Options .OptionsMenu
  2009.   {
  2010.     padding-top: 0;
  2011.     position: relative;
  2012.     top: 5px;
  2013.     right: -22px;
  2014.   }
  2015.  
  2016.   .Section-Discussion .Content .Item .OptionsMenu .Flyout a, .Discussion .PageTitle .Options .OptionsMenu .Flyout a
  2017.   {
  2018.     text-align: center;
  2019.     line-height: .25 !important;
  2020.     z-index: 100;
  2021.     padding: 12px 0px 20px 0px;
  2022.   }
  2023.  
  2024.   .Section-Discussion .Content .Item .Options .Flyout.MenuItems, .Discussion .PageTitle .Options .OptionsMenu .Flyout.MenuItems
  2025.   {
  2026.     background-color: black;
  2027.   }
  2028.  
  2029. /* In-thread arenanet author */
  2030.   .Section-Discussion .Content .Item.Role_ArenaNet .Item-Header
  2031.   {
  2032.     border-top-left-radius: 21px;
  2033.     border-top-right-radius: 21px;
  2034.     border-bottom-left-radius: 0;
  2035.     border-bottom-right-radius: 0;
  2036.     border: 0 solid transparent;
  2037.   }
  2038.  
  2039.   .Section-Discussion .Content .Item.Role_ArenaNet span.Rank.MItem
  2040.   {
  2041.     -webkit-transform: translate(-192px,-52px);
  2042.     -ms-transform: translate(-192px,-52px);
  2043.     -o-transform: translate(-192px,-52px);
  2044.     transform: translate(-192px,-52px);
  2045.     margin-left: 0px;
  2046.     border-radius: 0px;
  2047.     border: 0px;
  2048.   }
  2049.  
  2050. .Section-Discussion .Content .Item.Role_ArenaNet .DiscussionHeader span.Rank.MItem.Rank-Admin
  2051.   {
  2052.     -webkit-transform: translate(-184px,-52px);
  2053.     -ms-transform: translate(-184px,-52px);
  2054.     -o-transform: translate(-184px,-52px);
  2055.     transform: translate(-184px,-52px);
  2056.   }
  2057.  
  2058.   .Section-Discussion .Content .Item-Header .MItem.RoleTracker
  2059.   {
  2060.     -webkit-transform: translate(60px,-16px);
  2061.     -ms-transform: translate(60px,-16px);
  2062.     -o-transform: translate(60px,-16px);
  2063.     transform: translate(60px,-16px);
  2064.   }
  2065.  
  2066.   #Form_ConversationMessage .Buttons
  2067.   {
  2068.     width: 100%;
  2069.   }
  2070.  
  2071.   #Form_ConversationMessage .editor-help-text
  2072.   {
  2073.     width: -webkit-fit-content !important;
  2074.     width: -ms-fit-content !important;
  2075.     width: -o-fit-content !important;
  2076.     width: -moz-fit-content !important;
  2077.     width: fit-content !important;
  2078.     float: left;
  2079.     display: block;
  2080.     margin: 0px;
  2081.     color: white;
  2082.   }
  2083.  
  2084.   #Form_ConversationMessage #Form_Body
  2085.   {
  2086.     width: 100%;
  2087.   }
  2088.  
  2089.   .DataList.MessageList.Conversation .Item .Meta .Author .PhotoWrap img
  2090.   {
  2091.     height: 40px;
  2092.     width: 40px;
  2093.     margin-top: 4px;
  2094.     margin-left: 10px;
  2095.   }
  2096.  
  2097. /* In-thread Accepted Answer Tag */
  2098.   .Section-Discussion .Content .DataList .Meta.CommentMeta.CommentInfo .Tag.QnA-Box.QnA-Accepted
  2099.   {
  2100.     float: left !important;
  2101.     clear: right;
  2102.     text-align: center;
  2103.     width: 225px;
  2104.     height: 30px;
  2105.     background-image: linear-gradient(135deg,lime,#262626);
  2106.     opacity: 1;
  2107.     border-top-left-radius: 22px;
  2108.     border-top-right-radius: 22px;
  2109.     border-bottom-left-radius: 22px;
  2110.     border-bottom-right-radius: 22px;
  2111.     border: 0 solid transparent;
  2112.     position: relative;
  2113.     left: -225px;
  2114.     top: -28px;
  2115.      
  2116.   }
  2117.  
  2118.   .Section-Discussion .Content .DataList .Meta.CommentMeta.CommentInfo .Tag.QnA-Box.QnA-Accepted span
  2119.   {
  2120.     text-align: center !important;
  2121.     vertical-align: middle !important;
  2122.     padding-top: 10px;
  2123.   }
  2124.  
  2125.   .BoxNewDiscussion .ButtonGroup .MenuItems li a:hover
  2126.   {
  2127.     background: rgba(0, 0, 0, 0.0) !important;
  2128.     width: 145px !important;
  2129.     color: white !important;
  2130.   }
  2131.  
  2132.   .Dashboard.Profile .Panel .UserBox .PhotoWrap
  2133.   {
  2134.     padding-left: 35%;
  2135.     margin: 0px;
  2136.   }
  2137.  
  2138.   .Dashboard.Profile .Panel .UserBox .PhotoWrap .ProfilePhoto
  2139.   {
  2140.     width: 75px;
  2141.   }
  2142.  
  2143.   .Dashboard.Profile .Panel .UserBox .WhoIs
  2144.   {
  2145.     font-size: 18px;
  2146.     text-align: center;
  2147.     float: none;
  2148.     clear: both;
  2149.   }
  2150.  
  2151.   .Dashboard.Profile .Panel .UserBox .WhoIs a
  2152.   {
  2153.     color: white;
  2154.     font-size: 20px;
  2155.   }
  2156.  
  2157.   .Dashboard.Profile .Panel .Box a, .Dashboard.Profile .BoxFilter a
  2158.   {
  2159.     color: white;
  2160.   }
  2161.  
  2162.   .Dashboard.Profile .Panel .Box
  2163.   {
  2164.     margin: 0px;
  2165.   }
  2166.  
  2167.   .Dashboard.Profile .Panel .Box .PanelInfo
  2168.   {
  2169.     text-align: center;
  2170.   }
  2171.  
  2172.   .Dashboard.Profile .Panel .BoxFilter li:first-child
  2173.   {
  2174.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  2175.   }
  2176.  
  2177.   .Dashboard.Profile .Panel .BoxFilter li
  2178.   {
  2179.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  2180.   }
  2181.  
  2182.   .Dashboard.Profile .Panel .BoxFilter span.Count
  2183.   {
  2184.     margin: 5px 12px 0px 0px;
  2185.   }
  2186.  
  2187.   .Dashboard.Profile .Panel #Badges
  2188.   {
  2189.     margin-top: 25px;
  2190.   }
  2191.  
  2192. /*WIP Profile Pages */
  2193.   .Profile .ItemContent .Meta .MItem
  2194.   {
  2195.     white-space: nowrap;
  2196.     overflow: hidden;
  2197.     text-overflow: ellipsis;
  2198.     max-width: 520px !important;
  2199.     float: left;
  2200.     clear: both;
  2201.     margin: 0px;
  2202.     line-height: 1.25;
  2203.   }
  2204.  
  2205.   .Profile .ItemContent.Activity .Meta .MItem
  2206.   {
  2207.     float: none;
  2208.     clear: none;
  2209.   }
  2210.  
  2211.   .Profile .ItemContent .Meta .MItem b
  2212.   {
  2213.     width: 500px !important;
  2214.     white-space: nowrap;
  2215.     overflow: hidden;
  2216.     text-overflow: ellipsis;
  2217.   }
  2218.  
  2219.   .Profile .ReactionsWrap
  2220.   {
  2221.     border-radius: 24px;
  2222.     border-top: 3px solid #b1b1b1;
  2223.     border-bottom: 3px solid #b1b1b1;
  2224.     border-left: none;
  2225.     border-right: none;
  2226.     background-color: transparent;
  2227.     color: #b1b1b1 !important;
  2228.     line-height: 1;
  2229.   }
  2230.  
  2231.   .Profile .CountItem
  2232.   {
  2233.     border: 4px solid transparent;
  2234.     border-bottom: 4px solid transparent;
  2235.     border-left: none;
  2236.     border-right: none;
  2237.     color: white !important;
  2238.     padding: 0px 10px 5px 10px;
  2239.   }
  2240.  
  2241.   .Profile .CountItem .TextColor
  2242.   {
  2243.     color: white !important;
  2244.     transition: none;
  2245.   }
  2246.  
  2247.   .Profile ul.DataList .Item .Options
  2248.   {
  2249.     right: 15px;
  2250.   }
  2251.  
  2252.   .Profile ul.DataList .Item .Reactions
  2253.   {
  2254.     width: 29%;
  2255.     float: right;
  2256.     margin: 0px;
  2257.     -webkit-transform: translateY(-70px);
  2258.     -ms-transform: translateY(-70px);
  2259.     -o-transform: translateY(-70px);
  2260.     transform: translateY(-70px);
  2261.   }
  2262.  
  2263.   .Profile ul.DataList .Item .Reactions .ReactMenu
  2264.   {
  2265.     display: block;
  2266.     margin-left: 2px;
  2267.   }
  2268.  
  2269.   .ItemContent .Message, .Profile ul.DataList .Item .Item-BodyWrap .Item-Body .Message
  2270.   {
  2271.     color: #d9d9d9 !important;
  2272.     line-height: 1 !important;
  2273.     font-size: 100%;
  2274.   }
  2275.  
  2276.   .Profile .Pager a
  2277.   {
  2278.     background-color: transparent;
  2279.   }
  2280.  
  2281.   .Profile .Pager .Previous
  2282.   {
  2283.     float: left;
  2284.   }
  2285.  
  2286.   .Profile .Pager .Next
  2287.   {
  2288.     float: right;
  2289.   }
  2290.  
  2291.   body.Section-Profile .Profile .About dt.Points, body.Section-Profile .Profile .About dd.Points, body.Section-Profile .Profile .About dt.Roles, body.Section-Profile .Profile .About dd.Roles
  2292.   {
  2293.     display: block !important;
  2294.   }
  2295.  
  2296.   .ProfileOptions
  2297.   {
  2298.     display: none;
  2299.   }
  2300.  
  2301.   .Profile .User
  2302.   {
  2303.     padding: 2px;
  2304.     border-radius: 8px;
  2305.     width: -webkit-fit-content !important;
  2306.     width: -ms-fit-content !important;
  2307.     width: -o-fit-content !important;
  2308.     width: -moz-fit-content !important;
  2309.     width: fit-content !important;
  2310.     min-width: 300px;
  2311.     border-left: none;
  2312.     border-right: none;
  2313.     float: left;
  2314.     clear: left;
  2315.   }
  2316.  
  2317.   .Profile .User .H
  2318.   {
  2319.     font-size: 150%;
  2320.     font-family: Cronos Pro Regular,Helvetica,Arial,sans-serif;
  2321.   }
  2322.  
  2323.   .Profile .User .About.P
  2324.   {
  2325.     margin: 0px;
  2326.     width: 75px;
  2327.   }
  2328.  
  2329.   .Section-Profile .About
  2330.   {
  2331.     clear: both;
  2332.   }
  2333.  
  2334.   .Profile .User .About dt, .Profile .User .About dd
  2335.   {
  2336.     margin: 0px;
  2337.     width: 75px;
  2338.   }
  2339.  
  2340.   .Profile .ReactionsWrap h2
  2341.   {
  2342.     display: none;
  2343.   }
  2344.  
  2345.   .Profile .DataList.Compact.BlogList .Item .Title
  2346.   {
  2347.     word-wrap: normal;
  2348.     width: 500px !important;
  2349.     white-space: nowrap;
  2350.     overflow: hidden;
  2351.     text-overflow: ellipsis;
  2352.   }
  2353.  
  2354.   .Profile .DataList.Compact.BlogList .Item .Item-Header .Meta
  2355.   {
  2356.     line-height: 1.5;
  2357.     width: -webkit-fit-content !important;
  2358.     width: -ms-fit-content !important;
  2359.     width: -o-fit-content !important;
  2360.     width: -moz-fit-content !important;
  2361.     width: fit-content !important;
  2362.     margin-right: 0px;
  2363.   }
  2364.  
  2365.   .Profile .DataList.Compact.BlogList .Item .Message
  2366.   {
  2367.     line-height: 1.5;
  2368.     margin-top: 0px;
  2369.   }
  2370.  
  2371.   .Profile .PagerWrap
  2372.   {
  2373.     height: 20px;
  2374.     width: 849px;
  2375.     position: absolute;
  2376.     top: 980px;
  2377.     left: 312px;
  2378.   }
  2379.  
  2380.   .Profile .PagerWrap #PagerBefore
  2381.   {
  2382.     margin: 0px;
  2383.     padding: 5px;
  2384.     height: 20px;
  2385.   }
  2386.  
  2387.   .Profile .PagerWrap #PagerBefore .Previous, .Profile .PagerWrap #PagerBefore .Next
  2388.   {
  2389.     margin-left: 0px;
  2390.     font-size: 22px;
  2391.     -webkit-transform: translateY(-10px);
  2392.     -ms-transform: translateY(-10px);
  2393.     -o-transform: translateY(-10px);
  2394.     transform: translateY(-10px);
  2395.   }
  2396.  
  2397.   .Profile .Reactions
  2398.   {
  2399.     position: relative;
  2400.     top: 35px;
  2401.     left: -4px;
  2402.   }
  2403.  
  2404.   .Profile .Reactions .ReactButton.ReactButton-Like.HasCount .ReactLabel
  2405.   {
  2406.     position: relative;
  2407.     top: 0px;
  2408.     left: -3px;
  2409.   }
  2410.  
  2411.   .Profile .Reactions .ReactButton.ReactButton-Like.HasCount .Count
  2412.   {
  2413.     position: relative;
  2414.     top: 0px;
  2415.   }
  2416.  
  2417.   .Profile .Reactions .ReactButton.ReactButton-Insightful.HasCount .ReactLabel
  2418.   {
  2419.     position: relative;
  2420.     top: 0px;
  2421.     left: -3px;
  2422.   }
  2423.  
  2424.   .Profile .Reactions .ReactButton.ReactButton-Insightful.HasCount .Count
  2425.   {
  2426.     position: relative;
  2427.     top: 0px;
  2428.   }
  2429.  
  2430.   .Profile .DataListWrap .PagerWrap
  2431.   {
  2432.     height: 20px;
  2433.     width: 849px;
  2434.     position: relative;
  2435.     top: 0px;
  2436.     left: 0px;
  2437.     z-index: 0;
  2438.   }
  2439.  
  2440.   .Profile .DataListWrap .PagerWrap #PagerBefore
  2441.   {
  2442.     margin: 0px;
  2443.     padding: 5px;
  2444.     height: 20px;
  2445.   }
  2446.  
  2447.   .Profile .DataListWrap .PagerWrap #PagerBefore .Previous, .Profile .DataListWrap .PagerWrap #PagerBefore .Next
  2448.   {
  2449.     margin-left: 0px;
  2450.     font-size: 22px;
  2451.     position: relative;
  2452.     left: 0px;
  2453.     top: -10px;
  2454.   }
  2455.  
  2456.   .Profile .DataListWrap .Item, .Profile .DataList .Item
  2457.   {
  2458.     width: 849px;
  2459.     z-index: 1;
  2460.   }
  2461.  
  2462. /* Fixing ArenaNet's Changes */
  2463.   .Section-Discussion .Content .Discussion .Options
  2464.   {
  2465.     -webkit-transform: translateY(-3px);
  2466.     -ms-transform: translateY(-3px);
  2467.     -o-transform: translateY(-3px);
  2468.     transform: translateY(-3px);
  2469.   }
  2470.  
  2471.   .Section-Discussion .Content .Item-Header .AuthorWrap .AuthorInfo .MItem.RoleTitle
  2472.   {
  2473.     display: none;
  2474.   }
  2475.  
  2476.   .Section-Discussion .Content .CommentsWrap .BeforeCommentHeading
  2477.   {
  2478.     padding-bottom: 0px;
  2479.     padding-top: 10px;
  2480.   }
  2481.  
  2482.   .Section-Discussion .Content .CommentsWrap .BeforeCommentHeading .NumberedPager
  2483.   {
  2484.     display: contents;
  2485.   }
  2486.  
  2487.   .Section-Discussion .Content .ItemDiscussion
  2488.   {
  2489.     margin-bottom: 15px !important;
  2490.   }
  2491.  
  2492.   #dashboard_profile_signature .Buttons
  2493.   {
  2494.     width: 10%;
  2495.     float: right;
  2496.     clear: none;
  2497.     margin: 0px;
  2498.     -webkit-transform: translateY(-130px);
  2499.     -ms-transform: translateY(-130px);
  2500.     -o-transform: translateY(-130px);
  2501.     transform: translateY(-130px);
  2502.   }
  2503.  
  2504.   #dashboard_profile_signature .Buttons .Primary:hover
  2505.   {
  2506.     background-color: black;
  2507.     color: lime;
  2508.   }
  2509.  
  2510.   #dashboard_profile_discussions .ChangePicture span, .editor-help-text
  2511.   {
  2512.     color: white;
  2513.   }
  2514.  
  2515.   #Form_SaveAvatar.Button.Primary
  2516.   {
  2517.     border-radius: 6px;
  2518.     border: 2px solid black;
  2519.     color: white;
  2520.     background: lime !important;
  2521.     float: right;
  2522.     line-height: 1;
  2523.     padding: 5px;
  2524.     min-width: 150px;
  2525.     text-align: center;
  2526.   }
  2527.  
  2528.   .stockavatar-wrap .remove-picture
  2529.   {
  2530.     margin: 0px;
  2531.     line-height: 1;
  2532.   }
  2533.  
  2534.   .remove-picture a.Button.Danger.PopConfirm
  2535.   {
  2536.     border-radius: 6px;
  2537.     border: 2px solid black;
  2538.     color: white;
  2539.     background: red;
  2540.     float: left;
  2541.     margin: 0px;
  2542.     line-height: 1;
  2543.     padding: 5px;
  2544.     min-width: 150px;
  2545.     text-align: center;
  2546.   }
  2547.  
  2548.   .Popup .remove-picture
  2549.   {
  2550.     padding: 0px;
  2551.   }
  2552.  
  2553.   #dashboard_profile_picture .Panel
  2554.   {
  2555.     margin-top: 77px;
  2556.   }
  2557.  
  2558.   .Profile .User .Gloss .AuthorRoleIcon
  2559.   {
  2560.     margin-left: 0px !important;
  2561.   }
  2562.  
  2563.   .Profile.Role_ArenaNet .AuthorRoleIcon
  2564.   {
  2565.     margin-left: 0px !important;
  2566.     width: 50px !important;
  2567.   }
  2568.  
  2569.   .Profile.Role_ArenaNet .User .Gloss .Rank.Rank-Admin, .Profile .User .Gloss .Rank[title="ArenaNet"]
  2570.   {
  2571.     display: none !important;
  2572.   }
  2573.  
  2574.   .Profile.Role_ArenaNet .User .Gloss
  2575.   {
  2576.     margin: 13px 0px 0px 0px !important;
  2577.     padding: 0px 5px 0px 5px;
  2578.   }
  2579.  
  2580.   .Poll.PollForm.Hero.js-poll-form .PollOptions a.js-poll-result-btn::after
  2581.   {
  2582.     content: " > > >";
  2583.     margin-left: 10px;
  2584.   }
  2585.  
  2586.   .Poll.PollResults.Hero.js-poll-results a.js-poll-result-btn::before
  2587.   {
  2588.     content: "< < <";
  2589.     margin-right: 10px;
  2590.   }
  2591.  
  2592.   .PollOption:last-child
  2593.   {
  2594.     margin-bottom: 25px;
  2595.   }
  2596.  
  2597.   .Profile .PanelWrap
  2598.   {
  2599.     -webkit-transform: translate(-5px,-680px);
  2600.     -ms-transform: translate(-5px,-680px);
  2601.     -o-transform: translate(-5px,-680px);
  2602.     transform: translate(-5px,-680px);
  2603.     position: absolute !important;
  2604.     top: 920px;
  2605.   }
  2606.  
  2607.   .Profile .ChangePicture span, .Profile.EditMode ul li label
  2608.   {
  2609.     color: white;
  2610.   }
  2611.  
  2612.   .Profile .MainContent
  2613.   {
  2614.     width: 100% !important;
  2615.   }
  2616.  
  2617.   .Profile .AuthorWrap
  2618.   {
  2619.     width: -webkit-fit-content !important;
  2620.     width: -ms-fit-content !important;
  2621.     width: -o-fit-content !important;
  2622.     width: -moz-fit-content !important;
  2623.     width: fit-content !important;
  2624.   }
  2625.  
  2626.   .Profile .PreferenceGroup, .Preferences .Buttons, #dashboard_profile_picture form#avatarstock-pick-form, #dashboard_profile_signature .FormTitleWrapper form div ul, #dashboard_profile_signature .FormTitleWrapper form div .H, #dashboard_profile_signature .Buttons, #dashboard_profile_quotes form div ul, #dashboard_profile_quotes .Buttons
  2627.   {
  2628.     width: 75% !important;
  2629.     float: right;
  2630.   }
  2631.  
  2632.   #dashboard_profile_preferences .PanelWrap, #dashboard_profile_signature .PanelWrap, #dashboard_profile_quotes .PanelWrap
  2633.   {
  2634.     -webkit-transform: translate(-5px,-680px);
  2635.     -ms-transform: translate(-5px,-680px);
  2636.     -o-transform: translate(-5px,-680px);
  2637.     transform: translate(-5px,-680px);
  2638.     position: absolute !important;
  2639.     top: 750px;
  2640.   }
  2641.  
  2642.   #dashboard_profile_picture .PanelWrap
  2643.   {
  2644.     -webkit-transform: translate(-5px,-680px);
  2645.     -ms-transform: translate(-5px,-680px);
  2646.     -o-transform: translate(-5px,-680px);
  2647.     transform: translate(-5px,-680px);
  2648.     position: absolute !important;
  2649.     top: 685px;
  2650.   }
  2651.  
  2652.   #dashboard_profile_picture .remove-picture a.Button.Danger.PopConfirm
  2653.   {
  2654.     position: relative !important;
  2655.     top: 1298px;
  2656.     left: 289px;
  2657.   }
  2658.  
  2659.   .MeBox .Flyout.FlyoutMenu .PopList.Conversations .Item.Title a::before
  2660.   {
  2661.     content: "Write A ";
  2662.   }
  2663.  
  2664.   .MeBox .Flyout.FlyoutMenu .PopList.Conversations .Item.Center a::before, .MeBox .Flyout.FlyoutMenu .PopList.Popin .Item.Center a::before, .MeBox .Flyout.FlyoutMenu .PopList.Activities .Item.Center a::before
  2665.   {
  2666.     content: "View ";
  2667.   }
  2668.  
  2669.   .atwho-view .cur, .atwho-view strong
  2670.   {
  2671.     background: transparent;
  2672.     color: white;
  2673.     font-weight: 400 !important;
  2674.   }
  2675.  
  2676.   #at-view-64.atwho-view, #atwho-container
  2677.   {
  2678.     position: -webkit-sticky;
  2679.     position: -moz-sticky;
  2680.     position: -ms-sticky;
  2681.     position: -o-sticky;
  2682.     position: sticky;
  2683.     bottom: 0px;
  2684.     z-index: 201;
  2685.     float: left;
  2686.     left: 56px;
  2687.   }
  2688.  
  2689.   #vanilla_categories_index #atwho-container, .Container-bottom, .Container-bottom::after
  2690.   {
  2691.     display: none;
  2692.   }
  2693.  
  2694.   .Section-Discussion .Overlay #Popup.Popup
  2695.   {
  2696.     top: 10px !important;
  2697.     position: -webkit-sticky;
  2698.     position: -moz-sticky;
  2699.     position: -ms-sticky;
  2700.     position: -o-sticky;
  2701.     position: sticky;
  2702.     max-width: 450px;
  2703.     float: right;
  2704.   }
  2705.  
  2706.   .Section-Discussion .Overlay #Popup.Popup form ul li label[for="Form_Reason"], .Section-Discussion .Overlay #Popup.Popup form ul li label[for="Form_Body"]
  2707.   {
  2708.     border: none;
  2709.     margin: 0px;
  2710.   }
  2711.  
  2712.   .Section-Discussion .Overlay #Popup.Popup blockquote.Quote, .Popup blockquote.UserQuote p
  2713.   {
  2714.     padding: 0px;
  2715.   }
  2716.  
  2717.   .Section-Discussion .Overlay #Popup.Popup .Border .Body .Content h2
  2718.   {
  2719.     font-size: 16px;
  2720.     padding: 2.5px;
  2721.     border: none !important;
  2722.     text-align: center;
  2723.     margin: 0px;
  2724.   }
  2725.  
  2726.   .Section-Discussion .Overlay #Popup.Popup .Border .Body .Content
  2727.   {
  2728.     padding: 0px;
  2729.     margin: 0px 0px 5px 0px;
  2730.   }
  2731.  
  2732.   .Section-Discussion.Role_Member .Hijack.Bookmark:hover::before
  2733.   {
  2734.     opacity: 1;
  2735.   }
  2736.  
  2737.   .InformMessages, .InformWrapper
  2738.   {
  2739.     position: fixed;
  2740.     top: 53px; /* Moved to bottom of page - lower value moves it up the page */
  2741.     left: 44.5%; /* Moved to left of page - higher value moves it to the right on the page */
  2742.     opacity: 1;
  2743.     min-width: 214.75px;
  2744.   }
  2745.  
  2746.   .InformMessages .InformMessageBody
  2747.   {
  2748.     opacity: 1;
  2749.     margin: 0px;
  2750.   }
  2751.  
  2752.   .InformMessages .InformMessage::after
  2753.   {
  2754.     display: none;
  2755.   }
  2756.  
  2757.   .InformMessages .InformMessage:hover
  2758.   {
  2759.     background: rgba(0,0,0,.8) !important;
  2760.   }
  2761.  
  2762.   .Profile .Pager
  2763.   {
  2764.     margin-left: 0px;
  2765.     margin-bottom: 60px;
  2766.     font-size: 33px;
  2767.     color: white;
  2768.     padding: 4px;
  2769.     border-radius: 8px;
  2770.     border: 4px transparent;
  2771.     width: 100%;
  2772.     opacity: 1;
  2773.     text-align: center;
  2774.   }
  2775.  
  2776.   .editor-dd-emoji + .editor-insert-dialog
  2777.   {
  2778.     width: 114px;
  2779.   }
  2780.  
  2781.   .editor .Flyout.MenuItems .emoji-wrap
  2782.   {
  2783.     padding: 1px;
  2784.   }
  2785.  
  2786.   .Section-Discussion .Content .Item .emoji
  2787.   {
  2788.     margin: 0px;
  2789.   }
  2790.  
  2791. /* Comment textbox preview */
  2792.   .Preview
  2793.   {
  2794.     float: left;
  2795.     width: 100%;
  2796.     line-height: 1.2;
  2797.     border-radius: 15px;
  2798.     border: 2px solid yellow;
  2799.     font-size: 16px;
  2800.     display: block;
  2801.     max-height: 450px;
  2802.     min-height: 175px;
  2803.     overflow-y: auto !important;
  2804.     padding: 6px;
  2805.     color: white;
  2806.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  2807.     margin-top: 5px;
  2808.   }
  2809.  
  2810.   .Section-Discussion .Meta .MItem .Permalink::before
  2811.   {
  2812.     font-size: 18px;
  2813.     margin-right: 5px;
  2814.     vertical-align: middle;
  2815.     color: white;
  2816.   }
  2817.  
  2818.   .Profile .DataListWrap
  2819.   {
  2820.     border-radius: 24px;
  2821.     min-height: 416px;
  2822.     border: none;
  2823.     float: right;
  2824.     display: block;
  2825.     background: transparent;
  2826.     margin-left: 6px;
  2827.   }
  2828.  
  2829.   .Profile .DataList #PagerMore
  2830.   {
  2831.     margin-left: 0px;
  2832.     font-size: 24px;
  2833.     padding: 4px;
  2834.     background: transparent;
  2835.     width: 100%;
  2836.     opacity: 1;
  2837.     text-align: center;
  2838.     min-height: 800px;
  2839.   }
  2840.  
  2841.   .Profile .DataList.Compact.BlogList
  2842.   {
  2843.     padding-bottom: 25px;
  2844.     border-radius: 8px;
  2845.     background: transparent;
  2846.     margin-left: 6px;
  2847.   }
  2848.  
  2849.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .LocaleChooser
  2850.   {
  2851.     position: absolute;
  2852.     top: -7px;
  2853.     left: -630px;
  2854.     font-size: 12px;
  2855.   }
  2856.  
  2857.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .LocaleChooser .LocaleChooser
  2858.   {
  2859.     display: contents;
  2860.   }
  2861.  
  2862.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .LocaleChooser .LocaleOption::after
  2863.   {
  2864.     background: #d9d9d9;
  2865.   }
  2866.  
  2867.   .MenuItems-Input
  2868.   {
  2869.     width: 347px;
  2870.     text-shadow: none;
  2871.     border: none;
  2872.     border-radius: 24px;
  2873.     background: none;
  2874.   }
  2875.  
  2876.   .MenuItems-Input, .MenuItems-Input li .Gloss
  2877.   {
  2878.     color: #d9d9d9;
  2879.   }
  2880.  
  2881.   .Section-PostDiscussion .DiscussionForm .editor, .Section-PostDiscussion .DiscussionForm .TextBoxWrapper.editor-dialog-fire-close textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox, .Section-PostDiscussion #DiscussionForm .Preview
  2882.   {
  2883.     width: 79.5%;
  2884.     float: left;
  2885.     display: initial !important;
  2886.     resize: vertical;
  2887.   }
  2888.  
  2889.   #vanilla_post_editdiscussion .TextBoxWrapper.editor-dialog-fire-close textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.textarea-autosize
  2890.   {
  2891.     width: 79.5%;
  2892.     display: initial !important;
  2893.   }
  2894.  
  2895.   .Buttons
  2896.   {
  2897.     height: 1px;
  2898.     display: block !important;
  2899.     text-align: center !important;
  2900.     padding-top: 0px;
  2901.   }
  2902.  
  2903.   .Section-Discussion .Content .MessageForm .CommentFormWrap .Buttons
  2904.   {
  2905.     left: 380px;
  2906.     top: -3.25px;
  2907.     position: absolute;
  2908.   }
  2909.  
  2910.   .Section-PostDiscussion .MainContent .Buttons
  2911.   {
  2912.     left: 380px;
  2913.     top: 56px;
  2914.     position: absolute;
  2915.   }
  2916.  
  2917.   .Section-Discussion .Content .Item .Item-BodyWrap .MessageForm.EditCommentForm .Buttons
  2918.   {
  2919.     width: 245px;
  2920.     float: right;
  2921.     padding-top: 10px;
  2922.   }
  2923.  
  2924.   .Buttons .Button
  2925.   {
  2926.     padding: 0px 0px 0px;
  2927.     width: 150px;
  2928.   }
  2929.  
  2930.   .Section-PostDiscussion .MainContent .Buttons .Button
  2931.   {
  2932.     padding: 0px 0px 0px;
  2933.     width: 120px;
  2934.   }
  2935.  
  2936.   .Section-PostDiscussion .MainContent .Buttons input#Form_Preview.Button
  2937.   {
  2938.     position: relative;
  2939.     left: -280px;
  2940.   }
  2941.  
  2942.   .Section-PostDiscussion .MainContent .Buttons a.Button.WriteButton
  2943.   {
  2944.     position: relative;
  2945.     left: -280px;
  2946.   }
  2947.  
  2948.   .Section-PostDiscussion .MainContent .Buttons input#Form_SaveDraft.Button
  2949.   {
  2950.     position: relative;
  2951.     left: -10px;
  2952.   }
  2953.  
  2954.   .Section-PostDiscussion .MainContent .Buttons input#Form_PostDiscussion.Button, .Section-PostDiscussion .MainContent .Buttons input#Form_AskQuestion.Button
  2955.   {
  2956.     position: relative;
  2957.     right: -412.5px;
  2958.   }
  2959.  
  2960.   .Section-PostDiscussion .MainContent .Buttons a.Button.Cancel
  2961.   {
  2962.     position: relative;
  2963.     left: -130px;
  2964.   }
  2965.  
  2966.   .Section-Discussion .MainContent .Item .Comment .Buttons a.Button.Cancel
  2967.   {
  2968.     display: block;
  2969.     position: relative;
  2970.     left: -130px;
  2971.   }
  2972.  
  2973.   .Section-PostDiscussion #NewPollForm .Buttons a.Button.Cancel
  2974.   {
  2975.     position: relative;
  2976.     left: -135px;
  2977.   }
  2978.  
  2979.   .Section-PostDiscussion #NewPollForm .Buttons input#Form_SavePoll.Button.PollButton.Primary
  2980.   {
  2981.     position: relative;
  2982.     left: 135px;
  2983.   }
  2984.  
  2985.   .Section-PostDiscussion #NewPollForm .Buttons
  2986.   {
  2987.     left: 658px;
  2988.     top: 85px;
  2989.     position: absolute;
  2990.   }
  2991.  
  2992.   .Section-PostDiscussion #DiscussionForm .Buttons
  2993.   {
  2994.     left: 380px;
  2995.     top: 56px;
  2996.     position: absolute;
  2997.   }
  2998.  
  2999. .Section-PostDiscussion.editor-active #DiscussionForm .Buttons
  3000.   {
  3001.     left: 525px;
  3002.     top: 56px;
  3003.     position: absolute;
  3004.   }
  3005.  
  3006.   .Section-PostDiscussion #DiscussionForm .Buttons a.Button.Cancel
  3007.   {
  3008.     position: relative;
  3009.     left: -137px;
  3010.   }
  3011.  
  3012.   .Section-PostDiscussion #DiscussionForm .Buttons input#Form_Save.Button.Primary
  3013.   {
  3014.     position: relative;
  3015.     left: 267px;
  3016.   }
  3017.  
  3018. .Section-Discussion .MainContent .Item .Comment .Buttons input#Form_SaveComment
  3019.   {
  3020.     position: relative;
  3021.     left: 10px;
  3022.     top: -27px;
  3023.   }
  3024.  
  3025.   .Buttons a.Button.WriteButton, .Buttons a.Button.WriteButton:hover
  3026.   {
  3027.     border-radius: 24px;
  3028.     border: 2px solid yellow;
  3029.   }
  3030.  
  3031.   .Section-Discussion .Content .MessageForm .CommentFormWrap .Buttons a.Button.WriteButton.Hidden, .Section-PostDiscussion .MainContent .Buttons a.Button.WriteButton.Hidden
  3032.   {
  3033.     display: none;
  3034.   }
  3035.  
  3036.   .Section-Discussion .Content .MessageForm .CommentFormWrap .Buttons a.Button.DraftButton
  3037.   {
  3038.     position: relative;
  3039.     top: -32px;
  3040.     right: -165px;
  3041.   }
  3042.  
  3043.   .Section-Discussion .Content .MessageForm .CommentFormWrap .Buttons input
  3044.   {
  3045.     border: 2px solid #d9d9d9 !important;
  3046.     position: relative;
  3047.     top: -64px;
  3048.     right: -382px;
  3049.   }
  3050.  
  3051.   .editor .MenuButtons .Button.Cancel
  3052.   {
  3053.     float: right;
  3054.   }
  3055.  
  3056.   .Buttons input.InProgress
  3057.   {
  3058.     opacity: 1;
  3059.   }
  3060.  
  3061.   #vanilla_discussions_index.Vanilla.Discussions .PageControls .BoxNewDiscussion, #vanilla_discussions_tagged.Vanilla.Discussions .PageControls .BoxNewDiscussion
  3062.   {
  3063.     display: none;
  3064.   }
  3065.  
  3066. /* Sub-forum thread list */
  3067.   .Section-DiscussionList .DiscussionsTable
  3068.   {
  3069.     border-spacing: 0px 1px;
  3070.   }
  3071.  
  3072.   .Section-DiscussionList .DiscussionsTable thead
  3073.   {
  3074.     visibility: hidden;
  3075.   }
  3076.  
  3077.   .Section-DiscussionList .DiscussionsTable tbody
  3078.   {
  3079.     -webkit-transform: translateY(-35px);
  3080.     -ms-transform: translateY(-35px);
  3081.     -o-transform: translateY(-35px);
  3082.     transform: translateY(-35px);
  3083.   }
  3084.  
  3085.   .DataTableWrap table.DataTable.DiscussionsTable tr.Item.Announcement
  3086.   {
  3087.     background-color: transparent;
  3088.   }
  3089.  
  3090.   .DataTableWrap table.DataTable.DiscussionsTable .Item .Options
  3091.   {
  3092.     position: relative;
  3093.     float: left;
  3094.     padding-top: 10px;
  3095.     left: 0px;
  3096.   }
  3097.  
  3098.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Block.Wrap::after
  3099.   {
  3100.     display: none;
  3101.   }
  3102.  
  3103.   .Section-DiscussionList .DiscussionsTable .DiscussionName a.Title
  3104.   {
  3105.     text-shadow: black 0.1em 0.1em 0.1em !important;
  3106.     line-height: 1.2;
  3107.     text-overflow: ellipsis;
  3108.     overflow: hidden;
  3109.     white-space: nowrap;
  3110.   }
  3111.  
  3112.   .Section-DiscussionList .DiscussionsTable .DiscussionName .MiniPager
  3113.   {
  3114.     text-shadow: black 0.1em 0.1em 0.1em !important;
  3115.     line-height: 1.2;
  3116.   }
  3117.  
  3118.   .Section-DiscussionList .DiscussionsTable .DiscussionName .MiniPager a:hover
  3119.   {
  3120.     text-decoration-line: underline;
  3121.   }
  3122.  
  3123.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Wrap
  3124.   {
  3125.     line-height: 1.2;
  3126.   }
  3127.  
  3128.   .Section-DiscussionList .Content .Breadcrumbs, .Section-BestOf  .Breadcrumbs
  3129.   {
  3130.     position: -webkit-sticky;
  3131.     position: -moz-sticky;
  3132.     position: -ms-sticky;
  3133.     position: -o-sticky;
  3134.     position: sticky;
  3135.     top: -66px;
  3136.     z-index: 2;
  3137.     width: -webkit-fit-content !important;
  3138.     width: -ms-fit-content !important;
  3139.     width: -o-fit-content !important;
  3140.     width: -moz-fit-content !important;
  3141.     width: fit-content !important;
  3142.     -webkit-transform: translateY(64px);
  3143.     -ms-transform: translateY(64px);
  3144.     -o-transform: translateY(64px);
  3145.     transform: translateY(64px);
  3146.   }
  3147.  
  3148.   .Section-Discussion .FixedScrollContainer.isVisible, .Section-DiscussionList .FixedScrollContainer.isVisible, .Section-BestOf .FixedScrollContainer.isVisible
  3149.   {
  3150.     -webkit-transform: translate(-32px,-798px);
  3151.     -ms-transform: translate(-32px,-798px);
  3152.     -o-transform: translate(-32px,-798px);
  3153.     transform: translate(-32px,-798px);
  3154.     margin: 0px;
  3155.     display: initial;
  3156.   }
  3157.  
  3158. /* Sub-forum 'New Discussion' button */
  3159.   .BoxNewDiscussion
  3160.   {
  3161.     -webkit-transform: translate(-480px,57px);
  3162.     -ms-transform: translate(-480px,57px);
  3163.     -o-transform: translate(-480px,57px);
  3164.     transform: translate(-480px,57px);
  3165.     z-index: 1;
  3166.     width: -webkit-fit-content !important;
  3167.     width: -ms-fit-content !important;
  3168.     width: -o-fit-content !important;
  3169.     width: -moz-fit-content !important;
  3170.     width: fit-content !important;
  3171.   }
  3172.  
  3173.   .Options .Bookmark
  3174.   {
  3175.     height: 24px;
  3176.   }
  3177.  
  3178. /* Thread tags moved right into empty area for easier readability and following of thread types */
  3179.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta, .Section-DiscussionList .DiscussionsTable .MItem.Category
  3180.   {
  3181.     float: right;
  3182.     margin-right: 15px;
  3183.     position: relative;
  3184.     top: 1px;
  3185.   }
  3186.  
  3187.   .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser .Meta a::before
  3188.   {
  3189.     content: "Posted:    ";
  3190.   }
  3191.  
  3192. /* Tag - Closed - tag aligned left after New/New # */
  3193.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Tag.Tag-Closed
  3194.   {
  3195.     float: left;
  3196.     position: relative;
  3197.   }
  3198.  
  3199.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta span.Tag.Tag-Poll
  3200.   {
  3201.     position: relative;
  3202.   }
  3203.  
  3204.   .PageControls.Bottom
  3205.   {
  3206.     -webkit-transform: translateY(-40px);
  3207.     -ms-transform: translateY(-40px);
  3208.     -o-transform: translateY(-40px);
  3209.     transform: translateY(-40px);
  3210.   }
  3211.  
  3212.   .Pager a:hover, .Pager .Previous:hover, .Pager .Next:hover
  3213.   {
  3214.     border: 2px solid #d9d9d9;
  3215.   }
  3216.  
  3217.   .Pager a, .Pager .Previous, .Pager .Next
  3218.   {
  3219.     background-color: #1D1D1D;
  3220.     border-radius: 8px;
  3221.     text-align: center;
  3222.     border: 2px solid transparent;
  3223.     line-height: .4;
  3224.     padding: 4px;
  3225.   }
  3226.  
  3227.   .Pager .QuickSearch .QuickSearchButton .Sprite.SpSearch::before
  3228.   {
  3229.     -webkit-transform: translateY(-6px);
  3230.     -ms-transform: translateY(-6px);
  3231.     -o-transform: translateY(-6px);
  3232.     transform: translateY(-6px);
  3233.   }
  3234.  
  3235.   body#vanilla_drafts_index.Vanilla.Drafts.index.Section-DiscussionList.UserLoggedIn.editor-active .MainContent h1.H.HomepageTitle
  3236.   {
  3237.     -webkit-transform: translateY(0px);
  3238.     -ms-transform: translateY(0px);
  3239.     -o-transform: translateY(0px);
  3240.     transform: translateY(0px);
  3241.     width: -webkit-fit-content !important;
  3242.     width: -ms-fit-content !important;
  3243.     width: -o-fit-content !important;
  3244.     width: -moz-fit-content !important;
  3245.     width: fit-content !important;
  3246.     visibility: visible;
  3247.     margin-bottom: 40px;
  3248. }
  3249.  
  3250.   .Section-DiscussionList .DiscussionsTable .MItem.Category a
  3251.   {
  3252.     font-size: 12px !important;
  3253.   }
  3254.  
  3255.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.tag-tracker::before
  3256.   {
  3257.     content: "";
  3258.     background-image: url("https://us.v-cdn.net/6027239/uploads/userpics/209/nX6EHLS6P48RW.png");
  3259.     background-position: left bottom;
  3260.     margin-right: 4px;
  3261.     vertical-align: top;
  3262.     width: 20px;
  3263.     height: 11px;
  3264.     background-size: 20px 16px;
  3265.     background-repeat: no-repeat;
  3266.     display: inline-block;
  3267.   }
  3268.  
  3269.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Announcement::before
  3270.   {
  3271.     padding-right: 4px;
  3272.     line-height: 12.5px;
  3273.     font-size: 11px !important;
  3274.   }
  3275.  
  3276.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Poll::before
  3277.   {
  3278.     padding-right: 4px;
  3279.     line-height: 12.5px;
  3280.     font-size: 11px !important;
  3281.   }
  3282.  
  3283.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Accepted::before, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Answered::before
  3284.   {
  3285.     padding-right: 4px;
  3286.     vertical-align: top;
  3287.     font-size: 12px !important;
  3288.     line-height: 12.5px;
  3289.   }
  3290.  
  3291.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Question::before
  3292.   {
  3293.     padding-right: 4px;
  3294.     vertical-align: top;
  3295.     font-size: 12px !important;
  3296.     line-height: 12.5px;
  3297.   }
  3298.  
  3299.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Closed::before
  3300.   {
  3301.     padding-right: 4px;
  3302.     vertical-align: baseline;
  3303.     font-size: 12px !important;
  3304.     line-height: 12.5px;
  3305.   }
  3306.  
  3307.   .Category-arenanet-forum-chats.Section-Category-arenanet-forum-chats-test.Section-DiscussionList .MainContent .DataTableWrap, .Category-release-day-dev-celebrations.Section-Category-release-day-dev-celebrations.Section-DiscussionList .MainContent .DataTableWrap, .Category-professions.Section-Category-professions.Section-DiscussionList .MainContent .DataTableWrap, .Category-fractals-dungeons-raids.Section-Category-fractals-dungeons-raids.Section-DiscussionList .MainContent .DataTableWrap, .Category-pvp.Section-Category-pvp.Section-DiscussionList .MainContent .DataTableWrap
  3308.   {
  3309.     margin-top: 40px;
  3310.   }
  3311.  
  3312.   .DataList.MessageList.Conversation .Item .Message
  3313.   {
  3314.     line-height: 1.2;
  3315.     opacity: 1;
  3316.     border: 0 solid transparent;
  3317.     color: #d9d9d9 !important;
  3318.     margin: 0;
  3319.     min-height: 100px;
  3320.   }
  3321.  
  3322.   .DataList.MessageList.Conversation .Item .Meta .DateCreated
  3323.   {
  3324.     font-size: 14px;
  3325.     color: #d9d9d9;
  3326.     float: right;
  3327.   }
  3328.  
  3329.   .Conversations.Messages.isDesktop.index.Section-Conversation .DataListWrap h1.H a::before
  3330.   {
  3331.     content: "Message To: ";
  3332.     color: #d9d9d9;
  3333.   }
  3334.  
  3335.   .Conversations.Messages.isDesktop.inbox.Section-ConversationList .BoxButtons.BoxNewConversation a.Button.NewConversation.Primary .Sprite::before, .Conversations.Messages.isDesktop.index.Section-Conversation .Panel a.Button.BigButton.NewConversation.Primary::before
  3336.   {
  3337.     content: "Write ";
  3338.   }
  3339.  
  3340.   .Conversations.Messages.isDesktop.index.Section-Conversation .Panel a.Button.Danger.BigButton.Popup:hover
  3341.   {
  3342.     background: linear-gradient(180deg,#e1261c,#861711,#e1261c);
  3343.     color: #f0f0f0;
  3344.     transition: none !important;
  3345.   }
  3346.  
  3347.   .Conversations.Messages.isDesktop.index.Section-Conversation .PanelWrap
  3348.   {
  3349.     margin: 70px 0 0 25px;
  3350.   }
  3351.  
  3352.   .Conversations.Messages.isDesktop.index.Section-Conversation .Panel .Box.InThisConversation h2
  3353.   {
  3354.     color: #f0f0f0 !important;
  3355.     font-size: 14px;
  3356.     text-align: center;
  3357.   }
  3358.  
  3359.   .Conversations.Messages.isDesktop.index.Section-Conversation .CommentForm .Author
  3360.   {
  3361.     display: none;
  3362.   }
  3363.  
  3364.   .Conversations.Messages.isDesktop.index.Section-Conversation .CommentForm .FormWrapper
  3365.   {
  3366.     padding: 0px;
  3367.   }
  3368.  
  3369.   .Section-BestOf .BoxFilter
  3370.   {
  3371.     -webkit-transform: translateX(435px);
  3372.     -ms-transform: translateX(435px);
  3373.     -o-transform: translateX(435px);
  3374.     transform: translateX(435px);
  3375.     width: -webkit-fit-content !important;
  3376.     width: -ms-fit-content !important;
  3377.     width: -o-fit-content !important;
  3378.     width: -moz-fit-content !important;
  3379.     width: fit-content !important;
  3380.     margin-bottom: 10px;
  3381.   }
  3382.  
  3383.   .Section-BestOf .BoxFilter li.BestOfPromote
  3384.   {
  3385.     display: none;
  3386.   }
  3387.  
  3388.   .Section-BestOf .BoxFilter ul li a .ReactSprite
  3389.   {
  3390.     margin: 0px 0px 4px 0px;
  3391.   }
  3392.  
  3393.   .BestOfData .DataList .Item:first-child
  3394.   {
  3395.     border-top: none;
  3396.   }
  3397.  
  3398.   .BestOfData .DataList .Item .Message
  3399.   {
  3400.     color: white;
  3401.     line-height: 1.2;
  3402.     font-size: 100%;
  3403.   }
  3404.  
  3405.  
  3406.  
  3407.  
  3408.  
  3409.  
  3410.  
  3411.  
  3412.  
  3413.  
  3414.  
  3415.  
  3416.  
  3417.  
  3418.  
  3419.  
  3420.  
  3421.  
  3422.  
  3423.  
  3424.  
  3425.  
  3426.  
  3427.  
  3428.  
  3429.  
  3430. /* zxc
  3431. ==================================
  3432. ADDITIONAL THEME COLOR ADJUSTMENTS
  3433. ==================================
  3434. */
  3435.  
  3436.  
  3437.  
  3438.  
  3439. /* Leaving Forum Popup X color */
  3440.   div#Popup div.Border div.Body div.Footer a.Close
  3441.   {
  3442.     color: #cccc00;/*THEME VARIABLE*/
  3443.   }
  3444.  
  3445. /* unsorted font color */
  3446.   span.Back a, span.InformMessageBody a
  3447.   {
  3448.     color: #cccc00 !important;/*THEME VARIABLE*/
  3449.   }
  3450.  
  3451.   .Section-PostDiscussion .MainContent .FormWrapper form .TextBoxWrapper input
  3452.   {
  3453.     padding: 2.5px 10px;
  3454.     height: 30px;
  3455.     color: white;
  3456.     margin-bottom: 5px;
  3457.     border-radius: 24px;
  3458.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3459.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  3460.   }
  3461.  
  3462.   .Section-PostDiscussion .MainContent .FormWrapper .P.PostOptions label.CheckBoxLabel
  3463.   {
  3464.     width: 70%;
  3465.     display: block !important;
  3466.     clear: both;
  3467.     position: -webkit-sticky;
  3468.     position: -moz-sticky;
  3469.     position: -ms-sticky;
  3470.     position: -o-sticky;
  3471.     position: sticky;
  3472.     font-size: 18px;
  3473.     line-height: 1;
  3474.     color: #cccc00 !important;/*THEME VARIABLE*/
  3475.     text-shadow: black 0.1em 0.1em 0.1em !important;
  3476.     margin-bottom: 40px;
  3477.   }
  3478.  
  3479.   .NewPollForm .PollOption input.InputBox
  3480.   {
  3481.     padding: 2.5px 10px;
  3482.     height: 30px;
  3483.     color: white;
  3484.     margin-bottom: 5px;
  3485.     border-radius: 24px;
  3486.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3487.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  3488.     width: 82%;
  3489.   }
  3490.  
  3491.   .Section-Discussion .Content .Item .Item-BodyWrap .MessageForm.EditCommentForm textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox.textarea-autosize
  3492.   {
  3493.     background: #9b9b9b !important;
  3494.     min-height: 108px;
  3495.     float: left;
  3496.     width: 100%;
  3497.     line-height: 1.2;
  3498.     padding: 12.5px;
  3499.     border-bottom-left-radius: 8px;
  3500.     border-bottom-right-radius: 8px;
  3501.     border: 4px solid #595959;
  3502.     border-color: #333300;/*THEME VARIABLE*/
  3503.   }
  3504.  
  3505. /* Account Control Notification/Message/Bookmarks Dropdown Boxes */
  3506.   .MeBox .Flyout.FlyoutMenu a
  3507.   {
  3508.     color: #cccc00 !important;/*THEME VARIABLE*/
  3509.   }
  3510.  
  3511. /* border around dev posts inside threads */
  3512.   .Section-Discussion .Content .Item.ItemComment.Rank-Admin, .Section-Discussion .Content .Item.ItemDiscussion.Rank-Admin
  3513.   {
  3514.     border-radius: 24px;
  3515.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  3516.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  3517.   }
  3518.  
  3519. /* Poll Results - borders */
  3520.   .Section-Discussion .PollOption
  3521.   {
  3522.     padding: 2px;
  3523.     border-radius: 88px;
  3524.     background: black;
  3525.     margin-bottom: 25px;
  3526.     z-index: 0;
  3527.     border-top: 4px solid #cccc00;/*THEME VARIABLE*/
  3528.     border-bottom: 4px solid #cccc00;/*THEME VARIABLE*/
  3529.   }
  3530.  
  3531. /* Poll Vote Count */
  3532.   .TotalVotes
  3533.   {
  3534.     margin-left: 0px;
  3535.     margin-right: 20px;
  3536.     font-size: 20px;
  3537.     color: white;
  3538.     float: left;
  3539.     padding: 2px;
  3540.     border-radius: 8px;
  3541.     border: 4px transparent;
  3542.     background-image: linear-gradient(180deg,#cccc00,#666600);/*THEME VARIABLE*/
  3543.     width: 100%;
  3544.   }
  3545.  
  3546. /* Poll Anonymity Warning Background */
  3547.   .PollOptions .AnonymousWarning
  3548.   {
  3549.     margin-left: 0px;
  3550.     margin-right: 20px;
  3551.     font-size: 16px;
  3552.     color: white;
  3553.     padding: 2px;
  3554.     border-radius: 8px;
  3555.     border: 4px transparent;
  3556.     background-image: linear-gradient(180deg,#cccc00,#666600);/*THEME VARIABLE*/
  3557.     width: 100%;
  3558.     opacity: 1;
  3559.     text-align: center;
  3560.     animation-name: logo;
  3561.     -webkit-animation-name: logo;
  3562.     animation-duration: 2s;
  3563.     -webkit-animation-duration: 2s;
  3564.     animation-iteration-count: infinite;
  3565.     -webkit-animation-iteration-count: infinite;
  3566.   }
  3567.  
  3568. /* Signature Box */
  3569.   .Signature.UserSignature
  3570.   {
  3571.     width: 20%;
  3572.     float: left;
  3573.     padding: 6px;
  3574.     border-radius: 24px;
  3575.     border: none;
  3576.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  3577.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  3578.   }
  3579.  
  3580.   .PromotedContent .Pagination li.current a
  3581.   {
  3582.     background-color: #333300;/*THEME VARIABLE*/
  3583.     border-color: #cccc00;/*THEME VARIABLE*/
  3584.   }
  3585.  
  3586.   .PromotedContent .PromotedGroup .Item
  3587.   {
  3588.     padding: 0px;
  3589.     height: 170px;
  3590.     border-radius: 24px;
  3591.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3592.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  3593.   }
  3594.  
  3595.   .Options .Bookmark::before
  3596.   {
  3597.     color: #cccc00 !important;/*THEME VARIABLE*/
  3598.   }
  3599.  
  3600.   .Options .Bookmark.Bookmarked::before, .Section-Discussion.Role_Member .Hijack.Bookmark.Bookmarked::before, .Section-Discussion.Role_ArenaNet .Hijack.Bookmark.Bookmarked::before
  3601.   {
  3602.     color: #cccc00 !important;/*THEME VARIABLE*/
  3603.   }
  3604.  
  3605.   .Section-Discussion .Content .Item .Options .OptionsTitle::before, .Discussion .PageTitle .Options .OptionsMenu .OptionsTitle::before
  3606.   {
  3607.     color: #cccc00 !important;/*THEME VARIABLE*/
  3608.     font-size: 48px;
  3609.   }
  3610.  
  3611.   .Section-Discussion .Content .Item .OptionsMenu .Flyout, .Discussion .PageTitle .Options .OptionsMenu .Flyout
  3612.   {
  3613.     right: -30px;
  3614.     top: 10px;
  3615.     border-radius: 48px;
  3616.     border-left: 4px solid white;
  3617.     border-right: 4px solid white;
  3618.     border-top: 4px solid #cccc00;/*THEME VARIABLE*/
  3619.     border-bottom: 4px solid #cccc00;/*THEME VARIABLE*/
  3620.     text-align: center;
  3621.     line-height: .25 !important;
  3622.     background-image: linear-gradient(180deg,#393939,#595959,#393939) !important;
  3623.     height: 48px;
  3624.     width: 48px;
  3625.     z-index: 100;
  3626.   }
  3627.  
  3628.   .Discussion .PageTitle .Options .OptionsMenu .Flyout
  3629.   {
  3630.     top: -20px;
  3631.   }
  3632.  
  3633.   .Section-Discussion .Content .Item .OptionsMenu .Flyout::before, .Section-Discussion .Content .Item .OptionsMenu .Flyout::after, .Discussion .PageTitle .Options .OptionsMenu .Flyout::before, .Discussion .PageTitle .Options .OptionsMenu .Flyout::after
  3634.   {
  3635.     -webkit-transform: scaleY(-1) translate(1px, -46px);
  3636.     -ms-transform: scaleY(-1) translate(1px, -46px);
  3637.     -o-transform: scaleY(-1) translate(1px, -46px);
  3638.     transform: scaleY(-1) translate(1px, -46px);
  3639.     color: #cccc00 !important;/*THEME VARIABLE*/
  3640.   }
  3641.  
  3642.   .Section-Discussion .Content .Item .Options .Flyout.MenuItems a, .Discussion .PageTitle .Options .OptionsMenu .Flyout.MenuItems a
  3643.   {
  3644.     color: #cccc00 !important;/*THEME VARIABLE*/
  3645.   }
  3646.  
  3647.   .Section-Discussion .Content .Item-Header .MItem.RoleTracker .tag-tracker::after
  3648.   {
  3649.     content: "Next post in this discussion";
  3650.     font-size: 13px;
  3651.     font-style: italic;
  3652.     background-image: linear-gradient(180deg,#cccc00,#666600);/*THEME VARIABLE*/
  3653.     border-radius: 18px;
  3654.     padding: 0px 10px 0px 5px !important;
  3655.     margin-left: 5px;
  3656.   }
  3657.  
  3658. /* Account Notification Preferences Page */
  3659.   .Dashboard.Profile .Panel
  3660.   {
  3661.     padding: 2px;
  3662.     border-radius: 24px;
  3663.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  3664.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  3665.     width: 260px;
  3666.     margin-left: 7px;
  3667.     margin-top: 23px;
  3668.   }
  3669.  
  3670.   .Profile .ItemContent .Meta .MItem b a
  3671.   {
  3672.     color: white;
  3673.     padding: 0px 10px 0px 5px;
  3674.     font-size: 16px;
  3675.     font-style: italic;
  3676.     background-image: linear-gradient(180deg,#cccc00,#666600);/*THEME VARIABLE*/
  3677.     border-radius: 16px;
  3678.     max-width: 500px !important;
  3679.     display: inline-block;
  3680.     white-space: nowrap;
  3681.     overflow: hidden;
  3682.     text-overflow: ellipsis;
  3683.     vertical-align: bottom;
  3684.   }
  3685.  
  3686.   .Profile .CountItem .TextColor:hover
  3687.   {
  3688.     color: #cccc00 !important;/*THEME VARIABLE*/
  3689.   }
  3690.  
  3691.   .Profile .CountItem:hover
  3692.   {
  3693.     border-radius: 24px;
  3694.     border-top: 3px solid #cccc00;/*THEME VARIABLE*/
  3695.     border-bottom: 3px solid #cccc00;/*THEME VARIABLE*/
  3696.     border-left: none;
  3697.     border-right: none;
  3698.   }
  3699.  
  3700.   .Profile .Profile
  3701.   {
  3702.     padding: 2px;
  3703.     border-radius: 24px;
  3704.     width: 100% !important;
  3705.     min-width: 300px;
  3706.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  3707.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  3708.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, 0),rgba(51, 51, 0, .6),rgba(204, 204, 0, 0),rgba(204, 204, 0, .05));/*THEME VARIABLE*/
  3709.     margin-bottom: 35px;
  3710.     display: flex;
  3711.     margin-top: 15px;
  3712.     min-height: 850px;
  3713.   }
  3714.  
  3715.   .Profile .User .Gloss
  3716.   {
  3717.     margin: 13px 0px 0px 0px;
  3718.     color: white !important;/*THEME VARIABLE*/
  3719.     line-height: 1;
  3720.     padding: 0px 5px 0px 0px;
  3721.     border-radius: 24px;
  3722.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  3723.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  3724.     background-image: linear-gradient(135deg,#333333,#595959,#333333);
  3725.     -webkit-transform: translate(0px, -6px);
  3726.     -ms-transform: translate(0px, -6px);
  3727.     -o-transform: translate(0px, -6px);
  3728.     transform: translate(0px, -6px);
  3729.     width: -webkit-fit-content !important;
  3730.     width: -ms-fit-content !important;
  3731.     width: -o-fit-content !important;
  3732.     width: -moz-fit-content !important;
  3733.     width: fit-content !important;
  3734.     display: block;
  3735.   }
  3736.  
  3737.   .Preferences .Buttons input#Form_SavePreferences
  3738.   {
  3739.     padding: 2.5px;
  3740.     border-radius: 18px;
  3741.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  3742.     background: black !important;
  3743.     -webkit-box-shadow: none;
  3744.     box-shadow: none;
  3745.     width: 190px !important;
  3746.   }
  3747.  
  3748.   .SignatureRules .TextBoxWrapper.editor-dialog-fire-close textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox
  3749.   {
  3750.     float: left !important;
  3751.     clear: left;
  3752.     width: 100%;
  3753.     line-height: 1;
  3754.     max-height: 450px;
  3755.     overflow-y: auto !important;
  3756.     padding: 2.5px;
  3757.     border-bottom-left-radius: 8px;
  3758.     border-bottom-right-radius: 8px;
  3759.     border: 4px transparent;
  3760.     background: linear-gradient(-180deg,#666600,#cccc00) !important;/*THEME VARIABLE*/
  3761.     -webkit-box-shadow: none;
  3762.     box-shadow: none;
  3763.     color: #d9d9d9;
  3764.   }
  3765.  
  3766.   #dashboard_profile_signature .Buttons .Primary
  3767.   {
  3768.     text-align: center;
  3769.     padding: 2.5px;
  3770.     border-radius: 18px;
  3771.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  3772.     background: black !important;
  3773.     -webkit-box-shadow: none;
  3774.     box-shadow: none;
  3775.     width: 190px !important;
  3776.   }
  3777.  
  3778.   ul#stockavatar-picker
  3779.   {
  3780.     border-radius: 8px;
  3781.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  3782.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  3783.     background-image: linear-gradient(135deg,#333333,#595959,#333333);
  3784.   }
  3785.  
  3786.   #stockavatar-picker .avatar-option input[type="radio"]:checked ~ label
  3787.   {
  3788.     box-shadow: 0 0 15px 0 #cccc00;/*THEME VARIABLE*/
  3789.   }
  3790.  
  3791.   .Profile .CountItem.Selected
  3792.   {
  3793.     border-radius: 24px;
  3794.     border-top: 3px solid #cccc00;/*THEME VARIABLE*/
  3795.     border-bottom: 3px solid #cccc00;/*THEME VARIABLE*/
  3796.     border-left: none;
  3797.     border-right: none;
  3798.     vertical-align: middle;
  3799.     background: rgba(204, 204, 0, 0.1);/*THEME VARIABLE*/
  3800.   }
  3801.  
  3802.   .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Meta a:hover
  3803.   {
  3804.     color: #cccc00;/*THEME VARIABLE*/
  3805.   }
  3806.  
  3807.   .Section-Discussion .Content .Item-Header .AuthorWrap .Rank
  3808.   {
  3809.     margin: 0px !important;
  3810.     color: white !important;
  3811.     line-height: 1;
  3812.     padding: 0px 5px 0px 5px;
  3813.     border-radius: 24px;
  3814.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  3815.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  3816.     background-image: linear-gradient(135deg,#333333,#cccc00,#333333);/*THEME VARIABLE*/
  3817.   }
  3818.  
  3819.   .Section-Discussion .Content .Item.Role_ArenaNet
  3820.   {
  3821.     border-radius: 24px;
  3822.     border: 3px solid #cccc00;/*THEME VARIABLE*/
  3823.   }
  3824.  
  3825. /* Fixes poll and poll results being crammed to the right when side-by-side */
  3826.   .Poll.PollForm.Hero.js-poll-form, .Poll.PollResults.Hero.js-poll-results
  3827.   {
  3828.     width: 80%;
  3829.     float: left;
  3830.     margin-top: 0px;
  3831.     margin-bottom: 0px;
  3832.     padding-top: 0px;
  3833.     padding-bottom: 0px;
  3834.     border-radius: 8px;
  3835.     border: 4px transparent;
  3836.     background: rgba(0,0,0,.5);
  3837.     -webkit-box-shadow: inset 0 0 2px 6px #666600;/*THEME VARIABLE*/
  3838.     box-shadow: inset 0 0 2px 6px #666600;/*THEME VARIABLE*/
  3839.     padding: 12.5px;
  3840.   }
  3841.  
  3842.   .Poll.PollForm.Hero.js-poll-form .PollOptions a.js-poll-result-btn
  3843.   {
  3844.     margin-top: 10px;
  3845.     margin-bottom: 10px;
  3846.     padding: 0px 0px 0px;
  3847.     width: 150px;
  3848.     border-radius: 6px;
  3849.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3850.     position: relative;
  3851.     right: -585px;
  3852.     background-color: #000;
  3853.     color: #f0f0f0;
  3854.     text-align: center;
  3855.   }
  3856.  
  3857.   .Poll.PollForm.Hero.js-poll-form .PollOptions a.js-poll-result-btn:hover
  3858.   {
  3859.     background-color: #cccc00;/*THEME VARIABLE*/
  3860.     color: white;
  3861.     border: 2px solid black;
  3862.   }
  3863.  
  3864.   .Poll.PollResults.Hero.js-poll-results a.js-poll-result-btn
  3865.   {
  3866.     margin-top: 10px;
  3867.     margin-bottom: 10px;
  3868.     padding: 0px 0px 0px;
  3869.     width: 150px;
  3870.     border-radius: 6px;
  3871.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3872.     position: relative;
  3873.     right: -5px;
  3874.     background-color: #000;
  3875.     color: #f0f0f0;
  3876.     text-align: center;
  3877.   }
  3878.  
  3879.   .Poll.PollResults.Hero.js-poll-results a.js-poll-result-btn:hover
  3880.   {
  3881.     background-color: #cccc00;/*THEME VARIABLE*/
  3882.     color: white;
  3883.     border: 2px solid black;
  3884.   }
  3885.  
  3886.   .Poll.PollForm.Hero.js-poll-form .PollOptions input#Form_Voteaction.Button.Primary
  3887.   {
  3888.     margin-top: 10px;
  3889.     margin-bottom: 10px;
  3890.     padding: 0px 0px 0px;
  3891.     width: 150px;
  3892.     border-radius: 6px;
  3893.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3894.     position: relative;
  3895.     right: -370px;
  3896.     background-color: #000;
  3897.     color: #f0f0f0;
  3898.     text-align: center;
  3899.   }
  3900.  
  3901.   .Poll.PollForm.Hero.js-poll-form .PollOptions input#Form_Voteaction.Button.Primary:hover
  3902.   {
  3903.     background-color: #cccc00;/*THEME VARIABLE*/
  3904.     color: white;
  3905.     border: 2px solid black;
  3906.   }
  3907.  
  3908.   .Profile .Panel .BoxFilter li a:hover
  3909.   {
  3910.     color: #cccc00;/*THEME VARIABLE*/
  3911.   }
  3912.  
  3913.   .Profile .ChangePicture.Popup.Popable
  3914.   {
  3915.     background-color: #cccc00;/*THEME VARIABLE*/
  3916.     color: #cccc00;/*THEME VARIABLE*/
  3917.   }
  3918.  
  3919.   .Profile .ChangePicture.Popup
  3920.   {
  3921.     padding: 0px 0px 0px;
  3922.     width: 150px;
  3923.     border-radius: 6px;
  3924.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  3925.     position: relative;
  3926.     right: -40px;
  3927.   }
  3928.  
  3929.   #dashboard_profile_quotes .Buttons .Primary
  3930.   {
  3931.     text-align: center;
  3932.     padding: 2.5px;
  3933.     border-radius: 18px;
  3934.     border: 1px solid #666600;/*THEME VARIABLE*/
  3935.     background: black !important;
  3936.     -webkit-box-shadow: none;
  3937.     box-shadow: none;
  3938.     width: 190px !important;
  3939.   }
  3940.  
  3941.   .MeBox .Flyout.FlyoutMenu .PopList .Item.Title a
  3942.   {
  3943.     font-size: 18px;
  3944.     padding: 2.5px;
  3945.     border-radius: 18px;
  3946.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  3947.     background: black;
  3948.     width: 190px !important;
  3949.     text-align: center;
  3950.   }
  3951.  
  3952.   .MeBox .Flyout.FlyoutMenu .PopList .Item.Center a
  3953.   {
  3954.     font-size: 18px;
  3955.     padding: 2.5px;
  3956.     border-radius: 18px;
  3957.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  3958.     background: black;
  3959.     width: 190px !important;
  3960.     text-align: center;
  3961.     position: relative;
  3962.     left: 274px;
  3963.   }
  3964.  
  3965.   .atwho-view
  3966.   {
  3967.     padding: 6px;
  3968.     border-radius: 8px;
  3969.     border: 4px transparent;
  3970.     color: white;
  3971.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  3972.     -webkit-box-shadow: inset 0 0 2px 2px #cccc00;/*THEME VARIABLE*/
  3973.     box-shadow: inset 0 0 2px 2px #cccc00;/*THEME VARIABLE*/
  3974.   }
  3975.  
  3976.   .atwho-view ul li
  3977.   {
  3978.     border-bottom: 1px solid #666600;/*THEME VARIABLE*/
  3979.   }
  3980.  
  3981.   .atwho-view .cur:hover
  3982.   {
  3983.     background: #666600;/*THEME VARIABLE*/
  3984.     color: white;
  3985.     font-weight: 400 !important;
  3986.   }
  3987.  
  3988.   .Section-Discussion .Overlay #Popup.Popup .Border .Body .Content form div .Buttons.Buttons-Confirm input#Form_SendReport.Button
  3989.   {
  3990.     font-size: 18px;
  3991.     padding: 2.5px;
  3992.     border-radius: 18px;
  3993.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  3994.     background: black;
  3995.     width: 190px !important;
  3996.     text-align: center;
  3997.     float: left;
  3998.   }
  3999.  
  4000.   .Section-Discussion .Overlay #Popup.Popup .Border .Body .Content form div .Buttons.Buttons-Confirm input#Form_Cancel.Button
  4001.   {
  4002.     font-size: 18px;
  4003.     padding: 2.5px;
  4004.     border-radius: 18px;
  4005.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4006.     background: black;
  4007.     width: 190px !important;
  4008.     text-align: center;
  4009.     float: right;
  4010.   }
  4011.  
  4012.   .Section-Discussion .Overlay #Popup.Popup form ul li textarea.TextBox
  4013.   {
  4014.     padding: 6px;
  4015.     border-radius: 8px;
  4016.     border: 4px transparent;
  4017.     color: white;
  4018.     background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, .1));
  4019.     -webkit-box-shadow: inset 0 0 2px 4px #666600;/*THEME VARIABLE*/
  4020.     box-shadow: inset 0 0 2px 4px #666600;/*THEME VARIABLE*/
  4021.     overflow-y: scroll !important;
  4022.     max-height: 188px !important;
  4023.     line-height: 1.1;
  4024.   }
  4025.  
  4026.   .Section-Discussion .Overlay #Popup.Popup .Border
  4027.   {
  4028.     padding: 2.5px;
  4029.     border-radius: 18px;
  4030.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4031.   }
  4032.  
  4033.   .Section-Discussion .Overlay #Popup.Popup .Body
  4034.   {
  4035.     padding: 2.5px;
  4036.     border-radius: 18px;
  4037.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4038.     min-height: 800px !important;
  4039.     max-height: 800px !important;
  4040.   }
  4041.  
  4042.   .Section-Discussion .Overlay #Popup.Popup form ul li label
  4043.   {
  4044.     border-radius: 18px;
  4045.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4046.     margin: 10px;
  4047.   }
  4048.  
  4049.   .Section-Discussion .Overlay #Popup.Popup blockquote.Quote, .Popup blockquote.UserQuote
  4050.   {
  4051.     border-radius: 18px;
  4052.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4053.     margin: 0px 0px 10px 0px;
  4054.     line-height: 1;
  4055.     min-width: 100% !important;
  4056.     max-height: 92px;
  4057.   }
  4058.  
  4059. /* Poll Results - Vote percent font */
  4060.   .VotePercent
  4061.   {
  4062.     font-size: 22px !important;
  4063.     float: left !important;
  4064.     line-height: 1.3;
  4065.     margin: 0px 15px 0px 0px;
  4066.     color: white ;
  4067.     padding: 0px 3px 0px 3px;
  4068.     border-radius: 24px;
  4069.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  4070.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  4071.     background-image: linear-gradient(135deg,#333333,#cccc00,#333333);/*THEME VARIABLE*/
  4072.     width: 64.3333px;
  4073.     text-align: right;
  4074.   }
  4075.  
  4076.   .Section-Discussion .Content .PageTitle
  4077.   {
  4078.     margin: 0px;
  4079.     color: white;
  4080.     padding: 0px;
  4081.     border-radius: 24px;
  4082.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4083.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4084.     position: -webkit-sticky;
  4085.     position: -moz-sticky;
  4086.     position: -ms-sticky;
  4087.     position: -o-sticky;
  4088.     position: sticky;
  4089.     top: 27px;
  4090.     z-index: 2;
  4091.     text-align: center;
  4092.     width: 925px !important;
  4093.   }
  4094.  
  4095. /* Tag - New # - thread that has been read and contains 1 or more new posts */
  4096.   .Section-DiscussionList .DiscussionsTable .DiscussionName .HasNew.HasNew
  4097.   {
  4098.     background-color: rgba(204, 204, 0, .7);/*THEME VARIABLE*/
  4099.     color: white;
  4100.     border-radius: 24px;
  4101.     border: 1px solid white;
  4102.     float: left;
  4103.     animation-name: logo;
  4104.     -webkit-animation-name: logo;
  4105.     animation-duration: 1s;
  4106.     -webkit-animation-duration: 1s;
  4107.     animation-iteration-count: infinite;
  4108.     -webkit-animation-iteration-count: infinite;
  4109.   }
  4110.  
  4111. /* Centered GW2 Logo + Replace Image */
  4112.   .HeaderWrap .DimeBarWrap::after
  4113.   {
  4114.     content: url(https://i.imgur.com/KxWVW6Q.png) !important;
  4115.     position: absolute;
  4116.     align-self: center !important;
  4117.     -webkit-transform: translateX(25px);
  4118.     -ms-transform: translateX(25px);
  4119.     -o-transform: translateX(25px);
  4120.     transform: translateX(25px);
  4121.     animation-name: logo;
  4122.     -webkit-animation-name: logo;
  4123.     animation-duration: 2s;
  4124.     -webkit-animation-duration: 2s;
  4125.     animation-iteration-count: infinite;
  4126.     -webkit-animation-iteration-count: infinite;
  4127.     -webkit-filter: hue-rotate(70deg) saturate(1.4) brightness(360%) contrast(85%);/*THEME VARIABLE*/
  4128.     filter: hue-rotate(70deg) saturate(1.4) brightness(360%) contrast(85%);/*THEME VARIABLE*/
  4129.   }
  4130.  
  4131.   .editor .Flyout.MenuItems a:hover
  4132.   {
  4133.     color: #cccc00 !important;/*THEME VARIABLE*/
  4134.   }
  4135.  
  4136.   .InformMessages .InformMessage, .InformMessages .InformWrapper.HasSprite .InformMessage
  4137.   {
  4138.     position: fixed;
  4139.     top: 0px; /* Moved to bottom of page - lower value moves it up the page */
  4140.     left: -20%; /* Moved to left of page - higher value moves it to the right on the page */
  4141.     opacity: 1;
  4142.     background: rgba(0, 0, 0, 0.7) !important;
  4143.     color: white !important;
  4144.     border-radius: 8px;
  4145.     border-left: 4px solid #cccc00 !important;/*THEME VARIABLE*/
  4146.     border-right: 4px solid #cccc00 !important;/*THEME VARIABLE*/
  4147.     border-top: none !important;
  4148.     border-bottom: none !important;
  4149.     display: flex;
  4150.     width: 500px;
  4151.     max-width: 500px;
  4152.   }
  4153.  
  4154.   .InformMessages .InformMessage a.Close
  4155.   {
  4156.     color: #cccc00 !important;/*THEME VARIABLE*/
  4157.     opacity: 1;
  4158.   }
  4159.  
  4160.   .Reactions .ReactButton.HasCount .Count
  4161.   {
  4162.     /*background-image: radial-gradient(darkgreen,black);*/
  4163.     background: radial-gradient(circle at 0%, rgba(0,0,0,0) 4%, rgba(204, 204, 0, 1) 90%, rgba(0,0,0,0));/*THEME VARIABLE*/
  4164.     color: white;
  4165.     font-size: 18px;
  4166.     padding: 0 10px 0 78px;
  4167.     vertical-align: middle;
  4168.     line-height: 19px;
  4169.     float: right;
  4170.     min-width: 115px;
  4171.     text-align: right;
  4172.     margin: 0px;
  4173.   }
  4174.  
  4175.   .Reactions .ReactButtons a.Hijack.ReactButton.ReactButton-Insightful.HasCount .ReactSprite.ReactInsightful
  4176.   {
  4177.     margin-right: 6px;
  4178.     color: #cccc00 !important;/*THEME VARIABLE*/
  4179.     margin-left: 3px;
  4180.   }
  4181.  
  4182.   .ReactButtons a.Hijack.ReactButton.ReactButton-Like.HasCount .ReactSprite.ReactLike
  4183.   {
  4184.     margin-right: 6px;
  4185.     color: #cccc00 !important;/*THEME VARIABLE*/
  4186.     margin-left: 3px;
  4187.   }
  4188.  
  4189.   .Reactions .ReactButtons a.Hijack.ReactButton.ReactButton-Insightful .ReactSprite.ReactInsightful
  4190.   {
  4191.     margin-right: 3px;
  4192.     color: #cccc00 !important;/*THEME VARIABLE*/
  4193.     margin-left: 3px;
  4194.   }
  4195.  
  4196.   .ReactButtons a.Hijack.ReactButton.ReactButton-Like .ReactSprite.ReactLike
  4197.   {
  4198.     margin-right: 3px;
  4199.     color: #cccc00 !important;/*THEME VARIABLE*/
  4200.     margin-left: 3px;
  4201.   }
  4202.  
  4203.   .Reactions a.ReactButton.Quote.Visible:hover, .Reactions a.ReactButton.Quote.Visible:focus, .Reactions .ReactButton.ReactButton-Like.HasCount:hover, .Reactions .ReactButton.ReactButton-Like.HasCount:focus, .Reactions .ReactButton.ReactButton-Like:hover, .Reactions .ReactButton.ReactButton-Like:focus, .Reactions .ReactButton.ReactButton-Insightful.HasCount:hover, .Reactions .ReactButton.ReactButton-Insightful.HasCount:focus, .Reactions .ReactButton.ReactButton-Insightful:hover, .Reactions .ReactButton.ReactButton-Insightful:focus
  4204.   {
  4205.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, .5),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4206.   }
  4207.  
  4208.   .Reactions a.ReactButton.Quote.Visible .ReactSprite
  4209.   {
  4210.     color: #cccc00;/*THEME VARIABLE*/
  4211.     margin-right: 3px;
  4212.   }
  4213.  
  4214.   .Reactions a.ReactButton.Quote.Visible::after
  4215.   {
  4216.     -webkit-transform: scale(-.9, .85) translate(-2.3px, .3px);
  4217.     -ms-transform: scale(-.9, .85) translate(-2.3px, .3px);
  4218.     -o-transform: scale(-.9, .85) translate(-2.3px, .3px);
  4219.     transform: scale(-.9, .85) translate(-2.3px, .3px);
  4220.     display: inline-block;
  4221.     font-family: vanillicon;
  4222.     text-align: left;
  4223.     text-decoration: unset;
  4224.     text-transform: none;
  4225.     line-height: 1;
  4226.     vertical-align: text-top;
  4227.     margin-top: 1px;
  4228.     color: #cccc00;/*THEME VARIABLE*/
  4229.     padding-right: 6px;
  4230.     font-size: 16px;
  4231.   }
  4232.  
  4233.   .Foot.Closed
  4234.   {
  4235.     color: white;
  4236.     padding: 0px;
  4237.     border-radius: 24px;
  4238.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4239.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4240.     position: -webkit-sticky;
  4241.     position: -moz-sticky;
  4242.     position: -ms-sticky;
  4243.     position: -o-sticky;
  4244.     position: sticky;
  4245.     bottom: 15px;
  4246.     z-index: 2;
  4247.     text-align: center;
  4248.     width: 925px !important;
  4249.   }
  4250.  
  4251.   .editor .Flyout.MenuItems
  4252.   {
  4253.     padding: 6px;
  4254.     border-radius: 8px;
  4255.     border: 4px transparent;
  4256.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  4257.     -webkit-box-shadow: inset 0 0 2px 2px #cccc00;/*THEME VARIABLE*/
  4258.     box-shadow: inset 0 0 2px 2px #cccc00;/*THEME VARIABLE*/
  4259.   }
  4260.  
  4261.   .editor input.InputBox
  4262.   {
  4263.     padding: 2.5px;
  4264.     border-radius: 8px;
  4265.     border: 4px transparent;
  4266.     background: linear-gradient(-180deg,#666600,#cccc00) !important;/*THEME VARIABLE*/
  4267.     -webkit-box-shadow: none;
  4268.     box-shadow: none;
  4269.     color: white;
  4270.   }
  4271.  
  4272.   .editor .Flyout.MenuItems .dd-separator
  4273.   {
  4274.     background-color: #cccc00;/*THEME VARIABLE*/
  4275.   }
  4276.  
  4277.   .editor .Flyout.MenuItems .emoji-wrap:hover
  4278.   {
  4279.     background-color: rgba(51, 51, 0, .8);/*THEME VARIABLE*/
  4280.     border-radius: 18px;
  4281.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4282.     padding: 0px;
  4283.   }
  4284.  
  4285.   span.Breadcrumbs a span
  4286.   {
  4287.     margin: 0px;
  4288.     color: white;
  4289.     padding: 0px 5px;
  4290.     border-radius: 24px;
  4291.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4292.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4293.   }
  4294.  
  4295.   span.Breadcrumbs a span:hover
  4296.   {
  4297.     color: white !important;
  4298.     border: 2px solid white;
  4299.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .6),rgba(51, 51, 0, 1),rgba(204, 204, 0, .6));/*THEME VARIABLE*/
  4300.   }
  4301.  
  4302.   .FixedScrollTop
  4303.   {
  4304.     height: 24px;
  4305.     width: 190px;
  4306.     line-height: 1;
  4307.     margin: 0px;
  4308.     color: white !important;
  4309.     padding: 0px 5px;
  4310.     border-radius: 24px;
  4311.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4312.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4313.   }
  4314.  
  4315.   .FixedScrollTop:hover
  4316.   {
  4317.     border: 2px solid white;
  4318.     background: linear-gradient(135deg,rgba(204, 204, 0, .6),rgba(51, 51, 0, 1),rgba(204, 204, 0, .6));/*THEME VARIABLE*/
  4319.   }
  4320.  
  4321.   .PromotedContent .Title
  4322.   {
  4323.     overflow-x: visible;
  4324.     white-space: pre-wrap;
  4325.     line-height: 1;
  4326.     min-height: 44.6px;
  4327.     color: white;
  4328.     padding: 4px 5px 0px 5px;
  4329.     border-radius: 20px 20px 0px 0px;
  4330.     border: transparent;
  4331.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, .5),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4332.   }
  4333.  
  4334.   .DataTable.CategoryTable
  4335.   {
  4336.     padding: 0px 9px 0px 2px;
  4337.     /*background-color: #202020;*/
  4338.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, 0),rgba(51, 51, 0, .6),rgba(204, 204, 0, 0),rgba(204, 204, 0, .05));/*THEME VARIABLE*/
  4339.     border-radius: 24px;
  4340.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4341.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4342.   }
  4343.  
  4344.   .Section-Discussion .Content .Item
  4345.   {
  4346.     margin-bottom: 15px;
  4347.     width: 100%;
  4348.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, 0),rgba(51, 51, 0, .6),rgba(204, 204, 0, 0),rgba(204, 204, 0, .05));/*THEME VARIABLE*/
  4349.     border-radius: 24px;
  4350.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4351.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4352.   }
  4353.  
  4354.   .CommentHeader, .DiscussionHeader
  4355.   {
  4356.     border-bottom: 3px solid #cccc00;/*THEME VARIABLE*/
  4357.   }
  4358.  
  4359.   .Section-Discussion .Content .Item.Role_Member .Item-Header
  4360.   {
  4361.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, .5),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4362.     border-top-left-radius: 21px;
  4363.     border-top-right-radius: 21px;
  4364.   }
  4365.  
  4366.   blockquote.Quote, blockquote.UserQuote
  4367.   {
  4368.     background: black;
  4369.     padding: 3px;
  4370.     border-radius: 8px;
  4371.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4372.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4373.     margin: auto;
  4374.     margin-bottom: 10px;
  4375.     width: -webkit-fit-content !important;
  4376.     width: -ms-fit-content !important;
  4377.     width: -o-fit-content !important;
  4378.     width: -moz-fit-content !important;
  4379.     width: fit-content !important;
  4380.     max-width: 80%;
  4381.   }
  4382.  
  4383.   .Section-Discussion .Content .Item.Role_ArenaNet .Item-BodyWrap
  4384.   {
  4385.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4386.     opacity: 1;
  4387.     border-top-left-radius: 0px;
  4388.     border-top-right-radius: 0px;
  4389.     border-bottom-left-radius: 22px;
  4390.     border-bottom-right-radius: 22px;
  4391.     border: 0 solid transparent;
  4392.   }
  4393.  
  4394.   .Reactions a.ReactButton.Quote.Visible
  4395.   {
  4396.     width: 100% !important;
  4397.     float: left;
  4398.     clear: both;
  4399.     margin-bottom: 20px;
  4400.     color: white;
  4401.     border-radius: 18px;
  4402.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4403.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4404.     text-align: center;
  4405.     margin-right: 0;
  4406.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4407.   }
  4408.  
  4409.   .Reactions .ReactButton.ReactButton-Insightful
  4410.   {
  4411.     border-radius: 18px;
  4412.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4413.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4414.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4415.     float: left;
  4416.     max-width: 100%;
  4417.     min-width: 100%;
  4418.     clear: left;
  4419.     height: 21px;
  4420.     margin-right: 0;
  4421.     padding-top: 2px;
  4422.     padding-bottom: 20px !important;
  4423.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4424.   }
  4425.  
  4426.   .Reactions .ReactButton.ReactButton-Like
  4427.   {
  4428.     border-radius: 18px;
  4429.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4430.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4431.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4432.     float: left;
  4433.     max-width: 100%;
  4434.     min-width: 100%;
  4435.     clear: left;
  4436.     height: 21px;
  4437.     margin-right: 0;
  4438.     padding-top: 2px;
  4439.     padding-bottom: 20px !important;
  4440.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4441.   }
  4442.  
  4443.   .Reactions .ReactButton.ReactButton-Insightful.HasCount
  4444.   {
  4445.     border-radius: 18px;
  4446.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4447.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4448.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4449.     float: left;
  4450.     max-width: 100%;
  4451.     min-width: 100%;
  4452.     clear: left;
  4453.     height: 21px;
  4454.     margin-right: 0;
  4455.     padding-bottom: 20px !important;
  4456.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4457.   }
  4458.  
  4459.   .Reactions .ReactButton.ReactButton-Like.HasCount
  4460.   {
  4461.     border-radius: 18px;
  4462.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4463.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4464.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4465.     float: left;
  4466.     max-width: 100%;
  4467.     min-width: 100%;
  4468.     clear: left;
  4469.     height: 21px;
  4470.     margin-right: 0;
  4471.     padding-bottom: 20px !important;
  4472.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4473.   }
  4474.  
  4475.   .Section-Discussion .Meta .MItem span.DateUpdated, .Section-Discussion .Meta .MItem span.DateUpdated:hover
  4476.   {
  4477.     margin-right: 0px !important;
  4478.     margin-left: 0px;
  4479.     color: #cccc00 !important;/*THEME VARIABLE*/
  4480.   }
  4481.  
  4482.   .TextBoxWrapper.editor-dialog-fire-close textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox, .Section-Discussion .Content .Item .Item-BodyWrap .MessageForm.EditCommentForm textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox.textarea-autosize
  4483.   {
  4484.     float: left !important;
  4485.     clear: left;
  4486.     width: 100%;
  4487.     line-height: 1.2;
  4488.     max-height: 450px;
  4489.     min-height: 175px;
  4490.     padding: 6px;
  4491.     border-radius: 15px;
  4492.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4493.     color: white;
  4494.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  4495.     margin-top: 5px;
  4496.     overflow-Y: visible !important;
  4497.   }
  4498.  
  4499.   .TextBoxWrapper.editor-dialog-fire-close textarea#Form_Body.InputBox.TextBox.BodyBox.js-bodybox.js-bodybox::placeholder
  4500.   {
  4501.     opacity: 0;
  4502.   }
  4503.  
  4504.   .editor
  4505.   {
  4506.     width: 100%;
  4507.     float: right;
  4508.     display: initial !important;
  4509.     padding: 0px;
  4510.     border-radius: 24px;
  4511.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4512.     background: linear-gradient(-180deg,#000000ff,#000000ef,#000e) !important;
  4513.     -webkit-box-shadow: none;
  4514.     box-shadow: none;
  4515.     color: white;
  4516.   }
  4517.  
  4518.   .editor span:hover
  4519.   {
  4520.     color: #cccc00;/*THEME VARIABLE*/
  4521.   }
  4522.  
  4523.   .HeaderWrap .HeaderBottomWrap .HeaderBottom .HeaderNavDiv .HeaderNav li a
  4524.   {
  4525.     border-radius: 24px;
  4526.     border: 2px solid #595959;
  4527.     margin-right: 5px;
  4528.     vertical-align: middle;
  4529.     line-height: 1;
  4530.     color: #b1b1b1;
  4531.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4532.   }
  4533.  
  4534.   .HeaderWrap .HeaderBottomWrap .HeaderBottom .HeaderNavDiv .HeaderNav li a:hover
  4535.   {
  4536.     border: 2px solid #b1b1b1;
  4537.     color: white;
  4538.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4539.   }
  4540.  
  4541.   .HeaderWrap .HeaderBottomWrap .HeaderBottom .HeaderNavDiv .HeaderNav li a.Selected
  4542.   {
  4543.     border: 2px solid #cccc00 !important;/*THEME VARIABLE*/
  4544.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4545.   }
  4546.  
  4547. /* Tagged Box */
  4548.   .Section-Discussion .Content .ItemDiscussion .Meta.InlineTags
  4549.   {
  4550.     width: 20%;
  4551.     float: right;
  4552.     padding: 0px;
  4553.     border-radius: 24px;
  4554.     border: 2px solid #cccc00 !important;/*THEME VARIABLE*/
  4555.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4556.     margin-top: 10px;
  4557.     margin-right: 0px;
  4558.     color: #d9d9d9;
  4559.     text-align: center;
  4560.   }
  4561.  
  4562.   .Profile ul.DataList .Item
  4563.   {
  4564.     padding: 2px 10px;
  4565.     border-radius: 24px;
  4566.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4567.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4568.     border-top: none;
  4569.     border-bottom: none;
  4570.     margin-bottom: 20px;
  4571.     float: left;
  4572.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4573.     max-height: 165px;
  4574.     word-wrap: normal;
  4575.   }
  4576.  
  4577.   .Profile .DataList #PagerMore a
  4578.   {
  4579.     padding: 2px;
  4580.     border-radius: 24px;
  4581.     border: 2px solid #cccc00 !important;/*THEME VARIABLE*/
  4582.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4583.     color: white;
  4584.   }
  4585.  
  4586.   .Profile .DataList #PagerMore a:hover
  4587.   {
  4588.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4589.   }
  4590.  
  4591.   .Profile ul.DataList .Item .Item-BodyWrap .Item-Body
  4592.   {
  4593.     width: 71%;
  4594.     float: left;
  4595.     padding: 2px;
  4596.     border-radius: 24px;
  4597.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4598.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4599.     min-height: 75px;
  4600.    }
  4601.  
  4602. /* Forum Update Alert Message */
  4603.   .DismissMessage.AlertMessage, .DismissMessage.InfoMessage
  4604.   {
  4605.     max-width: 300px;
  4606.     position: absolute;
  4607.     top: -110px;
  4608.     left: 435px;
  4609.     align-self: center !important;
  4610.     z-index: 5;
  4611.     background: rgba(0, 0, 0, 0.7) !important;
  4612.     color: white !important;
  4613.     border-radius: 8px;
  4614.     border-left: 4px solid #cccc00 !important;/*THEME VARIABLE*/
  4615.     border-right: 4px solid #cccc00 !important;/*THEME VARIABLE*/
  4616.     border-top: none !important;
  4617.     border-bottom: none !important;
  4618.   }
  4619.  
  4620.   .DismissMessage.AlertMessage a, .DismissMessage.InfoMessage a
  4621.   {
  4622.     color: #cccc00 !important;/*THEME VARIABLE*/
  4623.     opacity: 1;
  4624.   }
  4625.  
  4626.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .MeBox
  4627.   {
  4628.     padding: 2px 10px 0px 15px;
  4629.     border-radius: 18px;
  4630.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4631.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4632.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1));/*THEME VARIABLE*/
  4633.   }
  4634.  
  4635.   .HeaderWrap .HeaderTopWrap .HeaderTop .HeaderTopRight .LocaleChooser .LocaleOption.Selected
  4636.   {
  4637.     color: #cccc00 !important;/*THEME VARIABLE*/
  4638.   }
  4639.  
  4640.   .HeaderNavSearch input#Form_Search
  4641.   {
  4642.     padding: 2.5px 10px 0px 10px;
  4643.     border-radius: 18px;
  4644.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4645.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4646.     border-left: none;
  4647.     border-right: none;
  4648.     background: linear-gradient(135deg,rgba(204, 204, 0, .1),rgba(51, 51, 0, .5),rgba(204, 204, 0, .1)) !important;/*THEME VARIABLE*/
  4649.     -webkit-box-shadow: none;
  4650.     box-shadow: none;
  4651.     color: #d9d9d9;
  4652.   }
  4653.  
  4654.   .MenuItems-Input li.ui-menu-item
  4655.   {
  4656.     width: 347px !important;
  4657.     border-radius: 24px;
  4658.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4659.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4660.     text-align: left;
  4661.     margin-bottom: 0px;
  4662.     background: #000000 !important;
  4663.   }
  4664.  
  4665.   .MenuItems-Input, .MenuItems-Input li .Title
  4666.   {
  4667.     color: #cccc00;/*THEME VARIABLE*/
  4668.     white-space: pre-wrap;
  4669.     text-shadow: black 0.1em 0.0em 0.0em !important;
  4670.   }
  4671.  
  4672.   .MenuItems-Input li .Aside, .MenuItems-Input li .Gloss mark
  4673.   {
  4674.     color: #cccc00;/*THEME VARIABLE*/
  4675.   }
  4676.  
  4677.   .MenuItems-Input li.ui-menu-item:hover, .ui-menu .ui-menu-item a.ui-state-focus
  4678.   {
  4679.     background: #333300 !important;/*THEME VARIABLE*/
  4680.     transition: none;
  4681.   }
  4682.  
  4683.   .Buttons .Button, .Buttons input
  4684.   {
  4685.     background-color: transparent !important;
  4686.     border-radius: 24px;
  4687.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4688.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4689.   }
  4690.  
  4691.   .Buttons .Button:hover, .Buttons input:hover, .Button.AddPollOption:hover
  4692.   {
  4693.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4694.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4695.   }
  4696.  
  4697.   .Button.AddPollOption
  4698.   {
  4699.     background-color: transparent !important;
  4700.     border-radius: 24px;
  4701.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4702.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4703.     padding: 2px;
  4704.     width: 270px;
  4705.   }
  4706.  
  4707.   .editor .MenuButtons .Button
  4708.   {
  4709.     font-size: 18px;
  4710.     padding: 2.5px;
  4711.     border-radius: 18px;
  4712.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4713.     background: black;
  4714.     width: 90px !important;
  4715.     text-align: center;
  4716.     float: left;
  4717.   }
  4718.  
  4719.   .editor .MenuButtons .Button:hover
  4720.   {
  4721.     border: 1px solid white;
  4722.     background: #cccc00;/*THEME VARIABLE*/
  4723.   }
  4724.  
  4725.   .Buttons .Button:active
  4726.   {
  4727.     border-color: #cccc00;/*THEME VARIABLE*/
  4728.   }
  4729.  
  4730.   .Section-DiscussionList .DiscussionsTable tbody td:first-child
  4731.   {
  4732.     border-radius: 20px;
  4733.     border-top: none;
  4734.     border-bottom: none;
  4735.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4736.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4737.     background: #1a1a00;/*THEME VARIABLE*/
  4738.     padding: 2px 0px;
  4739.   }
  4740.  
  4741.   table.DataTable.DiscussionsTable tbody td:first-child:hover
  4742.   {
  4743.     background-color: rgba(102, 102, 0, .5);/*THEME VARIABLE*/
  4744.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4745.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4746.     padding: 0px;
  4747.   }
  4748.  
  4749.   .Section-DiscussionList .DiscussionsTable tbody td.LastUser
  4750.   {
  4751.     border-radius: 20px;
  4752.     border-top: none;
  4753.     border-bottom: none;
  4754.     border-left: none;
  4755.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4756.     background: linear-gradient(90deg,rgba(0, 0, 0, 0),rgba(204, 204, 0, .1),rgba(51, 51, 0, .2)) !important;/*THEME VARIABLE*/
  4757.   }
  4758.  
  4759.   table.DataTable.DiscussionsTable tbody tr
  4760.   {
  4761.     background: linear-gradient(90deg,rgba(0, 0, 0, 0),rgba(204, 204, 0, .25),rgba(51, 51, 0, .1)) !important;/*THEME VARIABLE*/
  4762.     height: 42.4px !important;
  4763.   }
  4764.  
  4765.   table.DataTable.DiscussionsTable tr.Item.Announcement td:first-child
  4766.   {
  4767.     background-color: rgba(204, 204, 0, .01);/*THEME VARIABLE*/
  4768.   }
  4769.  
  4770.   table.DataTable.DiscussionsTable tr.Item.Announcement td:first-child:hover
  4771.   {
  4772.     background-color: rgba(102, 102, 0, .5);/*THEME VARIABLE*/
  4773.   }
  4774.  
  4775.   .BoxNewDiscussion .ButtonGroup .Button.Primary
  4776.   {
  4777.     line-height: 1;
  4778.     margin: 0px;
  4779.     color: white !important;
  4780.     border-radius: 20px;
  4781.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4782.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4783.     font-size: 16.4px;
  4784.     padding: 4px 14px;
  4785.     height: auto;
  4786.   }
  4787.  
  4788.   .BoxNewDiscussion .ButtonGroup .Button.Primary.Handle
  4789.   {
  4790.     border-left: none;
  4791.     border-right: none;
  4792.     text-align: center;
  4793.     background: #333300;/*THEME VARIABLE*/
  4794.     height: 31px !important;
  4795.     width: 31px !important;
  4796.     margin-right: 0px;
  4797.     margin-top: 0px;
  4798.   }
  4799.  
  4800.   .BoxNewDiscussion .ButtonGroup .Button.Primary:hover
  4801.   {
  4802.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .6),rgba(51, 51, 0, 1),rgba(204, 204, 0, .6));/*THEME VARIABLE*/
  4803.   }
  4804.  
  4805.   .BoxNewDiscussion .ButtonGroup .Button.Primary.Handle:focus
  4806.   {
  4807.     background-image: linear-gradient(180deg,#cccc00,#666600);/*THEME VARIABLE*/
  4808.     border-top: 16px solid #cccc00;/*THEME VARIABLE*/
  4809.     border-bottom: 2px solid #cccc00;/*THEME VARIABLE*/
  4810.   }
  4811.  
  4812. /* Thread Pages */
  4813.   .Pager a.Highlight
  4814.   {
  4815.     background-color: #333300;/*THEME VARIABLE*/
  4816.     border-color: #cccc00;/*THEME VARIABLE*/
  4817.   }
  4818.  
  4819.   .BoxNewDiscussion .ButtonGroup .MenuItems
  4820.   {
  4821.     margin-left: 11px;
  4822.     background: rgba(0, 0, 0, 0.8) !important;
  4823.     width: 157px !important;
  4824.     color: white !important;
  4825.     text-shadow: black 0.1em 0.0em 0.0em !important;
  4826.     border: none;
  4827.     border-top: 2px solid #cccc00;/*THEME VARIABLE*/
  4828.     border-left: 2px solid #cccc00;/*THEME VARIABLE*/
  4829.     border-right: 2px solid #cccc00;/*THEME VARIABLE*/
  4830.     border-bottom-left-radius: 24px;
  4831.     border-bottom-right-radius: 24px;
  4832.     position: relative;
  4833.     top: -2px;
  4834.   }
  4835.  
  4836.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Announcement, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.tag-tracker, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Poll, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Accepted, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Answered, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Question, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Closed
  4837.   {
  4838.     margin: 0px;
  4839.     color: white;
  4840.     padding: 2px 5px;
  4841.     margin-right: 2px;
  4842.     line-height: 12.5px;
  4843.     font-size: 12.5px !important;
  4844.     border-radius: 24px;
  4845.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4846.     background-color: transparent;
  4847.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4848.   }
  4849.  
  4850.   .Section-DiscussionList .DiscussionsTable .MItem.Category
  4851.   {
  4852.     color: white;
  4853.     padding: 2px 5px;
  4854.     border-radius: 24px;
  4855.     border: 1px solid #cccc00;/*THEME VARIABLE*/
  4856.     background-color: transparent;
  4857.     background-image: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, 1),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4858.   }
  4859.  
  4860.   .DataList.MessageList.Conversation .Item
  4861.   {
  4862.     margin-bottom: 10px;
  4863.     padding: 0;
  4864.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, 0),rgba(51, 51, 0, .6),rgba(204, 204, 0, 0),rgba(204, 204, 0, .05));
  4865.     border-radius: 24px;
  4866.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4867.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4868.     border-bottom: none;
  4869.   }
  4870.  
  4871.   .DataList.MessageList.Conversation .Item .Meta
  4872.   {
  4873.     position: relative;
  4874.     width: 100%;
  4875.     margin: 0;
  4876.     vertical-align: middle;
  4877.     min-height: 54px;
  4878.     float: none;
  4879.     line-height: 48px;
  4880.     padding: 2px 10px 0;
  4881.     background: linear-gradient(135deg,rgba(204, 204, 0, .3),rgba(51, 51, 0, .5),rgba(204, 204, 0, .3));/*THEME VARIABLE*/
  4882.     border-top-left-radius: 21px;
  4883.     border-top-right-radius: 21px;
  4884.     border-bottom: 3px solid #cccc00;/*THEME VARIABLE*/
  4885.   }
  4886.  
  4887.   .DataList.MessageList.Conversation .Item .Meta .Author .Name
  4888.   {
  4889.     font-size: 28px;
  4890.     color: #cccc00;/*THEME VARIABLE*/
  4891.   }
  4892.  
  4893.   .Conversations.Messages.isDesktop.index.Section-Conversation .DataListWrap h1.H a
  4894.   {
  4895.     margin: 0px !important;
  4896.     line-height: 1;
  4897.     padding: 0px 5px 0px 5px;
  4898.     border-radius: 24px;
  4899.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  4900.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  4901.     background-image: linear-gradient(135deg,rgba(51, 51, 0, .3),rgba(204, 204, 0, .5),rgba(51, 51, 0, .3));/*THEME VARIABLE*/
  4902.     font-size: 22px;
  4903.     color: #cccc00;/*THEME VARIABLE*/
  4904.   }
  4905.  
  4906.   .Conversations.Messages.isDesktop.inbox.Section-ConversationList .DataList.Conversations .Item
  4907.   {
  4908.     margin-bottom: 10px;
  4909.     padding: 10px;
  4910.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, 0),rgba(51, 51, 0, .6),rgba(204, 204, 0, 0),rgba(204, 204, 0, .05));/*THEME VARIABLE*/
  4911.     border-radius: 24px;
  4912.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  4913.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  4914.     border-bottom: none;
  4915.   }
  4916.  
  4917.   .Conversations.Messages.isDesktop.inbox.Section-ConversationList .DataList.Conversations .Item:hover
  4918.   {
  4919.     background: linear-gradient(135deg,rgba(204, 204, 0, .05),rgba(204, 204, 0, .1),rgba(51, 51, 0, 1),rgba(204, 204, 0, .1),rgba(204, 204, 0, .05));/*THEME VARIABLE*/
  4920.   }
  4921.  
  4922.   .Conversations.Messages.isDesktop.inbox.Section-ConversationList .BoxButtons.BoxNewConversation a.Button.NewConversation.Primary, .Conversations.Messages.isDesktop.index.Section-Conversation .Panel a.Button.BigButton.NewConversation.Primary
  4923.   {
  4924.     border: 2px solid #d9d9d9 !important;
  4925.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4926.     border-radius: 24px;
  4927.     padding: 0px 0px 0px;
  4928.     width: 150px;
  4929.     color: #f0f0f0;
  4930.     text-align: center !important;
  4931.   }
  4932.  
  4933.   .Conversations.Messages.isDesktop.inbox.Section-ConversationList .BoxButtons.BoxNewConversation a.Button.NewConversation.Primary:hover, .Conversations.Messages.isDesktop.index.Section-Conversation .Panel a.Button.BigButton.NewConversation.Primary:hover
  4934.   {
  4935.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4936.   }
  4937.  
  4938.   .Conversations.Messages.isDesktop.index.Section-Conversation .Panel a.Button.Danger.BigButton.Popup
  4939.   {
  4940.     border: 2px solid #861711 !important;
  4941.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4942.     border-radius: 24px;
  4943.     padding: 0px 0px 0px;
  4944.     width: 150px;
  4945.     color: #e1261c;
  4946.     text-align: center !important;
  4947.     transition: none !important;
  4948.   }
  4949.  
  4950.   .Conversations.Messages.isDesktop.index.Section-Conversation .Panel .Box.InThisConversation
  4951.   {
  4952.     padding: 10px;
  4953.     border-radius: 24px;
  4954.     border-left: 4px solid #cccc00;/*THEME VARIABLE*/
  4955.     border-right: 4px solid #cccc00;/*THEME VARIABLE*/
  4956.     background-image: linear-gradient(135deg,rgba(51, 51, 0, .3),rgba(204, 204, 0, .5),rgba(51, 51, 0, .3));/*THEME VARIABLE*/
  4957.     color: #cccc00;/*THEME VARIABLE*/
  4958.   }
  4959.  
  4960.   #Form_ConversationMessage .Buttons .Button
  4961.   {
  4962.     margin: 0px;
  4963.     display: block;
  4964.     padding: 10px;
  4965.     width: 100%;
  4966.     border-radius: 15px;
  4967.     border: 2px solid #cccc00;/*THEME VARIABLE*/
  4968.     float: right;
  4969.   }
  4970.  
  4971.   .Section-BestOf .BoxFilter a
  4972.   {
  4973.     border-radius: 24px;
  4974.     border: 2px solid #595959;
  4975.     vertical-align: middle;
  4976.     line-height: 1;
  4977.     color: #b1b1b1;
  4978.     padding: 0 14px 0px 10px;
  4979.     background: linear-gradient(135deg,rgba(204, 204, 0, .5),rgba(204, 204, 0, 0),rgba(51, 51, 0, 1),rgba(204, 204, 0, 0),rgba(204, 204, 0, .5));/*THEME VARIABLE*/
  4980.   }
  4981.  
  4982.   .Section-BestOf .BoxFilter a:hover
  4983.   {
  4984.     border: 2px solid #b1b1b1;
  4985.     color: white !important;
  4986.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4987.   }
  4988.  
  4989.   .Section-BestOf .BoxFilter .Active a
  4990.   {
  4991.     border: 2px solid #cccc00 !important;/*THEME VARIABLE*/
  4992.     color: white !important;
  4993.     background-image: linear-gradient(135deg,rgba(51, 51, 0, 1),rgba(204, 204, 0, .9),rgba(51, 51, 0, 1));/*THEME VARIABLE*/
  4994.   }
  4995.  
  4996.   .BestOfData .DataList .Item
  4997.   {
  4998.     border-radius: 24px;
  4999.     border-left: 3px solid #cccc00;/*THEME VARIABLE*/
  5000.     border-right: 3px solid #cccc00;/*THEME VARIABLE*/
  5001.     border-bottom: none;
  5002.     margin-bottom: 10px;
  5003.     background: #000000 !important;
  5004.   }
  5005.  
  5006.   .BestOfData .DataList .Item:hover
  5007.   {
  5008.     background: #333300 !important;/*THEME VARIABLE*/
  5009.     transition: none;
  5010.   }
  5011.  
  5012.  
  5013.  
  5014.  
  5015. /*
  5016. ==================================
  5017. ==================================
  5018. */
  5019.  
  5020.  
  5021. /*
  5022. AQUA THEME COLORS:
  5023.     Bright: #00cccc
  5024.     Medium: #006666
  5025.     Dark1:  #003333
  5026.     Dark2:  #0f1919
  5027.     RGBA Bright: 0, 204, 204
  5028.     RGBA Medium: 0, 102, 102
  5029.     RGBA Dark1: 0, 51, 51
  5030.     RGBA Dark2: 15, 25, 25
  5031. COFFEE THEME COLORS:
  5032.     Bright: #b3774d
  5033.     Medium: #47301f
  5034.     Dark1:  #231810
  5035.     Dark2:  #110c08
  5036.     RGBA Bright: 179, 119, 77
  5037.     RGBA Medium: 71, 48, 31
  5038.     RGBA Dark1: 35, 24, 16
  5039.     RGBA Dark2: 17, 12, 8
  5040. LIME THEME COLORS:
  5041.     Bright: #00ff00
  5042.     Medium: #006600
  5043.     Dark1:  #003300
  5044.     Dark1:  #0f1a0f
  5045.     RGBA Bright: 0, 255, 0
  5046.     RGBA Medium: 0, 102, 0
  5047.     RGBA Dark1: 0, 51, 0
  5048.     RGBA Dark2: 15, 26, 15
  5049. ORANGE THEME COLORS:
  5050.     Bright: #ff4600
  5051.     Medium: #b33000
  5052.     Dark1:  #661b00
  5053.     Dark2:  #1a130f
  5054.     RGBA Bright: 255, 70, 0
  5055.     RGBA Medium: 179, 48, 0
  5056.     RGBA Dark1: 102, 27, 0
  5057.     RGBA Dark2: 26, 19, 15
  5058. PINK THEME COLORS:
  5059.     Bright: #cc3399
  5060.     Medium: #7a1f5c
  5061.     Dark1:  #290a1f
  5062.     Dark2:  #14050f
  5063.     RGBA Bright: 204, 51, 153
  5064.     RGBA Medium: 122, 31, 92
  5065.     RGBA Dark1: 41, 10, 31
  5066.     RGBA Dark2: 20, 5, 15
  5067. PURPLE THEME COLORS:
  5068.     Bright: #9370db
  5069.     Medium: #a385e0
  5070.     Dark1:  #331966
  5071.     Dark2:  #160f1a
  5072.     RGBA Bright: 147, 112, 219
  5073.     RGBA Medium: 163, 133, 224
  5074.     RGBA Dark1: 51, 25, 102
  5075.     RGBA Dark2: 22, 15, 26
  5076. RED THEME COLORS:
  5077.     Bright: #cc0000
  5078.     Medium: #800000
  5079.     Dark1:  #330000
  5080.     Dark2:  #190f0f
  5081.     RGBA Bright: 204, 0, 0
  5082.     RGBA Medium: 128, 0, 0
  5083.     RGBA Dark1: 51, 0, 0
  5084.     RGBA Dark2: 25, 15, 15
  5085. SLATE THEME COLORS:
  5086.     Bright: #778899
  5087.     Medium: #637383
  5088.     Dark1:  #586674
  5089.     Dark2:  #161a1a
  5090.     RGBA Bright: 119, 136, 153
  5091.     RGBA Medium: 77, 89, 102
  5092.     RGBA Dark1: 33, 38, 44
  5093.     RGBA Dark2: 22, 26, 26
  5094. YELLOW THEME COLORS:
  5095.     Bright: #cccc00
  5096.     Medium: #666600
  5097.     Dark1:  #333300
  5098.     Dark2:  #1a1a00
  5099.     RGBA Bright: 204, 204, 0
  5100.     RGBA Medium: 102, 102, 0
  5101.     RGBA Dark1: 51, 51, 0
  5102.     RGBA Dark2: 26, 26, 0
  5103. */
  5104.  
  5105.  
  5106. /*
  5107. ==================================
  5108. ==================================
  5109. */
  5110.  
  5111. /* FONT GLYPHS - https://oort.nz/rpg/resources/fonts/vanillicon */
  5112.   .Reactions .ReactButton-Report::after, .Reactions .ReactButton-Warn::after
  5113.   {
  5114.     content: "\f147";/*Flag*/
  5115.     font-family: "vanillicon";
  5116.   }
  5117.  
  5118.   .Reactions a.ReactButton.Quote.Visible::after
  5119.   {
  5120.     content: "\f182";/*Quotes*/
  5121.     font-family: "vanillicon";
  5122.   }
  5123.  
  5124.   .FixedScrollTop::after
  5125.   {
  5126.     content: "\f126";/*Chevron Up*/
  5127.     font-family: "vanillicon";
  5128.   }
  5129.  
  5130.   .Section-Discussion .Meta .MItem .Permalink::before
  5131.   {
  5132.     content: "\f177";/*Chain Links*/
  5133.     font-family: "vanillicon";
  5134.   }
  5135.  
  5136.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Announcement::before
  5137.   {
  5138.     content: "\f13d";/*Exclamation Point In Circle*/
  5139.     font-family: "vanillicon";
  5140.   }
  5141.  
  5142.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Poll::before
  5143.   {
  5144.     content: "\f17d";/*Horizontal Bar Graph*/
  5145.     font-family: "vanillicon";
  5146.   }
  5147.  
  5148.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Accepted::before, .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Answered::before
  5149.   {
  5150.     content: "\f173";/*Checkmark In Circle*/
  5151.     font-family: "vanillicon";
  5152.   }
  5153.  
  5154.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.QnA-Tag-Question::before
  5155.   {
  5156.     content: "\f181";/*Question Mark In Circle*/
  5157.     font-family: "vanillicon";
  5158.   }
  5159.  
  5160.   .Section-DiscussionList .DiscussionsTable .DiscussionName .Meta .Tag.Tag-Closed::before
  5161.   {
  5162.     content: "\f166";/*Closed Lock*/
  5163.     font-family: "vanillicon";
  5164.   }
  5165.  
  5166. /*
  5167. ==================================
  5168. ==================================
  5169. */
  5170.  
  5171.  
  5172.  
  5173.  
  5174.  
  5175. }
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!