Advertisement
tentacoolgoods

lyrics above

Apr 19th, 2018
179
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.53 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>𝔻𝔸ℤℤ𝕃𝔼ℝ.</title>
  3. <link rel="shortcut icon" href="http://68.media.tumblr.com/tumblr_m4sw8yrwlm1rq45ln.gif">
  4.  
  5. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  7. <link href="https://fonts.googleapis.com/css?family=Oswald|Inconsolata" rel="stylesheet">
  8. <link rel="stylesheet" type="text/css" href="http://carthis.neocities.org/css/dos.css">
  9.  
  10.  
  11.  
  12.  
  13. <style>
  14.  
  15.  
  16.  
  17. /* ᴄᴏᴅᴇᴅ ʙʏ ᴠᴀʜ@ɪᴊ. */
  18.  
  19. /* BACKGROUND */
  20. body {
  21. background-color: rgba(255, 255, 255, 1);
  22. background-image: url(http://i.imgur.com/7XlfNW7.png);
  23. }
  24.  
  25.  
  26. /* REMOVES HEADER BOX, INCL. LINKS AND ICON */
  27. .shadowed {
  28. height: 0px; }
  29.  
  30. .shadowed img {
  31. display: none; }
  32.  
  33. /* ENTRY BOX */
  34. .entrybox {width: 605px;
  35. background-color: rgba(255, 255, 255, 0.3);
  36. box-shadow:0 0 1px #eeeeee;
  37. padding: 3px;}
  38.  
  39. /* SECURITY ICONS */
  40. table td table td.caption img {
  41. display: none; }
  42.  
  43. /* SUBJECT LINES */
  44. p table table td.caption {
  45. border-bottom: 2px solid;
  46. border-image: linear-gradient(to right, #FF0092, #FFCA1B, #B6FF00, #228DFF, #BA01FF) 1;
  47. text-align: justify;
  48. font-family: hedhart; font-size:11px; line-height:13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(103, 102, 102, 1); text-shadow: 0px 0px 1px #A3A3A3; text-indent: 4px;}
  49.  
  50. /* MOVES DATES TO NEW LINE */
  51. .entrybox td.index, .dated {
  52. display: none; }
  53.  
  54. /* NEW DATES */
  55. .dates {
  56. color: #A1A1A1;
  57. font-family: Calibri, Arial, Helvetica;
  58. font-size: 7px;
  59. letter-spacing: 1px;
  60. line-height: 4px;
  61. text-shadow: 0px 0px 1px #A3A3A3;
  62. text-transform: uppercase; }
  63.  
  64. /* FRIENDS PAGE ICONS * /
  65. .entrybox a.index {
  66. color: #000;
  67. font-family: moon;
  68. font-size: 7px;
  69. letter-spacing: 2px;
  70. line-height: 14px;
  71. text-transform: uppercase; }
  72.  
  73. .entrybox a.index img {
  74. border-radius: 50px;
  75. box-shadow: 1px 1px 1px #ddd;
  76. height: 75px;
  77. width: 75px; }
  78.  
  79. .entrybox tr td table tr td table tr td {
  80. background: transparent; }
  81.  
  82. /* ENTRY FONT */
  83. body, html, td {
  84. color: #a1a1a1;
  85. font-family: calibri;
  86. font-size: 11px;
  87. letter-spacing: 1px;
  88. line-height: 12px; }
  89.  
  90. tr {
  91. text-align: justify; }
  92.  
  93. /* COMMENTS */
  94. .comments {
  95. font-family: Inconsolata;
  96. font-size: 8px;
  97. line-height: 10px;
  98. letter-spacing: 1px;
  99. font-weight:;
  100. text-transform: uppercase; }
  101.  
  102. /* VIEWING */
  103. .index, .meta {
  104. font-family: helvetica;
  105. font-size: 7px;
  106. font-weight: lighter;
  107. letter-spacing: 1px;
  108. line-height: 7px;
  109. opacity: 0.80;
  110. text-transform: uppercase; }
  111.  
  112. table table table td.meta {
  113. font-size: 0px;
  114. line-height: 0px; }
  115.  
  116. table table table td.meta a {
  117. font-size: 7px;
  118. letter-spacing: 1px;
  119. line-height: 7px; }
  120.  
  121. /* LINK EFFECTS */
  122. a {
  123. color: #FF0092;
  124. text-decoration: none;
  125. transition: 0.6s;
  126. -webkit-transition: 0.6s;
  127. text-shadow: 0px 0px 1px #A3A3A3;}
  128.  
  129. a:hover {filter: hue-rotate(342deg) saturate(0.8);-webkit-filter: hue-rotate(342deg) saturate(0.8);-moz-filter: hue-rotate(342deg) saturate(0.8);-ms-filter: hue-rotate(342deg) saturate(0.8);-o-filter: hue-rotate(342deg) saturate(0.8);text-decoration: none;} A:hover {filter: hue-rotate(342deg) saturate(0.8);-webkit-filter: hue-rotate(342deg) saturate(0.8);-moz-filter: hue-rotate(342deg) saturate(0.8);-ms-filter: hue-rotate(342deg) saturate(0.8);-o-filter: hue-rotate(342deg) saturate(0.8);text-decoration: none;}}
  130.  
  131. /* CURSOR */
  132. body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
  133.  
  134. /* IMAGE EFFECTS */
  135. img {
  136. opacity: 1;
  137. transition-duration: 0.8s;
  138. -webkit-transition-duration: 0.8s; }
  139.  
  140. img:hover {
  141. filter: saturate(0%);
  142. transform: scale(1.2);
  143. transition-duration: 0.8s;
  144. -webkit-filter: saturate(0%);
  145. -webkit-transition-duration: 0.8s; }
  146.  
  147. /* SCROLLBAR */
  148. ::-webkit-scrollbar {
  149. background-color: #fff;
  150. width: 13px; }
  151.  
  152. ::-webkit-scrollbar-thumb {
  153. background-color: #ccc;
  154. border: 6px solid #fff; }
  155.  
  156. ::-webkit-scrollbar-track {
  157. background-color: #eee;
  158. border: 6px solid #fff; }
  159.  
  160. /* SELECTED TEXT */
  161. ::selection {
  162. background-color: none;
  163. color: #c2a4fe;
  164. text-shadow: 0px 0px 1px #A3A3A3; }
  165.  
  166. /* MISCELLANEOUS */
  167. hr {
  168. border-left: none;
  169. border-top: 1px solid #dfdfdf; }
  170.  
  171. u {
  172. border-bottom: 1px solid #c0c0c0;
  173. padding-bottom: 0px;
  174. text-decoration: none; }
  175.  
  176. .ljuser img{display:none;}
  177.  
  178. /* SIDEBAR */
  179. #sidebar {
  180. height: 0px;
  181. position: fixed;
  182. margin-left: -500px;
  183. margin-top: 12px;
  184. width: 160px;
  185. visibility: visible; }
  186.  
  187. #portrait {
  188. position: absolute;
  189. visibility: visible;
  190. z-index: 2; }
  191.  
  192. #portrait img {
  193. background: rgba(0,0,0,0.04);
  194. border-top: 2px solid #000;
  195. border-left: 2px solid #000;
  196. border-right: 2px solid #000;
  197. border-bottom: 2px solid #000;
  198. border-image: repeating-linear-gradient(to bottom right, #FF0092, #FFCA1B, #B6FF00, #228DFF, #BA01FF) 5;
  199. padding: 5px;
  200. display: block;
  201. margin-left: 16px;
  202. margin-top: 20px;
  203. opacity: 1.00;
  204. position: relative;
  205. width: 126px; }
  206.  
  207. #box {
  208. background-color: rgba(255, 255, 255, 0.3);
  209. box-shadow:0 0 1px #eeeeee;
  210. padding: 2px;
  211. position: relative;
  212. visibility: visible;
  213. width: 139px; }
  214.  
  215. .navi a {
  216. margin-left: 5px;
  217. font-size: 12px;
  218. opacity: 1;
  219. text-shadow: 0px 0px 1px #A3A3A3;
  220. display: inline-block;
  221. padding: 3px;}
  222. </style>
  223.  
  224.  
  225. <style>
  226.  
  227.  
  228.  
  229.  
  230. <!--
  231. table table table table .meta {visibility:hidden;position:absolute;top:0px;padding:0px;}
  232. table table table table table .meta {visibility:visible;position:relative;top:0px;padding:0px;}
  233.  
  234. tr.caption {
  235. display:none
  236. }
  237.  
  238. .shadowed td div {
  239. visibility: hidden;
  240. position: absolute;
  241. }
  242.  
  243. .shadowed {
  244. background-image: url();
  245. background-position: left bottom !important;
  246. background-repeat: no-repeat;
  247. vertical-align: bottom;
  248. padding: 0;
  249. }
  250.  
  251. #lyrics{position:absolute; visibility: visible; margin-left: 15px; margin-top: 120px; z-index:0; text-align:justify; width:145px;}
  252. .text {font-family: arial narrow; font-size: 10px; line-height:10px; letter-spacing:0px; text-transform:uppercase; text-align:justify; color:#444444; text-shadow:#222;}
  253.  
  254. </style>
  255.  
  256. <=GLOBAL_HEAD
  257.  
  258. FRIENDS_WEBSITE<=
  259. <div id="sidebar">
  260. <div id="portrait"><a href="/" title=""><img src="http://78.media.tumblr.com/908e2db1e75df55421bfb7d0c80936dd/tumblr_p6f0ctOzkR1qezp3zo7_250.gif"></a></div>
  261.  
  262. <div id="lyrics"><font class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco nisi ut aliquip ex consequat. Duis aute in reprehenderit in dolore eu fugiat nulla pariatur.</font>
  263.  
  264. <div id="box"><span class="navi"><a href="/profile" style="color:#FF0092; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴘʀᴏғɪʟᴇ"><span class="lnr lnr-user"></span></a>
  265. <a href="/friends" style="color:#FFCA1B; text-shadow: 0px 1px 1px #AFAFAF;" title="ғʀɪᴇɴᴅs"><span class="lnr lnr-star"></span></a>
  266. <a href="URL" style="color:#B6FF00; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴄᴜsᴛᴏᴍs"><span class="lnr lnr-heart"></span></a>
  267. <a href="URL" style="color:#BA01FF; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴏᴜᴛ ᴏғ ᴄʜᴀʀᴀᴄᴛᴇʀ"><span class="lnr lnr-bubble"></span></a>
  268. <a href="URL" style="color:#228DFF; text-shadow: 0px 1px 1px #AFAFAF;" title="sᴄᴇɴᴇs"><span class="lnr lnr-pencil"></span></a>
  269. </a></span></div></div>
  270.  
  271. </div>
  272. <=FRIENDS_WEBSITE
  273.  
  274. LASTN_WEBSITE<=
  275. <div id="sidebar">
  276. <div id="portrait"><a href="/" title=""><img src="http://78.media.tumblr.com/908e2db1e75df55421bfb7d0c80936dd/tumblr_p6f0ctOzkR1qezp3zo7_250.gif"></a></div>
  277.  
  278. <div id="lyrics"><font class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco nisi ut aliquip ex consequat. Duis aute in reprehenderit in dolore eu fugiat nulla pariatur.</font>
  279.  
  280. <div id="box"><span class="navi"><a href="/profile" style="color:#FF0092; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴘʀᴏғɪʟᴇ"><span class="lnr lnr-user"></span></a>
  281. <a href="/friends" style="color:#FFCA1B; text-shadow: 0px 1px 1px #AFAFAF;" title="ғʀɪᴇɴᴅs"><span class="lnr lnr-star"></span></a>
  282. <a href="URL" style="color:#B6FF00; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴄᴜsᴛᴏᴍs"><span class="lnr lnr-heart"></span></a>
  283. <a href="URL" style="color:#BA01FF; text-shadow: 0px 1px 1px #AFAFAF;" title="ᴏᴜᴛ ᴏғ ᴄʜᴀʀᴀᴄᴛᴇʀ"><span class="lnr lnr-bubble"></span></a>
  284. <a href="URL" style="color:#228DFF; text-shadow: 0px 1px 1px #AFAFAF;" title="sᴄᴇɴᴇs"><span class="lnr lnr-pencil"></span></a>
  285. </a></span></div></div>
  286.  
  287. </div>
  288. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement