API tools faq
paste
snailmailed

wow wow wubzy theme

snailmailed
Feb 19th, 2020 (edited)
863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. this theme is really broken i made it in like february help. if you want to use it more power to you but it literally so broken idfk why its still being reblogged :|
  6. base code by @animecharacter
  7. ----->
  8.  
  9. <meta charset="utf-8">
  10. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="image:favicon">
  16. <meta name="image:sidebar">
  17. <meta name="image:bg img">
  18. <meta name="image:pixel 1">
  19. <meta name="image:pixel 2">
  20. <meta name="image:pixel 3">
  21. <meta name="image:pixel 4">
  22. <meta name="image:footer">
  23. <meta name="image:prev">
  24. <meta name="image:next">
  25.  
  26. <meta name="color:bg">
  27. <meta name="color:content">
  28. <meta name="color:post">
  29. <meta name="color:sidebar">
  30. <meta name="color:text">
  31. <meta name="color:link">
  32. <meta name="color:link hover">
  33.  
  34. <meta name="if:full bg">
  35. <meta name="if:center desc">
  36. <meta name="if:custom desc">
  37. <meta name="if:linkz">
  38. <meta name="if:sidebar pixels">
  39. <meta name="if:circle sidebar">
  40. <meta name="if:round sidebar">
  41. <meta name="if:center content">
  42. <meta name="if:nav icons">
  43. <meta name="if:round posts">
  44. <meta name="if:blur hover">
  45. <meta name="if:link hover glow">
  46. <meta name="if:underline links">
  47. <meta name="if:bold links">
  48. <meta name="if:no redirect">
  49.  
  50. <meta name="text:font" content="">
  51. <meta name="text:font size" content="18">
  52. <meta name="text:sidebar hover" content="HI <3">
  53. <meta name="text:text" content="hhhh">
  54. <meta name="text:pixel 1 link">
  55. <meta name="text:pixel 2 link">
  56. <meta name="text:pixel 3 link">
  57. <meta name="text:pixel 4 link">
  58. <meta name="text:link 1" content="link 1">
  59. <meta name="text:link 2" content="link 2">
  60. <meta name="text:link 3" content="link 3">
  61. <meta name="text:link 1 url" content="/">
  62. <meta name="text:link 2 url" content="/">
  63. <meta name="text:link 3 url" content="/">
  64. <meta name="text:divider" content="!">
  65. <meta name="text:redirect" content="dont put a slash in front">
  66.  
  67.  
  68. <title>{title}</title>
  69.  
  70. <link rel="shortcut icon" href="{image:Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  73.  
  74.  
  75. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  76.  
  77. {block:ifnotnoredirect}
  78. <script type="text/javascript">
  79. if(location.pathname == "/")
  80. location.replace("/tagged/{text:redirect}");
  81. </script>
  82. {/block:ifnotnoredirect}
  83.  
  84. <style type="text/css">
  85.  
  86.  
  87. /*
  88. general text styles, fonts and colours
  89. */
  90.  
  91. ::-webkit-scrollbar {
  92. width: 16px;
  93. height: 10px;
  94. }
  95. ::-webkit-scrollbar-thumb {
  96. background-color: #fff;
  97. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  98. border-top: 1px solid #bdbdbd;
  99. border-left: 1px solid #bdbdbd;
  100. border-right: 1px solid black;
  101. border-bottom: 1px solid black;
  102. }
  103. ::-webkit-scrollbar-track {
  104. background-color: #fff;
  105. background-image: url(https://i.imgur.com/IGXGYKz.png);
  106. }
  107. ::-webkit-scrollbar-button:vertical:increment {
  108. background-image: url(https://i.imgur.com/WhC8iy3.png);
  109. width: 14px;
  110. height: 16px;
  111. border-top: 1px solid #bdbdbd;
  112. border-left: 1px solid #bdbdbd;
  113. border-right: 1px solid black;
  114. border-bottom: 1px solid black;
  115. }
  116. ::-webkit-scrollbar-button:vertical:decrement {
  117. background-image: url(https://i.imgur.com/fQ18mrR.png);
  118. border-top: 1px solid #bdbdbd;
  119. border-left: 1px solid #bdbdbd;
  120. border-right: 1px solid black;
  121. border-bottom: 1px solid black;
  122. width: 14px;
  123. height: 16px;
  124. }
  125.  
  126.  
  127. body {
  128. margin:0px;
  129. background:{color:bg};
  130. background-image: url('{image:bg img}');
  131. {block:ifnotfullbg}
  132. background-repeat: repeat;
  133. background-attachment: fixed;
  134. {/block:ifnotfullbg}
  135. {block:iffullbg}
  136. background-size: cover;
  137. background-attachment: fixed;
  138. {/block:iffullbg}
  139. font-family:{text:font};
  140. font-size:{text:font size}px;
  141. line-height:140%;
  142. color:{color:text};
  143. }
  144.  
  145. p{
  146. margin:0 0 5px 0;
  147. padding:0;
  148. }
  149.  
  150. pre {
  151. white-space: pre-wrap;
  152. white-space: -moz-pre-wrap;
  153. white-space: -pre-wrap;
  154. white-space: -o-pre-wrap;
  155. word-wrap: break-word;
  156. }
  157.  
  158. a{
  159. color:{color:link};
  160. text-decoration:none;
  161. {block:ifboldlinks}
  162. font-weight:bold;
  163. {/block:ifboldlinks}
  164. {block:ifunderlinelinks}
  165. text-decoration:underline;
  166. {/block:ifunderlinelinks}
  167.  
  168. }
  169.  
  170. a:hover{
  171. color:{color:link hover};
  172. {block:ifblurhover}
  173. ;-webkit-filter: blur(.9px);
  174. {/block:ifblurhover}
  175. {block:iflinkhoverglow}
  176. text-shadow: 3px 3px 6px {color:link hover};
  177. -webkit-transition: 0.1s ease-in-out;
  178. {/block:iflinkhoverglow}
  179. }
  180.  
  181. li{
  182. margin-left:-15px;
  183. }
  184.  
  185. /*
  186. containers etc
  187. */
  188. #wrapper{
  189. width:450px;
  190. margin:50px auto;
  191. }
  192.  
  193. #sidebar{
  194. background-color:{color:sidebar};
  195. margin:100px;
  196. height:400px;
  197. width:240px;
  198. {block:ifroundsidebar}
  199. border-radius:50px;
  200. {/block:ifroundsidebar}
  201. margin-left:-150px;
  202. {block:ifcenterdesc}
  203. text-align:center;
  204. {/block:ifcenterdesc}
  205. position:fixed;
  206. }
  207.  
  208. #sidebar img{
  209. margin-top:10px;
  210. max-width:200px;
  211. {block:ifcirclesidebar}
  212. border-radius:800px;
  213. {/block:ifcirclesidebar}
  214. {block:ifroundsidebar}
  215. border-radius:50px;
  216. {/block:ifroundsidebar}
  217. }
  218.  
  219. #desc{
  220. max-width:240px;
  221. margin-top:5px;
  222. }
  223.  
  224. #pix{
  225. max-width:240px;
  226. margin-top:-8px;
  227. margin-left:0px;
  228. border-radius:0px;
  229. {block:ifcenterdesc}
  230. text-align:center;
  231. {/block:ifcenterdesc}
  232. }
  233.  
  234. #links{
  235. max-width:240px;
  236. margin-top:0px;
  237. margin-left:0px;
  238. }
  239.  
  240. #content{
  241. background:{color:content};
  242. width:430px;
  243. height:600px;
  244. font-size:{text:fontsize};
  245. margin-top:-10px;
  246. margin-left:730px;
  247. {block:ifcentercontent}
  248. text-align:center;
  249. {/block:ifcentercontent}
  250. overflow:auto;
  251. position:fixed;
  252. padding:20px;
  253. {block:ifroundposts}
  254. border-radius:50px;
  255. {/block:ifroundposts}
  256. }
  257.  
  258. .post{
  259. width:400px;
  260. padding: 2px 0px 2px 0px;
  261. background:{color:post};
  262. overflow:fixed;
  263. position:relative;
  264. {block:ifroundposts}
  265. border-radius:50px;
  266. {/block:ifroundposts}
  267. }
  268.  
  269. .post img{
  270. max-width:100%;
  271. {block:ifroundposts}
  272. border-radius:50px;
  273. {/block:ifroundposts}
  274. }
  275.  
  276. #nav{
  277. font-size:30px;
  278. margin:50px 0 0 0;
  279. }
  280.  
  281.  
  282. /*
  283. content in the body of the posts - quotes, asks, etc
  284. "media" contains photos, photosets, videos, audio posts
  285. */
  286. .media{
  287. margin:0 0 10px 0;
  288. }
  289.  
  290. .title{
  291. font-weight:normal;
  292. font-size:18px;
  293. margin:0 0 10px 0;
  294. }
  295.  
  296. .quote{
  297. font-weight:normal;
  298. font-size:16px;
  299. font-style:italic;
  300. margin:0 0 10px 0;
  301. }
  302.  
  303. .question{
  304. margin-bottom:10px;
  305. }
  306.  
  307. blockquote{
  308. margin:0 0 10px 10px;
  309. padding:0 0 0 10px;
  310. border-left:solid 1px {color:link};
  311. }
  312.  
  313. .post .footer{
  314. margin-top:-20px;
  315. margin-bottom:35px;
  316. padding:20px;
  317. }
  318.  
  319. /*
  320. post notes
  321. */
  322. ol.notes{
  323. list-style-type:none;
  324. padding:0;
  325. margin:0;
  326. }
  327.  
  328. ol.notes li.note img{
  329. width:16px;
  330. height:16px;
  331. }
  332.  
  333. ol.notes li.note{
  334. margin:0px;
  335. }
  336.  
  337. #cred{
  338. position:fixed;
  339. bottom:5px;
  340. left:20px;
  341. }
  342.  
  343. {CustomCSS}
  344. </style>
  345. </head>
  346.  
  347. <body>
  348. <div id="wrapper">
  349.  
  350.  
  351. <div id="sidebar">
  352. <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
  353. <div id="desc">
  354. {block:ifcustomdesc}
  355. {text:text}
  356. {/block:ifcustomdesc}
  357. {block:ifnotcustomdesc}
  358. {block:Description}
  359. <p>{Description}</p>
  360. {/block:Description}
  361. {/block:ifnotcustomdesc}
  362.  
  363. {block:ifsidebarpixels}
  364. <div id="pix">
  365. <a href="{text:pixel 1 url}"><img src="{image:pixel 1}"></a><a href="{text:pixel 2 url}"><img src="{image:pixel 2}"></a><a href="{text:pixel 3 url}"><img src="{image:pixel 3}"></a><a href="{text:pixel 4 url}"><img src="{image:pixel 4}"></a>
  366. </div>
  367. {/block:ifsidebarpixels}
  368.  
  369. {block:iflinkz}
  370. <div id="links">
  371. <a href="{text:link 1 url}">{text:link 1}</a> {text:divider}
  372. <a href="{text:link 2 url}">{text:link 2}</a> {text:divider}
  373. <a href="/{text:link 3 url}">{text:link 3}</a>
  374. </div>
  375. {/block:iflinkz}
  376.  
  377.  
  378.  
  379. </div></div>
  380.  
  381. {block:AskEnabled}
  382. <a href="/ask">{AskLabel}</a><br>
  383. {/block:AskEnabled}
  384. {block:SubmissionsEnabled}
  385. <a href="/ask">{SubmitLabel}</a><br>
  386. {/block:SubmissionsEnabled}
  387. {block:HasPages}
  388. {block:Pages}
  389. <a href="{URL}">{Label}</a><br>
  390. {/block:Pages}
  391. {/block:HasPages}
  392. </div>
  393.  
  394.  
  395.  
  396. <div id="content">
  397. {block:Posts}
  398.  
  399. <div class="post">
  400.  
  401. {block:Text}
  402. {block:Title}
  403. <div class="title">{Title}</div>
  404. {/block:Title}
  405. {Body}
  406. {/block:Text}
  407.  
  408. {block:Photo}
  409. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  410. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  411. {/block:Photo}
  412.  
  413. {block:Photoset}
  414. <div class="media">{Photoset-400}</div>
  415. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  416. {/block:Photoset}
  417.  
  418. {block:Quote}
  419. <div class="quote">"{Quote}"</div>
  420. {block:Source}
  421. <div class="quotesource">{Source}</div>
  422. {/block:Source}
  423. {/block:Quote}
  424.  
  425. {block:Link}
  426. <div class="title"><a href="{URL}">{Name}</a></div>
  427. {block:Description}
  428. <div class="description">{Description}</div>
  429. {/block:Description}
  430. {/block:Link}
  431.  
  432. {block:Chat}
  433. {block:Title}
  434. <div class="title">{Title}</div>
  435. {/block:Title}
  436.  
  437. {block:Lines}
  438. <div class="{Alt} user_{UserNumber}">
  439. {block:Label}
  440. <b>{Label}</b>{/block:Label}
  441. &nbsp;{Line}
  442. </div>
  443. {/block:Lines}
  444. {/block:Chat}
  445.  
  446. {block:Video}
  447. <div class="media">{Video-400}</div>
  448. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  449. {/block:Video}
  450.  
  451. {block:Audio}
  452. <div class="media">
  453. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  454. {AudioPlayerWhite}
  455. {block:TrackName}{TrackName}<br>{/block:TrackName}
  456. {block:Artist}{Artist}<br>{/block:Artist}
  457. {block:Album}{Album}{/block:Album}
  458. </div>
  459. {block:Caption}{Caption}{/block:Caption}
  460. {/block:Audio}
  461.  
  462. {block:Answer}
  463. <div class="question">{Asker}: {Question}</div>
  464. <div class="caption">{Answer}</div>
  465. {/block:Answer}
  466.  
  467.  
  468. {block:Date}
  469. <div class="footer">
  470. <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%">{TimeAgo}</a> <img src="{image:footer}"> <a href="{ReblogURL}" title="REBLOG?">&#8635;</a> </a>
  471. <br>
  472. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  473.  
  474. {block:PermalinkPage}
  475. {block:RebloggedFrom}
  476. <a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a>
  477. {/block:RebloggedFrom}
  478. {block:ContentSource}
  479. <a href="{SourceURL}" title="{SourceTitle}"> source</a>
  480. {/block:ContentSource}
  481. {block:NoteCount}
  482. {block:PostNotes}{PostNotes}{/block:PostNotes}
  483. {/block:NoteCount}
  484. {/block:PermalinkPage}
  485. {/block:Date}
  486.  
  487. </div>
  488. {/block:Posts}
  489.  
  490. {block:Pagination}
  491. <div id="nav">
  492. {block:PreviousPage}<a href="{PreviousPage}">
  493. {block:ifnavicons}
  494. <img src="{image:prev}">
  495. {/block:ifnavicons}
  496. {block:ifnotnavicons}
  497. PREV
  498. {/block:ifnotnavicons}
  499. </a> {/block:PreviousPage}
  500.  
  501. {block:NextPage}<a href="{NextPage}">
  502. {block:ifnavicons}
  503. <img src="{image:next}">
  504. {/block:ifnavicons}
  505. {block:ifnotnavicons}
  506. NEXT
  507. {/block:ifnotnavicons}
  508. </a>{/block:NextPage}
  509. </div>
  510. {/block:Pagination}
  511. </div>
  512. </div>
  513.  
  514. </div>
  515.  
  516. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  517. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  518.  
  519. </body>
  520. </html>
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!