API tools faq
paste
Advertisement
greasybyuntae

Theme #1

greasybyuntae
Apr 14th, 2014
497
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.00 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <!--
  3. copyright greasybyuntae/byuntaethemes.
  4. steal, and I will find you and force
  5. feed you wasabi and/or vegemite
  6. -->
  7. <head>
  8.  
  9. <title>{title}</title>
  10. <link rel=”shortcut icon” href=”{Favicon}”/>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <meta name="image:sidebar" content="http://static.tumblr.com/ad447ec73472a4590ac9da32dd7404e8/ej068jo/cAjn3ht39/tumblr_static_ppany4.png"/>
  15. <meta name="image:background" content="">
  16. <meta name="color:background color" content="#66A3B8">
  17. <meta name="color:post bg" content="#fff">
  18. <meta name="color:body text" content="black">
  19. <meta name="color:scroll" content="#333364">
  20. <meta name="color:postinfo" content="#A6CBD8">
  21. <meta name="color:post info text" content="#333364">
  22. <meta name="color:ask text color" content="#333364">
  23. <meta name="color:navbg" content="black">
  24. <meta name="color:nav hover" content="grey">
  25. <meta name="text:description margin" content="325">
  26. <meta name="text:titlemargin" content="100">
  27. <meta name="text:paginationmargin" content="400">
  28. <meta name="text:linkmargin" content="75">
  29. <meta name="if:Show Link One" content="1">
  30. <meta name="text:Link One Name" content="ask">
  31. <meta name="text:Link One URL" content="/ask">
  32. <meta name="if:Show Link Two" content="1">
  33. <meta name="text:Link Two Name" content="archive">
  34. <meta name="text:Link Two URL" content="/archive">
  35. <meta name="if:Show Link Three" content="1">
  36. <meta name="text:Link Three Name" content="Link">
  37. <meta name="text:Link Three URL" content="/">
  38. <meta name="if:Show Link Four" content="1">
  39. <meta name="text:Link Four Name" content="Link">
  40. <meta name="text:Link Four URL" content="/">
  41. <meta name="if:Show Link Five" content="1">
  42. <meta name="text:Link Five Name" content="Link">
  43. <meta name="text:Link Five URL" content="/">
  44. <meta name="if:Show Link Six" content="1">
  45. <meta name="text:Link Six Name" content="Link">
  46. <meta name="text:Link Six URL" content="/">
  47. <meta name="if:Show Link Seven" content="1">
  48. <meta name="text:Link Seven Name" content="Link">
  49. <meta name="text:Link Seven URL" content="/">
  50. <meta name="if:Show Link Eight" content="1">
  51. <meta name="text:Link Eight Name" content="Link">
  52. <meta name="text:Link Eight URL" content="/">
  53.  
  54.  
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. body{
  60. color:{color:body font};
  61. font-family:verdana;
  62. font-size:10px;
  63. background-color:{color:background color};
  64. background-image:url('{image:background}')
  65. }
  66. body a:link {
  67. color:{color:post info text};
  68. }
  69. body a:visited {
  70. color:{color:post info text};
  71. }
  72. body a:hover {
  73. color:{color:postinfo};
  74. }
  75. body small {
  76. font-size:9px;
  77. }
  78.  
  79. #cent{
  80. width:508px;
  81. margin-left:450px;
  82.  
  83. position:absolute;
  84. padding:5px;
  85. }
  86.  
  87. #post{
  88. padding:2px;
  89. background-color:{color:post bg};
  90. width:500px;
  91. float:left;
  92. margin:10px;
  93. }
  94.  
  95. #description{
  96. background-color:{color:post bg};
  97. width:180px;
  98. height:100px;
  99. overflow:auto;
  100. margin-top:{text:description margin}px;
  101. margin-left:30px;
  102. position:fixed;
  103. padding:5px;
  104. padding-bottom:10px;
  105. text-align:justify;
  106. opacity:0.8;
  107.  
  108. }
  109.  
  110. #description::-webkit-scrollbar {
  111. width: 7px;
  112. height: 3px;
  113. background: white;
  114.  
  115. }
  116. #description::-webkit-scrollbar-thumb {
  117.  
  118. background-color:#333364;
  119. border: 2px solid white;
  120.  
  121. }
  122.  
  123. #quote {
  124. font-size:30px;
  125.  
  126. padding:10px;
  127. font-family: 'Pacifico', cursive;
  128.  
  129. }
  130.  
  131. #info {
  132. background-color:{color:postinfo};
  133. text-align:center;
  134. padding:4px;
  135. }
  136. #info a:link {
  137. color:#333364;
  138. text-decoration:none;
  139. }
  140. #info a:visited {
  141. color:#333364;
  142. }
  143. #info a:hover {
  144. color:gray;
  145. text-decoration:underline;
  146. }
  147.  
  148. #dates {
  149. background-color:{color:postinfo};
  150. padding:2px;
  151. text-align:right;
  152. }
  153. #dates a:link {
  154. color:{color:post info text};
  155. text-decoration:none;
  156. }
  157. #dates a:visited {
  158. color:{color:post info text};
  159. }
  160. #dates a:hover {
  161. color:gray;
  162. text-decoration:underline;
  163.  
  164. }
  165.  
  166. #chatty {
  167. padding-top:5px;
  168. padding-bottom:5px;
  169. padding-left:10px;
  170. }
  171. .playerbuttonbg {
  172. position: absolute;
  173. left: 0px;
  174. top: 0px;
  175. width: 75px;
  176. height: 75px;
  177. background-color: #ffffff;
  178. padding:5px;
  179. padding-top:6px;
  180. padding-right:6px;
  181. opacity: .4;
  182. filter: alpha(opacity=40);
  183. -moz-opacity: 0.4;
  184. -khtml-opacity: 0.4;
  185. transition: opacity .7s ease-in-out;
  186. -moz-transition: opacity .7s ease-in-out;
  187. -webkit-transition: opacity .7s ease-in-out;
  188.  
  189. }
  190.  
  191. .playerbuttonbg:hover {
  192. opacity: 0.7;
  193. filter: alpha(opacity=100);
  194. -moz-opacity: 1;
  195. -khtml-opacity: 1;
  196. }
  197.  
  198. .newplayerbutton {
  199. position: relative;
  200. width: 30px;
  201. height: 30px;
  202. left:18px;
  203. top:22px;
  204.  
  205. overflow: hidden;
  206. margin-top:-5px;
  207. }
  208.  
  209. .playerbuttonhug {
  210. position: absolute;
  211. top: -21px;
  212. left: -7px;
  213. }
  214.  
  215. .tumblr_audio_player {
  216. height: 80px;
  217. width: 260px;
  218. -moz-transform: scale(0.60, 0.60);
  219. -webkit-transform: scale(0.60, 0.60);
  220. -o-transform: scale(0.60, 0.60);
  221. -ms-transform: scale(0.60, 0.60);
  222. transform: scale(0.60, 0.60);
  223. -moz-transform-origin: top left;
  224. -webkit-transform-origin: top left;
  225. -o-transform-origin: top left;
  226. -ms-transform-origin: top left;
  227. transform-origin: top left;
  228. }
  229.  
  230. .audioimgwrapper {
  231. margin-top:4px;
  232. position: absolute;
  233. left: 0px;
  234. top: 0px;
  235.  
  236. overflow: hidden;
  237. width: 79px;
  238. height: 79px;
  239. }
  240.  
  241. .audioimgwrapper img {
  242. width: 100%;
  243. height: auto;
  244.  
  245. }
  246.  
  247. .trackdetails {
  248. width: auto;
  249. margin-top:15px;
  250. display:inline-block;
  251. margin-left: 90px;
  252. min-height: 85px;
  253. }
  254.  
  255. .audiowrapper {
  256. position: relative;
  257. display:inline-block;
  258. }
  259.  
  260. }
  261. #text {
  262. }
  263.  
  264. blockquote{
  265. border-left: 3px solid {color:post info text};
  266. padding:0px 10px;
  267. margin-left:5px;
  268. }
  269.  
  270.  
  271. blockquote blockquote {
  272. border-left: 3px solid {color:post info text};
  273. padding:0px 10px;
  274. margin-left:5px;
  275.  
  276. }
  277. #text img {
  278. width:250px;
  279. }
  280. #sidebarpic {
  281. background-image:url('{image:sidebar}');
  282. background-position:center bottom;
  283. width:275px;
  284. height:105%;
  285. position:fixed;
  286. border-right:solid 2px #333364;
  287. margin-top:-30px;
  288. padding-top:10px;
  289. margin-left:-15px;
  290. }
  291. #links {
  292. background-color:white;
  293. width:100px;
  294. height:auto;
  295. margin-top:{text:linkmargin}px;
  296. position:fixed;
  297. margin-left:280px;
  298. padding:5px;
  299.  
  300. }
  301.  
  302.  
  303. .linkeu {
  304. width:90px;
  305. height:20px;
  306. padding-top:5px;
  307. padding-left:5px;
  308. padding-right:5px;
  309. background-color:{color:navbg};
  310. font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  311. text-align:center;
  312. }
  313. .linkeu:hover {
  314. background-color:{color:nav hover};
  315. }
  316. .linkeu a:link {
  317.  
  318. color:white;
  319. text-decoration:none;
  320. text-transform:uppercase;
  321. font-style:normal;
  322.  
  323.  
  324.  
  325. }
  326. .linkeu a:visited {
  327. color:white;
  328. }
  329. #blogname {
  330. position:fixed;
  331. width:250px;
  332. height:250px;
  333. font-size:60px;
  334. margin-left:1025px;
  335. margin-top:{text:titlemargin}px;
  336. margin-right:0px;
  337. font-family:'Pacifico', cursive;
  338. text-align:center;
  339. background-color:white;
  340. opacity:0.8;
  341. padding:5px;
  342. padding-right:25px;
  343. padding-top:25px;
  344. border-radius:250px;
  345. transition: all ease-in-out 0.5s;
  346.  
  347. }
  348. #blogname:hover {
  349. opacity 0.2;
  350. }
  351.  
  352. #pages {
  353. position:fixed;
  354. width:100px;
  355. height:50px;
  356. background-color:white;
  357. margin-left:1110px;
  358. margin-top:{text:paginationmargin}px;
  359. text-align:center;
  360. font-style:normal;
  361. font-weight:bold;
  362. font-size:40px;
  363. opacity:0.8;
  364.  
  365. }
  366.  
  367. #pages a:link {
  368. color:black;
  369. text-decoration:none;
  370. }
  371. #pages a:visited {
  372. color:black;
  373. }
  374.  
  375. #pages a:hover {
  376. color:gray;
  377. }
  378.  
  379. #question {
  380. background-color:{color:postinfo};
  381. padding:10px;
  382. margin-top:3px;
  383. color:{color:ask text color};
  384. }
  385. #answer {
  386. padding:5px;
  387. margin-top:-5px;
  388. padding-bottom:0px;
  389. }
  390. #replies{
  391. padding-left:5px;
  392. }
  393. h1{
  394. margin-left:10px;
  395. margin-bottom:0px;
  396.  
  397. }
  398. #caption {
  399.  
  400. }
  401. #desc {
  402. border-left:3px solid {color:post info text};
  403. padding:0px 3px;
  404. margin-left:5px;
  405. }
  406. {CustomCSS}
  407.  
  408. </style>
  409. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  410. </head>
  411. <body>
  412. <div id="sidebarpic">
  413. <div id="description">
  414.  
  415. {Description}
  416.  
  417. </div>
  418. </div>
  419.  
  420.  
  421. <div id="links">
  422. <p class="linkeu">
  423. <a href="/"> home </a>
  424. </p>
  425.  
  426. {Block:ifshowlinkone}
  427. <p class="linkeu">
  428. <a href="{text:Link One URL}"> {text:Link One Name}</a>
  429. </p>
  430. {/Block:ifshowlinkone}
  431. {Block:ifshowlinktwo}
  432. <p class="linkeu">
  433. <a href="{text:Link Two URL}"> {text:Link Two Name}</a>
  434. </p>
  435. {/Block:ifshowlinktwo}
  436. {Block:ifshowlinkthree}
  437. <p class="linkeu">
  438. <a href="{text:Link Three URL}"> {text:Link Three Name}</a>
  439. </p>
  440. {/Block:ifshowlinkthree}
  441. {Block:ifshowlinkfour}
  442. <p class="linkeu">
  443. <a href="{text:Link Four URL}"> {text:Link Four Name}</a>
  444. </p>
  445. {/Block:ifshowlinkfour}
  446. {Block:ifshowlinkfive}
  447. <p class="linkeu">
  448. <a href="{text:Link Five URL}"> {text:Link Five Name}</a>
  449. </p>
  450. {/Block:ifshowlinkfive}
  451. {/Block:ifshowlinksix}
  452. <p class="linkeu">
  453. <a href="{text:Link Six URL}"> {text:Link Six Name}</a>
  454. </p>
  455. {/Block:ifshowlinksix}
  456. {Block:ifshowlinkseven}
  457. <p class="linkeu">
  458. <a href="{text:Link Seven URL}"> {text:Link Seven Name}</a>
  459. </p>
  460. {/Block:ifshowlinkseven}
  461. {Block:ifshowlinkeight}
  462. <p class="linkeu">
  463. <a href="{text:Link Eight URL}"> {text:Link Eight Name}</a>
  464. </p>
  465. {/Block:ifshowlinkeight}
  466.  
  467. <p class="linkeu">
  468. <a href="http://byuntaethemes.tumblr.com"> Theme </a>
  469. </p>
  470.  
  471. </div>
  472.  
  473. <div id="blogname">
  474. {title}
  475. </div>
  476. {block:Pagination}
  477. <div id="pages">
  478.  
  479. {block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}
  480.  
  481. {block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}
  482.  
  483. </div>
  484. {/block:Pagination}
  485.  
  486. <div id="cent">
  487.  
  488. {block:Posts}
  489.  
  490. <div id="post">
  491. <div id="dates">
  492. {block:Date}
  493. <a href="{Permalink}">
  494. {TimeAgo}, {24Hour}:{Minutes}{CapitalAmPm}, {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}</a>
  495. {/block:Date}
  496. </div>
  497.  
  498.  
  499. {block:Title}<h1>{Title}</h1>{/block:Title}
  500.  
  501. {block:Text}<div id="text">{Body}</div>{/block:Text}
  502.  
  503. {block:Photo}
  504. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  505.  
  506. {/block:Photo}
  507.  
  508. {block:Photoset}
  509. {Photoset-500}
  510. {/block:Photoset}
  511.  
  512.  
  513. {block:Quote}
  514. <div id="quote">{Quote} </div>
  515. <div align="right">
  516. {block:Source}-{Source}<br>{/block:Source}
  517. </div>
  518. {/block:Quote}
  519.  
  520.  
  521. {block:Video}
  522. {Video-500}<br>
  523. {PlayCountWithLabel}
  524. {/block:Video}
  525.  
  526.  
  527. {block:Link}
  528. <h1>
  529. <a href="{URL}" class="link" {Target}>{Name}</a></h1><BR>
  530. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  531. {/block:Link}
  532.  
  533. {block:Chat}
  534. <div id="chatty">
  535. {block:Lines}
  536. {block:Label}
  537. <b>{Label}</b>
  538. {/block:Label}
  539. &nbsp;{Line}<br>
  540. {/block:Lines}
  541.  
  542. </div>
  543. {/block:Chat}
  544. {block:Audio}
  545. {block:AudioPlayer}
  546. <div class="audiowrapper">
  547. {block:AlbumArt}
  548. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  549. {/block:AlbumArt}
  550.  
  551. <div class="playerbuttonbg">
  552. <div class="newplayerbutton">
  553. <div class="playerbuttonhug">
  554.  
  555. {AudioPlayerWhite}
  556.  
  557. </div>
  558. </div>
  559. </div>
  560.  
  561. <div class="trackdetails">
  562.  
  563. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  564. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  565. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  566. {PlayCountWithLabel}
  567.  
  568. </div>
  569. </div>
  570. {/block:AudioPlayer}
  571.  
  572.  
  573.  
  574. {/block:Audio}
  575.  
  576. {block:ReblogParent}
  577. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  578. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  579. {/block:SourceLogo}
  580. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  581. {/block:ReblogParent}
  582.  
  583. {block:Answer}
  584. <div id="question">{Asker} asked:{Question}</div>
  585.  
  586. {block:Answerer}
  587. <div id="answer">{Answerer} answered:<br/> {Answer}</div>
  588. {/block:Answerer}
  589.  
  590. <div id="replies">
  591. {Replies}
  592. </div>
  593. {/block:Answer}
  594.  
  595.  
  596.  
  597.  
  598. {block:Caption}
  599. <div id="caption">{Caption}</div>
  600. {/block:Caption}
  601. <div id="info">
  602. {block:NoteCount}
  603. <a href="{Permalink}#notes">{NoteCountWithLabel}</a> <br>
  604. {/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom}/<a href="{ReblogRootURL}">source</a>/<a href="{ReblogURL}">reblog </a>{/block:RebloggedFrom} <br>
  605. {block:HasTags}
  606. {block:Tags}
  607. <a href="{TagURL}">#{Tag}
  608. </a>
  609. {/block:Tags}
  610.  
  611. {/block:HasTags}
  612.  
  613.  
  614.  
  615. </div>
  616.  
  617. {block:Permalinkpage}
  618.  
  619. <Br>
  620.  
  621. {block:PostNotes}
  622.  
  623. <div id="notes">
  624. {PostNotes}{/block:PostNotes}
  625. </div>
  626.  
  627. {/block:Permalinkpage}
  628.  
  629.  
  630. </div>
  631.  
  632.  
  633. {/block:Posts}
  634.  
  635. </div>
  636.  
  637. </body>
  638. </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!