API tools faq
paste
Advertisement
StinVec

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

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