Guest User

Hubski Styles

a guest
Aug 30th, 2020
67
3 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @-moz-document url-prefix("https://hubski.com/") {
  2. /* global: importing a font */
  3. @font-face {
  4.     font-family: 'Lora';
  5.     src: local('Lora'), local('Lora'), /* in case the font is installed */
  6.     url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
  7. }
  8.  
  9. /* global: setting site wide font */
  10. * {
  11.     font-family: "Lora" !important;
  12. }
  13.  
  14.  
  15. /* global: width of the main, central content div */
  16. .middlepage {
  17.     width: 60%;
  18. }
  19.  
  20. /* global: adds extra space after paragraphs */
  21. p {
  22.     padding-bottom: 2px;
  23. }
  24.  
  25. /* main feed: post titles */
  26. .feedtitle {
  27.     font-size: 17px;
  28.     margin-bottom: 4px;
  29. }
  30.  
  31. /* main feed: username and share number font and position adjustment */
  32. .titlelinks {
  33.     font-size: 13px;
  34.     display: inline-block;
  35. }
  36.  
  37. /* main feed: save-hide-stick position */
  38. .savesplit {
  39.     float: none;
  40.     display: inline-block;
  41.     margin-left: 20px;
  42. }
  43.  
  44. /* main feed: submission tags position adjustment  */
  45. .subtitle {
  46.     float: right;
  47. }
  48.  
  49. /* main feed: save-hide-stick colour  */
  50. .savesplit a,
  51. .prevmag {
  52.     color: #e69500;
  53. }
  54.  
  55. /* main feed: spacing within each listed submission  */
  56. .box {
  57.     padding: 10px 0;
  58. }
  59.  
  60.  
  61. /* post page: width of div containing submission text */
  62. .wholepub {
  63.     width: 100%;
  64. }
  65.  
  66. /* post page: font and div width adjustments for comments */
  67. .comm,
  68. .ccom,
  69. .pubtext {
  70.     font-size: 19px;
  71.     line-height: 1.4;
  72.     width: 764px;
  73. }
  74.  
  75.  
  76. /* post page: removing margins from quotes to account for extra padding added to paragraphs */
  77. .quotetext {
  78.     margin: 0px;
  79. }
  80.  
  81.  
  82. /* post page: spacing of comments from each other  */
  83. .outercomm {
  84.     margin-bottom: 10px;
  85. }
  86.  
  87. /* post page: adding an extra bit of space bewtween groups of comments  */
  88. .whole > div > .outercomm {
  89.     padding-top: 10px;
  90. }
  91.  
  92. /* post page: adding an extra bit of space bewtween groups of comments  */
  93. .textbox {
  94.     font-size: 19px;
  95. }
  96.  
  97. /* post page: spacing of comment stacks from each other (parent comment and all children)  */
  98. .subsubcom {
  99.     margin-bottom: 20px;
  100. }
  101.  
  102. /* post page: post details padding adjustment   */
  103. .sub {
  104.     padding-bottom: 0;
  105. }
  106.  
  107. /* post page: post title font adjustment   */
  108. .title {
  109.     width: 100%;
  110.     font-size: 36px;
  111.     font-family: Lora;
  112.     margin-bottom: 5px
  113. }
  114.  
  115. /* post page: username font adjustment   */
  116. .subhead {
  117.     font-size: 15px;
  118. }
  119.  
  120. /* post page: adds extra space after paragraphs */
  121. p {
  122.     padding-bottom: 5px;
  123. }
  124.  
  125. }
  126.  
  127. @-moz-document url-prefix("https://hubski.com/pub") {
  128. /* global: width of the main, central content div */
  129. .middlepage {
  130.     width: 80%;
  131. }
  132.  
  133.  
  134. /* post page: submission tags position adjustment */
  135. .subtitle {
  136.     float: left;
  137.     margin-bottom: 10px;
  138. }
  139.  
  140. /* post page: position of post actions */
  141. .titlelinks {
  142.     display: block;
  143. }
  144.  
  145. /* post page: position of post share wheel to account for new title size */
  146. .plusminus {
  147.     padding-top: 5px;
  148. }
  149. }
  150.  
  151. @-moz-document url-prefix("https://hubski.com/chat") {
  152. /* Profile page: width of the main content div */
  153. .middlepage {
  154.     width: 85%;
  155. }
  156.  
  157. /* centres chat */
  158. .whole {
  159.     margin: auto;
  160.     width: 50%;
  161. }
  162.  
  163. /* Increases font size and  and limits width */
  164. .chatdata {
  165.     font-size: 17px;
  166.     max-width: 670px;
  167. }
  168.  
  169.  
  170. /* Formats username and adds spacing between posts*/
  171. .chatdata a {
  172.     display: inline-block;
  173.     padding-top: 20px;
  174.     padding-bottom: 2px;
  175. }
  176.  
  177. /* formats timestamp */
  178. .timest {
  179.     padding-left: 5px;
  180.     font-size: 12px
  181. }
  182.  
  183. /* Adds a blank block element in after timestamp to force message text onto new line (as message text doesn't have it's own selector) */
  184. .timest::after {
  185.     content: "";
  186.     display: block;
  187. }
  188.  
  189.  
  190. /* Positions submit button */
  191. input[type="submit"] {
  192.     margin-top: 5px;
  193.     margin-left: 2px;
  194. }
  195. }
RAW Paste Data