daily pastebin goal
83%
SHARE
TWEET

diane, i made a layout

tentacoolgoods May 16th, 2018 162 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. GLOBAL_HEAD<=
  2. <title></title>
  3. <link rel="shortcut icon" href="">
  4. <link rel="stylesheet" href="https://fontcity.neocities.org/twinpeaks.css">
  5.  
  6. <style>
  7. /* layout by tentacool - feel free to reach out for assistance
  8.    you do not need to rehost any of my fonts unless you choose to */
  9.  
  10. /* body background */
  11. body{background-color: #AA0000;
  12. background-image: url(https://i.imgur.com/y3LMfHU.png); background-attachment:fixed; background-size: 100% 100%;}
  13.  
  14. /* cursor */
  15. body, a {cursor:url(https://i.imgur.com/h2zNor5.png), default;}
  16. a:hover {cursor:url(https://i.imgur.com/6GAtOYA.png), default;}
  17.  
  18. /* font throughout */
  19. td{font-family: helvetica; font-size: 11px; line-height: 11px; color:;}
  20. tr{text-align:justify;}
  21. b{font-weight: normal;}
  22.  
  23. /* entrybox background */
  24. table{margin-bottom: -5px;}  
  25. .entrybox, .shadowed {width: 594px; background-color: #fff;
  26. border-bottom: 30px solid #000; border-image:url(https://i.imgur.com/jXWgTwA.png) 100 repeat;}
  27.  
  28. /* removes namefield and icon to replace */
  29. .shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 20px;}
  30. .shadowed {padding: 35px;}
  31. .shadowed img {display:none; }
  32.  
  33. /* links under namefied */
  34. .entrybox table table table td[align=center]{color:transparent;text-align:center;font-size:0;}
  35. table table table table .meta {line-height: 5px; visibility: hidden;}
  36.  
  37. /* link effects. */
  38. a {
  39. color: #813B00;
  40. text-decoration: none;
  41. transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
  42. }
  43. a:hover {
  44. color: #00AB21;
  45. text-decoration: none;
  46. transition: all 1.5s ease-in-out; -o-transition-transition:  all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out;
  47. }
  48.  
  49. /* subject line */
  50. p table table td.caption{ font-family: laura palmer; font-size: 10px; text-transform: uppercase; letter-spacing: 1; line-height:16px;}
  51.  
  52. /* mood & music - to hide change display:visible to display:none */
  53. .entrybox td.meta {display: visible; font-family: laura palmer; letter-spacing: 1px; font-size:8px; line-height:8px; text-transform: uppercase;}
  54.  
  55. /* time & date - to hide change display:visible to display:none */
  56. .entrybox td.index {display:visible; font-family: laura palmer; font-size:7px; line-height:9px; text-transform: uppercase;}
  57.  
  58. /* hides upper right links */
  59. table table tr.caption td.index{visibility: hidden;}
  60.  
  61. /* navigation */
  62. table table table td.meta {font-size:0px;line-height:0px;}
  63. p table.entrybox table table td.meta, table table table td.meta a {font-size:7px;letter-spacing:1px;line-height:7px; text-transform: uppercase; background-color:#fff;}
  64.  
  65. /* hides top left name */
  66. td.caption {font-size:0px; line-height:0px;}
  67.  
  68. /* usericons & locks. */
  69. .caption img{width: 8px;height: 8px;}
  70. .ljuser img {display: none;}
  71. .ljuser:before {content: "";}
  72.  
  73. /* comments. */
  74. .comments {
  75. font-family: laura palmer, sans-serif;
  76. font-size:7px;
  77. line-height:2px;
  78. letter-spacing:1px;
  79. text-transform:uppercase;
  80. }
  81.  
  82. /*friends page icons*/
  83. .index img {
  84. height:60px;
  85. width:60px;  
  86. margin-bottom:5px;
  87. }
  88.  
  89. /* friends page comm & un font */
  90. .index {
  91. text-transform:uppercase;
  92. font-family: roboto;
  93. font-size:6pt;
  94. text-transformation: uppercase;
  95. letter-spacing: 1px;
  96. line-height:7px;}
  97.  
  98. .entrybox a.index font {
  99. color: #5b5b5b;}
  100. td{background-color:transparent;}
  101.  
  102. /* peaks */
  103. #peaks {position:absolute; top: -34px; margin-left: -20px; visibility: visible; z-index: 2;}
  104.  
  105. /* gif */
  106. #icon { position: absolute; top: 12px; margin-left: 26px; visibility: visible; height: 65px;  width: 65px; z-index:3;}
  107.  
  108. #top {position: absolute; visibility: visible; top:75px; margin-left: -248px; z-index:2; text-align:justify; width:600px;}
  109. .name {font-family: laura palmer; display: block; font-size: 25px; color: #813B00; letter-spacing: 2px; line-height: 30px; text-align: center; text-shadow:-1px -1px 0 #00AB21, 1px -1px 0 #00AB21, -1px 1px 0 #00AB21, 1px 1px 0 #00AB21; text-transform: uppercase;}
  110.  
  111. #toplinks { position: absolute; visibility: visible; top: -12px; margin-left: 180px; z-index:1; font-size: 9px; text-transform:uppercase; font-family: laura palmer; letter-spacing: 2px; text-shadow:-1px -1px 0 #00AB21, 1px -1px 0 #00AB21, -1px 1px 0 #00AB21, 1px 1px 0 #00AB21; font-style:bold;}
  112.  
  113. </style>
  114. <=GLOBAL_HEAD
  115.  
  116. FRIENDS_WEBSITE<=
  117. <div id="icon">
  118. <a href="/profile"><img src="https://imgur.com/gqZjb69.gif" style="display: block; width: 60px; height: 60px; -webkit-mask-image: url(https://i.imgur.com/1Ubp2sX.png?2);"></a>
  119. </div>
  120. <div id="peaks">
  121. <img src="https://i.imgur.com/nqJdS1d.png" style="display: block; width: 152px; height: 152px;">
  122. </div>
  123.  
  124. <div id="top"><font class="name">name goes here</font></div>
  125.  
  126.  
  127. <div id="toplinks"><a href="/" title="ᴇɴᴛʀɪᴇs"><font color="#813B00">entries</font></a> &bull;
  128.  
  129. <a href="/info" title="ɪɴғᴏ"><font color="#813B00">profile</font></a> &bull;
  130.  
  131. <a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#813B00">customs</font></a>
  132. </div>
  133. <=FRIENDS_WEBSITE
  134.  
  135. LASTN_OPT_ITEMS=>3
  136.  
  137. LASTN_WEBSITE<=
  138. <div id="icon">
  139. <a href="/profile"><img src="https://imgur.com/gqZjb69.gif" style="display: block; width: 60px; height: 60px; -webkit-mask-image: url(https://i.imgur.com/1Ubp2sX.png?2);"></a>
  140. </div>
  141. <div id="peaks">
  142. <img src="https://i.imgur.com/nqJdS1d.png" style="display: block; width: 152px; height: 152px;">
  143. </div>
  144.  
  145. <div id="top"><font class="name">name goes here</font></div>
  146.  
  147.  
  148. <div id="toplinks"><a href="/friends" title="ꜰʀɪᴇɴᴅs"><font color="#813B00">friends</font></a> &bull;
  149.  
  150. <a href="/info" title="ɪɴғᴏ"><font color="#813B00">profile</font></a> &bull;
  151.  
  152. <a href="LINK" title="ᴄᴜsᴛᴏᴍs"><font color="#813B00">customs</font></a>
  153. </div>
  154. <=LASTN_WEBSITE
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top