Advertisement
jellyparty

Happy98 tumblr theme

May 15th, 2021 (edited)
3,425
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.97 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <head>
  3. <!-- Happy98 theme by Emoticon Equinox -->
  4.  
  5. <!-- Images -->
  6. <meta name="image:favicon" content="">
  7. <meta name="image:background" content="">
  8. <meta name="image:custom icon" content="">
  9. <meta name="image:custom cursor" content="">
  10. <meta name="image:link pixel" content="">
  11.  
  12. <!-- Text -->
  13. <meta name="text:text size" content="18">
  14. <meta name="text:border size" content="3">
  15. <meta name="text:desc" content="robox">
  16. <meta name="text:link one" content="link one">
  17. <meta name="text:link two" content="link two">
  18. <meta name="text:link one url" content="/">
  19. <meta name="text:link two url" content="/">
  20.  
  21. <!-- Options -->
  22. <meta name="if:full background" content="">
  23. <meta name="if:underlined links" content="">
  24. <meta name="if:rainbow links" content="">
  25. <meta name="if:custom icon" content="">
  26. <meta name="if:circle icon" content="">
  27. <meta name="if:custom cursor" content="">
  28.  
  29. <!-- Colors -->
  30. <meta name="color:background color" content="">
  31. <meta name="color:content color" content="">
  32. <meta name="color:border color" content="">
  33. <meta name="color:scrollbar color" content="">
  34. <meta name="color:scrollbar bg color" content="">
  35.  
  36. <meta name="color:text color" content="">
  37. <meta name="color:link color" content="">
  38. <meta name="color:link hover color" content="">
  39. <meta name="color:text selection bg color" content="">
  40. <meta name="color:text selection text color" content="">
  41.  
  42. <!-- Selection -->
  43. <meta name="select:border style" content="solid"/>
  44. <meta name="select:border style" content="dashed"/>
  45. <meta name="select:border style" content="double"/>
  46. <meta name="select:border style" content="dotted"/>
  47. <meta name="select:border style" content="groove"/>
  48. <meta name="select:border style" content="ridge"/>
  49. <meta name="select:border style" content="inset"/>
  50. <meta name="select:border style" content="outset"/>
  51. <meta name="select:border style" content="none"/>
  52.  
  53. <!-- Misc -->
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{image:favicon}" type="image/gif">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}" />
  60. {/block:Description}
  61. <style type="text/css">
  62.  
  63. /* Text, Background, Links */
  64. body{
  65. {block:ifcustomcursor}
  66. cursor:url("{image:custom cursor}"), default;
  67. {/block:ifcustomcursor}
  68. background-color:{color:background color};
  69. background-image:Url('{image:background}');
  70. background-attachment:fixed;
  71. {block:iffullbackground}
  72. background-position: center;
  73. background-repeat:no-repeat;
  74. background-size: cover;
  75. background-attachment: fixed;
  76. {/block:iffullbackground}
  77. color:{color:text color};
  78. font-size:{text:text size}px;
  79. word-wrap:break-word;}
  80. a{
  81. color:{color:link color};
  82. text-decoration:none;
  83. {block:ifrainbowlinks}
  84. text-decoration: none;
  85. color: white;
  86. display: inline-block;
  87. background-size: 120% 100%;
  88. -webkit-background-clip: text;
  89. -webkit-text-fill-color: transparent;
  90. -moz-background-clip: text;
  91. -moz-text-fill-color: transparent;
  92. -ms-background-clip: text;
  93. -ms-text-fill-color: transparent;
  94. background-clip: text;
  95. text-fill-color: transparent;
  96. transition: all 0.15s cubic-bezier(0.68, -0.25, 0.265, 1.25);
  97. background-image: linear-gradient(45deg, #ff1f1f, #ff9a00, #ffdb00, #00e332, #00b8ff, #213cff, #c900ff, #ff2aa0);
  98. font-weight:bold;
  99. {/block:ifrainbowlinks}
  100. {block:ifunderlinedlinks};
  101. text-decoration:underline;
  102. {/block:ifunderlinedlinks};}
  103. a:hover{
  104. {block:ifcustomcursor}
  105. cursor:url("{image:custom cursor}"), default;
  106. {/block:ifcustomcursor}
  107. color:{color:link hover color};
  108. text-decoration:none;}
  109. blockquote{
  110. margin:0 0 0px 0px;
  111. padding:0 0 0 0px;
  112. border-left:solid 1px transparent;}
  113. ::selection{
  114. color:{color:text selection text color};
  115. background:{color:text selection bg color};}
  116. ::-webkit-scrollbar{
  117. width: 10px;
  118. height: 3px;}
  119. ::-webkit-scrollbar-thumb{
  120. border:1px solid {color:scrollbar color};
  121. background:{color:scrollbar color};}
  122. ::-webkit-scrollbar-track{
  123. background:{color:scrollbar bg color};}
  124.  
  125. /* Sidebar, Posts */
  126. #content{
  127. width:510px;
  128. margin-left:150px;
  129. overflow:hidden;}
  130. .post, .naviga{
  131. width:480px;
  132. margin:0 0 15px 0;
  133. overflow:hidden;
  134. padding:10px;
  135. background-color:{color:content color};
  136. border:{text:border size}px {select:border style} {color:border color};}
  137. #sidebar{
  138. width:200px;
  139. background-color:{color:content color};
  140. border:{text:border size}px {select:border style} {color:border color};
  141. position:fixed;
  142. padding:10px;
  143. margin-left:-85px;}
  144. #wrapper{
  145. width:600px;
  146. margin:50px auto;}
  147.  
  148. /* Content */
  149. .title{
  150. font-weight:bold;
  151. font-size:35px;
  152. margin:0 0 10px 0;}
  153. .footer{
  154. padding: 5px;}
  155. .naviga{
  156. text-align:center;}
  157. .post img{
  158. max-width:100%;}
  159. .sidebar img{
  160. {block:ifcircleicon}
  161. border-radius:100%;
  162. {/block:ifcircleicon}
  163. max-width:100%;}
  164.  
  165.  
  166. /* Misc */
  167. #audioplayer{
  168. width:30px;
  169. height:25px;
  170. overflow:hidden;
  171. position:absolute;
  172. margin-top:40px;
  173. margin-bottom:40px;
  174. margin-left:35px;
  175. -moz-border-radius: 40px;
  176. -webkit-border-radius: 40px;
  177. border-radius: 40px;
  178. opacity: 0.7;}
  179. .trackstuff{
  180. overflow:auto;
  181. margin-left:110px;
  182. margin-top:-70px;
  183. margin-bottom:50px;
  184. display:block;}
  185. #c{
  186. font-size:25px;
  187. position:fixed;
  188. left:0px;
  189. bottom:0px;}
  190. video{
  191. max-width: 100%;
  192. height: auto;}
  193.  
  194. {CustomCss}
  195. </style>
  196. </head>
  197. <body>
  198. <div id="wrapper">
  199.  
  200. <div id="sidebar">
  201. <div class="sidebar img">
  202. {block:ifcustomicon}
  203. <center><a href="/"><img src="{image:custom icon}"></a></center>
  204. {/block:ifcustomicon}
  205. {block:ifnotcustomicon}
  206. <center><a href="/"><img src="{PortraitURL-128}"></a></center>
  207. {/block:ifnotcustomicon}
  208. </div>
  209. <center>{text:desc}
  210. <br>
  211. <img src="{image:link pixel}">
  212. <br>
  213. <a href="/">Home</a><br>
  214. <a href="/ask">Ask</a><br>
  215. <a href="/archive">Archive</a><br>
  216. <a href="{text:link one url}">{text:link one}</a><br>
  217. <a href="{text:link two url}">{text:link two}</a>
  218. </center>
  219. </div>
  220.  
  221. <div id="content">
  222. {block:Posts}
  223. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} --> {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  224. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  225. {/block:ContentSource}
  226. <div class="post">
  227.  
  228. <!-- Text -->
  229. {block:Text}
  230. {block:Title}
  231. <div class="title">{Title}</div>
  232. {/block:Title}
  233. {Body}
  234. {/block:Text}
  235. {block:Chat}
  236. {block:Title}
  237. <div class="title">
  238. <h3><a href="{Permalink}">{Title}</a></h3></div>
  239. {/block:Title}
  240. {block:Lines}
  241. <div class="{Alt} user_{UserNumber}">
  242. {block:Label}
  243. <span class="label">{Label}</span>
  244. {/block:Label}{Line}
  245. </div>
  246. {/block:Lines}
  247. {/block:Chat}
  248.  
  249. <!-- Images --->
  250. {block:Photo}
  251. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  252. {block:Caption}{Caption}{/block:Caption}
  253. {/block:Photo}
  254. {block:Photoset}
  255. {Photoset}
  256. {block:Caption}
  257. {Caption}
  258. {/block:Caption}
  259. {/block:Photoset}
  260.  
  261. <!-- Video -->
  262. {block:Video}
  263. {Video-500}
  264. {block:Caption}
  265. {Caption}
  266. {/block:Caption}
  267. {/block:Video}
  268.  
  269. <!-- Audio -->
  270. {block:Audio}
  271. <div id= "audioplayer">{AudioPlayerWhite}</div>
  272. {block:AlbumArt}
  273. <div id="albumart">
  274. <img src="{AlbumArtURL}" width="100">
  275. </div>
  276. {/block:AlbumArt}
  277. <div class="trackstuff">
  278. {block:TrackName}<b><i>{TrackName}</i></b>{/block:TrackName}<br>{block:Artist}<i>{Artist}</i>{/block:Artist}</div>
  279. {Caption}
  280. {/block:Audio}
  281.  
  282. <!-- Quote -->
  283. {block:Quote}
  284. <div class="quote">
  285. "{Quote}"
  286. {block:Source}
  287. <div class="source">- <i>{Source}</i></div>
  288. {/block:Source}
  289. </div>
  290. {/block:Quote}
  291.  
  292. <!-- Link -->
  293. {block:Link}
  294. <a href="{URL}" class="link" {Target}>{Name}</a>
  295. {block:Description}
  296. {Description}
  297. {/block:Description}
  298. {/block:Link}
  299.  
  300. <!-- Ask -->
  301. {block:Answer}
  302. <div class="question">{Asker} said: {Question}</div>
  303. <div class="caption">{Answer}</div>
  304. {/block:Answer}
  305.  
  306. <!-- Footer -->
  307. {block:Date}
  308. <hr width="100%" color="{color:text color}" size="1">
  309. <div class="footer">
  310. <a href="{Permalink}">{Month} {DayOfMonth}, {Year} {block:NoteCount}</a> with <a href="{Permalink}">({NoteCountWithLabel}){/block:NoteCount}</a><br>
  311. <a href="{Permalink}">{TimeAgo}</a>
  312. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  313. </div>
  314. {block:PermalinkPage}
  315. {block:NoteCount}
  316. {block:PostNotes}{PostNotes}{/block:PostNotes}
  317. {/block:NoteCount}
  318. {/block:PermalinkPage}
  319. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  320. {/block:Date}
  321.  
  322. </div>
  323. {/block:Posts}
  324.  
  325. {block:Pagination}
  326. <div class="naviga">
  327. {block:PreviousPage}
  328. <a href="{PreviousPage}">&#171; Back</a>
  329. {/block:PreviousPage}
  330. {block:NextPage}
  331. <a href="{NextPage}">Next &#187;</a>
  332. {/block:NextPage}
  333. </div>
  334. {/block:Pagination}
  335.  
  336. </div>
  337. </div>
  338. <!-- please do not edit link or remove -->
  339. <div id="c"><a href="https://cloverparty.tumblr.com/tagged/mine">ミ★</a></div>
  340. <!-- please do not edit link or remove -->
  341.  
  342. </body>
  343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement