API tools faq
paste
tentacoolgoods

dropdown

tentacoolgoods
Dec 23rd, 2017
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.08 KB | None | 0 0
raw download clone embed print report
  1. GLOBAL_HEAD<=
  2. <title>TITLE</title>
  3. <link rel="shortcut icon" href="https://emojipedia-us.s3.amazonaws.com/thumbs/120/htc/122/white-medium-star_2b50.png">
  4. <link rel="stylesheet" href="https://fontcity.neocities.org/evita.css?family=evita">
  5. <link href="https://fonts.googleapis.com/css?family=Mada|Roboto|Work+Sans" rel="stylesheet">
  6. <link rel="stylesheet" href="https://tentacool.neocities.org/dropdown.css">
  7.  
  8. <style>
  9. /* layout by tentacool - feel free to reach out for assistance
  10. you do not need to rehost any of my fonts unless you choose to */
  11.  
  12. /* dropdown menu css by minna */
  13.  
  14. /* background */
  15. body{background-color:#ffffff;
  16. background: -webkit-linear-gradient(rgb(154, 251, 238), rgb(0, 115, 134));
  17. background: -o-linear-gradient(rgb(154, 251, 238), rgb(0, 115, 134));
  18. background: -moz-linear-gradient(rgb(154, 251, 238), rgb(0, 115, 134));
  19. background: linear-gradient(rgb(154, 251, 238), rgb(0, 115, 134));}
  20.  
  21. /* font in entries*/
  22. td {
  23. font-family:helvetica;
  24. font-size:10px;
  25. line-height:12px;
  26. color:#000000;
  27. letter-spacing:0px;}
  28.  
  29. /*text alignment*/
  30. tr {text-align:justify;}
  31.  
  32. /*makes entrybox and namefield the same size*/
  33. .entrybox {width:594px;}
  34.  
  35. /* entrybox */
  36. .entrybox, .shadowed {
  37. background-color: rgba(255,255,255,.5);
  38. padding: 0px;
  39. }
  40.  
  41. /* moves everything down slightly */
  42. body { margin-top: 30px !important;}
  43.  
  44. /* hides upper right links */
  45. table table tr.caption td.index{visibility: hidden;}
  46.  
  47. /* hides navigation text */
  48. .index, table table table td.meta {text-transform:uppercase;font-family: helvetica;font-size:5pt; color:transparent; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}
  49.  
  50. /* hides top left name */
  51. td.caption {font-size:0px; line-height:0px;}
  52.  
  53. /* namefield. */
  54. .shadowed td div {font-family: evita;
  55. text-transform: lowercase;
  56. font-size: 15px;
  57. color: #39a9b0;
  58. margin-top: 10px;
  59. }
  60.  
  61. /* removes top nav extra words and changes font of namefield links*/
  62. table table table table .meta {visibility:hidden; position:absolute; top:1px}
  63.  
  64. /*mood & music - to remove this change display:visible to display:none*/
  65. .entrybox td.meta{
  66. display:visible;
  67. color: #000;
  68. font-size:7px;
  69. line-height:8px;
  70. font-family: helvetica;
  71. text-transform:uppercase;
  72. }
  73.  
  74. /*time & date - to remove this change display:visible to display:none*/
  75. .entrybox td.index{
  76. display:none;
  77. color: #000;
  78. font-size:7px;
  79. line-height:8px;
  80. font-family: helvetica;
  81. text-transform:uppercase;
  82. }
  83.  
  84. /* removes locks */
  85. table td table td.caption img {display:none;}
  86. .ljuser img {display:none;}
  87.  
  88. /* link effects. */
  89. a {
  90. color: #5b5b5b;
  91. text-decoration: none;
  92. 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;
  93. }
  94.  
  95. a:hover {
  96. color: transparent;
  97. text-decoration: none;
  98. 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;
  99. }
  100.  
  101. /* comments. */
  102. .comments {
  103. font-family: roboto, sans-serif;
  104. font-size:7px;
  105. line-height:7px;
  106. letter-spacing:1px;
  107. text-transform:uppercase;
  108. }
  109.  
  110. /* subject lines */
  111. p table table td.caption {
  112. font-family: roboto, sans-serif;
  113. font-size: 9px;
  114. line-height: 10px;
  115. letter-spacing: 1px;
  116. text-transform: uppercase;
  117. padding: 0px;}
  118.  
  119. /* hides icon in layout - needed for gif to replace */
  120. .shadowed img {display: none;}
  121.  
  122. /*friends page icons*/
  123. .index img {border-radius:50px; height:50px; width:50px; padding: 4; margin-bottom:5px; background-color: #5b5b5b;}
  124. .index {text-transform:uppercase;font-family: helvetica;font-size:5pt; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}
  125. .entrybox a.index font {color: #5b5b5b;}
  126. td{background-color:transparent;}
  127.  
  128.  
  129. /* gif */
  130. #icon {
  131. position: absolute;
  132. top: 5px;
  133. margin-left: 205px;
  134. visibility: visible;
  135. }
  136.  
  137. #navigation {
  138. position:absolute;
  139. top: -2px;
  140. margin-left: 270px;
  141. z-index: 6;
  142. width: 10px
  143. }
  144.  
  145. /* wreath */
  146. #wreath {position:absolute;
  147. top: -8px;
  148. margin-left: 190px;
  149. visibility: visible;
  150. z-index: 1;}
  151.  
  152. </style>
  153. <=GLOBAL_HEAD
  154.  
  155. FRIENDS_WEBSITE<=
  156.  
  157. <div id="navigation">
  158. <nav class="menu">
  159. <ul class="clearfix">
  160. <li>
  161. <a href="#"><span class="arrow">&#5572;</span></a>
  162. <ul class="sub-menu">
  163. <li><a href="/">Entries</a></li>
  164. <li><a href="/profile">Profile</a></li>
  165. <li><a href="/friends">Friends</a></li>
  166. <li><a href="/calendar">Calendar</a></li>
  167. <li><a href="LINK HERE">Customs</a></li>
  168. <li><a href="LINK HERE">Scenes</a></li>
  169. </ul>
  170. </li>
  171. </ul>
  172. </nav>
  173. </div>
  174.  
  175.  
  176. <div id="wreath"><img src="https://i.imgur.com/xv02Pgc.png" style="display: block; width: 122px; height: 122px;"></div>
  177.  
  178. <div id="icon"><img src="https://imgur.com/ZLJ7DFr.gif" style="display: block; padding: 2px; width: 90; height: 90; border-radius:100px; ">
  179. </div>
  180. <=FRIENDS_WEBSITE
  181.  
  182. LASTN_OPT_ITEMS=>3
  183.  
  184. DAY_WEBSITE<=
  185. <div id="navigation">
  186. <nav class="menu">
  187. <ul class="clearfix">
  188. <li>
  189. <a href="#"><span class="arrow">&#5572;</span></a>
  190. <ul class="sub-menu">
  191. <li><a href="/">Entries</a></li>
  192. <li><a href="/profile">Profile</a></li>
  193. <li><a href="/friends">Friends</a></li>
  194. <li><a href="/calendar">Calendar</a></li>
  195. <li><a href="LINK HERE">Customs</a></li>
  196. <li><a href="LINK HERE">Scenes</a></li>
  197. </ul>
  198. </li>
  199. </ul>
  200. </nav>
  201. </div>
  202.  
  203. <div id="wreath"><img src="https://i.imgur.com/xv02Pgc.png" style="display: block; width: 122px; height: 122px;"></div>
  204.  
  205.  
  206. <div id="icon">
  207. <img src="https://imgur.com/ZLJ7DFr.gif" style="display: block; padding: 2px; width: 90; height: 90; border-radius:100px; ">
  208. </div>
  209. <=DAY_WEBSITE
  210.  
  211. CALENDAR_WEBSITE<=
  212. <div id="navigation">
  213. <nav class="menu">
  214. <ul class="clearfix">
  215. <li>
  216. <a href="#"><span class="arrow">&#5572;</span></a>
  217. <ul class="sub-menu">
  218. <li><a href="/">Entries</a></li>
  219. <li><a href="/profile">Profile</a></li>
  220. <li><a href="/friends">Friends</a></li>
  221. <li><a href="/calendar">Calendar</a></li>
  222. <li><a href="LINK HERE">Customs</a></li>
  223. <li><a href="LINK HERE">Scenes</a></li>
  224. </ul>
  225. </li>
  226. </ul>
  227. </nav>
  228. </div>
  229.  
  230. <div id="wreath"><img src="https://i.imgur.com/xv02Pgc.png" style="display: block; width: 122px; height: 122px;"></div>
  231.  
  232. <div id="icon">
  233. <img src="https://imgur.com/ZLJ7DFr.gif" style="display: block; padding: 2px; width: 90; height: 90; border-radius:100px; ">
  234. </div>
  235. <=CALENDAR_WEBSITE
  236.  
  237. LASTN_WEBSITE<=
  238.  
  239. <div id="navigation">
  240. <nav class="menu">
  241. <ul class="clearfix">
  242. <li>
  243. <a href="#"><span class="arrow">&#5572;</span></a>
  244. <ul class="sub-menu">
  245. <li><a href="/">Entries</a></li>
  246. <li><a href="/profile">Profile</a></li>
  247. <li><a href="/friends">Friends</a></li>
  248. <li><a href="/calendar">Calendar</a></li>
  249. <li><a href="LINK HERE">Customs</a></li>
  250. <li><a href="LINK HERE">Scenes</a></li>
  251. </ul>
  252. </li>
  253. </ul>
  254. </nav>
  255. </div>
  256.  
  257. <div id="wreath"><img src="https://i.imgur.com/xv02Pgc.png" style="display: block; width: 122px; height: 122px;"></div>
  258.  
  259. <div id="icon">
  260. <img src="https://imgur.com/ZLJ7DFr.gif" style="display: block; padding: 2px; width: 90; height: 90; border-radius:100px; ">
  261. </div>
  262. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!