Advertisement
tentacoolgoods

826 layout request

Aug 26th, 2018
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.86 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>ɴᴏᴡ ᴡᴇ ᴀʟʟ ᴀʀᴇ ᴄʜᴏsᴇɴ ᴏɴᴇs.</title>
  3. <link rel="shortcut icon" href="http://i.imgur.com/o7QizpJ.png">
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Rokkitt:100" rel="stylesheet">
  6. <link rel="stylesheet" href="https://fontcity.neocities.org/naila.css?family=Naila">
  7.  
  8. <style>
  9.  
  10.  
  11.  
  12.  
  13. table, tr, td {padding: px;}
  14.  
  15. .entrybox td.index, .index3{
  16. display: none;
  17. }
  18.  
  19.  
  20. td {
  21. font-family: rokkitt, serif;
  22. font-size: 8pt;
  23. line-height: 100%;
  24. color: #222;
  25. letter-spacing: 1px;
  26. text-shadow: 1px 1px 1px #ddd;
  27. }
  28.  
  29. tr.caption {
  30. display:none
  31. }
  32.  
  33. .caption img{display:none; visibility:hidden;}
  34. .ljuser img {display:none;}
  35.  
  36. .shadowed img {
  37. display: none;
  38. }
  39.  
  40. body{
  41. background: #eee;
  42. background-image:url('http://i.imgur.com/Yf7bxak.png');
  43. background-attachment: fixed;
  44. margin-top: 30px !important;
  45. }
  46.  
  47. a { color: #000; text-shadow: 0px 0px 1px #777; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 1.0; text-transform: lowercase; font-variant: small-caps; font-weight: bold;}
  48. a:hover { color: #ddd; text-shadow: 0px 0px 2px #888, 0px 0px 2px #888; text-decoration: none;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0.8;}
  49.  
  50. .entrybox {
  51. background-image:url();
  52. background-color: rgba(255,255,255,.4);
  53. width: 600px;
  54. margin-top: 10px;
  55. margin-bottom: 15px;
  56. padding: 5px;
  57. border-radius: 0px;
  58. box-shadow: 0px;
  59. border: ;
  60. }
  61.  
  62. /*subject*/
  63. p table table td.caption {
  64. font-family: rokkitt, serif;
  65. font-size: 7pt;
  66. line-height: 9pt;
  67. letter-spacing: 0px;
  68. text-transform: uppercase;
  69. color: #333;
  70. text-shadow: 0px 0px 1px #888;
  71. font-weight: 400;
  72. padding-bottom: 5px;
  73. border-bottom: 1px dashed #ccc;
  74. opacity: .6;
  75. }
  76.  
  77.  
  78. /*mood & music*/
  79. .entrybox td.meta {
  80. font-family: rokkitt, serif;
  81. font-size: 7px;
  82. text-shadow: 0px 0px 1px #aaa;
  83. color: #222;
  84. line-height: 10px;
  85. text-transform: uppercase;
  86. opacity: .7;
  87. padding-top: ;
  88. letter-spacing: 1px;
  89. }
  90.  
  91. .index {
  92. font-weight: lighter;
  93. color: #000;
  94. font-family: rokkitt, serif;
  95. font-size: 4pt;
  96. line-height: 3pt;
  97. letter-spacing: 1pt;
  98. text-transform: uppercase;
  99. padding: 0px;
  100. }
  101.  
  102. .comments {
  103. font-family: rokkitt, serif;
  104. font-size: 10px;
  105. line-height: 11px;
  106. letter-spacing: 1px;
  107. text-transform: uppercase;
  108. font-weight: bold;
  109. padding-top: 8px;
  110. }
  111.  
  112. /*bottom nav text*/
  113. p table table table td.meta {
  114. font-family: rokkitt, serif;
  115. font-size: 6pt;
  116. line-height: 2px;
  117. letter-spacing: 0.5px;
  118. font-weight: lighter;
  119. text-transform: uppercase;
  120. color: transparent;
  121. text-shadow: none;
  122. }
  123.  
  124. /* friends page icons & users. */
  125. .entrybox a.index {font-family: rokkitt, serif; font-size: 6px; text-transform: uppercase; letter-spacing: 1px; line-height: 100%; color: #222; text-align: right; text-shadow: 0px 0px 1px rgba(0,0,0,0.35); padding: 2px;}
  126. .entrybox tr td table tr td table tr td {background: transparent;}
  127. a.index {font-family: rokkitt, serif; color: #222; background-color: transparent;}
  128.  
  129. table table table table .meta {visibility:hidden; position:absolute; top:1px}
  130. table table table table table .meta {visibility:visible; position:relative; top:1px}
  131. tr.caption {display:none}
  132. .shadowed td div {visibility:hidden; position:absolute; top:1px}
  133. .shadowed span#navigation img {display:inline; visibility:visible; position:relative;}
  134.  
  135. p table table td.index {display:none;}
  136.  
  137. /* image effects */
  138. img {-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:0.6;}
  139. img:hover { -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:1.0;}
  140.  
  141. .supguys {
  142. padding-left:25px; padding-top: 1px; padding-bottom: 2px; padding-right:9px; color:#000; text-align: justify; margin-top: 8px;
  143. background-image:url();background-color: rgba();box-shadow: 0px; background-position:;
  144. box-shadow: ; border-radius:0px;
  145. font-family: rokkitt, serif; font-size: 8px;
  146. text-shadow: 1px 1px 2px #999;
  147. line-height: 8px; letter-spacing: 1px; text-transform:lowercase;
  148. text-decoration:none; display:block;
  149. -webkit-transition-duration: 0.9s;
  150. -moz-transition-duration: 0.9s;
  151. -o-transition-duration: 0.9s;
  152. -ms-transition-duration: 0.9s; }
  153.  
  154. .links {text-shadow: 1px 1px 3px #999; letter-spacing: 0px;
  155. color: #000; font-family: naila;
  156. font-size: 20pt; line-height:30pt;
  157. text-transform: lowercase; text-align: right; border-bottom: 1px dashed #ccc; opacity: .7;}
  158.  
  159. .dot1 {
  160. background-color: #666; }
  161. .dot2 {
  162. background-color: #444; }
  163. .dot3 {
  164. background-color: #222; }
  165. .dot4 {
  166. background-color: #000; }
  167.  
  168. a#heythere {
  169. border-radius: 0px;
  170. color: transparent;
  171. display: inline-block;
  172. border-radius: 5px;
  173. height: 5px;
  174. font-family: rokkitt, serif;
  175. font-size: 6px;
  176. line-height: 5px;
  177. overflow: hidden;
  178. padding: 2px;
  179. padding-top: 1px;
  180. text-align: center;
  181. text-shadow: none;
  182. text-transform: uppercase;
  183. transition: all 0.3s ease-in;
  184. vertical-align: text-top;
  185. width: 5px;
  186. -webkit-transition: all 0.6s ease-in; }
  187.  
  188. a#heythere:hover {
  189. color: #fff;
  190. font-family: rokkitt, serif;
  191. font-size: 6px;
  192. height: 5px;
  193. text-transform: uppercase;
  194. transition: all 0.3s ease-in;
  195. width: 40px;
  196. -webkit-transition: all 0.6s ease-in; }
  197.  
  198. -->
  199. </style>
  200.  
  201. <style>
  202.  
  203.  
  204.  
  205. <!--
  206. table table table table .meta {visibility:hidden;position:absolute;top:1px}
  207. table table table table table .meta {visibility:visible;position:relative;top:1px}
  208. -->
  209. </style>
  210.  
  211. <=GLOBAL_HEAD
  212.  
  213. LASTN_WEBSITE<=
  214.  
  215. <tr><td colspan="0" width="500">
  216. <table width="500" height="10" align="left" style="margin-left: 0px;" cellspacing="0" border="0" cellpadding="0">
  217. <tr><td valign="left">
  218. <font class="links"><img src="http://i.imgur.com/CbkSTaU.gif" style="background-image:url(); background-color: rgba(255,255,255,.4); width: 90px; border: 1px dashed #ccc; box-shadow: ; padding: 10px; margin-top: 5px; margin-left: 10px; border-radius: ; display: inline; transform:rotate(4deg); -webkit-transform:rotate(4deg); opacity: 1.0;" align="right">top text goes here</font>
  219. <font class="supguys">kneeling down with broken prayers hearts and bones from days of youth restless with an angel's wing i dig a grave to bury you no feet to fall you need no ground allowed to glide right through the sun released from circles guarded tight now we all are chosen ones secure yourself to heaven hold on tight the night has come fasten up your earthly burdens you have just begun...<p align="right"><a class="dot1" id="heythere" href="/">entries</a> <a class="dot2" id="heythere" href="/friends">friends</a> <a class="dot3" id="heythere" href="/calendar">calendar</a> <a class="dot4" id="heythere" href="/info">profile</a></p>
  220. </font></td></tr></table>
  221.  
  222. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement