API tools faq
paste
glam0urkills

theme #8 tylersequins

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