tentacoolgoods

winter flakes

Dec 16th, 2017
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.17 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <link rel="icon" href="">
  3. <title>title</title>
  4. <link rel="stylesheet" href="https://fontcity.neocities.org/marshabelle.css?family=marsha+belle">
  5.  
  6. <style>
  7.  
  8. /* layout by coding/ell/laurel/watson/fmelle/ edited by tentacool - feel free to reach out for assistance
  9. you do not need to rehost any of my fonts unless you choose to */
  10.  
  11. /* body background and snow effect */
  12. body{background-color:#e5e5e5;
  13.  
  14. background-image:
  15. url('https://i.imgur.com/Zz2SrLz.png'),
  16. url('https://i.imgur.com/yD2mHcv.png'),
  17. url('https://i.imgur.com/bTioDTb.png');
  18.  
  19. background-attachment: fixed !important;
  20. -webkit-animation: snow 23s linear infinite;
  21. -moz-animation: snow 23s linear infinite;
  22. -ms-animation: snow 23s linear infinite;
  23. animation: snow 23s linear infinite;}
  24.  
  25. /* Snow Falling Code */
  26. @keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  27. 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
  28. }
  29.  
  30. @-moz-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  31. 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
  32. }
  33.  
  34. @-webkit-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  35. 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
  36. }
  37.  
  38. @-ms-keyframes snow {0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  39. 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
  40. table {border: 0p;}
  41. table table {border: 0px;}
  42. }
  43.  
  44. /* pads namefield so border doesn't cover first post */
  45. .shadowed { padding-bottom: 10px !important;}
  46.  
  47. /* aligns text */
  48. tr {text-align:justify;}
  49.  
  50. /* makes entries and namefield the same width */
  51. .entrybox {width:594px;}
  52.  
  53. /* shows top nav - to hide change visibility:visible to visibility:none */
  54. a.index {visibility:visible !important;}
  55.  
  56. /* hides extra words in namefield links */
  57. table table table td.meta {font-size:0px;line-height:0px;}
  58.  
  59. /* links under namefield */
  60. table table table td.meta a {font-size:7px;letter-spacing:1px;line-height:8px;margin-top:-4px; margin-left:40px;}
  61.  
  62. /* removes top left journal name */
  63. tr.caption{visibility:hidden;}
  64.  
  65. /* entrybox */
  66. .entrybox, .shadowed {background-color: rgba(255,255,255,.4); }
  67.  
  68. /* date & time - to show change display:none to display:visible */
  69. .entrybox td.index {display:none;}
  70.  
  71. /* mood & music - to show change display:none to display:visible */
  72. .entrybox td.meta {display:none; font-family: arial; font-size: 7px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  73.  
  74. /* body text */
  75. tr, td, table, body {padding:1px; font-family: arial, franklin gothic medium, arial; font-size: 10px; line-height:11px; color:#777;}
  76.  
  77. /* subject lines */
  78. p table table td.caption {font-family: arial; font-size:7px; letter-spacing:1px; margin-bottom:-4px; line-height: 15px; text-shadow:1px 1px 1px #eeeeee;text-transform: uppercase;}
  79.  
  80. /* namefield. */
  81. .shadowed td div {font-family:marsha belle;
  82. font-size:28px;
  83. line-height:10px;
  84. letter-spacing:0.5px;
  85. text-transform:lowercase;
  86. font-weight:bold;
  87. color:#5EB5C7;
  88. text-shadow: 2px 1px 0px #fff, 3px 2px 2px #AAA;
  89. margin-top:10px;
  90. margin-left:40px;}
  91.  
  92. /* all misc little text */
  93. p.index, .index, tr.caption, .meta, td.meta, .comments, .date {font-family: arial; font-size: 7px; line-height:7px; color: #777; letter-spacing:1px; text-transform:uppercase; padding:0px;}
  94.  
  95. /* kills bold text */
  96. b {font-weight:normal !important;}
  97.  
  98. /* link effects. */
  99. a, a:visited, a:active {color: #777; text-decoration: none;; -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}
  100. a:hover{color: #5EB5C7; text-decoration: none;-webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; transition-duration: 1.2s;}
  101.  
  102. /* usericons & locks. */
  103. .ljuser img {display:none;}
  104. .ljuser:before {content: "❄︎";}
  105. .caption img {width:5px; height:5px;}
  106.  
  107. /* comments. */
  108. .comments {font-family: arial; font-size: 6pt; line-height: 10pt; padding-right:6px; padding-bottom:2px;}
  109.  
  110. /* custom scrollbar */
  111. ::-webkit-scrollbar {width: 2px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url();background-color:#eee;}
  112. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px tan;background-image:url('');border-radius:0px;background-color:#fff;}
  113.  
  114. /* cursor */
  115. body, a, a:hover {cursor:url(https://i.imgur.com/9cIWrkp.png), default;}
  116.  
  117. /* removes icon for gif */
  118. .shadowed img {display: none;}
  119.  
  120. /*friends page icons*/
  121. .index img {
  122. border-radius:50px;
  123. height:50px;
  124. width:50px;
  125. padding: 4;
  126. margin-bottom:5px;
  127. background-color: #ccc;}
  128. .index {
  129. text-transform:uppercase;
  130. font-family: helvetica;
  131. font-size:5pt;
  132. text-transformation: uppercase;
  133. text-shadow:none;
  134. letter-spacing: 1px;
  135. line-height:0px;}
  136. .entrybox a.index font {
  137. color: #5b5b5b;}
  138. td{background-color:transparent;}
  139.  
  140.  
  141. /* icon and wreath */
  142.  
  143. #frame {
  144. position:absolute;
  145. top: -30px;
  146. margin-left: -142px;
  147. visibility: visible;
  148. z-index: 2;
  149. visibility: visible !important;
  150. }
  151.  
  152. #icon {
  153. position:absolute;
  154. top: 23px;
  155. margin-left: -80px;
  156. z-index: 1;
  157. }
  158.  
  159. </style>
  160.  
  161.  
  162.  
  163. <=GLOBAL_HEAD
  164.  
  165. FRIENDS_WEBSITE<=
  166. <div id="frame">
  167. <img src="https://i.imgur.com/C0BaGfH.png" style="display: block; width: 181px; height: 181px; visibility: visible; filter: grayscale(0%); border-radius: 0px !important;">
  168. </div>
  169.  
  170. <div id="icon">
  171. <img src="https://78.media.tumblr.com/cc0ec32621c043ca103947b1b61d0181/tumblr_mt9nanMTzS1s7v9qwo8_250.gif" style="display: block; width: 69px; height: 69px; visibility: visible; opacity:1;filter:alpha(opacity=98); filter: grayscale(10%); border-radius: 100px !important;">
  172. </div>
  173. <=FRIENDS_WEBSITE
  174.  
  175. LASTN_OPT_ITEMS=>3
  176.  
  177. LASTN_WEBSITE<=
  178. <div id="frame">
  179. <img src="https://i.imgur.com/C0BaGfH.png" style="display: block; width: 181px; height: 181px; visibility: visible; filter: grayscale(0%); border-radius: 0px !important;">
  180. </div>
  181.  
  182. <div id="icon">
  183. <img src="https://78.media.tumblr.com/cc0ec32621c043ca103947b1b61d0181/tumblr_mt9nanMTzS1s7v9qwo8_250.gif" style="display: block; width: 69px; height: 69px; visibility: visible; opacity:1;filter:alpha(opacity=98); filter: grayscale(10%); border-radius: 100px !important;">
  184. </div>
  185. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment