Advertisement
Guest User

Untitled

a guest
Nov 4th, 2017
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.59 KB | None | 0 0
  1. @-moz-document domain("en-forum.guildwars2.com") {
  2. /* main sections */
  3.  
  4. /* shrink the space between threads */
  5. .Item td {
  6.     padding-top: 6px;
  7.     padding-bottom: 6px;
  8. }
  9.  
  10. /* hide the last person to post in a thread column */
  11. .Section-DiscussionList.UserLoggedIn .DiscussionsTable .BlockColumn-User.LastUser {
  12.     display: none; 
  13. }
  14.  
  15. /* hide user avatars */
  16. .Section-DiscussionList .DiscussionsTable .BlockColumn-User .PhotoWrap {
  17.     display: none; 
  18. }
  19.  
  20. /* increase size of the views column to avoid overlapping the number with the gear icon */
  21. .DataTable td.CountViews {
  22.     min-width: 110px;  
  23. }
  24.  
  25. /* increase the size of the thread creator column so the name and timestamp can both fit */
  26. .Section-DiscussionList .DiscussionsTable .BlockColumn-User.FirstUser {
  27.     width: 250px;
  28. }
  29.  
  30. .Section-DiscussionList .DiscussionsTable .BlockColumn-User.FirstUser .UserLink {
  31.     float: left;
  32. }
  33.  
  34. .Section-DiscussionList .DiscussionsTable .BlockColumn-User .BlockTitle,
  35. .Section-DiscussionList .DiscussionsTable .BlockColumn-User .Meta {
  36.     float: right;
  37. }
  38.  
  39. /* thread that has been read and contains 1 or more new posts */
  40. .Section-DiscussionList .DiscussionsTable .DiscussionName .HasNew.HasNew {
  41.     background-color: lightgreen;
  42. }
  43.  
  44. /* new thread that is either completely unread or has not been fully read yet */
  45. .Section-DiscussionList .DiscussionsTable .DiscussionName .HasNew.JustNew {
  46.     background-color: lightblue;
  47. }
  48.  
  49. /* background and foreground for a thread that has been read */
  50. .Section-DiscussionList .DiscussionsTable .Read {
  51.     background-color: whitesmoke;
  52. }
  53. .Section-DiscussionList .DiscussionsTable .Read a.Title {
  54.     color: lightgrey;
  55. }
  56. }
  57.  
  58. @-moz-document domain("en-forum.guildwars2.com") {
  59. /* inside threads */
  60.  
  61. /* hide avatar icons */
  62. .Section-Discussion .Content .Item-Header .AuthorWrap .Author .PhotoWrap {
  63.     display: none; 
  64. }
  65.  
  66. /* border with rounded corners around each individual post */
  67. .Section-Discussion .Content .Item {
  68.     padding: 2px;
  69.     border-radius: 8px;
  70.     margin-bottom: 5px;
  71.     border: 4px solid lightgray;
  72. }
  73. .DataList .Item {
  74.     background: none;  
  75.     border-bottom: 4px solid lightgrey;
  76. }
  77.  
  78. .Section-Discussion .Content .Item-Header::after {
  79.     background-image: none;
  80. }
  81.  
  82. .CommentHeader, .DiscussionHeader {
  83.     border-bottom: 4px solid lightgray;
  84. }
  85.  
  86. .Section-Discussion .Content .Item .Item-BodyWrap .Item-Body {
  87.     width: 100%;
  88.     display: grid;
  89.     grid-template-columns: 8fr 2fr;
  90.     grid-template-rows: fit-content;
  91.     grid-template-areas:
  92.         "m r"
  93.         "s s"
  94.  
  95. }
  96. /* change the post body and report/quote/etc. buttons to be side by side instead */
  97. .Section-Discussion .Content .Item .Item-BodyWrap .Item-Body .Message {
  98.     grid-area: m;
  99. }
  100.  
  101. .Section-Discussion .Content .Item .Item-BodyWrap .Item-Body.Signature {
  102.     grid-area: s;
  103.     grid-column: span;
  104. }
  105. .Section-Discussion .Content .Item .Item-BodyWrap .Item-Body.Signature p {
  106.     min-width: 1000px; 
  107. }
  108.  
  109. .Section-Discussion .Content .Item .Item-BodyWrap .Reactions {
  110.     grid-area: r;
  111.     min-width: 150px;
  112. }
  113.  
  114. .Section-Discussion .Content .Item .Item-BodyWrap .InlineTags {
  115.     grid-area: s;
  116.     float: left;
  117.     clear: both;
  118. }
  119. body.Section-Discussion .ReactMenu {
  120.     display: block;
  121.     margin-left: 0;
  122. }
  123.  
  124. .Reactions .ReactButton {
  125.     width: 100% !important;
  126. }
  127.  
  128. /* add a link icon next to the time stamp to make it a bit more obvious that it contains a link to the post */
  129. .Section-Discussion .Content .Item-Header .Meta time:before {
  130.     content: "🔗";
  131.     font-size: 15px;
  132.     font-weight: 400;
  133.     padding-right: 2px;
  134. }
  135.  
  136. .PollQuestion {
  137.     clear: both;
  138. }
  139.  
  140. /* prevent code blocks from squishing the reaction menu */
  141. code, pre {
  142.     max-width: 800px;  
  143. }
  144. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement