API tools faq
paste
Advertisement
peterparkre

THEME 1

peterparkre
May 23rd, 2013
3,091
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.18 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!---
  5. PETERPARKRE'S FIRST EVER THEME!
  6.  
  7. I've always dreamed of making a theme. I just love how it works. So now that I've made one, I'd love to share it to you!
  8.  
  9. Rules:
  10. 1. You have to reblog hte post.
  11. 2. DO NOT USE AS BASE CODE. Get a base code from someone else.
  12. 3. DO NOT TAKE OFF THE CREDIT OR YOU JUST MIGHT GET MURDERED lol jk I'm sorry I'm actually nice you know
  13. 4. DON'T COPY!!!
  14. 5. Enjoy! Feel free to contact me @ peterparkre/tumblr (✿◠‿◠)
  15.  
  16. P.S.- I'd like to thank to all the base code makers out there! Thanks for the effort to help people achieve their dreams :D
  17. --->
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:scrollbar" content="#000000"/>
  25. <meta name="color:scrollbar background" content="#ffffff"/>
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#000000"/>
  28. <meta name="color:link" content="#000000"/>
  29. <meta name="color:link hover" content="#ffffff"/>
  30. <meta name="color:link hover background" content="#000000"/>
  31. <meta name="color:title" content="#302F2F"/>
  32. <meta name="color:blockquote" content="#3b3b3c"/>
  33. <meta name="color:description" content="#000000"/>
  34. <meta name="color:sb links background color" content="#000000"/>
  35. <meta name="color:sb links font color" content="#ffffff"/>
  36. <meta name="color:border below title" content="#696969"/>
  37. <meta name="color:next pagination color" content="#696969"/>
  38. <meta name="color:back pagination color" content="#696969"/>
  39. <meta name="color:border top of tags" content="#000000"/>
  40. <meta name="color:tags font color" content="#000000"/>
  41. <meta name="color:tags hover font color" content="#ffffff"/>
  42. <meta name="color:tags hover background color" content="#000000"/>
  43.  
  44. <meta name="text:margin top sb links" content="-15px"/>
  45. <meta name="text:margin left sb links" content="225px"/>
  46. <meta name="text:link 1" content="/"/>
  47. <meta name="text:name of link 1" content="link1"/>
  48. <meta name="text:link 2" content="/"/>
  49. <meta name="text:name of link 2" content="link2"/>
  50. <meta name="text:link 3" content="/"/>
  51. <meta name="text:name of link 3" content="link3"/>
  52. <meta name="text:link 4" content="/"/>
  53. <meta name="text:name of link 4" content="link4"/>
  54.  
  55.  
  56. <meta name="image:sidebar" content=""/>
  57. <meta name="image:header" content=""/>
  58.  
  59.  
  60. <style type="text/css">
  61.  
  62. @font-face {font-family: Tommaso; src:url(http://static.tumblr.com/1efw2l9/Ocjmmb5qx/tommaso.ttf;)}
  63. @font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  64. @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  65. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  66. @font-face { font-family: "swirlyyyy"; src: url('http://static.tumblr.com/vpzhdvv/HXcm6rnwt/big_noodle_titling.ttf');}
  67. @font-face{font-family:Marmellata Jam; src: url(http://static.tumblr.com/9wzbixa/mf3mj3kzl/marmellata_jam__demo.ttf);}
  68. @font-face {font-family: Metropolis; src:url(http://static.tumblr.com/1efw2l9/F5lmmwiel/metropolis_1920.otf);}
  69.  
  70. ::-webkit-scrollbar-thumb:vertical {
  71. background-color:{color:scrollbar};
  72. height:100px;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb:horizontal {
  76. background-color:{color:scrollbar};
  77. height:100px !important;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. background-color:{color:scrollbar background};
  82. height:10px;
  83. width:8px;
  84. }
  85.  
  86. body {
  87. background:{color:background};
  88. margin:0px;
  89. font-family:calibri, Segoe;
  90. color:{color:text};
  91. font-size:11px;
  92. line-height:100%;
  93. font-style: none;
  94. font-weight:none;
  95. text-align:left;
  96. }
  97.  
  98. h1 {
  99. font-family:swirlyyyy;
  100. font-style:italic;
  101. font-size:25px;
  102. line-height:100%;
  103. }
  104.  
  105.  
  106. a:link, a:visited, a:active {
  107. color:{color:link};
  108. text-decoration: none;
  109. font-family:swirlyyyy;
  110. text-transform; uppercase;
  111. font-style:italic;
  112. letter-spacing:1.5px;
  113. font-weight: none;
  114. -moz-transition-duration: 0.3s;
  115. -o-transition-duration: 0.3s;
  116. -webkit-transition-duration: 0.3s;
  117. transition-duration: 0.3s;
  118. }
  119.  
  120. a:hover {
  121. color: {color:link hover};
  122. background-color:{color:link hover background};
  123. text-decoration: none;
  124. font-weight: none;
  125. -moz-transition-duration: 0.4s;
  126. -o-transition-duration: 0.4s;
  127. -webkit-transition-duration: 0.4s;
  128. transition-duration: 0.4s;
  129. }
  130.  
  131. blockquote {
  132. border-left:2px solid {color:blockquote};
  133. padding-left:5px;
  134. margin-left:8px;
  135. text-align: justify;
  136. margin-right:0px;
  137. }
  138.  
  139. blockquote img {
  140. max-width:370px;
  141. }
  142.  
  143. #entries {
  144. position:absolute;
  145. float:left;
  146. width:522px;
  147. top:3px;
  148. text-align:justify;
  149. left:570px;
  150. padding:40px;
  151. }
  152.  
  153. #post {
  154. margin-bottom:25px;
  155. margin-left:30px;
  156. width:500px;
  157. background-color: #fff;
  158. padding:13px;
  159. }
  160.  
  161. #sidebar {
  162. width:700px;
  163. position:fixed;
  164. margin-left:-175px;
  165. margin-top:20px;
  166. }
  167.  
  168. .title {
  169. color:{color:title};
  170. letter-spacing:1px;
  171. text-align:right;
  172. font-family:georgia;
  173. text-transform:lowercase;
  174. font-style:italic;
  175. font-size:30px;
  176. margin-top:80px;
  177. margin-left:365px;
  178. width:355px;
  179. opacity:0.5;
  180. line-height:100%;
  181. position:fixed;
  182. padding:5px;
  183. border-bottom:1px solid {color:border below title};
  184. }
  185.  
  186.  
  187. .desc {
  188. width:150px;
  189. height:300px;
  190. font-family: calibri;
  191. font-size:13px;
  192. text-align:left;
  193. text-transform;uppercase;
  194. color:{color:description};
  195. margin-top:130px;
  196. margin-left:550px;
  197. line-height:100%;
  198. padding:10px;
  199. opacity:0.5
  200. }
  201.  
  202. .sidebarimg {
  203. width: 150px;
  204. height:150px;
  205. margin-top:-315px;
  206. margin-left:385px;
  207. position:fixed;
  208. }
  209.  
  210. .sidebarimg img {
  211. width:150px;
  212. height:150px;
  213. padding:6px;
  214. border:1px solid {color:border below title};
  215. position:fixed;
  216. }
  217.  
  218. .links {
  219. margin-top:{text:margin top sb links};
  220. margin-left:{text:margin left sb links};
  221. position:fixed;
  222. word-spacing:30px;
  223. letter-spacing:1px;
  224. text-align:center;
  225. line-height:200%;
  226. transform:rotate(-41deg);
  227. -ms-transform:rotate(-41deg); /* IE 9 */
  228. -webkit-transform:rotate(-41deg); /* Safari and Chrome */
  229. -webkit-backface-visibility: hidden;
  230. z-index:99;
  231. opacity:0.9;
  232. }
  233.  
  234. .links a {
  235. font-family:trebuchet ms;
  236. text-transform:uppercase;
  237. font-size:9px;
  238. background-color:{color:sb links background color};
  239. padding:5px;
  240. color:{color:sb links font color};
  241. font-style:none;
  242. }
  243.  
  244. .links a:hover {
  245. color:transparent;
  246. background-color:transparent;
  247. }
  248.  
  249.  
  250. #next a{
  251. position:fixed;
  252. margin-left:515px;
  253. margin-top:535px;
  254. font-family:bebas neue;
  255. font-size:20px;
  256. color:{color:next pagination color};
  257. opacity:0.6;
  258. text-align:center;
  259. font-weight:bold;
  260. background-color:transparent;
  261. }
  262.  
  263. #next a:hover{
  264. position:fixed;
  265. margin-left:515px;
  266. margin-top:535px;
  267. font-family:bebas neue;
  268. font-size:20px;
  269. color:transparent;
  270. text-align:center;
  271. font-weight:bold;
  272. background-color:transparent;
  273. }
  274.  
  275. #back a{
  276. position:fixed;
  277. margin-left:503px;
  278. margin-top:530px;
  279. font-family:bebas neue;
  280. font-size:20px;
  281. color:{color:back pagination color};
  282. opacity:0.6;
  283. text-align:center;
  284. font-weight:bold;
  285. background-color:transparent;
  286. }
  287.  
  288. #back a:hover{
  289. position:fixed;
  290. margin-left:503px;
  291. margin-top:530px;
  292. font-family:bebas neue;
  293. font-size:20px;
  294. color:transparent;
  295. text-align:center;
  296. font-weight:bold;
  297. background-color:transparent;
  298. }
  299.  
  300. .header {
  301. width: 700px;
  302. height:230px;
  303. transform:rotate(-20.5deg);
  304. -ms-transform:rotate(-20.5deg); /* IE 9 */
  305. -webkit-transform:rotate(-20.5deg); /* Safari and Chrome */
  306. -webkit-backface-visibility: hidden;
  307. }
  308.  
  309. .header img {
  310. width:690px;
  311. height:230px;
  312. transform:rotate(-20.5deg);
  313. -ms-transform:rotate(-20.5deg); /* IE 9 */
  314. -webkit-transform:rotate(-20.5deg); /* Safari and Chrome */
  315. -webkit-backface-visibility: hidden;
  316. }
  317.  
  318. .tags {
  319. font-style:none;
  320. font-size: 10px;
  321. width:500px;
  322. text-align:left;
  323. padding-top:5px;
  324. }
  325.  
  326. .bordertoptags {
  327. border-top:1px solid {color:border top of tags};
  328. margin-top:5px;
  329. width:500px;
  330. }
  331.  
  332. .tags a:link {
  333. color:{color:tags font color};
  334. text-decoration:none;
  335. }
  336.  
  337. .tags a:hover {
  338. color:{color:tags hover font color};
  339. background-color:{color:tags hover background color};
  340. text-decoration:none;
  341. }
  342.  
  343. .quote {
  344. font-family:marmellata jam;
  345. font-size:25px;
  346. line-height:100%;
  347. }
  348.  
  349. .whosaid {
  350. font-family:tommaso;
  351. font-size:15px;
  352. line-height:100%;
  353. }
  354.  
  355. .ask {
  356. align:right;
  357. background: #eee;
  358. margin:7px 0px 5px 66px;
  359. padding:10px;
  360. position: relative;
  361. -moz-border-radius:5px;
  362. -webkit-border-radius:5px;
  363. border-radius:5px;
  364. }
  365.  
  366. .ask p {
  367. margin:1px 0px;
  368. }
  369.  
  370. .ask span {
  371. display:block;
  372. position:absolute;
  373. width:1px;
  374. height:1px;
  375. font-size: 0;
  376. line-height: 1px;
  377. left:-10px;
  378. top:10px;
  379. border-top:7px solid transparent;
  380. border-bottom:7px solid transparent;
  381. border-right:10px solid #eee;
  382. }
  383.  
  384. .askborder {
  385. float: left;
  386. margin: 1px 4px 0 0;
  387. padding: 2px;
  388. background: #000;
  389. }
  390.  
  391. .audio {
  392. width:500px;
  393. height:160px;
  394. }
  395.  
  396. .albumart {
  397. width:150px;
  398. height:150px;
  399. position:absolute;
  400. border:1px dotted {color:text};
  401. padding:2px;
  402. }
  403.  
  404. .albumart img {
  405. width:150px;
  406. height:150px;
  407. float:left;
  408. }
  409.  
  410. .playercontainer {
  411. display:block;
  412. width:150px;
  413. height:150px;
  414. background-color:#ffffff;
  415. position:absolute;
  416. }
  417.  
  418. .player {
  419. margin-left:36px;
  420. margin-top:36px;
  421. width:25px;
  422. height:25px;
  423. overflow:hidden;
  424. background-color:white;
  425. }
  426.  
  427. .audioinfo {
  428. margin-left:160px;
  429. float:left;
  430. width:200px;
  431. padding:2px;
  432. margin-top:2px;
  433. }
  434.  
  435. /*Take this off, and I'll take off your head :)*/
  436. #credit {
  437. right:40px;
  438. bottom:40px;
  439. text-align:center;
  440. padding:10px;
  441. color:#fff;
  442. position:fixed;
  443. }
  444.  
  445. #credit a {
  446. font-family:Metropolis;
  447. font-size:20px;
  448. background-color:#000;
  449. text-align:center;
  450. padding:10px 5px 10px 5px;
  451. color:#fff;
  452. position:fixed;
  453. letter-spacing:0px;
  454. }
  455.  
  456. #credit a:hover {
  457. font-family:Metropolis 1920;
  458. background-color:transparent;
  459. color:#000000;
  460. position:fixed;
  461. }
  462.  
  463. /*Joke. But seriously.*/
  464.  
  465.  
  466. {CustomCSS}</style>
  467.  
  468. </head><body>
  469.  
  470. <div id="sidebar">
  471.  
  472. <!---DON'T TOUCH THIS TOO PLEASE --->
  473. <div id="credit"><a href="http://peterparkre.tumblr.com/">PP</a></div>
  474. <!--- PLEASE!--->
  475.  
  476. <div class="header"><img src="{image:header}"></div>
  477. <div class="title">{title}</div>
  478.  
  479. <div class="links">
  480. <a href="/">home</a>
  481. <a href="/ask">ask</a>
  482. <a href="{text:link 1}">{text:name of link 1}</a>
  483. <a href="{text:link 2}">{text:name of link 2}</a>
  484. <a href="{text:link 3}">{text:name of link 3}</a>
  485. <a href="{text:link 4}">{text:name of link 4}</a>
  486. </div>
  487.  
  488. <div class="desc">{description}</div>
  489.  
  490. <div class="sidebarimg"><img src="{image:sidebar}"></div>
  491.  
  492. </div>
  493.  
  494. {block:NextPage}<div id="next"><a href="{NextPage}">→</a></div>{/block:NextPage}{block:PreviousPage}<div id="back"><a href="{PreviousPage}">←</a>
  495. </div>{/block:PreviousPage}
  496.  
  497. </div>
  498.  
  499. <div id="entries">
  500. {block:Posts}
  501.  
  502. <div id="post">
  503. {block:ContentSource}
  504. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  505. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  506. {/block:SourceLogo}
  507. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  508. {/block:ContentSource}
  509.  
  510. {block:Text}
  511. <h1>{block:Title}{Title}{/block:Title}</h1>
  512. {Body}{/block:Text}
  513.  
  514. {block:Photo}
  515. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  516. {block:Caption}
  517. {Caption}{/block:Caption}
  518. {/block:Photo}
  519.  
  520. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  521.  
  522. {block:Quote}
  523. <div class="quote">"{Quote}"</div>
  524. <div class="whosaid">{block:Source} —{Source}{/block:Source}</div>
  525. {/block:Quote}
  526.  
  527. {block:Link}
  528. <h1><a href="{URL}"{Target}>{Name}</a></h1>
  529. {block:Description}{Description}{/block:Description}
  530. {/block:Link}
  531.  
  532. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<FIELDSET style=”width:190px; height:12px; border: 1px solid #000000;”>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</FIELDSET>{/block:Chat}
  533.  
  534. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  535. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  536. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  537. {/block:ExternalAudio}<br>{block:Caption}{Caption}{/block:Caption}
  538. {/block:Audio}
  539.  
  540. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  541.  
  542. {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  543.  
  544. <div class="bordertoptags"></div>
  545.  
  546. <div class="tags">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}・<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}・<a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  547. {block:ContentSource}・<a href="{SourceURL}">source</a>{/block:ContentSource} ・<a href="{ReblogURL}" title="Reblog This Post">Reblog</a><br>
  548. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  549.  
  550. </div>
  551.  
  552. </div>
  553.  
  554. {block:PostNotes}{PostNotes}{/block:PostNotes}
  555. {/block:Posts}
  556.  
  557. </div>
  558.  
  559. </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!