API tools faq
paste
glam0urkills

theme #2 tylersequins

glam0urkills
Aug 18th, 2014
1,091
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- theme #02 © imjaebumx
  9.  
  10.  
  11. yes this is a theme made by me (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  12.  
  13.  
  14. feel free to edit away, but please don't remove the credits!
  15. it's very tiny, see? :) it won't hurt to leave it there
  16. thanks for using this code! ilu (◕‿◕✿)
  17.  
  18.  
  19.  
  20. (no srsly i really do ♡) --->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#c9c9c9"/>
  24. <meta name="color:Link" content="#626262"/>
  25. <meta name="color:Link Hover" content="#2b2b2b"/>
  26. <meta name="color:bold" content="#2b2b2b"/>
  27. <meta name="color:italic" content="#f989a0"/>
  28. <meta name="color:bg" content="#f8f8f8"/>
  29. <meta name="color:selection" content="#f8f8f8"/>
  30. <meta name="color:scrollbar" content="#f8f8f8"/>
  31. <meta name="color:infobg" content="#fdfdfd"/>
  32. <meta name="color:tagheart" content="#f989a0"/>"
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="text:subtitle" content="make it one line long!"/>
  35.  
  36. <meta name="text:Link1" content="/" />
  37. <meta name="text:Link1 Title" content="link" />
  38. <meta name="text:Link2" content="/" />
  39. <meta name="text:Link2 Title" content="link" />
  40. <meta name="text:Link3" content="/" />
  41. <meta name="text:Link3 Title" content="link" />
  42. <meta name="text:Link4" content="/" />
  43. <meta name="text:Link4 Title" content="link" />
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46.  
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. }
  56. );
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. body {
  64. background:{color:background};
  65. margin:0px;
  66. color:{color:text};
  67. font-family:Arial;
  68. font-size:10px;
  69. line-height:100%;
  70. }
  71.  
  72. a {
  73. text-decoration:none;
  74. outline:none;
  75. -moz-outline-style:none;
  76. color:{color:link};
  77. -webkit-transition:all 0.6s ease-out;
  78. -moz-transition:all 0.6s ease-out;
  79. transition:all 0.6s ease-out;
  80. }
  81.  
  82. a:hover {
  83. color:{color:Link Hover};
  84. -webkit-transition:all 0.6s ease-out;
  85. -moz-transition:all 0.6s ease-out;
  86. transition:all 0.6s ease-out;
  87. }
  88.  
  89. ::-moz-selection {color:{color:text};cursor: crosshair;background-color:{color:selection};}
  90. ::selection{color:{color:text};cursor: crosshair;background-color:{color:selection};}
  91.  
  92. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:5px}
  93. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  94. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px}
  95.  
  96. b, bold, strong {
  97. color:{color:bold};
  98. }
  99.  
  100. i, em {
  101. color:{color:italic};
  102. font: 10px 'Georgia';
  103. font-style:italic;
  104. }
  105.  
  106. w {
  107. font:10px 'Georgia';
  108. font-style:italic;
  109. }
  110.  
  111. blockquote {
  112. padding-left:5px;
  113. border-left:1px solid {color:italic};
  114. }
  115.  
  116. blockquote blockquote {
  117. padding-left:1px;
  118. border-left:1px solid {color:text};
  119. }
  120.  
  121. #s-m-t-tooltip {
  122. max-width:300px;
  123. padding:5px;
  124. margin:20px 0px 0px 20px;
  125. background-color:{color:bold};
  126. color:{color:background};
  127. font-family:Calibri;
  128. font-size:8px;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. z-index:999999999999;}
  132.  
  133. #pagination {
  134. font: 8px 'calibri';
  135. padding-top:10px;
  136. padding-bottom: -10px;
  137. text-align:center;
  138. }
  139.  
  140. #pagination a {
  141. font: 8px 'calibri';
  142. text-transform:uppercase;
  143. background-color: {color:background};
  144. color: {color:link};
  145. text-align:center;
  146. padding:5px;
  147. -webkit-transition:all 0.6s ease-out;
  148. -moz-transition:all 0.6s ease-out;
  149. transition:all 0.6s ease-out;
  150. }
  151.  
  152. #pagination a:hover {
  153. font: 8px 'calibri';
  154. text-transform:uppercase;
  155. background-color: {color:bg};
  156. color: {color:text};
  157. text-align:center;
  158. padding:5px;
  159. -webkit-transition:all 0.6s ease-out;
  160. -moz-transition:all 0.6s ease-out;
  161. transition:all 0.6s ease-out;
  162. }
  163.  
  164. #cred a {
  165. color:{color:background};
  166. font-family:"calibri";
  167. cursor:help;
  168. }
  169.  
  170. #cred a:hover {
  171. color:{color:bold};
  172. font-family:"calibri";
  173. text-decoration:none;
  174. cursor:help;
  175. }
  176.  
  177. #cred {
  178. width:auto;
  179. height:auto;
  180. bottom:15px;
  181. right:15px;
  182. padding:4px;
  183. z-index:1000000;
  184. font-size:8px;
  185. letter-spacing:1px;
  186. color:{color:background};
  187. position:fixed;
  188. text-align:center;
  189. font-family:"calibri";
  190. cursor:help;
  191. border: 1px solid {color:background};
  192. text-transform:uppercase;
  193. background-color:{color:tagheart};
  194. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  195. }
  196.  
  197. #cred:hover {
  198. color:{color:tagheart};
  199. background-color:{color:background};
  200. border: 1px solid {color:tagheart};
  201. width:auto;
  202. height:auto;
  203. bottom:15px;
  204. right:15px;
  205. padding:4px;
  206. cursor:help;
  207. z-index:1000000;
  208. font-size:8px;
  209. letter-spacing:1px;
  210. position:fixed;
  211. text-align:center;
  212. font-family:"calibri";
  213. text-transform:uppercase;
  214. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  215. }
  216.  
  217. h1 {
  218. font:8px 'Arial';
  219. text-transform:uppercase;
  220. letter-spacing:3px;
  221. }
  222.  
  223. h1 a {
  224. font:8px 'Arial';
  225. text-transform:uppercase;
  226. color: {color:italic};
  227. letter-spacing:3px;
  228. -webkit-transition:all 0.6s ease-out;
  229. -moz-transition:all 0.6s ease-out;
  230. transition:all 0.6s ease-out;
  231. }
  232.  
  233. h1 a:hover {
  234. font:8px 'Arial';
  235. text-transform:uppercase;
  236. color: {color:link};
  237. letter-spacing:3px;
  238. -webkit-transition:all 0.6s ease-out;
  239. -moz-transition:all 0.6s ease-out;
  240. transition:all 0.6s ease-out;
  241. }
  242.  
  243. #entries {
  244. padding:10px;
  245. width:500px;
  246. margin-left:500px;
  247. margin-top:40px;
  248. }
  249.  
  250. #post {
  251. width:500px;
  252. padding-bottom:20px;
  253. }
  254.  
  255. #sidebar {
  256. width:180px;
  257. position:fixed;
  258. padding-right:40px;
  259. border-right:1px solid {color:bg};
  260. margin-left:250px;
  261. margin-top:100px;
  262. }
  263.  
  264. #sidebar:hover #linkage {
  265. opacity:1;
  266. -moz-transition-duration:.9s;
  267. -webkit-transition-duration:.9s;
  268. -o-transition-duration:.9s;
  269. }
  270.  
  271.  
  272. #title {
  273. font: 8px 'Arial';
  274. text-transform:uppercase;
  275. text-align:center;
  276. padding:2px 2px 5px 2px;
  277. color:{color:link};
  278. letter-spacing:2px;
  279. }
  280.  
  281. #source {
  282. font: 10px 'Arial';
  283. font-style:none;
  284. text-transform:none;
  285. border-bottom:1px solid {color:bg};
  286. width:200px;
  287. padding-left:10px;
  288. }
  289.  
  290. #quote {
  291. padding:5px;
  292. font: 20px 'Georgia';
  293. font-style:italic;
  294. text-transform:none;
  295. }
  296.  
  297. #subtitle {
  298. font:8px 'Georgia';
  299. text-align:center;
  300. font-style:italic;
  301. }
  302.  
  303. .line {
  304. padding-top:5px;
  305. border-bottom:1px solid {color:bg};
  306. }
  307.  
  308. #sidebarimage {
  309. width 180px;
  310. padding-bottom:10px;
  311. }
  312.  
  313. #sidebarimage img {
  314. width:180px;
  315. }
  316.  
  317. #description {
  318. padding:10px;
  319. text-align:left;
  320. }
  321.  
  322. #linkage {
  323. width:180px;
  324. text-align:left;
  325. opacity:0;
  326. padding: 10px 0px 0px 0px;
  327. -moz-transition-duration:.9s;
  328. -webkit-transition-duration:.9s;
  329. -o-transition-duration:.9s;
  330.  
  331. }
  332.  
  333. #linkage li {
  334. display:inline;
  335. }
  336.  
  337. #linkage li a {
  338. width:50px;
  339. padding:3px;
  340. display:inline-block;
  341. line-height:20px;
  342. font-size:8px;
  343. letter-spacing:1px;
  344. text-align:center;
  345. text-transform:uppercase;
  346. border-bottom:1px solid {color:bg};
  347. -webkit-transition: 0.6s ease-out;
  348. -moz-transition: 0.6s ease-out;
  349. -o-transition: 0.6s ease-out;
  350. transition: 0.6s ease-out;
  351. }
  352.  
  353. #linkage a:hover {
  354. background-color:{color:bg};
  355. color:{color:text};
  356. }
  357.  
  358. #info {
  359. text-align:left;
  360. font: 8px 'calibri';
  361. letter-spacing:1px;
  362. background-color:{color:infobg};
  363. color:{color:text};
  364. text-transform:uppercase;
  365. padding:5px;
  366. margin-top:10px;
  367. }
  368.  
  369. #info a {
  370. text-align:left;
  371. font: 8px 'calibri';
  372. color:{color:link};
  373. padding:2px;
  374. -webkit-transition:all 0.6s ease-out;
  375. -moz-transition:all 0.6s ease-out;
  376. transition:all 0.6s ease-out;
  377. }
  378.  
  379. #info a:hover {
  380. text-align:left;
  381. font: 8px 'calibri';
  382. color:{color:link hover};
  383. background-color:{color:background};
  384. padding:2px;
  385. -webkit-transition:all 0.6s ease-out;
  386. -moz-transition:all 0.6s ease-out;
  387. transition:all 0.6s ease-out;
  388. }
  389.  
  390. #audio {
  391. height:auto;
  392. min-height:60px;
  393. padding-bottom:13px;
  394. }
  395.  
  396. .cover {
  397. position:absolute;
  398. z-index:1;
  399. width:60px;
  400. height:60px;
  401. border-radius:100px;
  402. }
  403.  
  404. .cover img {
  405. float:left;
  406. width:60px;
  407. height:60px;
  408. background-color:{color:infobg};
  409. padding:5px;
  410.  
  411. border-radius:100px;
  412. }
  413.  
  414. .button {
  415. width:19px;
  416. height:20px;
  417. overflow:hidden;
  418. position:relative;
  419. z-index:1000;
  420. margin-top:22px;
  421. margin-left:21px;
  422. text-align:center;
  423. margin-top:4px;
  424. margin-left:5px;
  425. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  426. }
  427.  
  428. .box {
  429. opacity:0.8;
  430. width:35px;
  431. height:35px;
  432. margin-top:18px;
  433. margin-left:18px;
  434. background:#fff;
  435. position:absolute;
  436. z-index:1000;
  437. -webkit-border-radius:100px;
  438. -moz-border-radius:100px;
  439. border-radius:100px;
  440. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  441. }
  442.  
  443. .box:hover {
  444. opacity:1.0;
  445. width:35px;
  446. height:35px;
  447. margin-top:18px;
  448. margin-left:18px;
  449. background:#fff;
  450. position:absolute;
  451. z-index:1000;
  452. -webkit-border-radius:100px;
  453. -moz-border-radius:100px;
  454. border-radius:100px;
  455. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  456. }
  457.  
  458. .capbox {
  459. padding:20px;
  460. margin-left:82px;
  461. height:auto;
  462. min-height:35px;
  463. background-color: {color:background};
  464. border-left: 1px solid {color:bg};
  465. text-align:left;
  466. width:320px;
  467. }
  468.  
  469. #asker {
  470. float:left;
  471. margin-right:5px;
  472. }
  473.  
  474. #asker img {
  475. background-color: {color:infobg};
  476. padding:5px;
  477. }
  478.  
  479. .chat {
  480. line-height: 12px;
  481. list-style: none }
  482.  
  483. .chat ul {
  484. line-height: 15px;
  485. list-style: none;
  486. padding: 0px;
  487. line-height:20px;}
  488.  
  489. .person1 {
  490. background-color:{color:infobg};
  491. color: {color:Text};}
  492.  
  493. .person1 .label {
  494. font:10px 'Georgia';
  495. font-style:italic;
  496. padding: 0px;
  497. margin-left: 5px;
  498. color:{color:bold};}
  499.  
  500. .person2 {
  501. background-color:{color:background};
  502. color: {color:text}; }
  503.  
  504. .person2 .label {
  505. font:10px 'Georgia';
  506. font-style:italic;
  507. padding: 0px;
  508. margin-left: 5px;
  509. color:{color:italic};}
  510.  
  511. {CustomCSS}</style></head><body>
  512.  
  513. <div id="sidebar">
  514.  
  515. <div id="sidebarimage"><a title="{Title}" href="/"><img src="{image:sidebar}"></a></div>
  516.  
  517. <div id="title">{Title}</div><div id="subtitle">{text:subtitle}</div><div class="line"></div>
  518.  
  519. <div id="description">{Description}</div>
  520.  
  521. <div id="linkage" align="center">
  522. <li><a title="home" href="/">home</a></li>
  523. <li><a title="askbox" href="/ask">askbox</a></li>
  524. <li>{block:ifLink1}<a title="{text:Link1 Title}" href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</li>
  525. <li>{block:ifLink2}<a title="{text:Link2 Title}" href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</li>
  526. <li>{block:ifLink3}<a title="{text:Link3 Title}" href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}</li>
  527. <li>{block:ifLink4}<a title="{text:Link4 Title}" href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</li>
  528. </div>
  529.  
  530. <div id="pagination">
  531. {block:Pagination}
  532. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  533. {block:JumpPagination length="3"}
  534. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  535. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  536. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  537. {/block:Pagination}
  538. </div>
  539.  
  540. </div>
  541.  
  542. <div id="cred"><a title="©theme by imjaebumx" href="http://imjaebumx.tumblr.com">IJX</a></div>
  543.  
  544. <div id="entries">{block:Posts}<div id="post">
  545.  
  546. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  547.  
  548. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  549.  
  550. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  551.  
  552. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <div id="source">└ {Source}</div>{/block:Source}{/block:Quote}
  553.  
  554. {block:Link}<h1><a title="{Name}" href="{URL}" {Target}>{Name} »</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  555.  
  556. {block:Chat}
  557. {block:Title}
  558. <h1>{Title}</h1>
  559. {/block:Title}
  560. <div class="chat"><ul>{block:Lines}
  561. <li class="person{UserNumber}">{block:Label}
  562. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  563.  
  564. {/block:Chat}
  565.  
  566. {block:Audio}
  567. <div id="audio">
  568. <div class="cover">
  569. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  570. </div>
  571. {block:AlbumArt}
  572. <div class="cover">
  573. <img src="{AlbumArtURL}"></div>
  574. {/block:AlbumArt}
  575. <div class="box">
  576. <div class="button">
  577. {block:AudioPlayer}
  578. {AudioPlayerWhite}
  579. {/block:AudioPlayer}
  580. </div></div>
  581. <div class="capbox">
  582. <span class="caption"><b>Artist:</b><span {block:Artist} style="display:none;"{/block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}<br>
  583. <b><font color="{color:italic}">Title:</font></b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  584. <br>{block:PlayCount} {PlayCountWithLabel}{/block:PlayCount}
  585. </span>
  586. </div></div>
  587. {/block:Audio}
  588.  
  589. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  590.  
  591. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div><w>{Asker}:</w><br>{Question}<br><blockquote>{Answer}</blockquote>{/block:Answer}
  592.  
  593. <div id="info">
  594. {block:Date}posted {TimeAgo}{/block:Date} <font color={color:tagheart}>♥</font> <a title="{NoteCountWithLabel}" href="{Permalink}">
  595. {NoteCountWithLabel}</a><br>{block:HasTags}tags:{block:Tags} #<a title="{Tag}" href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{block:RebloggedFrom} | <a href="{ReblogParentURL}"
  596. title="{ReblogParentTitle}">via</a> ‣ <a href="{ReblogRootURL}"title="{ReblogRoottitle}">©</a>{/block:RebloggedFrom}</div>
  597.  
  598. </div>
  599. {block:PostNotes}{PostNotes}{/block:PostNotes}
  600. {/block:Posts}</div>
  601.  
  602. </body></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!