codejam

wreath and gif -- requested

Oct 5th, 2017
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.98 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title></title>
  3. <link href="http://24.media.tumblr.com/ee7a4ba5730ff7bae31948de1fd86aa8/tumblr_mijfiscW2Y1s4vgzro1_500.png" rel="icon" type="image/x-icon">
  4. <link href="http://fonts.googleapis.com/css?family=Hind|Oswald|Itim" rel="stylesheet" type="text/css">
  5. <link rel="stylesheet" href="http://padfoot.neocities.org/fontstyle.css">
  6.  
  7.  
  8. <style>
  9.  
  10.  
  11. /* thanks to ~territory, ~statelines, ~tif, and probably others for everything! */
  12.  
  13. /* cursors */
  14. body, a, a:hover {cursor:url(http://i.imgur.com/xD9ifH0.png), default;}
  15.  
  16. /* everything else */
  17. body {background-color: rgba(249, 249, 249, 1); background-image: url(http://i.imgur.com/5pXXljN.png); overflow-x: hidden; margin-top: 0px; margin: 0px; margin-top: -10px;}
  18. td{font-family: Itim; font-size: 7px; line-height: 9px; color: #777; text-shadow: 0 0 1px rgba(255, 255, 255, 0.7); text-transform: uppercase; letter-spacing: 1px; word-spacing: 2px;} tr{text-align:justify;} table{margin-bottom: -5px;} b{font-weight: bold;}
  19.  
  20.  
  21. /* link colours */
  22. a{color: #4595fe; text-decoration: none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
  23. a:hover{color: transparent; text-decoration:none; transition: all 0.6s ease-in-out; -o-transition-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;}
  24.  
  25. /* entrybox */
  26. .entrybox {width: 605px; background-color: rgba(255, 255, 255, 0.8); background-image: url(http://i.imgur.com/qL2GkRa.png); box-shadow: 0 0 1px rgba(204, 215, 197, 0.6); border-width: 0 0 1px 0; border-style: solid;
  27. -webkit-border-image: -webkit-linear-gradient(right, #4595fe, #b59dff, #85b93d) 100% 1;
  28. -moz-border-image: -moz-linear-gradient(right, #4595fe, #b59dff, #85b93d)) 100% 1;
  29. -o-border-image: -o-linear-gradient(right, #4595fe, #b59dff, #85b93d)) 100% 1;
  30. border-image: linear-gradient(to right, #4595fe, #b59dff, #85b93d)) 100% 1;}
  31.  
  32. /* subject */
  33. p table table td.caption {font-family: jk; font-size:15px; line-height:8px; letter-spacing: 2px; text-transform: uppercase; color: rgba(103, 102, 102, 1); text-shadow: 0px 0px 1px rgba(190, 190, 190, 1); text-indent: 4px; display: block; border-bottom: 1px solid #D9E5FD; border-image: repeating-linear-gradient(to right, rgba(251, 210, 190, 0.3), rgba(248, 233, 201, 0.3)) 1; border-left: 0px; border-right: 0px; border-top: 0px;}
  34.  
  35. /* namefield. */
  36. .shadowed td div {visibility: hidden;}
  37.  
  38. /* currents (mood, music) and bottom banner navigation links */
  39. table table table td.meta {font-family: source code pro; color:; font-size: 7px; letter-spacing: 1px; line-height:7px; text-transform: uppercase; text-shadow: transparent;}
  40.  
  41. /* comments */
  42. .comments {font-family: cutie; font-size: 10px; line-height:12px; letter-spacing:1px; text-transform: uppercase;}
  43.  
  44. /* top banner main navigation links */
  45. table table table table td.meta { font-size: 8px; line-height: 8px; letter-spacing: 1px; font-family: arial narrow; text-transform: uppercase; }
  46.  
  47. /* date line */
  48. .date {color: transparent; display: block; text-align: left; font-family: consolas; font-size: 6px; letter-spacing: 1; line-height: 5px; padding-bottom: 3; padding-top: 0;}
  49. .date, a.index {visibility:visible !important;} .dated{display:none;}
  50.  
  51. /* MOVES DATES TO NEW LINE */
  52. .entrybox td.index, .nein{display:none; color: transparent;}
  53.  
  54. /* NEW DATES */
  55. .dates {color: transparent; font-family: hind; font-size: 8px; letter-spacing: 1px; line-height: 0px; text-shadow: transparent; text-transform: uppercase; padding-left: 25px; }
  56.  
  57. /* custom date and time */
  58. .index2 {font-family: arial; text-transform:uppercase; font-size: 6pt; letter-spacing: 1px; text-align: left; color: transparent; padding-left: 15px;}
  59. .entrybox td.index, .index3 {display: none;}
  60.  
  61. /* all misc little text */
  62. p.index, tr.caption, .date {font-family: hind; font-size:8px; line-height:9px; letter-spacing: 1px; text-transform:uppercase;}
  63.  
  64. .index, .meta {font-family: hind; font-size: 8px; text-transform: uppercase; line-height: 8px; padding: 0px; letter-spacing: +1.5px;}
  65. table table table td.meta {font-family:hind; font-size:0px;line-height:0px;} table table table td.meta a {font-size:8px;letter-spacing:1px;line-height: 8px;margin-top:-4px;}
  66.  
  67. /* hides navigation text */
  68. .index, table table table td.meta {text-transform:uppercase;font-family: consolas;font-size:6pt; color: transparent; text-shadow: transparent; text-transformation: uppercase;letter-spacing: 1px; line-height:0px;}
  69.  
  70. /* hides top nav bar text */
  71. .entrybox td.meta {display:none; visibility:hidden;}
  72. .shadowed, .shadowed td.div {background: #fff;}
  73.  
  74. /* icon */
  75. .shadowed img { display: none;}
  76.  
  77. /* fp stuff */
  78. .index img {border-radius: 100px; height: 55px; width:55px;}
  79. .entrybox tr td table tr td table tr td {background: transparent;}
  80. a.index {color: #777; background-color: transparent;}
  81. .entrybox a.index font {color: #777;}
  82.  
  83. /* top banner & image */
  84. .shadowed {height: 50px; width: 600px; position: relative; left: 3px; margin-bottom: 2px; border: ; border-radius:; background-color: transparent;}
  85.  
  86. /* changes content before linked usernames */
  87. .ljuser:before {display: none;}
  88.  
  89. /* fancy shit */
  90. #everything { height: 0px; left: -350px; position: relative; top: 4px; width: 150px; visibility: visible; }
  91.  
  92. #wreath { position: relative; visibility: visible; z-index: 10; }
  93. #wreath img { display: block; width: 130px; margin-left: 6px; -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); transform: rotate(-11deg); }
  94.  
  95. #icon { position: absolute;visibility: visible; }
  96. #icon img { width: 90px; border-radius: 100%; box-shadow: 1px 1px 1px #ddd; display: block; margin-left: 30px; margin-top: 13px; opacity: 100; position: relative; -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); transform: rotate(-11deg); }
  97.  
  98. #one { position: absolute; visibility: visible; top: 126px; margin-left: 65px;}
  99. #two { position: absolute; visibility: visible; top: 165px; margin-left: 65px;}
  100. #three { position: absolute; visibility: visible; top: 204px; margin-left: 65px;}
  101.  
  102. .button { float: right; display: inline-block; overflow: hidden; background: transparent; width: 56px; height: 56px; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; }
  103.  
  104. #i1 { height: 17px; width: 17px; padding: 5px; background: rgba(250, 249, 249, 0.7); border: 2px solid #4595fe; border-radius: 90%; margin-right: 3px; }
  105. #i2 { height: 17px; width: 17px; padding: 5px; background: rgba(250, 249, 249, 0.7); border: 2px solid #b59dff; border-radius: 90%; margin-right: 3px; }
  106. #i3 { height: 17px; width: 17px; padding: 5px; background: rgba(250, 249, 249, 0.7); border: 2px solid #85b93d; border-radius: 90%; margin-right: 3px; }
  107.  
  108. /* hides privacy icons */
  109. .caption img {display: none;}
  110.  
  111. img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;opacity:0.0;}
  112. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url() no-repeat !important; padding:0px 0 0 0px !important; vertical-align:0px !important;}
  113. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/VQezO8R.png) no-repeat !important; padding: 9px 0 0 7px !important; vertical-align:-1px !important;opacity:0.0;}
  114. img[src*="img/icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/jEQ6Le9.gif) no-repeat !important; padding:9px 0 0 9px !important; vertical-align:-2px !important;opacity:0.0;}
  115.  
  116. /* highlighting */
  117. ::selection {background-color: rgba(254, 253, 253, 0.5); color: #777;}
  118. ::-moz-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}
  119. ::-webkit-selection {background-color:rgba(254, 253, 253, 0.5); color: #777;}
  120.  
  121. </style>
  122.  
  123.  
  124.  
  125.  
  126.  
  127. <style>
  128.  
  129.  
  130.  
  131. table table table table .meta {visibility:hidden; position:absolute; top:1px}
  132. table table table table table .meta {visibility:visible; position:relative; top:1px}
  133. tr.caption {display:none}
  134. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  135. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  136. </style>
  137.  
  138. <=GLOBAL_HEAD
  139.  
  140. FRIENDS_WEBSITE<=
  141. <table cellspacing="0" cellpadding="0" border="0" summary="">
  142. <div id="everything">
  143. <div id="wreath"><a href="/profile" title="ρяσƒιℓє"><img src="http://i.imgur.com/4vbMfZu.png"></a></div>
  144. <div id="icon"><img src="http://68.media.tumblr.com/e6bf6504f0ef4368b058cf8a1374c18d/tumblr_inline_nvymvg8VFD1szaa83_500.gif"></div><br><br><br>
  145.  
  146. <a href="/" id="one" class="button" title="єηtяιєѕ"><img src="http://i.imgur.com/OKgPkFW.png" id="i1" style="display:inline;"></a>
  147.  
  148. <a href="/friends" id="two" class="button" title="ƒяιєη∂ѕ"><img src="http://i.imgur.com/8nDsHA9.png" id="i2" style="display:inline;"></a>
  149.  
  150. <a href="/2010/01/01/" id="three" class="button" title="cυѕtσ๓ѕ"><img src="http://i.imgur.com/A9eKrNF.png" id="i3" style="display:inline;"></a></div>
  151.  
  152. <=FRIENDS_WEBSITE
  153.  
  154. LASTN_WEBSITE<=
  155.  
  156. <table cellspacing="0" cellpadding="0" border="0" summary="">
  157. <div id="everything">
  158. <div id="wreath"><a href="/profile" title="ρяσƒιℓє"><img src="http://i.imgur.com/4vbMfZu.png"></a></div>
  159. <div id="icon"><img src="http://68.media.tumblr.com/e6bf6504f0ef4368b058cf8a1374c18d/tumblr_inline_nvymvg8VFD1szaa83_500.gif"></div><br><br><br>
  160.  
  161. <a href="/" id="one" class="button" title="єηtяιєѕ"><img src="http://i.imgur.com/OKgPkFW.png" id="i1" style="display:inline;"></a>
  162.  
  163. <a href="/friends" id="two" class="button" title="ƒяιєη∂ѕ"><img src="http://i.imgur.com/8nDsHA9.png" id="i2" style="display:inline;"></a>
  164.  
  165. <a href="/2010/01/01/" id="three" class="button" title="cυѕtσ๓ѕ"><img src="http://i.imgur.com/A9eKrNF.png" id="i3" style="display:inline;"></a></div>
  166.  
  167.  
  168. <=LASTN_WEBSITE
Add Comment
Please, Sign In to add comment