API tools faq
paste
glam0urkills

theme #3 tylersequins

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