Advertisement
codejam

give me just a little of your love -- requested

Oct 5th, 2017
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <link rel="icon" href="http://i.imgur.com/eTaIOv3.png">
  3. <link href="http://fonts.googleapis.com/css?family=Hind|Itim|Dosis|Crushed|Delius+Unicase" rel="stylesheet">
  4. <link rel="stylesheet" href="https://maryruth.neocities.org/pizza.css">
  5. <link rel="stylesheet" href="https://maryruth.neocities.org/journal.css">
  6. <link href="https://maryruth.neocities.org/bye.css" rel="stylesheet" type="text/css">
  7. <title>му ℓσνє ιѕ gσииα вє єиσυgн</title>
  8.  
  9. <style>
  10.  
  11. /* codes by iseu, minna and hawaii with edits by ruthie */
  12.  
  13. /* body background */
  14. body {
  15. background: url(http://i.imgur.com/4v6FYYa.png);
  16. background-color: #f5f5f5;
  17. height: 100%;
  18. background-attachment: fixed;
  19. repeat: no-repeat;
  20. background-size: cover;
  21. }
  22. /* removes borders around tables and entrybox - allows use of drop-shadows instead */
  23. table {
  24. border: 0p;
  25. }
  26. table table {
  27. border: 0px;
  28. }
  29.  
  30. /* justifies text */
  31. tr {
  32. text-align:justify;
  33. }
  34.  
  35. /* entrybox display */
  36. .entrybox {
  37. background-color: rgba(255, 255, 255, 0.5);
  38. box-shadow: 0 0px 2px #b3b3b3;
  39. border-radius: 2px;
  40. -webkit-border-radius: 2px;
  41. -moz-border-radius: 2px;
  42. border-width: 2px 0px 0px 0px; border-style: solid;
  43. -webkit-border-image: -webkit-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  44. -moz-border-image: -moz-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  45. -o-border-image: -o-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  46. border-image: linear-gradient(to right, #ba9bec, #9becda, #82a0b8) 100% 1;
  47. }
  48.  
  49. .shadowed {
  50. background-color: rgba(255, 255, 255, 0.5);
  51. box-shadow: 0 0px 2px #b3b3b3;
  52. border-radius: 2px;
  53. -webkit-border-radius: 2px;
  54. -moz-border-radius: 2px;
  55. border-width: 0px 0px 2px 0px; border-style: solid;
  56. -webkit-border-image: -webkit-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  57. -moz-border-image: -moz-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  58. -o-border-image: -o-linear-gradient(right, #ba9bec, #9becda, #82a0b8) 100% 1;
  59. border-image: linear-gradient(to right, #ba9bec, #9becda, #82a0b8) 100% 1;
  60. }
  61.  
  62. /* ij links - userinfo, calendar, navigation */
  63. table table table td.meta {
  64. font-size: 0px;
  65. line-height: 0px;
  66. }
  67.  
  68. /* ij links - sizes */
  69. p table.entrybox table table td.meta , table table table td.meta a {
  70. font-size:8px;
  71. letter-spacing:1px;
  72. line-height: 8px;
  73. }
  74.  
  75. /* entry font */
  76. tr, td, table, body {
  77. font-family: arial;
  78. font-size: 11px;
  79. color: #000;
  80. letter-spacing: 0px;
  81. line-height: 11px;
  82. text-transform: none;
  83. padding: 1px;
  84. }
  85.  
  86. /* bolded text */
  87. b {
  88. font-weight: normal !important;
  89. }
  90.  
  91. /* subject line */
  92. p table table td.caption {
  93. font-family: blair, arial;
  94. font-size: 17px;
  95. color: #000;
  96. letter-spacing: 1px;
  97. line-height: 8px;
  98. margin-bottom: 0px;
  99. text-transform: lowercase;
  100. padding-bottom: 2px;
  101. padding-left: 3px;
  102. font-weight: bold;
  103. }
  104.  
  105. /* namefield */
  106. .shadowed td div {display:none;}
  107. .lyric {
  108. font-family: blair, century gothic;
  109. font-size: 28px;
  110. letter-spacing: 1px;
  111. text-transform: lowercase;
  112. color: #82a0b8;
  113. font-weight: light;
  114. text-shadow: 2px 2px 0px #9becda, 3px 3px 1px #ffffff;
  115. background-image: url(http://i.imgur.com/ZhfDmGW.png);
  116. background-repeat: no-repeat;
  117. background-position: right;
  118. background-size: 30%;
  119. }
  120.  
  121. /* icons */
  122. .index img {
  123. background: repeating-linear-gradient(to bottom right, #ba9bec, #9becda, #82a0b8);
  124. border: 1px solid #fff;
  125. box-shadow: 1px 1px 1px #d2d2d2;
  126. padding: 2px;
  127. height: 50px;
  128. width: 50px;
  129. border-radius: 90px;
  130. margin-top: -5px;
  131. }
  132.  
  133. .entrybox tr td table tr td table tr td {background: transparent;}
  134.  
  135. .shadowed img {
  136. height: 50px;
  137. width: 50px;
  138. border-radius:50px;
  139. margin-top: -5px;
  140. padding: 3px;
  141. background: linear-gradient(to bottom right, #ba9bec, #9becda, #82a0b8);
  142. border: 1px solid #fff;
  143. box-shadow: 1px 1px 1px #d2d2d2;
  144. }
  145.  
  146. /* misc little text. e.g. navigation/date and time. */
  147. p.index, .index, tr.caption, .meta, td.meta, .date {
  148. font-family: roboto condensed, arial;
  149. font-size: 7px;
  150. line-height: 8px;
  151. letter-spacing: 1px;
  152. color:#000000;
  153. text-transform: uppercase;
  154. }
  155.  
  156. .comments {
  157. font-family: anchor, arial;
  158. font-size: 8px;
  159. line-height: 10px;
  160. letter-spacing: 1px;
  161. color:#000;
  162. font-weight: bold;
  163. text-transform: uppercase;
  164. }
  165.  
  166. .date {
  167. padding:0;
  168. display:block;
  169. text-align:left; font-size: 6px;
  170. }
  171.  
  172. / * hides date * /
  173. .dates {
  174. display: none;
  175. }
  176.  
  177. /* link effects */
  178. a {
  179. color: #82a0b8;
  180. text-decoration: none;
  181. transition: all 0.6s ease-in-out;
  182. }
  183.  
  184. a:hover {
  185. color: #ba9bec;
  186. text-decoration: none;
  187. transition: all 0.6s ease-in-out;
  188. }
  189.  
  190. /* changes the ij icons for ui and comm links */
  191. p table table td.caption img {height:8px; width:8px; opacity:0.8;}
  192. img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/GrolBh3.png) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;}
  193. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/GrolBh3.png) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;}
  194. img[src*="img/icon_protected.gif"] {width: 8 !important; height: 0 !important; background: transparent url(http://i.imgur.com/zcO3jvB.gif) no-repeat !important; padding: 9px 0 0 0px !important; vertical-align:-1px !important;opacity:0.8;}
  195. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/frR4KCp.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-1px !important;opacity:0.8;}
  196.  
  197. /* opacity for images */
  198. img {
  199. border: 0px;
  200. opacity:0.8;
  201. filter:alpha(opacity=80);
  202. border-radius:3px;
  203. -webkit-border-radius:3px;
  204. -moz-border-radius:3px;
  205. -moz-transition: all 1.0s ease-out;
  206. -o-transition: all 1.0s ease-out;
  207. -webkit-transition: all 1.0s ease-out;
  208. transition: all 1.0s ease-out;
  209. }
  210.  
  211. img:hover {
  212. opacity:1.0;
  213. filter:alpha(opacity=100);
  214. -moz-transition: all 1.0s ease-out;
  215. -o-transition: all 1.0s ease-out;
  216. -webkit-transition: all 1.0s ease-out;
  217. transition: all 1.0s ease-out;
  218. }
  219.  
  220. /* friends page icon background/font */
  221. .entrybox a.index {
  222. background:transparent;
  223. color:#808080;
  224. font-size:8px;
  225. }
  226.  
  227. /* color when selecting */
  228. ::selection {
  229. color:#000000;
  230. background-color: #ebebeb;
  231. text-shadow:#a6a6a6 0px 0px 1px;
  232. }
  233.  
  234. ::-moz-selection {
  235. color:#000000;
  236. background-color: #ebebeb;
  237. text-shadow:#a6a6a6 0px 0px 1px;
  238. }
  239.  
  240. /* scrollbar */
  241. ::-webkit-scrollbar {
  242. background-color: #transparent;
  243. width: 6px;
  244. }
  245. ::-webkit-scrollbar-track {
  246. background-color: #transparent;
  247. -box-shadow: inset 0 0 0px;
  248. }
  249. ::-webkit-scrollbar-thumb {
  250. background-color: #AAA;
  251. box-shadow: inset 0 0 1px #ccc;
  252. }
  253.  
  254. /* cursor */
  255. body, a, a:hover {
  256. cursor:url(http://cur.cursors-4u.net/cursors/cur-9/cur834.cur), default;
  257. }
  258.  
  259. tr {text-align:justify;} .entrybox {width:594px;} .date, a.index {visibility:visible !important;}
  260. table table table table .meta {visibility:hidden; position:absolute; top:1px}
  261. table table table table table .meta {visibility:visible; position:relative; top:1px}
  262. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {visibility:hidden;}
  263.  
  264. </style>
  265.  
  266.  
  267. <style>
  268.  
  269. table table table table .meta {visibility:hidden;position:absolute;top:1px}
  270. table table table table table .meta {visibility:visible;position:relative;top:1px}
  271. tr.caption{display:none;}
  272. .shadowed td div{visibility:hidden; position:absolute; top:3px}
  273. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  274.  
  275. .nav {font-family: breezi; font-size:22px; line-height:18px; letter-spacing: 9px; color: transparent;}
  276. </style>
  277.  
  278. <style>
  279.  
  280. /* icon */
  281. .shadowed img { display: none;}
  282. </style>
  283.  
  284. <style>
  285.  
  286. #gif {
  287. display: inline-block;
  288. height: 60px; width:60px; box-shadow:0 0 1px #777; background: linear-gradient(to bottom right, #ba9bec, #9becda, #82a0b8);background: -moz-linear-gradient(to bottom right, #ba9bec, #9becda, #82a0b8); padding:2px;}
  289. </style>
  290.  
  291.  
  292.  
  293. <=GLOBAL_HEAD
  294.  
  295. FRIENDS_WEBSITE<=
  296.  
  297. <table cellspacing="0" cellpadding="0" border="0" summary="">
  298. <tr><td colspan="0" width="470px" align="justify" valign="right">
  299. <table style="float:right" cellspacing="0" border="0" cellpadding="0" valign="right">
  300. <tr align="right" valign="middle"><br><center><img src="http://i.imgur.com/Kvpeyfz.gif" id="gif" align="left"><br><br><font class="lyric">give me just a little of your love</font><br><br>
  301. <font class="nav"><nav align="center"><a href="/" title="нσмє"><span style="color:#ba9bec; text-transform: lowercase;">r</span></a> <a href="/friends" title="fʀιєи∂ѕ"><span style="color:#9becda; text-transform: uppercase;">H</span></a> <a href="/profile" title="ρʀσfιℓє"><span style="color:#82a0b8; text-transform: lowercase;">i</span></a></nav></font></center>
  302. </td></tr></table></td></tr>
  303.  
  304. <=FRIENDS_WEBSITE
  305.  
  306. LASTN_WEBSITE<=
  307.  
  308. <table cellspacing="0" cellpadding="0" border="0" summary="">
  309. <tr><td colspan="0" width="470px" align="justify" valign="right">
  310. <table style="float:right" cellspacing="0" border="0" cellpadding="0" valign="right">
  311. <tr align="right" valign="middle"><br><center><img src="http://i.imgur.com/Kvpeyfz.gif" id="gif" align="left"><br><br><font class="lyric">give me just a little of your love</font><br><br>
  312. <font class="nav"><nav align="center"><a href="/" title="нσмє"><span style="color:#ba9bec; text-transform: lowercase;">r</span></a> <a href="/friends" title="fʀιєи∂ѕ"><span style="color:#9becda; text-transform: uppercase;">H</span></a> <a href="/profile" title="ρʀσfιℓє"><span style="color:#82a0b8; text-transform: lowercase;">i</span></a></nav></font></center>
  313. </td></tr></table></td></tr>
  314.  
  315.  
  316. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement