API tools faq
paste
Advertisement
vickkyu

theme #05 by minivicky

vickkyu
Oct 31st, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--theme 05 'i think i'm not going to like here' by minivicky.tumblr.com (you can customize as much as you want to, but please, leave the credits where it is).-->
  5.  
  6. <head>
  7. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. <meta name="color:background" content="#ffffff">
  14. <meta name="color:blockquote" content="#dab3a3">
  15. <meta name="color:bold" content="#8f7d7a" />
  16. <meta name="color:description" content="#9a9a9a">
  17. <meta name="color:scrollbar" content="#dab3a3">
  18. <meta name="color:scrollbar bg" content="#ffffff">
  19. <meta name="color:text" content="#9a9a9a">
  20. <meta name="color:link" content="#dab3a3">
  21. <meta name="color:link hover" content="#8f7d7a">
  22. <meta name="color:question background" content="#f5f2ea">
  23. <meta name="color:navi links" content="#dab3a3">
  24. <meta name="color:navi links hover" content="#8f7d7a">
  25. <meta name="color:post border" content="#8f7d7a">
  26. <meta name="color:post title" content="#8f7d7a">
  27. <meta name="color:title" content="#dab3a3">
  28.  
  29. <meta name="image:background" content="">
  30. <meta name="image:sidebar" content="http://static.tumblr.com/ctnjtyx/zUUmvjwq0/untitled-1.gif">
  31.  
  32. <meta name="if:Captions" content="0">
  33. <meta name="if:Lazy Load" content="0" />
  34. <meta name="if:Grayscale Image" content="0" />
  35.  
  36. <meta name="text:Link 1" content="">
  37. <meta name="text:Link 1 url" content="">
  38. <meta name="text:Link 2" content="">
  39. <meta name="text:Link 2 url" content="">
  40. <meta name="text:Link 3" content="">
  41. <meta name="text:Link 3 url" content="">
  42. <meta name="text:Link 4" content="">
  43. <meta name="text:Link 4 url" content="">
  44. <meta name="text:Link 5" content="">
  45. <meta name="text:Link 5 url" content="">
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51. /*ma body*/
  52. body{
  53. background-color:{color:background};
  54. background-image: url('{image:background}');
  55. background-repeat:repeat;
  56. font-family:'cambria';
  57. margin:0px;
  58. padding:0px;
  59. }
  60.  
  61. b, strong {color:{color:bold};}
  62.  
  63. /*scroll dat bar*/
  64. ::-webkit-scrollbar {
  65. height: 0px;
  66. width: 5px;
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb {
  70. background-color:{color:scrollbar};
  71. }
  72.  
  73. ::-webkit-scrollbar-track{
  74. background-color:{color:scrollbar bg};
  75.  
  76. }
  77. ::-webkit-scrollbar-buttom{
  78. background-color:{color:scrollbar bg};
  79. }
  80.  
  81.  
  82.  
  83. /*lovely links*/
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. -webkit-transition: all 0.7s ease;
  90. -moz-transition: all 0.7s ease;
  91. -o-transition: all 0.7s ease;
  92. }
  93.  
  94. a:hover {
  95. -webkit-transition: all 0.5s ease-out;
  96. -moz-transition: all 0.5s ease-out;
  97. transition: all 0.5s ease-out;
  98. color: {color:link hover};
  99. -webkit-transition: all 0.7s ease;
  100. -moz-transition: all 0.7s ease;
  101. -o-transition: all 0.7s ease;
  102. }
  103.  
  104. /*blockquote dat shit*/
  105. blockquote {
  106. width:330px;
  107. border-left:2px solid {color:blockquote};
  108. padding-left:5px;
  109. margin-left:10px;
  110. }
  111.  
  112. /*sidebar stuff*/
  113. #sidebar{
  114. width:150px;
  115. position:fixed;
  116. padding:10px;
  117. margin-left:530px;
  118. margin-top:230px
  119. }
  120.  
  121. #sidebar a{
  122. display:inline-block;
  123. text-align:center;
  124. text-decoration:none;
  125. color:{color:navi links};
  126. }
  127.  
  128. #sidebar a:hover{
  129. opacity:1;
  130. text-decoration:none;
  131. color:{color:navi links hover};
  132. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  133. }
  134.  
  135. #a1{
  136. display:inline-block;
  137. font-family:cambria;
  138. text-transform:uppercase;
  139. font-size:8px;
  140. text-align:center;
  141. padding:0px 8px 0px 0px;
  142. text-decoration:none;
  143. color:{color:navi links};
  144. }
  145.  
  146. #a1:hover{
  147. opacity:1;
  148. text-decoration:none;
  149. color:{color:navi links hover};
  150. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  151. }
  152.  
  153. #sidebar h1 {
  154. font-family:calibri;
  155. font-weight:700;
  156. letter-spacing:-1px;
  157.  
  158. font-size:11px;
  159. width:148px;
  160. text-align:right;
  161. line-height:80%;
  162. position:relative;
  163. color: {color:title};
  164. font-weight: normal;
  165. text-transform: uppercase;
  166. margin: 0;
  167. margin-bottom:2px;
  168. }
  169.  
  170. #sidebar h1 a{
  171. color: {color:title};
  172. text-decoration: none;
  173. }
  174.  
  175. .sideimage {
  176. text-align:center;}
  177.  
  178. .sideimage img {
  179. width:150px;
  180. height:100px;
  181. margin-bottom:0px;
  182. z-index:99;
  183. }
  184.  
  185. #pagination{
  186. font-family:arial;
  187. font-size:8px;
  188. width:150px;
  189. background-color:transparent;
  190. text-align:center;
  191. position:fixed;
  192.  
  193. }
  194.  
  195. #desc{
  196. width:150px;
  197. color:{color:description};
  198. padding:10px;
  199. font-family:cambria;
  200. font-size:9px;
  201. font-style:italic;
  202. text-align:center;
  203. text-transform:lowercase;
  204. margin-left:-10px;
  205. margin-top:-5px;
  206. }
  207.  
  208. /*all*/
  209. .all {
  210. width:710px;
  211. position:relative;
  212. margin-top:0px;
  213. bottom:5px;
  214. margin-left:auto!important;
  215. margin-right:auto!important;
  216. z-index:999
  217. }
  218.  
  219. /*posts*/
  220. #entries {
  221. width:500px;
  222. position:relative;
  223. }
  224.  
  225. .posts {
  226. background-color:#fff;
  227. width:500px;
  228. padding:15px 15px 15px 15px;
  229. margin:10px!important;
  230. margin-bottom:5px;
  231. display:block;
  232. font-family:cambria;
  233. font-weight:normal;
  234. font-size:11px;
  235. color:{color:text};
  236. text-align:justify;
  237. z-index:9999!important;
  238. float:left;
  239. }
  240.  
  241. .posts h1 {
  242. border-left: 20px solid {color:post title};
  243. padding-left: 8px;
  244. font-family: calibri;
  245. font-size: 18px;
  246. color: {color:post title};
  247. font-weight: normal;
  248. text-transform: uppercase;
  249. letter-spacing: 4px;
  250. margin: 0;
  251. }
  252.  
  253. .posts h1 a{
  254. color: {color:post title};
  255. text-decoration: none;
  256. }
  257.  
  258. .posts img{
  259. max-width:500px;
  260. -webkit-transition: all 0.7s ease-in-out;
  261. -moz-transition: all 0.7s ease-in-out;
  262. -o-transition: all 0.7s ease-in-out;
  263. -ms-transition: all 0.7s ease-in-out;
  264. transition: all 0.7s ease-in-out;
  265. background-color:transparent!important;
  266. }
  267.  
  268. .photo{
  269. max-width:500px;
  270. display:block;
  271. background-color:transparent!important;
  272. padding:0px 0px 5px 0px;
  273. }
  274.  
  275.  
  276. .posts h2{
  277. font-family: calibri;
  278. font-size: 11px;
  279. color: {color:Entry Titles};
  280. font-weight: normal;
  281. text-transform: uppercase;
  282. letter-spacing: 2px;
  283. }
  284.  
  285. /*posts info*/
  286. #date{
  287. width:500px;
  288. text-align:left;
  289. color:{color:info};
  290. text-transform:uppercase;
  291. font-family:cambria;
  292. font-size:8px;
  293. margin-top:3px;
  294. z-index:99999
  295. }
  296.  
  297. .date a{
  298. text-decoration:none;opacity:1;
  299. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  300. }
  301.  
  302. .date a:hover{
  303. color:{color:info hover};
  304. text-decoration:none;
  305. opacity:1
  306. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  307. }
  308.  
  309. #borderinfo{
  310. border-bottom:1px solid {color:post border};
  311. width:500px;
  312. }
  313.  
  314. #notes {
  315. background-color:transparent;
  316. width:500px;
  317. padding:10px 20px;
  318. margin-top:10px;
  319. margin-bottom:15px;
  320. color:{color:text};
  321. font-size:10px;
  322. line-height:14px;
  323. }
  324.  
  325. #notes img {
  326. width:16px;
  327. position:relative;
  328. }
  329. ol.notes li {
  330. list-style:none;
  331. margin-left:-55px;
  332. padding:4px;}
  333.  
  334. ol.notes li img {
  335. list-style:none;
  336. opacity:0.9;
  337. margin-bottom:-5px;
  338. padding-right:4px;
  339. }
  340.  
  341. /*link hover*/
  342. #s-m-t-tooltip {
  343. display: none;
  344. max-width:300px;
  345. z-index:10;
  346. color:{color:navi links hover};
  347. font-family:calibri;
  348. font-size:8px;
  349. text-align:left;
  350. position:absolute;
  351. margin:14px 10px 5px 15px;
  352. background:{color:question background};
  353. padding:3px 4px;
  354. letter-spacing:1px;
  355. border-radius: 3px;
  356. -moz-border-radius: 3px;
  357. -webkit-border-radius: 3px;
  358. z-index:99999;
  359. line-height:13px;
  360. text-transform:uppercase;
  361. }
  362.  
  363.  
  364. #credit {
  365. position:fixed;
  366. right:0px;
  367. bottom:0px;
  368. padding:5px;
  369. text-transform:uppercase;
  370. letter-spacing:1px;
  371. font-size:8px;
  372. }
  373.  
  374. .quote {
  375. font-family: georgia;
  376. font-size: 24px;
  377. color: {color:Entry Bold};
  378. float: left;
  379. margin-top: 2px;
  380. }
  381.  
  382. /*dat grayscale*/
  383. {block:IfGrayscaleImage}
  384. img{
  385. -webkit-transition: all 0.7s ease-in-out;
  386. -moz-transition: all 0.7s ease-in-out;
  387. -o-transition: all 0.7s ease-in-out;
  388. -ms-transition: all 0.7s ease-in-out;
  389. opacity: 0.60;
  390. -webkit-filter:grayscale(100%);
  391. }
  392.  
  393. img:hover{
  394. -webkit-transition: all 0.7s ease-in-out;
  395. -moz-transition: all 0.7s ease-in-out;
  396. -o-transition: all 0.7s ease-in-out;
  397. -ms-transition: all 0.7s ease-in-out;
  398. opacity: 1;
  399. -webkit-filter:none;
  400. }
  401.  
  402. .html_photoset {
  403. -webkit-filter: grayscale(100%);
  404. -webkit-transition: all 0.7s ease-in-out;
  405. -moz-transition: all 0.7s ease-in-out;
  406. -o-transition: all 0.7s ease-in-out;
  407. -ms-transition: all 0.7s ease-in-out;
  408. }
  409. .html_photoset:hover {
  410. -webkit-filter: grayscale(0);
  411. -webkit-transition: all 0.7s ease-in-out;
  412. -moz-transition: all 0.7s ease-in-out;
  413. -o-transition: all 0.7s ease-in-out;
  414. -ms-transition: all 0.7s ease-in-out;
  415. }
  416. {/block:IfGrayscaleImage}
  417.  
  418.  
  419. /*chat*/
  420. .chat {
  421. line-height:12px;
  422. list-style:none
  423. }
  424.  
  425. .chat ul {
  426. line-height:15px;
  427. list-style:none;
  428. padding:0px;
  429. line-height:20px;
  430. }
  431.  
  432. .person1 {
  433. background-color:{color:question background};
  434. padding-left:6px;
  435. padding-right:6px;
  436. }
  437.  
  438. .person1 .label {
  439. font-weight:bold;
  440. color:{color:bold};
  441. }
  442.  
  443. .person2 {
  444. background-color:{color:posts background};
  445. padding-left:6px;
  446. padding-right:6px;
  447. }
  448.  
  449. .person2 .label {
  450. font-weight:bold;
  451. color:{color:bold};
  452. }
  453.  
  454. /*audio*/
  455. #audio{
  456. margin-left:10px;
  457. margin-top:6px;
  458. }
  459. .audio img {
  460. max-width: 50px;
  461. float: left;
  462. margin-right: 5px;
  463. border: 4px solid {color:Background};
  464. }
  465.  
  466. .player {
  467. background-color: #fff;
  468. height: 25px;
  469. width: 25px;
  470. padding: 5px;
  471. margin-left: 80px;
  472. margin-top: 10px;
  473. overflow: hidden;
  474. position: absolute;
  475. margin-left: 12px;
  476. margin-top: 12px;
  477. opacity: .2;
  478. transition: 0.5s;
  479. -moz-transition: 0.5s;
  480. -webkit-transition: 0.5s;
  481. -o-transition: 0.5s;
  482. }
  483.  
  484. .player:hover {
  485. opacity: .7;
  486. }
  487. {CustomCSS}
  488.  
  489. </style>
  490.  
  491.  
  492. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  493.  
  494. <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
  495.  
  496. <script>
  497. (function($){
  498. $(document).ready(function(){
  499. $("[title]").style_my_tooltips({
  500. tip_follows_cursor:true,
  501. tip_delay_time:100,
  502. tip_fade_speed:500,
  503. });
  504. });
  505. })(jQuery);
  506. </script>
  507.  
  508. {block:IfLazyLoad}
  509. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  510. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  511. <script type="text/javascript" charset="utf-8">
  512. var $j = jQuery.noConflict();
  513. $j(function() {
  514. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  515. $j("img").lazyload({
  516. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  517. effect: "fadeIn",
  518. });
  519. });
  520. </script>
  521. {/block:IfLazyLoad}
  522.  
  523. </head>
  524. <body>
  525.  
  526. <div class="all">
  527.  
  528. <div id="sidebar">
  529.  
  530. <h1>{Title}</h1>
  531.  
  532. <div class="sideimage">
  533. <a href="/"><img src="{image:sidebar}" align="center"/></a>
  534. </div>
  535. <center>
  536.  
  537. <a href="/" id="a1" title="home">■</a>
  538. <a href="/ask" id="a1" title="ask me">■</a>
  539. {block:IfLink1}<a href="{text:Link 1 url}" id="a1" title="{text:Link 1}">■</a>{/block:IfLink1}
  540. {block:IfLink2}<a href="{text:Link 2 url}" id="a1" title="{text:Link 2}">■</a>{/block:IfLink2}
  541. {block:IfLink3}<a href="{text:Link 3 url}" id="a1" title="{text:Link 3}">■</a>{/block:IfLink3}
  542. {block:IfLink4}<a href="{text:Link 4 url}" id="a1" title="{text:Link 4}">■</a>{/block:IfLink4}
  543. {block:IfLink5}<a href="{text:Link 5 url}" id="a1" title="{text:Link 5}">■</a>{/block:IfLink5}
  544. </center>
  545.  
  546. <div id="desc">{Description}
  547.  
  548. <div id="pagination">
  549. {block:PreviousPage}
  550. <a href="{PreviousPage}" title="back"> ← </a>
  551. {/block:PreviousPage}
  552.  
  553. {block:NextPage}
  554. <a href="{NextPage}" title="next"> → </a>
  555. {/block:NextPage}
  556.  
  557. </div>
  558.  
  559. </div>
  560. </div>
  561.  
  562.  
  563. {block:Posts}
  564.  
  565. {block:ContentSource}
  566.  
  567. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  568.  
  569. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  570.  
  571. {/block:SourceLogo}
  572.  
  573. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  574.  
  575. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  576.  
  577. <div class="posts">
  578.  
  579. {block:Text}
  580. {block:Title}<h1>{Title}</h1>{/block:Title}
  581. {Body}
  582. {/block:Text}
  583.  
  584. {block:Photo}
  585. <center><div class="photo">
  586. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div></center>
  587. {block:IfCaptions}{block:Caption}
  588. {Caption}
  589. {/block:Caption}{/block:IfCaptions}
  590. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  591. {Caption}
  592. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  593. {/block:Photo}
  594.  
  595. {block:Photoset}
  596. <div class="photo">
  597. {Photoset-500}
  598. </div>
  599. {block:IfCaptions}{block:Caption}
  600. {Caption}
  601. {/block:Caption}{/block:IfCaptions}
  602. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  603. {Caption}
  604. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  605. {/block:Photoset}
  606.  
  607. {block:Quote}
  608. <div class="quote">&#10077;</div>
  609. <h2>{Quote}</h2>
  610. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  611. {/block:Quote}
  612.  
  613. {block:Link}
  614. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  615. {block:Description}{Description}{/block:Description}
  616. {/block:Link}
  617.  
  618. {block:Chat}
  619. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  620. <div class="chat"><ul>{block:Lines}
  621. <li class="person{UserNumber}">{block:Label}
  622. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  623. {/block:Chat}
  624.  
  625. {block:Audio}
  626. <div id="audio">
  627. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  628. <div class="player">{AudioPlayerWhite}</div>
  629. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div><br><br>
  630. </div>
  631. {/block:Audio}
  632.  
  633. {block:Video}
  634. {Video-500}
  635. {block:IfCaptions}{block:Caption}
  636. {Caption}
  637. {/block:Caption}{/block:IfCaptions}
  638. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  639. {Caption}
  640. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  641. {/block:Video}
  642.  
  643. {block:Answer}
  644. <table>
  645. <tr><td colspan="3" width="500px" style="padding:9px; text-align:center; background-color:{color:question background};">{Asker} asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:2px;" align="right"></tr>
  646. </table>
  647. {Answer}
  648. {/block:Answer}
  649.  
  650. {block:PermalinkPage}
  651.  
  652. {block:PermalinkPage}
  653.  
  654. {block:IndexPage}
  655. <div id="borderinfo"></div>
  656.  
  657. <div id="date">
  658. <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> with {NoteCountWithLabel}{/block:NoteCount} {block:Tags}{block:HasTags} / <a href="{TagURL}">#{Tag}</a> {/block:HasTags}{/block:Tags}
  659. </div>
  660. {block:IndexPage}
  661.  
  662. </div>
  663.  
  664. {/block:Posts}
  665.  
  666. {block:PostNotes}
  667. <div id="notes">{PostNotes}</div>
  668. {/block:PostNotes}
  669.  
  670. </div></div>
  671.  
  672. <div id="credit"><a href="http://www.minivicky.tumblr.com" title="minivicky" target="_blank">theme</a></div>
  673.  
  674. </body>
  675. </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!