rjjaramillo

Dynalist CSS Clone

Mar 8th, 2021
742
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. .Node.is-heading3 > div:first-child {
  2.     /*font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;*/
  3.     /*font-family: "Architects Daughter";*/
  4.     /*font-family: 'Patrick Hand', cursive;*/
  5.     /*font-family: "Comic Sans MS", cursive, sans-serif;*/
  6.     /*font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;*/
  7.     /*font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;*/
  8.     font-family: "Comic Sans MS", cursive, sans-serif;
  9.     font-size: 11px; /*12px;*/
  10.     /*font-style: italic;*/
  11.     font-weight: bold;
  12.     color: #A0522D; /* brown */
  13.     /*font-variant: small-caps;*/
  14. }
  15.  
  16. .Node.is-heading1 > div:first-child {
  17.     font-size: 13px;
  18. }
  19.  
  20. .Node.is-heading2 > div:first-child {
  21.     /*background-color: #e6e6e6;*/ /*#808080;*/ /*#402100;*/ /*#4d2800;*/ /*#331a00;*/ /*#808080;*/ /* #ffffb3; */
  22.     /*color: black;*/
  23.     /*font-family: Arial, Helvetica, sans-serif;*/
  24.     font-family: "Comic Sans MS", cursive, sans-serif;
  25.     font-size: 10.5px; /*10.5px;*/
  26.     font-style: normal;
  27.     font-weight: lighter;
  28. }
  29.  
  30. /* Deleted header tags 1 and 2 */
  31.  
  32. .node-italics {
  33.     background-color: yellow;
  34.     color: black;
  35.     text-decoration: none;
  36.     /*font-style: normal;*/
  37.     display: inline-block;    /*so you can cross out and still highlight */
  38. }
  39.  
  40. /*.node-tag {*/
  41.     /*color: #008000;*//*#d9ffd9;*/ /*#009900;*/ /*  #004d00, #006600, was green */
  42.     /*font-style: italic;*/
  43.     /*font-weight: 600;*/
  44. /*}*/
  45.  
  46. .sup {
  47.     color: hotpink;
  48. }
  49.  
  50. .node-bold {
  51.     color: #800080; /*#ffffb3;*/ /*#99ffff;*/ /*#ccffff;*/ /* #ffff00; */
  52.     font-style: normal;
  53.     font-weight: 600; /*normal;*//*lighter;*/
  54. }
  55.  
  56. a {
  57.     color: #87CEFA; /* was blue, now light blue */
  58. }
  59.  
  60. a[href^="https://youtube.com"] {
  61.     color: Teal;
  62. }
  63.  
  64. a[href^="http://i.imgur.com"] {
  65.     color: #cccccc; /*#666666*/ /*#595959*/ /*#4d4d4d;*/ /*  #666666    #A9A9A9 */
  66. }
  67.  
  68. a[href^="https://i.imgur.com"] {
  69.     color: #cccccc; /*#4d4d4d;*/
  70. }
  71.  
  72. a[href^="http://stackoverflow.com"] {
  73.     color: Pink;
  74. }
  75.  
  76. a[href^="https://github.com"] {
  77.     color: #ff99a8; /* darker pink */
  78. }
  79.  
  80. a[href^="https://dynalist.io"] {
  81.     color: red;
  82. }
  83.  
  84. a[title^="Filter #"] {
  85.     color: #000099; /*#0000cc;*/ /*#000080;*/ /*#0000ff;*/ /*#ff8c00;*/ /*#ffa500;*/ /*#ffbea5;*/ /*#ffb499;*/ /*#ffc7b3*/ /*#ff8f66;*/ /* #ff7c4d   OrangeRed */
  86.     /*font-family: "Arial Narrow", Arial, sans-serif;*/
  87.     font-style: normal;
  88. }
  89.  
  90. i {
  91.     background-color: yellow;
  92. }
  93.  
  94.  
  95.  
  96.  
  97.  
  98. /* change color labels*/
  99. .set-color-label[data-color="1"], .Node-contentContainer.mod-color-label-1 {
  100. background: #FFDBD3 !important;
  101. border-radius: 0;
  102. padding-left: 3px !important;
  103.     border-left: solid  red;
  104.     max-width: 70%;
  105.  
  106. }
  107.  
  108.    
  109. .set-color-label[data-color="2"], .Node-contentContainer.mod-color-label-2 {
  110. background: #FFEFD3 !important;
  111. padding-left: 3px !important;
  112.  
  113.     border-left: solid  orange;
  114.     border-radius: 0;
  115.      max-width: 70%;
  116.  
  117. }
  118.  
  119. .set-color-label[data-color="3"], .Node-contentContainer.mod-color-label-3 {
  120. background: #FFF9D3 !important;
  121. padding-left: 3px !important;
  122.     border-left: solid  #FFE84A;
  123.     border-radius: 0;
  124.      max-width: 70%;
  125.  
  126. }
  127.  
  128. .set-color-label[data-color="4"], .Node-contentContainer.mod-color-label-4 {
  129.  
  130. padding-left: 3px !important;
  131.     border-left: solid  green;
  132.     border-radius: 0;
  133.      max-width: 70%;
  134.  
  135. }
  136.  
  137. .set-color-label[data-color="5"], .Node-contentContainer.mod-color-label-5 {
  138. background: #EDF4FF !important;
  139. padding-left: 3px !important;
  140.     border-left: solid  #09387D;
  141.     border-radius: 0;
  142.     color: #09387D !important;
  143.     max-width: 70%;
  144. }
  145.  
  146. .set-color-label[data-color="6"], .Node-contentContainer.mod-color-label-6 {
  147. background: #F6EBFC !important;
  148. padding-left: 3px !important;
  149.     border-left: solid  purple;
  150.     border-radius: 0;
  151.      max-width: 70%;
  152.  
  153. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×