API tools faq
paste
laenavesse

THREAD TRACKER: NOTEBOOK

laenavesse
Apr 20th, 2021 (edited)
649
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.49 KB | None | 0 0
raw download clone embed print report
  1. THREAD TRACKER: NOTEBOOK
  2. Directions: https://efryndiel.dreamwidth.org/7784.html
  3. Credit to Laena @ efryndiel.dreamwidth.org
  4.  
  5. <raw-code>
  6. <div style="margin: 20px auto; width: 650px; display: flex; flex-flow: wrap; justify-content: space-around;">
  7.  
  8. <!-- FIRST COL: NAVIGATION -->
  9. <div style="margin-top: 60px; width: 100px; font-family: verdana, sans-serif; font-size: 8pt; text-align: center;">
  10.  
  11. <!-- FIRST BOX: 2021 -->
  12. <details open><summary style="margin: auto; width: 100%; font-family: palatino, serif; font-size: 14pt; color: #efd2b2; line-height: 1.6; border-radius: 5px; border-bottom: 2px solid #866a4c;"><span style="color: #866a4c; cursor: pointer;">2021</span></summary>
  13.  
  14. <div style="box-sizing: content-box; margin: auto; margin-bottom: 10px; width: 85px; background: #f7f6f3; text-align: left; line-height: 1.6; border-width: 0 1px 0 1px; border-style: solid; border-color: #827662; border-radius: 0 0 5px 5px;">
  15. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  16. <a href="#jan2021" style="color: #804024; text-decoration: none;">january</a></span>
  17. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  18. <a href="#feb2021" style="color: #804024; text-decoration: none;">february</a></span>
  19. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  20. <a href="#mar2021" style="color: #804024; text-decoration: none;">march</a></span>
  21. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  22. <a href="#apr2021" style="color: #804024; text-decoration: none;">april</a></span>
  23. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  24. <a href="#may2021" style="color: #804024; text-decoration: none;">may</a></span>
  25. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  26. <a href="#jun2021" style="color: #804024; text-decoration: none;">june</a></span>
  27. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  28. <a href="#jul2021" style="color: #804024; text-decoration: none;">july</a></span>
  29. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  30. <a href="#aug2021" style="color: #804024; text-decoration: none;">august</a></span>
  31. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  32. <a href="#sep2021" style="color: #804024; text-decoration: none;">september</a></span>
  33. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  34. <a href="#oct2021" style="color: #804024; text-decoration: none;">october</a></span>
  35. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  36. <a href="#nov2021" style="color: #804024; text-decoration: none;">november</a></span>
  37. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  38. <a href="#dec2021" style="color: #804024; text-decoration: none;">december</a></span>
  39. </div>
  40. </details> <!-- END YEAR BOX -->
  41.  
  42. <!-- SECOND BOX: 2020 -->
  43. <details open><summary style="margin: auto; width: 100%; font-family: palatino, serif; font-size: 14pt; color: #efd2b2; line-height: 1.6; border-radius: 5px; border-bottom: 2px solid #866a4c;"><span style="color: #866a4c; cursor: pointer;">2020</span></summary>
  44.  
  45. <div style="box-sizing: content-box; margin: auto; margin-bottom: 10px; width: 85px; background: #f7f6f3; text-align: left; line-height: 1.6; border-width: 0 1px 0 1px; border-style: solid; border-color: #827662; border-radius: 0 0 5px 5px;">
  46. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  47. <a href="#jan2020" style="color: #804024; text-decoration: none;">january</a></span>
  48. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  49. <a href="#feb2020" style="color: #804024; text-decoration: none;">february</a></span>
  50. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  51. <a href="#mar2020" style="color: #804024; text-decoration: none;">march</a></span>
  52. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  53. <a href="#apr2020" style="color: #804024; text-decoration: none;">april</a></span>
  54. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  55. <a href="#may2020" style="color: #804024; text-decoration: none;">may</a></span>
  56. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  57. <a href="#jun2020" style="color: #804024; text-decoration: none;">june</a></span>
  58. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  59. <a href="#jul2020" style="color: #804024; text-decoration: none;">july</a></span>
  60. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  61. <a href="#aug2020" style="color: #804024; text-decoration: none;">august</a></span>
  62. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  63. <a href="#sep2020" style="color: #804024; text-decoration: none;">september</a></span>
  64. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  65. <a href="#oct2020" style="color: #804024; text-decoration: none;">october</a></span>
  66. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  67. <a href="#nov2020" style="color: #804024; text-decoration: none;">november</a></span>
  68. <span style="display: block; padding-left: 10px; border-bottom: 1px solid #827662; border-radius: 0 0 5px 5px;">
  69. <a href="#dec2020" style="color: #804024; text-decoration: none;">december</a></span>
  70. </div>
  71. </details> <!-- END YEAR BOX -->
  72.  
  73. <!-- If you want to add more year boxes, just c/p the above formatted boxes, from the starting details tag to the ending. You can remove any unused year links -->
  74.  
  75. </div> <!-- END NAVIGATION -->
  76.  
  77. <!-- NOTEBOOK PAGE CONTAINER -->
  78. <div style="width: 500px; height: 650px; background: -webkit-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: -moz-linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background: linear-gradient(top, #d3cec0 0%, #f9f9f7 8%) 0 55px; background-size: 100% 19px; border: 1px solid #c2b59f; border-radius: 10px; text-align: left; line-height: 19px; overflow: hidden;">
  79.  
  80. <!-- MONTH CONTAINER -->
  81. <div style="margin: 55px auto; width: 100%; height: 650px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt;">
  82. <a name="MONTHURLID" style="height: 0; font-size: 0px;"></a>
  83.  
  84. <!-- MONTH HEADER -->
  85. <div style="position: relative; margin-top: -55px; width: 100%; height: 55px; background: #866a4c; font-family: palatino, serif; font-size: 24pt; color: #efd2b2; line-height: 1.6em; text-align: left; padding-left: 10px;">⌘ MONTH YEAR</div>
  86.  
  87. <!-- THREAD CONTAINER -->
  88. <div style="margin: 4px auto; width: 95%;">
  89. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  90.  
  91. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  92.  
  93. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  94.  
  95. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  96.  
  97. </div><!-- END THREAD CONTAINER -->
  98. </div><!-- END MONTH CONTAINER -->
  99.  
  100.  
  101. <!-- MONTH CONTAINER -->
  102. <div style="margin: 55px auto; width: 100%; height: 650px; color: #3e2f22; font-family: times new roman, serif; font-size: 11pt;">
  103. <a name="MONTHURLID" style="height: 0; font-size: 0px;"></a>
  104.  
  105. <!-- MONTH HEADER -->
  106. <div style="position: relative; margin-top: -55px; width: 100%; height: 55px; background: #866a4c; font-family: palatino, serif; font-size: 24pt; color: #efd2b2; line-height: 1.6em; text-align: left; padding-left: 10px;">⌘ MONTH YEAR</div>
  107.  
  108. <!-- THREAD CONTAINER -->
  109. <div style="margin: 4px auto; width: 95%;">
  110. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  111.  
  112. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  113.  
  114. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  115.  
  116. ❖ <a href="URL" style="color: #804024; text-decoration: none;">date</a>: <b>thread type</b> » blurb<br /><br />
  117.  
  118. </div><!-- END THREAD CONTAINER -->
  119. </div><!-- END MONTH CONTAINER -->
  120.  
  121. <!-- To add more containers, copy the previous Month container code, from the start to the end -->
  122.  
  123. </div> <!-- END OF NOTEBOOK PAGE CONTAINER -->
  124. </div> <!-- END MAIN CONTAINER -->
  125. </raw-code>
  126.  
  127. <center><a href="https://efryndiel.dreamwidth.org/7784.html" style="font-family: tahoma, sans serif; font-size: 8pt; color: #cba551; text-decoration:none;">code</a> @ <a href="https://efryndiel.dreamwidth.org" style="font-family: tahoma, sans serif; font-size: 8pt; color: #4e6965; text-decoration: none;"><b>efryndiel</b></a></center>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!