API tools faq
paste
onediewreckshun

33 - this is my design - http://kimsjongin.tumblr.com

onediewreckshun
Jul 8th, 2013
599
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.48 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) -->
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>{Title}</title>
  8.  
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <meta name="color:bg" content="#fff" />
  14. <meta name="color:description" content="#fff" />
  15. <meta name="color:text" content="#000"/>
  16. <meta name="color:links" content="#000"/>
  17. <meta name="color:linkshover" content="#fff"/>
  18. <meta name="color:accent1" content="#000"/>
  19. <meta name="color:accent2" content="#ffff00"/>
  20. <meta name="color:accent3" content="#ff249c"/>
  21. <meta name="color:accent4" content="#2ee9eb"/>
  22. <meta name="color:accent5" content="#00ff15"/>
  23.  
  24. <meta name="text:link1title" content="refresh" />
  25. <meta name="text:link1url" content="/" />
  26. <meta name="text:link2title" content="ask" />
  27. <meta name="text:link2url" content="/" />
  28. <meta name="text:link3title" content="link title" />
  29. <meta name="text:link3url" content="/" />
  30. <meta name="text:link4title" content="link title" />
  31. <meta name="text:link4url" content="/" />
  32. <meta name="text:lefttitle" content="avere" />
  33. <meta name="text:righttitle" content="fiducia" />
  34.  
  35. <meta name="if:tiny cursor" content="1"/>
  36.  
  37. <link rel="shortcut icon" href="{favicon}" />
  38.  
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  42. <script type="text/javascript" src="http://static.tumblr.com/gyoju49/YLzmocfup/layoutcomponent.js"></script>
  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.  
  48. <script>
  49.  
  50. (function($){
  51.  
  52. $(document).ready(function(){
  53.  
  54. $("a[title]").style_my_tooltips({
  55.  
  56. tip_follows_cursor:true,
  57.  
  58. tip_delay_time:50,
  59.  
  60. tip_fade_speed:600,
  61.  
  62. attribute:"title"
  63.  
  64. });
  65.  
  66. });
  67.  
  68. })(jQuery);
  69.  
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  75.  
  76. {block:iftinycursor}
  77. body, a, a:hover{
  78. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  79. }
  80. {/block:iftinycursor}
  81.  
  82. @font-face {font-family:meem11; src: url('http://static.tumblr.com/gyoju49/Yy1mo9fvn/meem11.ttf');}
  83.  
  84. @font-face {font-family: "meem2";
  85. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf');}
  86.  
  87. #s-m-t-tooltip{
  88. font-size: 8px;
  89. max-width:300px;
  90. padding:3px 3px 2px 4px;
  91. margin:20px 0px 0px 20px;
  92. z-index:10;
  93. background:{color:accent1};
  94. box-shadow:1px 1px 0px {color:accent3}, -1px -1px 0px {color:accent4};
  95. font-family:calibri;
  96. letter-spacing:3px;
  97. text-transform:uppercase;
  98. color:#fff;
  99. z-index:999999999999999999999999999999999999;
  100. }
  101.  
  102. #sidebar:hover #thing {
  103. box-shadow: -3px -3px 0px {color:accent3}, 3px 3px 0px {color:accent4}, -6px -6px 0px {color:accent4}, 6px 6px 0px {color:accent3}, 4px -3px {color:accent2}, 6px -6px 0px {color:accent5};
  104. top:-315px;
  105. -moz-transition-duration:0.5s;
  106. -webkit-transition-duration:0.5s;
  107. -o-transition-duration:0.5s;
  108. }
  109.  
  110. #thing {
  111. z-index:99999;
  112. background:{color:accent1};
  113. position:fixed;
  114. left:400px;
  115. top:-350px;
  116. width:400px;
  117. height:400px;
  118. -webkit-transform:rotate(-225deg);
  119. box-shadow: -3px -3px 0px {color:accent4}, 3px 3px 0px {color:accent3}, -6px -6px 0px {color:accent3}, 6px 6px 0px {color:accent4}, 4px -3px {color:accent5}, 6px -6px 0px {color:accent2};
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. -o-transition-duration:0.5s;
  123. }
  124.  
  125. #thing2 {
  126. z-index:999;
  127. background:{color:accent1};
  128. position:fixed;
  129. left:410px;
  130. top:-235px;
  131. width:300px;
  132. height:300px;
  133. -webkit-transform:rotate(-225deg);
  134. box-shadow: 3px -3px {color:accent4}, 6px -6px 0px {color:accent3};
  135. -moz-transition-duration:0.5s;
  136. -webkit-transition-duration:0.5s;
  137. -o-transition-duration:0.5s;
  138. }
  139.  
  140. /*ｔｈｅｍｅ ｂｙ ｚｅｒｉｅ */
  141.  
  142. #thing3 {
  143. z-index:99;
  144. background:{color:accent1};
  145. position:fixed;
  146. left:490px;
  147. top:-235px;
  148. width:300px;
  149. height:300px;
  150. -webkit-transform:rotate(-225deg);
  151. box-shadow: 3px -3px {color:accent3}, 6px -6px 0px {color:accent4};
  152. -moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;
  155. }
  156.  
  157. #sidebar {
  158. z-index:99999999999999999999999999999999;
  159. color:{color:text};
  160. position:fixed;
  161. width:130px;
  162. height:90px;
  163. margin-top:0px;
  164. padding-top: 130px;
  165. text-align:right;
  166. left: 130px;
  167. padding-right: 30px;
  168. }
  169.  
  170. #sidebar img {
  171. width:100px;
  172. height:auto;
  173. opacity: 1;
  174. margin-bottom:0px;
  175. }
  176.  
  177. #sidebar:hover .sidebartitle1 {
  178. top:0px;
  179. -moz-transition-duration:0.5s;
  180. -webkit-transition-duration:0.5s;
  181. -o-transition-duration:0.5s;
  182. }
  183.  
  184. .sidebartitle1 {
  185. -webkit-transform:rotate(45deg);
  186. top:-35px;
  187. left:325px;
  188. z-index:99999999;
  189. text-shadow: -1px -1px 0px {color:accent3}, 1px 1px 0px {color:accent4};
  190. color:{color:accent2};
  191. font-family:meem11;
  192. font-size:30px;
  193. width:300px;
  194. text-align:right;
  195. padding: 10px 20px 10px 5px;
  196. font-style:normal;
  197. text-transform:lowercase;
  198. letter-spacing: 2px;
  199. line-height:120%;
  200. position:fixed;
  201. -moz-transition-duration:0.5s;
  202. -webkit-transition-duration:0.5s;
  203. -o-transition-duration:0.5s;
  204. }
  205.  
  206. #sidebar:hover .sidebartitle2 {
  207. top:120px;
  208. -moz-transition-duration:0.5s;
  209. -webkit-transition-duration:0.5s;
  210. -o-transition-duration:0.5s;
  211. }
  212.  
  213. .sidebartitle2 {
  214. top:85px;
  215. left:430px;
  216. text-shadow: -1px -1px 0px {color:accent3}, 1px 1px 0px {color:accent4};
  217. z-index:99999999;
  218. color:{color:accent2};
  219. -webkit-transform:rotate(-45deg);
  220. width:300px;
  221. text-align:right;
  222. padding: 10px 20px 10px 5px;
  223. font-family:meem11;
  224. text-transform:lowercase;
  225. letter-spacing: 3px;
  226. line-height:120%;
  227. font-size:30px;
  228. position:fixed;
  229. -moz-transition-duration:0.5s;
  230. -webkit-transition-duration:0.5s;
  231. -o-transition-duration:0.5s;
  232. }
  233.  
  234. #sidebar:hover .links {
  235. opacity:1;
  236. top:0px;
  237. -moz-transition-duration:0.5s;
  238. -webkit-transition-duration:0.5s;
  239. -o-transition-duration:0.5s;
  240. }
  241.  
  242. .links {
  243. opacity:0;
  244. width:200px;
  245. color:{color:accent2};
  246. position:fixed;
  247. top:-35px;
  248. left:490px;
  249. z-index:100000000;
  250. text-transform:lowercase;
  251. line-height:170%;
  252. -moz-transition-duration:0.5s;
  253. -webkit-transition-duration:0.5s;
  254. -o-transition-duration:0.5s;
  255. }
  256.  
  257. .links a{
  258. text-shadow: -1px -1px 0px transparent, 1px 1px 0px transparent;
  259. color:{color:accent2};
  260. font-family:meem11;
  261. font-style:normal;
  262. line-height:170%;
  263. letter-spacing:1px;
  264. font-weight: bold;
  265. text-align:right;
  266. font-size:25px;
  267. padding: 2px;
  268. margin-right:0px;
  269. text-decoration:none;
  270. -moz-transition-duration:0.5s;
  271. -webkit-transition-duration:0.5s;
  272. -o-transition-duration:0.5s;
  273. }
  274.  
  275. .links a:hover{
  276. background:transparent;
  277. text-shadow: -2px -2px 0px {color:accent3}, 2px 2px 0px {color:accent4};
  278. color:#fff;
  279. letter-spacing: 1px;
  280. text-decoration:none;
  281. -moz-transition-duration:0.5s;
  282. -webkit-transition-duration:0.5s;
  283. -o-transition-duration:0.5s;
  284. }
  285.  
  286. #sidebar:hover .desc {
  287. opacity:1;
  288. top:45px;
  289. -moz-transition-duration:0.5s;
  290. -webkit-transition-duration:0.5s;
  291. -o-transition-duration:0.5s;
  292. }
  293.  
  294. .desc {
  295. text-shadow:1px 1px 0px {color:accent3}, -1px -1px 0px {color:accent4};
  296. opacity:0;
  297. z-index:99999999;
  298. top:10px;
  299. left:547px;
  300. text-align:center;
  301. font-family: calibri;
  302. font-style: normal;
  303. text-transform:uppercase;
  304. font-size:9px;
  305. position:fixed;
  306. width:100px;
  307. color:{color:description};
  308. letter-spacing:1px;
  309. line-height:130%;
  310. -moz-transition-duration:0.5s;
  311. -webkit-transition-duration:0.5s;
  312. -o-transition-duration:0.5s;
  313. }
  314.  
  315. .desc a {
  316. color:{color:link};
  317. }
  318.  
  319. .pagi {
  320. z-index:0;
  321. font-family: baskerville;
  322. left:10px;
  323. bottom:10px;
  324. position:fixed;
  325. font-size:12px;
  326. text-transform:uppercase;
  327. letter-spacing:3px;
  328. font-style:normal;
  329. text-align:right;
  330. }
  331.  
  332. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  333.  
  334. .pagi a {
  335. padding:5px 5px 5px 6px;
  336. font-family: baskerville;
  337. font-style:italic;
  338. letter-spacing:0px;
  339. border-radius:0px;
  340. color:#fff;
  341. background:{color:accent1};
  342. -moz-transition-duration:0.5s;
  343. -webkit-transition-duration:0.5s;
  344. -o-transition-duration:0.5s;
  345. }
  346.  
  347. .pagi a:hover {
  348. color:{color:accent3};
  349. text-shadow:0px 0px 0px {color:accent3}, -1px -1px 0px {color:accent4};
  350. -moz-transition-duration:0.5s;
  351. -webkit-transition-duration:0.5s;
  352. -o-transition-duration:0.5s;
  353. }
  354.  
  355. #ackles {
  356. line-height:100%;
  357. position:fixed;
  358. font-size:10px;
  359. width:70px;
  360. height:20px;
  361. font-family:calibri;
  362. letter-spacing:1px;
  363. padding-bottom:4px;
  364. padding-right:4px;
  365. bottom:0;
  366. right:0;
  367. z-index:9999999999999999999999999999999999999999;
  368. }
  369.  
  370. #ackles .ville a {
  371. font-style:normal;
  372. color:#fff;
  373. }
  374.  
  375. #ackles .dancy {
  376. color:#fff;
  377. opacity:1.0;
  378. padding:1px 3px 2px 3px;
  379. margin-top:00px;
  380. margin-left:29px;
  381. text-align:center;
  382. overflow:hidden;
  383. position: absolute;
  384. background:{color:accent1};
  385. font-size:10px;
  386. text-transform:uppercase;
  387. z-index:100;
  388. -webkit-transition: opacity 0.5s linear;
  389. -webkit-transition: all 0.5s linear;
  390. -moz-transition: all 0.5s linear;
  391. transition: all 0.5s linear;
  392. border:1px solid #ece4e4;
  393. }
  394.  
  395. #ackles:hover .dancy{
  396. opacity:1;
  397. transition: all 0.5s linear;
  398. -webkit-transition: opacity 0.5s linear;
  399. -webkit-transition: all 0.5s linear;
  400. -moz-transition: all 0.5s linear;
  401. }
  402.  
  403. #ackles .ville{
  404. color:#fff;
  405. background:{color:accent1};
  406. margin-top:100px;
  407. margin-top:0px;
  408. padding:1px 4px 2px 5px;
  409. margin-left:29px;
  410. font-size:10px;
  411. text-align:left;
  412. text-transform:uppercase;
  413. opacity:0;
  414. overflow:hidden;
  415. position: absolute;
  416. -webkit-transition: opacity 0.5s linear;
  417. -webkit-transition: all 0.5s linear;
  418. -moz-transition: all 0.5s linear;
  419. transition: all 0.5s linear;
  420. z-index:1200;
  421. border:1px solid #fff;
  422. }
  423.  
  424. #ackles:hover .ville{
  425. opacity:1;
  426. margin-bottom:14px;
  427. transition: all 0.5s linear;
  428. -webkit-transition: opacity 0.5s linear;
  429. -webkit-transition: all 0.5s linear;
  430. -moz-transition: all 0.5s linear;
  431. }
  432.  
  433. #tumblr_controls{
  434. position:fixed !important;
  435. -webkit-filter:invert(100%);
  436. opacity:.7;
  437. -webkit-transition:linear;
  438. -webkit-transition: all 0.5s ease-out;
  439. -moz-transition: all 0.5s ease-out;
  440. transition: all 0.5s ease-out;
  441. }
  442.  
  443. #tumblr_controls:hover{
  444. -webkit-transition: opacity 0.7s linear;
  445. opacity: 1;
  446. -webkit-transition: all 0.5s ease-out;
  447. -moz-transition: all 0.5s ease-out;
  448. transition: all 0.5s ease-out;
  449. }
  450.  
  451. ::-webkit-scrollbar-thumb{
  452. background: {color:accent1};
  453. height:5px;
  454. -moz-border-radius: 10px;
  455. border-radius: 10px;
  456. }
  457.  
  458. ::-webkit-scrollbar {
  459. height:4px;
  460. width:4px;
  461. background: {color:bg};
  462. }
  463.  
  464. body {
  465. font-family:baskerville;
  466. color:{color:text};
  467. text-align:justify;
  468. line-height:100%;
  469. font-style:normal;
  470. letter-spacing:0px;
  471. font-size: 10px;
  472. background:#fff;
  473. }
  474.  
  475. h1 {
  476. font-family: baskerville;
  477. font-weight:normal;
  478. font-style:italic;
  479. text-transform:lowercase;
  480. font-size:20px;
  481. line-height:24px;
  482. padding:2px 2px 2px 5px;
  483. width:auto;
  484. background:{color:accent1};
  485. color:#fff;
  486. transition: all 0.5s ease-in-out;
  487. -webkit-transition: all 0.5s ease-in-out;
  488. -moz-transition: all 0.5s ease-in-out;
  489. -ms-transition: all 0.5s ease-in-out;
  490. -o-transition: all 0.5s ease-in-out;
  491. }
  492.  
  493. strong, b {
  494. font-weight:bold;
  495. font-size:11px;
  496. }
  497.  
  498. a {
  499. color:{color:links};
  500. font-size:9px;
  501. font-family:georgia;
  502. font-style:italic;
  503. text-decoration:none;
  504. transition: all 0.5s ease-in-out;
  505. -webkit-transition: all 0.5s ease-in-out;
  506. -moz-transition: all 0.5s ease-in-out;
  507. -ms-transition: all 0.5s ease-in-out;
  508. -o-transition: all 0.5s ease-in-out;
  509. }
  510.  
  511. a:hover{
  512. color:{color:linkshover};
  513. transition: all 0.5s ease-in-out;
  514. -webkit-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. -ms-transition: all 0.5s ease-in-out;
  517. -o-transition: all 0.5s ease-in-out;
  518. }
  519.  
  520. #entries {
  521. position:absolute;
  522. z-index:9;
  523. margin-left:340px;
  524. width:510px;
  525. margin-top:100px;
  526. padding-top:10px;
  527. }
  528.  
  529. #posts {
  530. border-top:1px solid {color:accent1};
  531. margin-top:30px;
  532. overflow:hidden;
  533. padding-top:20px;
  534. }
  535.  
  536. #titles {
  537. color:{color:accent1};
  538. font-family: baskerville,
  539. baskerville;
  540. letter-spacing:-1px;
  541. font-style:italic;
  542. font-size:25px;
  543. text-transform:lowercase;
  544. font-weight:normal;
  545. text-align:left;
  546. line-height:24px;
  547. padding-bottom:1px;
  548. }
  549.  
  550. #linkpost {
  551. font-family: baskerville;
  552. font-style:italic;font-size:20px;
  553. line-height:24px;
  554. padding:2px 2px 2px 5px;
  555. width:auto;
  556. background:{color:accent1};
  557. color:#fff;
  558. transition: all 0.5s ease-in-out;
  559. -webkit-transition: all 0.5s ease-in-out;
  560. -moz-transition: all 0.5s ease-in-out;
  561. -ms-transition: all 0.5s ease-in-out;
  562. -o-transition: all 0.5s ease-in-out;
  563. }
  564.  
  565. #linkpost:hover {
  566. background:#fff;
  567. color:{color:accent1};
  568. transition: all 0.5s ease-in-out;
  569. -webkit-transition: all 0.5s ease-in-out;
  570. -moz-transition: all 0.5s ease-in-out;
  571. -ms-transition: all 0.5s ease-in-out;
  572. -o-transition: all 0.5s ease-in-out;
  573. }
  574.  
  575. ::moz-selection {
  576. background:{color:accent3};
  577. text-shadow:
  578. 1px 1px 0px {color:accent4},
  579. -1px -1px 0px {color:accent2};
  580. color:#fff;
  581. }
  582.  
  583. ::selection {
  584. background-color:{color:accent3};
  585. text-shadow:
  586. 1px 1px 0px {color:accent4},
  587. -1px -1px 0px {color:accent2};
  588. color:#fff;
  589. }
  590.  
  591. #sidebar {
  592. position:fixed !important;
  593. z-index:9999;
  594. width: 300px;
  595. margin:100px 0 5px 830px;
  596. font-size: 10px;
  597. line-height:10px;
  598. letter-spacing:0px;
  599. }
  600.  
  601. #questions {
  602. color: #2f2f2f;
  603. background:#fff;
  604. margin-bottom:0px;
  605. text-align:left;
  606. }
  607.  
  608. #qqq {
  609. text-align:center;
  610. font-family:baskerville;
  611. padding:10px 5px 10px 5px;
  612. font-style:normal;
  613. font-size:9px;
  614. letter-spacing:0px;
  615. text-transform:none;
  616. border-bottom:1px solid #eaeaea;
  617. border-right:1px solid #eaeaea;
  618. border-left:1px solid #eaeaea;
  619. }
  620.  
  621. #asker {
  622. text-align:center;
  623. color:#fff; padding:10px 3px 10px 3px;
  624. font-size:9px;
  625. font-family:calibri;
  626. text-transform:uppercase;
  627. font-style:normal;
  628. letter-spacing:0px;
  629. background:{color:accent1};
  630. -webkit-transition: all 0.5s ease-in-out;
  631. -moz-transition: all 0.5s ease-in-out;
  632. -o-transition: all 0.5s ease-in-out;
  633. }
  634.  
  635. #asker a {
  636. color:#fff;
  637. font-size:12px;
  638. font-family:georgia;
  639. text-transform:lowercase;
  640. font-style:italic;
  641. margin-right:5px;
  642. letter-spacing:0px;
  643. background:{color:accent1};
  644. -webkit-transition: all 0.5s ease-in-out;
  645. -moz-transition: all 0.5s ease-in-out;
  646. -o-transition: all 0.5s ease-in-out;
  647. }
  648.  
  649. #asker a:hover {
  650. color:#777777;
  651. -webkit-transition: all 0.5s ease-in-out;
  652. -moz-transition: all 0.5s ease-in-out;
  653. -o-transition: all 0.5s ease-in-out;
  654. }
  655.  
  656. blockquote {
  657. border-left:2px solid{color:accent1};
  658. padding-left:5px;
  659. margin:0px 2px 0px 20px;
  660. }
  661.  
  662. blockquote img, blockquote a img {
  663. max-width: 490px;
  664. }
  665.  
  666. h3 {
  667. color:{color:accent1};
  668. font-family:cambria;
  669. text-transform:lowercase;
  670. font-size:12px;
  671. line-height:11px;
  672. letter-spacing:0px;
  673. font-style:italic;
  674. margin:0px;
  675. padding:0px;
  676. }
  677.  
  678. p {
  679. margin-top:3px;
  680. margin-bottom:3px;
  681. }
  682.  
  683. b {
  684. color:{color:accent1};
  685. }
  686.  
  687. img a {
  688. border:none;
  689. }
  690.  
  691. #quote {
  692. color:{color:accent1};
  693. font-family: georgia;
  694. letter-spacing:-1px;
  695. font-style:italic;
  696. font-size:18px;
  697. text-transform:lowercase;
  698. font-weight:normal;
  699. text-align:left;
  700. line-height:24px;
  701. padding-bottom:1px;
  702. }
  703.  
  704. #name {
  705. font-family:baskerville;
  706. font-size:13px;
  707. text-transform:uppercase;
  708. text-align:right;
  709. }
  710.  
  711. #name a {
  712. font-family:baskerville;
  713. font-style:normal;
  714. font-size:13px;
  715. }
  716.  
  717. .label {
  718. background:{color:accent1};
  719. letter-spacing:1px;
  720. color:#fff;
  721. padding:3px;
  722. text-transform:uppercase;
  723. font-style:normal;
  724. font-family:calibri;
  725. font-size:7px;
  726. line-height:10px;
  727. }
  728.  
  729. ul.chat, .chat ol, .chat li {
  730. list-style:none;
  731. margin:0px;
  732. padding:0px;
  733. }
  734.  
  735. #audio {
  736. margin-bottom:5px;
  737. width:500px;
  738. height:105px;
  739. }
  740.  
  741. .albumart {
  742. width:100px;
  743. height:100px;
  744. position:absolute;
  745. }
  746.  
  747. .albumart img {
  748. width:100px;
  749. height:100px;
  750. float:left;
  751. }
  752.  
  753. .playercontainer {
  754. opacity: .2;
  755. display:block;
  756. width:100px;
  757. height:100px;
  758. background:#000;
  759. position:absolute;
  760. -webkit-transition:all 0.5s ease-in-out;
  761. -moz-transition:all 0.5s ease-in-out;
  762. -o-transition:all 0.5s ease-in-out;
  763. -ms-transition: all 0.5s ease-in-out;
  764. transition:all 0.5s ease-in-out;
  765. }
  766.  
  767. .playercontainer:hover {
  768. opacity:.7;
  769. position:absolute;
  770. -webkit-transition:all 0.5s ease-in-out;
  771. -moz-transition:all 0.5s ease-in-out;
  772. -o-transition:all 0.5s ease-in-out;
  773. -ms-transition: all 0.5s ease-in-out;
  774. transition:all 0.5s ease-in-out;
  775. }
  776.  
  777. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  778.  
  779. .player {
  780. margin-left:36px;
  781. margin-top:36px;
  782. width:25px;
  783. height:25px;
  784. overflow:hidden;
  785. position:absolute;
  786. background:#fff;
  787. }
  788.  
  789. .audioinfo {
  790. margin-left:110px;
  791. float:left;
  792. color:{color:text};
  793. width:386px;
  794. padding:2px;
  795. margin-top:3px;
  796. }
  797.  
  798. .audioinfo b {
  799. font-family:calibri;
  800. letter-spacing:1px;
  801. font-size:8px;
  802. text-transform:uppercase;
  803. background:{color:accent1};
  804. color:#fff;
  805. padding:3px 4px 3px 4px;
  806. font-weight:normal;
  807. margin-right:5px;
  808. }
  809.  
  810. #info {
  811. font-style:normal;
  812. background:#fff;
  813. color:{color:accent1};
  814. font-size:8px;
  815. text-transform:uppercase;
  816. font-family:calibri;
  817. margin-top:10px;
  818. letter-spacing:0px;
  819. padding-top:6px;
  820. width: 500px;
  821. text-decoration:none;
  822. }
  823.  
  824. #date {
  825. margin-top:-25px;
  826. margin-left:10px;
  827. position:absolute;
  828. }
  829.  
  830. #date a {
  831. font-style:normal;
  832. padding:3px 4px 3px 4px;
  833. font-size:8px;
  834. letter-spacing: 1px;
  835. font-family:calibri;
  836. text-transform:uppercase;
  837. margin-bottom:3px;
  838. background:#fff;
  839. color:{color:accent1};
  840. -webkit-transition: all 0.8s ease;
  841. margin-right:1px;
  842. border:1px solid {color:accent1};
  843. }
  844.  
  845. #date a:hover {
  846. text-transform:uppercase;
  847. background:{color:accent1};
  848. color:#fff;
  849. -webkit-transition: all 0.8s ease;
  850. }
  851.  
  852. #infolink {
  853. font-style:normal;
  854. line-height:150%;
  855. padding:2px 4px 3px 4px;
  856. font-size:8px;
  857. letter-spacing:1px;
  858. font-family:calibri;
  859. text-transform:uppercase;
  860. margin-bottom:3px;
  861. background:{color:accent1};
  862. color:#fff;
  863. -webkit-transition: all 0.8s ease;
  864. margin-right:1px;
  865. }
  866.  
  867. #infolink:hover {
  868. color:{color:accent1};
  869. background-color:white;
  870. -webkit-transition: all 0.8s ease;
  871. }
  872.  
  873. #tags {
  874. font-style:normal;
  875. padding:3px 4px 3px 4px;
  876. font-size:8px;
  877. letter-spacing:0px;
  878. font-family:calibri;
  879. text-transform:uppercase;
  880. margin-bottom:3px;
  881. background:transparent;
  882. color:{color:accent1};
  883. -webkit-transition: all 0.8s ease;
  884. margin-left:1px;
  885. }
  886.  
  887. #tags:hover {
  888. background:{color:accent3};
  889. color:#fff;
  890. -webkit-transition: all 0.8s ease;
  891. }
  892.  
  893. /* ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) */
  894. </style>
  895.  
  896. </head>
  897.  
  898. <script type="text/javascript"
  899. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  900.  
  901. <body>
  902.  
  903. <div id="sidebar">
  904.  
  905. <div class="links">
  906. <a title="{text:link1title}" href="{text:link1url}">01</a>
  907. <a title="{text:link2title}" href="{text:link2url}">02</a>
  908. <a title="{text:link3title}" href="{text:link3url}">03</a>
  909. <a title="{text:link4title}" href="{text:link4url}">04</a>
  910. </div>
  911. <div class="sidebartitle1">{text:lefttitle}</div>
  912. <div class="sidebartitle2">{text:righttitle}</div>
  913. <div class="desc">
  914. {Description}
  915. </div>
  916.  
  917. <!-- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) -->
  918.  
  919.  
  920.  
  921. <div id="thing"></div>
  922.  
  923. </div>
  924.  
  925. <div id="thing2"></div>
  926.  
  927. </div>
  928.  
  929. <div id="thing3"></div>
  930.  
  931.  
  932. {block:Pagination}
  933. <div class="pagi">
  934. {block:PreviousPage}
  935. <a href="{PreviousPage}">BACK</a>
  936. {/block:PreviousPage}
  937. {block:NextPage}
  938. <a href="{NextPage}">NEXT</a>
  939. {/block:NextPage}
  940. </div>
  941. {/block:Pagination}
  942.  
  943. </div>
  944.  
  945.  
  946. <div id="entries">
  947.  
  948. <!--ffff00-Y-ff249c-P-2ee9eb-B-00ff15-G-->
  949.  
  950. {block:Posts}
  951. <div id="posts">
  952. <div id="date">{block:Date}<a title="click for permalink!" href="{permalink}">{timeago}</a>{/block:Date}</div>
  953.  
  954. {block:NoteCount}<div style="text-align:right;margin-left:100px;" id="date"><a title="click for permalink"href="{permalink}"><font color="red">&hearts;</font> {NoteCountWithLabel} </a></div>{/block:NoteCount}
  955.  
  956.  
  957. <div style="text-align:right;margin-left:480px;" id="date"><a title="reblog" href="{ReblogURL}" target="_blank"><font face="meem2">J</font></a></div>
  958.  
  959. <div id="date" style="margin-left:445px;">
  960. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">via</a>{/block:RebloggedFrom}</div>
  961.  
  962. <div id="date" style="margin-left:393px;">
  963. {block:ContentSource}
  964. <a href="{sourceurl}" title="source">source</a>
  965. {/block:ContentSource}
  966. </div>
  967.  
  968. {block:Quote}<div id="quote">❝{Quote}❞</div>
  969. <br><div id="name">&nbsp; - {Source}</div>{/block:Quote}
  970.  
  971. {block:Title}<div id="titles">{Title}&nbsp;</div>{/block:Title}
  972. {block:Text}{Body}{/block:Text}
  973.  
  974. {block:Link}<a href="{URL}" class="link" {Target}><div id="linkpost">{Name}&nbsp;<font color="{color:accent1}">&raquo;</font></div></a>
  975. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  976.  
  977. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}"></div>{LinkCloseTag}</center><div style="padding:10px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  978.  
  979.  
  980. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  981.  
  982. {block:Chat}<br><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><br>{/block:Lines}</ul>{/block:Chat}
  983.  
  984. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  985.  
  986.  
  987. {block:Answer}
  988. <div id="questions">
  989. <div id="asker">{Asker} asked:</div>
  990. <div id="qqq">{Question}</div></div>
  991. <div style="padding:10px;"><br><br>
  992. {Answer}</div>
  993. {/block:Answer}
  994.  
  995. {block:Audio}
  996. <div id="audio">
  997. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerBlack}</div></div>
  998.  
  999. {block:TrackName}<div class="audioinfo"><b>Title</b> {TrackName}</div><br>{/block:TrackName}
  1000. {block:Artist}<div class="audioinfo"><b>Artist</b> {Artist}</div><br>{/block:Artist}
  1001. {block:Album}<div class="audioinfo"><b>Album</b> {Album}</div>{/block:Album}
  1002. {block:PlayCount}<div class="audioinfo"><b>Played</b> {FormattedPlayCount} times</div> {/block:PlayCount}
  1003. </div>{block:Caption}{Caption}{/block:Caption}
  1004. {/block:Audio}
  1005.  
  1006. <div style="margin-bottom:5px;"id="info">
  1007. {block:HasTags}<span style="background:{color:accent1};padding:3px;color:#fff;">tagged with:</span> {block:Tags}<a title="posts tagged with '{tag}'" href="{TagURL}" id="tags">#{Tag}</a> {/block:Tags} {/block:HasTags}
  1008.  
  1009.  
  1010.  
  1011. <!-- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴄᴀᴘᴀʙʟʏ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) -->
  1012.  
  1013.  
  1014. </div>
  1015.  
  1016. </div>
  1017. {block:PostNotes}<center><a href="http://kimsjongin.tumblr.com">&#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;&nbsp;&#x299;&#x28f;&nbsp;&#x299;&#x1d00;&#x274;&#x262;&#x1d0a;&#x1d07;&#x274;s&#x1d07;&#x274;</a></center><br><br>{PostNotes}{/block:PostNotes}<br>
  1018.  
  1019.  
  1020. {/block:Posts}
  1021.  
  1022. </div>
  1023.  
  1024.  
  1025. </div>
  1026.  
  1027. <div id="ackles">
  1028.  
  1029. <div class="dancy">
  1030. &#x1d1b;&#x29c;&#x1d07;&#x1d0d;&#x1d07;
  1031. </div>
  1032.  
  1033. <div class="ville">
  1034. <a href="http://kimsjongin.tumblr.com/">&#x1d0d;&#x1d07;&#x1d07;&#x1d0d;</a>
  1035. </div>
  1036. </div>
  1037.  
  1038. <!-- ᴛʜᴇᴍᴇ ʙʏ ᴍᴇᴇᴍ (ᴋɪᴍsᴊᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ) -->
  1039.  
  1040. </body>
  1041. </html>
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!