API tools faq
paste
Advertisement
puckurtrps

PUCKURTRPS THEME #6 - WAITING FOR A GIRL LIKE YOU.

puckurtrps
Nov 21st, 2014
393
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.60 KB | None | 0 0
raw download clone embed print report
  1. <!-- PUCKURTRPS THEME NUMBER SIX - "WAITING FOR A GIRL LIKE YOU"
  2.  
  3. PLEASE READ THE RULES:
  4.  
  5. 01. Don't remove or change the credit.
  6. 02. Don't use as a base code or steal any of my shit.
  7. 03. Any feedback would be appreciated! -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="image:background image" content="" />
  18. <meta name="color:sidebar background" content="#f5f5f5"/>
  19. <meta name="color:post background" content="#f5f5f5"/>
  20. <meta name="color:description background" content="#f5f5f5" />
  21. <meta name="color:title color" content="#000000"/>
  22. <meta name="color:border color" content="#000000"/>
  23. <meta name="color:text" content="#888"/>
  24. <meta name="color:bold text" content="#000000" />
  25. <meta name="color:italic text" content="#000000" />
  26. <meta name="color:pre background" content="#000000" />
  27. <meta name="color:pre text" content="#ffffff" />
  28. <meta name="color:pre borders" content="f5f5f5" />
  29. <meta name="color:link" content="#888"/>
  30. <meta name="color:link hover" content="#b8b8b8"/>
  31. <meta name="color:navlinks background" content="#fffffff" />
  32. <meta name="color:navlinks text" content="#000000" />
  33. <meta name="color:navlinks hover" content="#000000" />
  34. <meta name="color:ask color" content="ffffff" />
  35. <meta name="color:posts" content="#ffffff" />
  36. <meta name="color:info background" content="#ffffff" />
  37. <meta name="color:scrollbar" content="#888" />
  38. <meta name="image:sidebar1" content="" />
  39. <meta name="image:sidebar background" content="" />
  40. <meta name="image:post background" content="" />
  41. <meta name="text:Title" content="this is your main title" />
  42.  
  43. <meta name="text:link1" content="link" />
  44. <meta name="text:link1 URL" content="/" />
  45. <meta name="text:link2" content="link" />
  46. <meta name="text:link2 URL" content="/" />
  47. <meta name="text:link3" content="link" />
  48. <meta name="text:link3 URL" content="/" />
  49. <meta name="text:link4" content="link" />
  50. <meta name="text:link4 URL" content="/" />
  51. <meta name="text:link5" content="link" />
  52. <meta name="text:link5 URL" content="/" />
  53. <meta name="text:link6" content="link" />
  54. <meta name="text:link6 URL" content="/" />
  55.  
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  61.  
  62. <style type="text/css">
  63.  
  64. ::-webkit-scrollbar{height: 5px; width: 5px; -webkit-border-radius: 0px; background-color:#ffffff;}
  65.  
  66. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  67. ::-webkit-scrollbar-track{background-color:#ffffff;}
  68.  
  69.  
  70. body {
  71. background:{color:background};
  72. background-image: url('{image:background image}');
  73. background-attachment:fixed;
  74. margin:0px;
  75. color:{color:text};
  76. font-family:georgia; font-size:10px;
  77. line-height:150%;
  78. text-align:justify;
  79. }
  80.  
  81. div#qTip {
  82. font-size:8px;
  83. margin-top: 3px;
  84. margin-left: 3px;
  85. display: none;
  86. text-align: center;
  87. position :absolute;
  88. letter-spacing: 0px;
  89. text-transform: uppercase;
  90. z-index: 5;
  91. padding:3px;
  92. color: {color:text};
  93. background: #ffffff;
  94. border: 1px solid {color:border color}}
  95.  
  96. a {
  97. text-decoration:none;
  98. outline:none;
  99. -moz-outline-style:none;
  100. color:{color:link};
  101. -webkit-transition: all 0.5s ease-in-out;
  102. -moz-transition: all 0.5s ease-in-out;
  103. -o-transition: all 0.5s ease-in-out;
  104. }
  105.  
  106. a:hover {
  107. text-decoration:none;
  108. outline:none;
  109. -moz-outline-style:none;
  110. color:{color:link hover};
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. -o-transition: all 0.5s ease-in-out;
  114. }
  115.  
  116. img {
  117. border:none;
  118. }
  119.  
  120. h1 {
  121. font-size:15px;
  122. }
  123.  
  124. #postbackground {
  125. padding:5px;
  126. width:532px;
  127. height:auto;
  128. margin-bottom:15px;
  129. background-color:{color:post background};
  130. background-image: url('{image:post background}');
  131. border:1px solid {color:Border color};
  132. }
  133.  
  134. #entries {
  135. padding:1px;
  136. width:540px;
  137. margin-left:700px; margin-top:40px;
  138. }
  139.  
  140. #post {
  141. border: 1px solid; color:{color:border color};
  142. background-color:{color:posts};
  143. width:500px;
  144. padding:15px;
  145. margin-bottom: 4px;
  146. }
  147.  
  148. #topbar {
  149. width:440px; height:35px;
  150. padding:5px;
  151. margin-top:-45px; margin-left:-5px;
  152. background-color:transparent;
  153. }
  154.  
  155. #title {
  156. color:{color:title color};
  157. font-family: 'Alegreya SC', serif;
  158. letter-spacing:0px;
  159. text-transform:uppercase;
  160. font-weight:none;
  161. font-size:19px;
  162. margin-top:19px;
  163. text-align:right;
  164.  
  165. }
  166.  
  167. #sidebar {
  168. width:432px;
  169. height:153px;
  170. border: 1px solid; color:{color:border color};
  171. position:fixed;
  172. background-image:url('{image:sidebar background}');
  173. background-color:{color:sidebar background};
  174. margin-left:120px;
  175. margin-top:105px;
  176. }
  177.  
  178. #sidebar1 {
  179. position:fixed;
  180. width:140px; height:140px;
  181. margin-left:5px; margin-top:6px;
  182. border: 1px solid; color:{color:border color};
  183. }
  184.  
  185.  
  186. #description {
  187. position: fixed;
  188. height:134px; width:270px;
  189. overflow:auto;
  190. padding: 3px;
  191. line-height:130%;
  192. background-color:{color:description background};
  193. font-size: 10px; font-family:georgia;
  194. color:{color:text};
  195. margin-top: 6px; margin-left: 150px;
  196. border: 1px solid {color:border color};
  197. }
  198.  
  199. pre {
  200. font-family: 'Alegreya SC', serif;
  201. font-size:11px;
  202. background-color:{color:pre background};
  203. padding:3px;
  204. text-align:center;
  205. text-transform:uppercase;
  206. border: 1px solid; {color:pre border};
  207. color:{color:pre text};
  208. }
  209.  
  210. #pagination {
  211. font-size:28px;
  212. font:georgia;
  213. font-style:italic;
  214. text-align:right;
  215. margin-top:230px;
  216. margin-left:115px;
  217. width: 316px; height: 40px;
  218. color: {color:text};
  219. background-color:transparent;
  220. }
  221.  
  222.  
  223. #nav {
  224. width:397px; height:40px;
  225. margin-top:156px; margin-left:-3px;
  226. position:fixed;
  227. padding: 10px;
  228. line-height:120%;
  229. background: none;
  230. background-color:transparent;
  231. font-size: 10px;
  232. font-family:georgia;
  233.  
  234. }
  235.  
  236.  
  237. #links {
  238. width:450px;
  239. text-align:center;
  240. margin-top:-7px; margin-left:-10px; margin-bottom:0px;
  241. letter-spacing:1px;
  242. }
  243.  
  244.  
  245. #links a{
  246. display:block; width:91px;
  247. float:left; line-height:100%;
  248. font-family: 'Alegreya SC', serif; font-size:11px;
  249. letter-spacing: 1.5px;
  250. text-transform: uppercase;
  251. margin-left:2px; margin-bottom:3px;
  252. background-color:{color:navlinks background};
  253. border: 1px solid {color:border};
  254. padding:7px;
  255. color:{color:navlinks text};
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. -o-transition: all 0.5s ease-in-out;
  259. }
  260.  
  261. #links a:hover{
  262. color:{color:navlinks hover};
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266. }
  267.  
  268. #posttitle {
  269. letter-spacing: 1px;
  270. margin-bottom: 5px;
  271. color:{color:title};
  272. font-family: 'Alegreya SC', serif;
  273. text-transform: uppercase;
  274. font-size:18px; text-align:center;
  275. }
  276.  
  277. #quote {
  278. font-family: 'Alegreya SC', serif;
  279. font-size:22px; font-style:italic;
  280. letter-spacing:0px; line-height:100%;
  281. }
  282.  
  283. #quotesource {
  284. font-size:14px;
  285. text-align:right;
  286. font-style:none;
  287.  
  288. }
  289.  
  290. #info {
  291. font-size:9px;
  292. letter-spacing: 1px;
  293. text-transform: uppercase;
  294. padding-top: 5px;
  295. padding-bottom: 0px;
  296. width:530px;
  297. text-align:center;
  298. margin-top:1px; margin-bottom:4px; margin-left:0px;
  299. border: 1px solid; color:{color:border color};
  300. background-color:{color:info background};
  301. }
  302.  
  303. #tags {
  304. height:auto; width:530px;
  305. text-transform: lowercase;
  306. letter-spacing: 1px;
  307. margin-top:1px; margin-bottom:4px; margin-left:0px;
  308. font-size: 9px;
  309. font-style:italic;
  310. text-align:right;
  311. background-color:{color:info background};
  312. border: 1px solid; color:{color:border color};
  313. }
  314.  
  315. b, strong {
  316. color:{color:bold text}
  317. }
  318.  
  319. i, em {
  320. color:{color:italic text}
  321. }
  322.  
  323. #p, p {
  324. margin-top:5px;
  325. margin-bottom:5px
  326. }
  327.  
  328. #audio {
  329. border-radius:0%;
  330. border:1px solid {color:border};
  331. width:100%;
  332. height:107px;
  333. margin-bottom:10px}
  334.  
  335. .albumart {
  336. border-radius:0%;
  337. padding: 2px;
  338. border: 1px #f1f1f1 solid;
  339. float:left;
  340. width:100px;
  341. height:100px}
  342.  
  343. .player {
  344. border-radius:0%;
  345. margin-left:2px;
  346. margin-top:2px;
  347. padding:11px;
  348. display:block;
  349. height:80px;
  350. width:80px;
  351. overflow:hidden;
  352. position:absolute;
  353. opacity:0.3;
  354. background:#fff;
  355. -webkit-transition:all 0.4s ease-in-out;
  356. -moz-transition:all 0.4s ease-in-out;
  357. -o-transition:all 0.4s ease-in-out;
  358. -ms-transition: all 0.4s ease-in-out;
  359. transition:all 0.5s ease-in-out}
  360.  
  361. .player:hover {
  362. opacity:0.7;
  363. -webkit-transition:all 0.4s ease-in-out;
  364. -moz-transition:all 0.4s ease-in-out;
  365. -o-transition:all 0.4s ease-in-out;
  366. -ms-transition: all 0.4s ease-in-out;
  367. transition:all 0.5s ease-in-out}
  368.  
  369. .audioplayer {
  370. width:24px;
  371. height:24px;
  372. margin:28px 0 0 28px;
  373. overflow:hidden}
  374.  
  375. .audioinfo {
  376. margin-left:105px;
  377. height:54px;
  378. line-height:100%;
  379. color:{color:text};
  380. padding:26px 5px 24px 10px;
  381. text-align:left}
  382.  
  383. .tracktitle {
  384. margin-top: 10px;
  385. color:{color:title};
  386. margin-bottom:-15px;
  387. text-transform: uppercase;
  388. font-size: 11px;
  389. }
  390.  
  391. #asks {
  392. text-align:center;
  393. padding:5px 5px 5px 5px;
  394. background-color:{color:ask color};
  395. border: 1px solid {color:border};
  396. min-height:45px;
  397. margin-left:0px
  398. margin-bottom:2px;
  399.  
  400. }
  401.  
  402. .asker {
  403. text-transform:uppercase;
  404. text-align:center;
  405. background-color:{color:ask color};
  406. margin-top:0px;
  407. font-size:16px;
  408. letter-spacing:0px;}
  409.  
  410. #answers {
  411. margin-top:0px
  412. font-size:12px;
  413. }
  414.  
  415. blockquote {
  416. margin-top: 0px;
  417. margin-bottom: 0px;
  418. width: 480px;
  419. border-left: 2px {color:border} solid;
  420. padding-left: 5px;
  421. margin-left: 10px;
  422. text-align:justify;
  423. }
  424.  
  425. .user_1 .label {
  426. color:{color:bold text};
  427. text-transform:uppercase;
  428. font-weight:bold}
  429.  
  430. .user_2 .label {
  431. color:{color:italic text};
  432. text-transform:uppercase;
  433. font-weight:bold}
  434.  
  435. ul.chat, .chat ol, .chat li {
  436. list-style:none;
  437. margin:0px 0px 3px 0px;
  438. padding:1px; 1px 1px 1px}
  439.  
  440. #credit a {
  441. position:fixed;
  442. letter-spacing: 1px;
  443. font:12px georgia;
  444. text-align:center;
  445. border: 1px dashed {color:border};
  446. background-color:{color:sidebar background};
  447. color:{color:link};
  448. padding:0px;
  449. bottom:5px;
  450. right:5px;
  451. width:43px; height:15px;
  452. }
  453.  
  454. #credit a:hover {
  455. color:{color:text}
  456. }
  457.  
  458.  
  459. {CustomCSS}</style>
  460.  
  461. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  462. </head><body>
  463.  
  464.  
  465.  
  466.  
  467. <div id="sidebar">
  468. <div id="topbar"><div id="title">{text:title}</div></div>
  469.  
  470. <div id="sidebar1"><img src="{image:sidebar1}"></div>
  471.  
  472. <div id="nav">
  473. <div id="links">
  474. <a href="/">home</a>
  475. <a href="/ask">message</a>
  476. <a href="{text:Link1 URL}">{text:Link1}</a>
  477. <a href="{text:Link2 URL}">{text:Link2}</a>
  478. <a href="{text:Link3 URL}">{text:Link3}</a>
  479. <a href="{text:Link4 URL}">{text:Link4}</a>
  480. <a href="{text:Link5 URL}">{text:Link5}</a>
  481. <a href="{text:Link6 URL}">{text:Link6}</a>
  482. </div></div>
  483.  
  484. <div id="description">{Description}</div>
  485.  
  486.  
  487. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}</div>
  488. </div>
  489.  
  490.  
  491. <div id="entries">{block:Posts}<div id="postbackground">
  492. {block:Date}<div id="info">POSTED <a href="{Permalink}">{TimeAgo}</a> ★ with {block:NoteCount}{NoteCount}{/block:NoteCount} NOTES{block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} (<a href="{SourceURL}">source</a>){block:ContentSource}{/block:RebloggedFrom}{/block:Date}</div>
  493.  
  494. <div id="post">
  495.  
  496. {block:Title}<div id="posttitle">{Title}</div>{/block:Title} {Body}
  497.  
  498. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  499.  
  500. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  501.  
  502. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="quotesource"> —{Source}</div>{/block:Source}{/block:Quote}
  503.  
  504. {block:Link}<div id="posttitle"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  505.  
  506. {block:Chat} <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  507. {/block:Chat}
  508.  
  509. {block:Audio}
  510. <div id="audio">
  511. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  512. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 0%">{/block:AlbumArt}</div>
  513. <div class="audioinfo">
  514. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by <b>{Artist}</b>{/block:Artist}</div><br>
  515. {block:Album}<br>
  516. <b>Album:</b> {Album}{/block:Album}<br>
  517. <b>Played:</b> {FormattedPlayCount} times</div></div>
  518. {block:Caption}{Caption}{/block:Caption}
  519. {/block:Audio}
  520.  
  521. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  522.  
  523. {block:Answer}
  524. <div id="asks"><div class="asker">{Asker} asked:</div>
  525. <br>{Question}</div>
  526. <div id="answers">{Answer}</div>
  527. {/block:Answer}</div>
  528.  
  529. <div id="tags">{block:Tags}{block:HasTags}#<a href="{TagURL}">{Tag}</a> {/block:HasTags}{/block:Tags}</div>
  530.  
  531. </div>
  532. {block:PostNotes}{PostNotes}{/block:PostNotes}
  533. {/block:Posts}</div></div>
  534.  
  535. <!-- DO NOT REMOVE THIS -->
  536. <div id="credit"><a href="http://puckurtrps.tumblr.com/">PKRPS</a></div>
  537. <!-- DO NOT REMOVE THIS -->
  538.  
  539. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!