Advertisement
tentacoolgoods

diane, i made a layout

May 16th, 2018
329
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.75 KB | None | 0 0
  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
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement