Advertisement
templatess

layout #1

Sep 15th, 2021 (edited)
749
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.32 KB | None | 0 0
  1. FRIENDS_OPT_ITEMS=>50
  2.  
  3. FRIENDS_WEBSITE=> <div class="signature">name here</div>
  4.  
  5. LASTN_TALK_LINKS<=
  6. <tr>
  7. <td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
  8. </td>
  9. </tr>
  10. <=LASTN_TALK_LINKS
  11.  
  12. GLOBAL_HEAD<=
  13. <title></title>
  14. <link href="" rel="shortcut icon">
  15. <link href="http://thnksfrthhtml.neocities.org/comments.css" rel="stylesheet">
  16. <link href="http://thnksfrthhtml.neocities.org/signature.css" rel="stylesheet">
  17. <link href="http://dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  18. <link rel="stylesheet" href="https://soften.neocities.org/quakelove.css?family=quakelove">
  19. <style>
  20.  
  21. /*
  22. $ credit to: @kahnwald
  23. $ leave credit in tact, change colours, ask for help or codes
  24. */
  25.  
  26. body {
  27. background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
  28. }
  29.  
  30. td {
  31. font-family: sans-serif;
  32. font-size: 9px;
  33. line-height: 10px;
  34. color: #acacac;
  35. }
  36.  
  37. td.caption {
  38. font-size:0px;
  39. line-height:0px;
  40. }
  41.  
  42. .shadowed, .entrybox {
  43. font-size: 10px;
  44. width: 596px;
  45. background-color: rgba(355, 355, 355, 0.5);
  46. border-radius: 1px;
  47. box-shadow: 0px 1px 2px #f0f0f0;
  48. border: 1px solid transparent;
  49. border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
  50. border-image-slice: 1;
  51. margin-top: -5px;
  52. }
  53.  
  54. .shadowed td div {
  55. font-family: arial narrow;
  56. font-size: 9px;
  57. line-height: 0px;
  58. color: #D7D7D7;
  59. text-shadow: 3px 3px 1px #fff;
  60. margin-top: 5px;
  61. display: none;
  62. }
  63.  
  64. .meta {
  65. visibility:visible;
  66. font-size: 6.5px;
  67. padding:0px;
  68. }
  69.  
  70. .index {
  71. visibility:visible;
  72. }
  73.  
  74. a.index {
  75. visibility: visible;
  76. font-family: comments;
  77. font-size: 5px;
  78. line-height: 7px;
  79. letter-spacing: 1px;
  80. text-transform: uppercase;
  81. text-decoration: none;
  82. border: 0;
  83. background: transparent !important;
  84. }
  85.  
  86. table table table td.meta {
  87. color:transparent;
  88. font-size:0px;
  89. line-height:0px;
  90. }
  91.  
  92. p table.entrybox table table td.meta, table table table td.meta a {
  93. font-family: arial narrow, sans-serif;
  94. font-size:7px;
  95. text-transform:uppercase;
  96. line-height:9px;
  97. padding:0px;
  98. letter-spacing:1px;
  99. margin-top:-13px;
  100. }
  101.  
  102. table table table table td.meta a {
  103. font-family: arial narrow, sans-serif;
  104. font-size: 7px;
  105. line-height: 11px;
  106. font-style: italic;
  107. letter-spacing: 1px;
  108. text-transform: uppercase;
  109. padding-left: 2px;
  110. top: 12px;
  111. position: relative;
  112. }
  113.  
  114. p table table table td.meta {
  115. font-family: arial narrow, sans-serif;
  116. font-size: 7px;
  117. line-height: 9px;
  118. letter-spacing: 1px;
  119. text-transform: uppercase;
  120. }
  121.  
  122. .shadowed img {
  123. border-radius: 100px;
  124. box-shadow:0 0 1px #ccc;
  125. padding:2px;
  126. height:40px;
  127. width:40px;
  128. margin-top: -5px;
  129. margin-bottom: -5px;
  130. filter: grayscale(100%);
  131. }
  132.  
  133. a {
  134. color: #dca8f5;
  135. text-decoration: none;
  136. border-style: solid;
  137. border-width: 0 0 2px 0;
  138. -webkit-border-image: -webkit-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
  139. -moz-border-image: -moz-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
  140. -o-border-image: -o-linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%);
  141. border-image: linear-gradient(to right, #E3FDF5 0%, #FFE6FA 100%) 100% 1;
  142. }
  143.  
  144. a:hover {
  145. color: #7c9090;
  146. text-decoration: none;
  147. border-bottom: 1px solid #34df98;
  148. background-image: linear-gradient(225deg, #E3FDF5 0%, #FFE6FA 100%);
  149. }
  150.  
  151. p table table td.caption {
  152. font-family: arial narrow;
  153. font-size: 6.5px;
  154. line-height: 7px;
  155. letter-spacing: 1px;
  156. text-transform: uppercase;
  157. font-style: italic;
  158. color: #D7D7D7;
  159. margin-bottom: -5px;
  160. padding: 0px;
  161. padding-left: 3px;
  162. padding-top: 2px;
  163. }
  164.  
  165. .comments {
  166. font-family: arial narrow, sans-serif;
  167. font-size: 7px;
  168. line-height: 7px;
  169. letter-spacing: 1px;
  170. text-transform: uppercase;
  171. padding-bottom:2px;
  172. background: linear-gradient(to right, #e8f9f68c 50%, #dca8f512 100%);
  173. }
  174.  
  175. .comments a {
  176. border-bottom: 0px;
  177. transition: all 300ms ease-in-out;
  178. }
  179.  
  180. .comments a:hover {
  181. color: #67dcb8;
  182. }
  183.  
  184. .comments b {
  185. transition: all .2s;
  186. text-decoration: none;
  187. font-family: comments;
  188. font-weight: normal !important;
  189. position: absolute;
  190. overflow: hidden;
  191. margin: 0 -50 3;
  192. padding: 0 0 2px;
  193. }
  194.  
  195. .comments b::before {
  196. content: '';
  197. position: absolute;
  198. left: 0;
  199. right: 0;
  200. bottom: 0;
  201. height: 2px;
  202. background: currentcolor;
  203. -webkit-transform: translateX(-110%);
  204. transform: translateX(-110%);
  205. transition: -webkit-transform 1s ease;
  206. transition: transform 1s ease;
  207. transition: transform 1s ease, -webkit-transform 1s ease;
  208. }
  209.  
  210. .comments b:hover::before {
  211. -webkit-transform: translateX(110%);
  212. transform: translateX(110%);
  213. }
  214.  
  215. .entrybox td.index {
  216. font-family:arial narrow, sans-serif;
  217. font-size:6.5px;
  218. line-height:7px;
  219. letter-spacing:1px;
  220. text-transform:uppercase;
  221. color:#FBFBFB;
  222. background-color:#;
  223. padding:0 2 0 0;
  224. padding-left: 3px;
  225. }
  226.  
  227. .entrybox td table td.index, tr.caption {
  228. visibility:hidden;
  229. }
  230.  
  231. table table tr.caption, table table td.index {
  232. visibility: hidden;
  233. }
  234.  
  235. td.index {
  236. visibility: visible;
  237. }
  238.  
  239. tr.caption {
  240. display: visible;
  241. }
  242.  
  243. .index img {
  244. width: 45px;
  245. height: 45px;
  246. }
  247.  
  248. .entrybox table table table td[align=center] {
  249. color:transparent;
  250. font-size:0px;
  251. }
  252.  
  253. .ljuser img {
  254. display:none;
  255. }
  256.  
  257. .ljuser:before {
  258. content: "—";
  259. }
  260.  
  261. .caption img {
  262. width:0px;
  263. height:0px;
  264. }
  265.  
  266. .th {
  267. font-size:95%;
  268. text-shadow:0 0 0.5px rgba(0,0,0,0.05);
  269. font-smoothing: antialiased;
  270. }
  271.  
  272. .signature {
  273. position: absolute;
  274. display: block !important;
  275. top: 35px;
  276. font-family: quakelove !important;
  277. font-size: 32px !important;
  278. letter-spacing: 0px !important;
  279. line-height: 10px !important;
  280. text-transform: lowercase !important;
  281. color: #dca8f5 !important;
  282. text-shadow: 1px 0px 1px #FFFFFF !important;
  283. text-transform: none;
  284. font-weight: light;
  285. margin-left: 3px;
  286. }
  287.  
  288. .signature:hover {
  289. background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%) !important;
  290. }
  291.  
  292. </style>
  293. <=GLOBAL_HEAD
  294.  
  295. FRIENDS_TALK_LINKS<=
  296. <tr>
  297. <td align="right" colspan="2" width="100%" class="comments">%%readlink%% <a href="%%urlpost%%"><i class="th th-stars-o"></i></a>
  298. </td>
  299. </tr>
  300. <=FRIENDS_TALK_LINKS
  301.  
  302. LASTN_OPT_ITEMS=>3
  303.  
  304. LASTN_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%% COMMENTS</a>
  305.  
  306. FRIENDS_TALK_READLINK=><a href="%%urlread%%" style="animation: none !important;">%%messagecount%% COMMENTS</a>
  307.  
  308. LASTN_WEBSITE=> <div class="signature">name here</div>
  309.  
  310.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement