API tools faq
paste
xmisa0923

sept thm

xmisa0923
Jan 13th, 2014
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- oh hey look i made a theme *high five* edit all you want really, basically everything is customizable! as long as you leave the credit intact thank you -->
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!-- default variables -->
  16.  
  17. <meta name="color:background" content="#ffffff">
  18. <meta name="color:title" content ="#3b3b3b">
  19. <meta name="color:text" content="#3b3b3b">
  20. <meta name="color:tags" content="#3b3b3b">
  21. <meta name="color:permalink" content="#e0e0e0">
  22. <meta name="color:link" content="#b8b8b8">
  23. <meta name="color:link hover" content="#3b3b3b">
  24. <meta name="color:border" content="#eeeeee">
  25. <meta name="color:scrollbar" content="#eeeeee">
  26. <meta name="color:scrollbar bg" content="#ffffff">
  27.  
  28. <meta name="if:show captions" content="1"/>
  29. <meta name="text:Link 1 URL" content="" />
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 2 URL" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 3 URL" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 4 URL" content="" />
  36. <meta name="text:Link 4" content=""/>
  37. <meta name="text:Link 5 URL" content="" />
  38. <meta name="text:Link 5" content="" />
  39. <meta name="text:opacity lvl" content="0.7"/>
  40.  
  41. <meta name="if:opacity" content="1"/>
  42.  
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps|Romanesco' rel='stylesheet' type='text/css'>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  47.  
  48. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  49. </script>
  50. <script type="text/javascript">
  51. $(document).ready(function(){
  52. $(".links").hide();
  53. $(".blogtitle").mouseover(function(){
  54. $(this).next(".links").slideToggle('normal');
  55. }); }); </script>
  56.  
  57. <!-- CSS styling aww yeah. This is the fun part. -->
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar {width:5px; height:auto; background:{color:scrollbar bg};}
  62. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  63. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  64. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  65.  
  66. #credit {position:fixed;
  67. float:right;
  68. opacity:0.7;
  69. bottom:5px;
  70. right:18px;
  71. padding:6px;
  72. font-size:12px;
  73. text-align:center;
  74. height:10px;
  75. width:10px;
  76. font-family:georgia;
  77. -webkit-transition:all 0.5s ease-in-out;
  78. -moz-transition:all 0.5s ease-in-out;
  79. transition:all 0.5s ease-in-out;}
  80. #credit a {color:black;}
  81.  
  82.  
  83.  
  84.  
  85. body {
  86. margin:0px;
  87. padding:0px;
  88. width:auto;
  89. font-family:libre baskerville;
  90. font-size:9px;
  91. color:{color:text};
  92. background:{color:background};
  93. }
  94.  
  95. a:link, a, a:active, a:visited {
  96. text-decoration:none;
  97. color:{color:link};
  98. -webkit-transition: all 0.5s ease-in-out;
  99. -moz-transition: all 0.5s ease-in-out;
  100. -o-transition: all 0.5s ease-in-out;
  101. -ms-transition: all 0.5s ease-in-out;
  102. transition: all 0.5s ease-in-out;
  103. }
  104. a:hover {
  105. color:{color:link hover};
  106. }
  107.  
  108. #con {
  109. position:absolute;
  110. left:50%;
  111. margin-left:-180px;
  112. }
  113.  
  114. #entry {
  115. margin:auto;
  116. position:absolute;
  117. width:400px;
  118. font-family:helvetica;
  119. font-size:11px;}
  120.  
  121. .post {
  122. float:center;
  123. overflow:hidden;
  124. text-align:justify;
  125. padding-top:80px;
  126. padding-bottom:5px;
  127. width:400px;
  128. overflow:hidden;
  129. {block:ifopacity}
  130. opacity:1;
  131. {/block:ifopacity}
  132. }
  133.  
  134.  
  135.  
  136. .post img:hover {
  137.  
  138. {block:ifopacity}
  139. opacity:{text:opacity lvl};
  140. {/block:ifopacity}
  141. {/block:indexpage}
  142.  
  143. }
  144.  
  145. .post img{
  146. width:390px;
  147. background:#f4f4f4;
  148. padding:5px;
  149. }
  150.  
  151. #permalinkpage {
  152. width:392px;
  153. margin-bottom:2px;
  154. margin-top:25px;
  155. margin-left:1px;
  156. font-family:arial;
  157. font-size:8px;
  158. text-align:center;
  159. text-transform:lowercase;
  160. letter-spacing:2px;
  161. padding:5px;
  162. border-top:1px solid {color:border};
  163. padding:10px;
  164. }
  165.  
  166. #permalinkpage a {
  167. margin-top:10px;
  168. color:{color:bottompost link};
  169. }
  170.  
  171. #permalinkpage a:hover {
  172. color:{color:bottompost link hover};
  173. }
  174.  
  175.  
  176. #permalink {
  177. opacity:0;
  178. margin-top:8px;
  179. text-align:left;
  180. width:390px;
  181. padding:5px;
  182. font-size:10px;
  183. letter-spacing:0px;
  184. text-transform:lowercase;
  185. font-family:helvetica;
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 0.5s ease-in-out;
  188. -o-transition: all 0.5s ease-in-out;
  189. -ms-transition: all 0.5s ease-in-out;
  190. transition: all 0.5s ease-in-out;}
  191.  
  192. #permalink a {margin:0 5px;
  193. }
  194.  
  195. .post:hover #permalink {
  196. opacity:1;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. .tags {
  205. font-size:10px;
  206. text-align:right;
  207. float:right;
  208. letter-spacing:0px;
  209. font-family:helvetica;
  210. }
  211.  
  212. .tags a{
  213. color:{color:linkhover};
  214. }
  215.  
  216.  
  217.  
  218.  
  219. h1 {
  220. font-size:14px;
  221. text-transform:none;
  222. font-weight:lighter;
  223. padding-left:10px;
  224. color:{color:title};
  225. }
  226. h1 a {
  227. color:{color:title};
  228. text-transform:none;
  229. }
  230.  
  231.  
  232.  
  233. #sidebar {
  234. margin-top:40px;
  235. margin-right:0px;
  236. background:#f4f4f4;
  237. border:5px solid #fff;
  238. outline:2px double #f4f4f4;
  239. padding:10px;
  240. }
  241.  
  242.  
  243.  
  244. .blogtitle {
  245. color:#3f3d3d;
  246. letter-spacing:1px;
  247. position:relative;
  248. text-transform:none;
  249. text-align:center;
  250. font-size:22px;
  251. font-family: 'Oleo Script Swash Caps', cursive;
  252. margin-top:5px;
  253. margin-left:0px;
  254. }
  255.  
  256. #links {
  257. font-family:helvetica;
  258. line-height:160%;
  259. margin-top:-10px;
  260. padding-bottom:10px;
  261. padding-left:0px;
  262. font-size:8px;
  263. font-weight:normal;
  264. text-transform:uppercase;
  265. letter-spacing:1px;
  266. text-align:center;
  267. }
  268.  
  269.  
  270. #links a {
  271. padding:0 4px;
  272. line-height:15px;
  273. margin-bottom:3px;
  274. text-align:center;
  275. display:inline-block;
  276. background:#f4f4f4;
  277. border-bottom:5px solid #fff;
  278. }
  279.  
  280. #links a:hover {text-decoration:none;
  281. border-bottom:5px solid {color:black};}
  282.  
  283.  
  284. .description {
  285. font-family:helvetica;
  286. color: {color:text};
  287. letter-spacing:0px;
  288. margin-top:0px;
  289. margin-bottom:25px;
  290. margin-left:60px;
  291. font-size:11px;
  292. width:250px;
  293. line-height:160%;
  294. font-style:normal;
  295. text-align:justify;
  296. }
  297.  
  298. #pagination {
  299. margin:50px 0;
  300. width:400px;
  301. text-align:center;
  302. text-transform:uppercase;
  303. letter-spacing:1px;
  304. font-size:10px;
  305. font-family:helvetica;
  306. padding-top:5px;
  307. line-height:16px;
  308. }
  309.  
  310. #pagination a {
  311. margin:0 5px;
  312. display:inline-block;
  313. }
  314.  
  315. .firstpage {
  316. margin:0 5px;
  317. font-weight:bold;
  318. display:inline-block;
  319. }
  320.  
  321. .quote {
  322. font-family:baskerville;
  323. font-size:18px;
  324. font-style:italic;
  325. text-align:right;
  326. line-height:110%;
  327. padding-right:5px;
  328. padding-left:5px;
  329. padding-bottom:3px;
  330. }
  331.  
  332. #source {
  333. text-align:left;
  334. padding-left:20px;
  335. padding-right:5px;
  336. }
  337.  
  338. .audioimage {
  339. float:left;
  340. text-align:center;
  341. margin-left:0px;
  342. width:95px;
  343. border:0px solid;
  344. color:transparent;
  345. }
  346.  
  347. .audioimage img {
  348. max-width:95px;
  349. height:95px;
  350. width:95px;
  351. }
  352.  
  353. .player {
  354. width:41px;
  355. height:41px;
  356. position:absolute;
  357. z-index:3;
  358. background:#FFFFFF;
  359. margin-top:6px;
  360. margin-left:27px;
  361. opacity:0.3;
  362. transition-duration: 0.6s;
  363. -moz-transition-duration: 0.6s;
  364. -webkit-transition-duration: 0.6s;
  365. -o-transition-duration: 0.6s;
  366. border-radius:20px 20px 20px 20px;
  367. }
  368.  
  369. .player:hover {
  370. opacity:0.80;
  371. transition-duration: 0.6s;
  372. -moz-transition-duration: 0.6s;
  373. -webkit-transition-duration: 0.6s;
  374. -o-transition-duration: 0.6s;
  375. }
  376.  
  377. .audioplayer {
  378. background-color:transparent;
  379. width:15px; height:25px;
  380. overflow:hidden;
  381. padding:3px;
  382. margin-left:5px;
  383. margin-top:5px;
  384. -webkit-border-radius:15px 15px 15px 15px;
  385. }
  386.  
  387.  
  388. .data {
  389. background-color:{color:background};
  390. color:{color:text};
  391. text-transform:uppercase;
  392. height:10px; padding:6px 0px 5px 0px;
  393. width:401px;
  394. margin-bottom:-7px;
  395. margin-left:99px;
  396. text-align:center
  397. }
  398.  
  399. .data b {
  400. color:{color:source};
  401. line-height:7px;
  402. }
  403.  
  404.  
  405. .caption {
  406. text-align:left;
  407. padding-left:10px;
  408. padding-right:10px;
  409. font-family:helvetica;
  410. display:block;
  411. background:#f4f4f4;
  412. padding:5px;
  413.  
  414. }
  415. .caption img {
  416. max-width:390px;
  417. }
  418.  
  419. blockquote {
  420. padding-left:5px;
  421. border-left:1px solid {color:border};
  422. }
  423.  
  424. #asker {
  425. text-align:left;
  426. margin-top:0px;
  427. font-size:11px;
  428. font-style:none;
  429. padding:10px;
  430. background-color:#f5f5f5;
  431. margin-bottom:20px;
  432. }
  433.  
  434. #asker a {
  435. font-size:10px;
  436. font-family:'arial';
  437. letter-spacing:1px;
  438. background:none;
  439. border-bottom:1px solid {color:link};
  440. color:{color:text}
  441. }
  442.  
  443. #question {
  444. font-size:11px;
  445. letter-spacing:0px;
  446. background:none;
  447. font-family:helvetica;
  448. }
  449.  
  450. ol.notes {
  451. padding-left:5px;
  452. padding-bottom:2%;
  453. width:400px;
  454. list-style-type:lower-roman;
  455. text-align:center;
  456. }
  457.  
  458. ol.notes li.note{
  459. border-bottom:1px solid {color:border};
  460. padding:2%;
  461. }
  462.  
  463. ol.notes li.note img.avatar{
  464. width:0px;
  465. height:0px;}
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472. </style></head>
  473.  
  474. <body>
  475.  
  476. <div id="credit"><a href="http://madsmikkelsen.tk/">♔</a></div>
  477.  
  478. <div id="con">
  479.  
  480.  
  481. <div id="entry">
  482.  
  483. <div id="sidebar">
  484.  
  485. <div class="blogtitle">{Title}
  486.  
  487.  
  488. <div class="description">{Description}
  489. </div>
  490.  
  491. <div id="links">
  492. {block:ifLink1}<a href="{text:Link 1 URL}" title="home">{text:Link 1}</a>{/block:ifLink1}&nbsp; &nbsp;
  493. {block:ifLink2}<a href="{text:Link 2 URL}" title="message">{text:Link 2}</a>{/block:ifLink2}&nbsp; &nbsp;
  494. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}&nbsp; &nbsp;
  495. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}&nbsp;&nbsp;
  496. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  497. </div>
  498.  
  499. </div>
  500.  
  501.  
  502. </div>
  503.  
  504. {block:Posts}
  505. <div class="post">
  506.  
  507. {block:Text}
  508. {block:Title}<h1>{Title}</h1>{/block:Title}
  509. {Body}
  510. {/block:Text}
  511.  
  512.  
  513. {block:Photo}
  514. <a href="{Permalink}"><img src="{PhotoURL-400}"></a>
  515. {block:Caption}
  516. {block:ifshowcaptions}
  517. <span class="caption">{Caption}</span>
  518. {/block:ifshowcaptions}
  519. {/block:Caption}
  520. {/block:Photo}
  521.  
  522.  
  523. {block:Photoset}
  524. {Photoset-400}
  525. {block:Caption}
  526. {block:ifshowcaptions}
  527. <span class="caption">{Caption}</span>
  528. {/block:ifshowcaptions}
  529. {/block:Caption}
  530. {/block:Photoset}
  531.  
  532. {block:Quote}
  533. <div class="quote">❝ {Quote} ❞</div>
  534. {block:Source}
  535. <div id="source">— {Source}</div>
  536. {/block:Source}
  537. {/block:Quote}
  538.  
  539.  
  540. {block:Link}
  541. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  542. {block:Description}
  543. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  544. {/block:Description}
  545. {/block:Link}
  546.  
  547.  
  548. {block:Chat}
  549. {block:Title}<h1>{Title}</h1>{/block:Title}
  550. {block:Lines}
  551. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  552. {/block:Lines}
  553. {/block:Chat}
  554.  
  555. {block:Audio}
  556. <span style="background-color:{color:background}; width:95px; height:95px; align=left">{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart" width="95px" height="95px" align="left"/>{/block:AlbumArt}
  557. <br><br>
  558. <div class="player"><div class="audioplayer">{AudioPlayer}</div> </div></span>
  559.  
  560. <div class="data">{block:TrackName}{TrackName} - {/block:TrackName}
  561. {block:Artist}{Artist}{/block:Artist}</div>
  562.  
  563. <br><br>
  564.  
  565. {block:Caption}
  566. {block:ifshowcaptions}
  567. <span class="caption">{Caption}</span>
  568. {/block:ifshowcaptions}
  569. {/block:Caption}
  570. {/block:Audio}
  571.  
  572.  
  573. {block:Video}
  574. {Video-400}
  575. {block:Caption}
  576. {block:ifshowcaptions}
  577. <span class="caption">{Caption}</span>
  578. {/block:ifshowcaptions}
  579. {/block:Caption}
  580. {/block:Video}
  581.  
  582.  
  583. {block:Answer}
  584. <div id="asker"><b>{Asker}</b> <font id="question">asked:
  585. {Question}</font></div>
  586. <div class="answer" style="font-size:11px; font-family:helvetica; margin-left:7px;">{Answer}</div>
  587. {/block:Answer}
  588.  
  589. <div id="permalink">
  590. <a href="{Permalink}" title="{NoteCount} notes">{DayOfWeek}, {DayOfWeekNumber}{DayOfMonthSuffix}.</a>
  591. {block:PermalinkPage}
  592. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  593. {/block:PermalinkPage}
  594.  
  595. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}.</a>{/block:Tags}</div>{/block:HasTags}
  596. </div>
  597.  
  598. {block:PermalinkPage}
  599. <div id="permalinkpage">
  600. {block:Date}{DayOfWeek} {DayofMonth} of {Month}, {Year},{/block:Date}
  601. <font style="text-transform:lowercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}
  602. <br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font><br>
  603. <div id="tags">{block:HasTags}{block:Tags}<span style="opacity:0.5;">#</span><a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}
  604. </div>
  605. {/block:PermalinkPage}
  606.  
  607. </div>
  608.  
  609.  
  610. {/block:Posts}
  611.  
  612. {block:PermalinkPage}
  613. {block:PostNotes}
  614. <div id="notes">{PostNotes}</div>
  615. {/block:PostNotes}
  616. {/block:permalinkpage}
  617.  
  618.  
  619. <div id="pagination">
  620. {block:Pagination}
  621. {block:JumpPagination length="10"}
  622. {block:CurrentPage}
  623. <span class="firstpage">{PageNumber}</span>
  624. {/block:CurrentPage}
  625. {block:JumpPage}
  626. <a class="jump_page" href="{URL}">{PageNumber}</a>
  627. {/block:JumpPage}
  628. {/block:JumpPagination}
  629. {/block:Pagination}
  630. </div>
  631.  
  632.  
  633. </div>
  634. </div>
  635.  
  636.  
  637. </body>
  638. </html>
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!