API tools faq
paste
Advertisement
vickkyu

theme #04 by minivicky

vickkyu
Oct 16th, 2013
1,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.80 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--theme 04 'if there ain't no you' by minivicky.tumblr.com (you can customize as much as you want to, but please, leave the credits where it is).-->
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--colors-->
  12. <meta name="color:text" content="#2b2b2b"/>
  13.  
  14. <meta name="color:background" content="#ffffff">
  15.  
  16. <meta name="color:question background" content="#7c7c7c">
  17.  
  18. <meta name="color:link" content="#dbdbdb"/>
  19. <meta name="color:link hover" content="#f1f1f1"/>
  20.  
  21. <meta name="color:title" content="#ffffff"/>
  22. <meta name="color:header background" content="#2b2b2b"/>
  23. <meta name="color:header link background" content="#2b2b2b"/>
  24. <meta name="color:header link hover background" content="#1d1d1d"/>
  25.  
  26. <meta name="color:header link" content="#ffffff"/>
  27. <meta name="color:header link hover" content="#ffffff"/>
  28.  
  29. <meta name="color:description background" content="#000000"/>
  30. <meta name="color:description text" content="#ffffff"/>
  31.  
  32. <meta name="color:posts background" content="#ffffff"/>
  33.  
  34. <meta name="color:notes link" content="#c9c7c7"/>
  35. <meta name="color:notes link hover" content="#8d8b8b"/>
  36. <meta name="color:notes text" content="#ffffff"/>
  37.  
  38. <!--show or maybe not-->
  39. <meta name="if:Infinite Scrolling" content="0" />
  40. <meta name="if:Captions" content="0">
  41.  
  42. <!--images-->
  43. <meta name="image:header" content="http://static.tumblr.com/ctnjtyx/WzCmusagf/header.png"/>
  44. <meta name="image:background" content="http://static.tumblr.com/ctnjtyx/Gchmusagx/background.png"/>
  45. <meta name="image:post background" content="http://static.tumblr.com/ctnjtyx/F8cmusah6/post_background.png"/>
  46.  
  47. <!--text-->
  48. <meta name="text:subtitle" content="" />
  49.  
  50. <!--awesome links-->
  51. <meta name="text:Link 1" content="">
  52. <meta name="text:Link 1 url" content="">
  53. <meta name="text:Link 2" content="">
  54. <meta name="text:Link 2 url" content="">
  55. <meta name="text:Link 3" content="">
  56. <meta name="text:Link 3 url" content="">
  57. <meta name="text:Link 4" content="">
  58. <meta name="text:Link 4 url" content="">
  59. <meta name="text:Link 5" content="">
  60. <meta name="text:Link 5 url" content="">
  61.  
  62. <style type="text/css">
  63.  
  64. /*ma body*/
  65. body {
  66. color:{color:text};
  67. font-family:Arial, Helvetica;
  68. font-size:9px;
  69. line-height:100%;
  70. padding:0px;
  71. background-color:{color:background};
  72. background-image:url('{image:background}');
  73. background-attachment:fixed; background-repeat:repeat;
  74. text-decoration: none;
  75. }
  76.  
  77. img {
  78. border:none;
  79.  
  80. }
  81.  
  82. /*sexy title of the posts*/
  83. h1 {
  84. width:488px;
  85. font-family:calibri;
  86. color: {color:background};
  87. text-transform:uppercase;
  88. font-size:15px;
  89. letter-spacing:1px;
  90. padding: 6px ;
  91. background-color:{color:header background};
  92. }
  93.  
  94. /*blockquote*/
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. /*links*/
  106. a {
  107. text-decoration:none;
  108. outline:none;
  109. -moz-outline-style:none;
  110. -webkit-transition: all 0.7s ease;
  111. -moz-transition: all 0.7s ease;
  112. -o-transition: all 0.7s ease;
  113. color:{color:link};
  114. }
  115.  
  116. a:hover {
  117. -webkit-transition: all 0.5s ease-out;
  118. -moz-transition: all 0.5s ease-out;
  119. transition: all 0.5s ease-out;
  120. color: {color:link hover};
  121. -webkit-transition: all 0.7s ease;
  122. -moz-transition: all 0.7s ease;
  123. -o-transition: all 0.7s ease;
  124. }
  125.  
  126.  
  127. /*scrollbar*/
  128. ::-webkit-scrollbar {
  129. height: 0px;
  130. width: 2px;
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb {
  134. background-color:{color:header background};
  135. border-radius: 50px;
  136. -webkit-border-radius: 50px;
  137. }
  138.  
  139. ::-webkit-scrollbar-track{
  140. background-color:{color:background};
  141. background-image:url('{image:background}');
  142. border-radius: 50px;
  143. -webkit-border-radius: 50px;
  144. }
  145. ::-webkit-scrollbar-buttom{
  146. background-color:{color:header background};
  147. }
  148.  
  149.  
  150. /*link hover*/
  151. div#qTip {
  152. display: none;
  153. color:{color:background};
  154. font-family:calibri;
  155. font-size:9px;
  156. text-align:left;
  157. position:absolute;
  158. z-index:99;
  159. font-size:9px;
  160. background:{color:header background};
  161. padding:3px 4px;
  162. letter-spacing:1px;
  163. border-radius: 3px;
  164. -moz-border-radius: 3px;
  165. -webkit-border-radius: 3px;
  166. line-height:13px;
  167. text-transform:uppercase;
  168. }
  169.  
  170. /*sexy credits*/
  171. #credit {
  172. position:fixed;
  173. top:0px;
  174. background:{color:header background};
  175. left:0px;
  176. padding:3px;
  177. color: {color:text};
  178. font-family:calibri;
  179. text-transform:uppercase;
  180. letter-spacing:1px;
  181. font-size:9px;
  182. }
  183.  
  184. #credit a{
  185. text-decoration:none;
  186. outline:none;
  187. -moz-outline-style:none;
  188. -webkit-transition: all 0.7s ease;
  189. -moz-transition: all 0.7s ease;
  190. -o-transition: all 0.7s ease;
  191. color:{color:link};
  192. }
  193.  
  194. #credit a:hover{
  195. text-decoration:none;
  196. outline:none;
  197. -moz-outline-style:none;
  198. -webkit-transition: all 0.7s ease;
  199. -moz-transition: all 0.7s ease;
  200. -o-transition: all 0.7s ease;
  201. color:{color:link hover};
  202. }
  203.  
  204. /*look at dat header*/
  205. #headertitle {
  206. color:{color:title};
  207. font-size:30px;
  208. font-family:arial;
  209. text-align:center;
  210. letter-spacing:-3px;
  211. margin-left:0px;
  212. margin-top:100px;
  213. text-shadow: 1px 1px 1px #0f0f0f;
  214. font-style:none;
  215. font-weight:bold;
  216. text-transform:lowercase;
  217. padding:4px;
  218. padding-top:0px;
  219. padding-bottom:8px;
  220. padding-right:0px;
  221. position:fixed;
  222. padding-left:px;
  223. width:250px;
  224. }
  225.  
  226. #headertitle2 {
  227. color:{color:title};
  228. font-size:10px;
  229. font-family:calibri;
  230. text-align:center;
  231. letter-spacing:0px;
  232. margin-left:0px;
  233. margin-top:115px;
  234. text-shadow: 1px 1px 1px #0f0f0f;
  235. font-style:none;
  236. text-transform:uppercase;
  237. position:fixed;
  238. padding-left:px;
  239. width:250px;
  240. }
  241.  
  242.  
  243. #header {
  244. width 500px;
  245. margin-left:250px;
  246. margin-top:-50px;
  247. position:fixed;
  248. }
  249.  
  250. #header img {
  251. width:500px;
  252. height:161px;
  253. position:fixed;
  254.  
  255. }
  256.  
  257. #header:hover #description {
  258. opacity:.5;
  259. }
  260.  
  261. #headercopy{
  262. width:50px;
  263. height:13px;
  264. padding:7px;
  265. background-color:{color:header background};
  266. margin-top:93px;
  267. margin-left:240px;
  268. position:fixed;
  269. color:{color:text};
  270. transform: rotate(150deg);
  271. -webkit-transform: rotate(150deg);
  272. -moz-transform: rotate(150deg);
  273. -o-transform: rotate(150deg);
  274. -ms-transform: rotate(150deg);
  275. }
  276.  
  277. #headercopy2{
  278. width:15px;
  279. height:13px;
  280. padding:7px;
  281. background-color:{color:header background};
  282. margin-top:103px;
  283. margin-left:729px;
  284. position:fixed;
  285. color:{color:text};
  286. transform: rotate(300deg);
  287. -webkit-transform: rotate(300deg);
  288. -moz-transform: rotate(300deg);
  289. -o-transform: rotate(300deg);
  290. -ms-transform: rotate(300deg);
  291. }
  292.  
  293.  
  294.  
  295. #headerlinks{
  296. font-family: calibri;
  297. font-size: 10px;
  298. text-align: center;
  299. width:510px;
  300. height:13px;
  301. text-transform:uppercase;
  302. padding:7px;
  303. background-color:{color:header background};
  304. letter-spacing:1px;
  305. margin-top:111px;
  306. margin-left:238px;
  307. position:fixed;
  308. color:{color:text};
  309. }
  310.  
  311.  
  312. #headerlinks a{
  313. display:inline-block;
  314. font-family:calibri;
  315. margin-top:-7px;
  316. text-transform:uppercase;
  317. font-size:8px;
  318. padding:9px;
  319. text-decoration:none;
  320. background-color:{color:header link background};
  321. opacity:.5;
  322. color:{color:header link};
  323. transition:0.6s;
  324. -o-transition-transition:0.6s;
  325. -webkit-transition-duration:0.6s;
  326. -moz-transition-duration:0.6s;
  327. }
  328.  
  329. #headerlinks a:hover{
  330. opacity:1;
  331. text-decoration:none;
  332. background-color:{color:header link hover background};
  333. color:{color:header link hover};
  334. transition:0.6s;
  335. -o-transition-transition:0.6s;
  336. -webkit-transition-duration:0.6s;
  337. -moz-transition-duration:0.6s;
  338. }
  339.  
  340.  
  341. /*oh god, dat description*/
  342. #description {
  343. font-family: calibri;
  344. text-shadow: 1px 1px 1px #494949;
  345. font-size:10px;
  346. margin-top:126px;
  347. opacity:0;
  348. overflow:hidden;
  349. text-align:justify;
  350. font-style:italic;
  351. text-transform:lowercase;
  352. position:fixed;
  353. width:480px;
  354. height:15px;
  355. padding:10px;
  356. background-color:{color:description background};
  357. color:{color:description text};
  358. -webkit-transition: all 1s ease-in-out;
  359. -moz-transition: all 1s ease-in-out;
  360. -o-transition: all 1s ease-in-out;
  361. transition: all 1s ease-in-out;
  362. }
  363.  
  364.  
  365. .description a
  366. {color:{color:links};
  367. -moz-transition-duration:0.6s;
  368. -webkit-transition-duration:0.6s;
  369. -o-transition-duration:0.6s;
  370. }
  371.  
  372. /*sexy pagination*/
  373. #pagi{
  374. width:100px;
  375. font-size:30px;
  376. text-align:center;
  377. margin-left:720px;
  378. margin-top:120px;
  379. position:fixed;
  380. font-family:cambria;
  381. letter-spacing:0px;
  382. -webkit-transform: rotate(45deg);
  383. -moz-transform: rotate(45deg);
  384. -o-transform: rotate(45deg);
  385. -ms-transform: rotate(45deg);
  386. }
  387.  
  388. #pagi a{
  389. text-decoration:none;
  390. color:{color:header background};
  391. outline:none;
  392. -moz-outline-style:none;
  393. -webkit-transition: all 0.7s ease;
  394. -moz-transition: all 0.7s ease;
  395. -o-transition: all 0.7s ease;
  396. }
  397.  
  398. #pagi2{
  399. width:100px;
  400. font-size:30px;
  401. text-align:center;
  402. margin-left:184px;
  403. margin-top:120px;
  404. position:fixed;
  405. font-family:cambria;
  406. letter-spacing:0px;
  407. -webkit-transform: rotate(45deg);
  408. -moz-transform: rotate(45deg);
  409. -o-transform: rotate(45deg);
  410. -ms-transform: rotate(45deg);
  411. }
  412.  
  413.  
  414. #pagi2 a{
  415. text-decoration:none;
  416. outline:none;
  417. color:{color:header background};
  418. -moz-outline-style:none;
  419. -webkit-transition: all 0.7s ease;
  420. -moz-transition: all 0.7s ease;
  421. -o-transition: all 0.7s ease;
  422. }
  423.  
  424. /*oh dat posts*/
  425. #all {
  426. padding:10px;
  427. width:480px;
  428. margin-left:250px;
  429. margin-top:50px;
  430. font-size:10px;
  431.  
  432. }
  433.  
  434. #posts {
  435. width:500px;
  436. margin-left:-11px;
  437. margin-top:140px;
  438. margin-bottom:-90px;
  439. border-radius: 6px;
  440. background-color:{color:posts background};
  441. background-image:url('{image:post background}');
  442. color:{color:text};
  443. padding:1px;
  444. }
  445.  
  446. .info2 {
  447. width:500px;
  448. text-align:right;
  449. margin-top:4px;
  450. margin-bottom:4px;
  451. margin-left:-7px;
  452. color: {color:notes text};
  453. text-transform:uppercase;
  454. font-size:9px;
  455. letter-spacing:1px;
  456.  
  457. }
  458.  
  459. .info2 a {
  460. display:inline-block;
  461. font-family:calibri;
  462. text-transform:uppercase;
  463. font-size:9px;
  464. color: {color:notes text};
  465. background-color:{color:header background};
  466. padding: 2px 5px 3px;
  467. }
  468.  
  469.  
  470.  
  471. /*quotes*/
  472. .quote {
  473. font-size: 10px;
  474. padding:7px;
  475. color: {color:text};
  476. float: left;
  477. }
  478.  
  479. /*chat*/
  480. .chat {
  481. line-height:12px;
  482. list-style:none
  483. }
  484.  
  485. .chat ul {
  486. line-height:15px;
  487. list-style:none;
  488. padding:0px;
  489. line-height:20px;
  490. }
  491.  
  492. .person1 {
  493. background-color:{color:question background};
  494. padding-left:6px;
  495. padding-right:6px;
  496. }
  497.  
  498. .person1 .label {
  499. font-weight:bold;
  500. color:{color:bold};
  501. }
  502.  
  503. .person2 {
  504. background-color:{color:posts background};
  505. padding-left:6px;
  506. padding-right:6px;
  507. }
  508.  
  509. .person2 .label {
  510. font-weight:bold;
  511. color:{color:bold};
  512. }
  513.  
  514. /*audio*/
  515. #audio{
  516. margin-left:10px;
  517. margin-top:6px;
  518. }
  519. .audio img {
  520. max-width: 50px;
  521. float: left;
  522. margin-right: 5px;
  523. border: 4px solid {color:Background};
  524. }
  525.  
  526. .player {
  527. background-color: #fff;
  528. height: 25px;
  529. width: 25px;
  530. padding: 5px;
  531. margin-left: 80px;
  532. margin-top: 10px;
  533. overflow: hidden;
  534. position: absolute;
  535. margin-left: 12px;
  536. margin-top: 12px;
  537. opacity: .2;
  538. transition: 0.5s;
  539. -moz-transition: 0.5s;
  540. -webkit-transition: 0.5s;
  541. -o-transition: 0.5s;
  542. }
  543.  
  544. .player:hover {
  545. opacity: .7;
  546. }
  547.  
  548. {CustomCSS}</style>
  549.  
  550. <script src="http://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  551.  
  552. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  553.  
  554. {block:IfInfiniteScrolling}
  555. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  556. {/block:IfInfiniteScrolling}
  557.  
  558. </head><body>
  559.  
  560. <div id="headercopy"></div>
  561. <div id="headercopy2"></div>
  562.  
  563. <div id="headerlinks">
  564. <a href="/">index</a>
  565. <a href="/ask">message</a>
  566. {block:IfLink1}
  567. <a href="{text:Link 1 url}">{text:Link 1}</a>
  568. {/block:IfLink1}
  569. {block:IfLink2}
  570. <a href="{text:Link 2 url}">{text:Link 2}</a>
  571. {/block:IfLink2}
  572. {block:IfLink3}
  573. <a href="{text:Link 3 url}">{text:Link 3}</a>
  574. {/block:IfLink3}
  575. {block:IfLink4}
  576. <a href="{text:Link 4 url}">{text:Link 4}</a>
  577. {/block:IfLink4}
  578. {block:IfLink5}
  579. <a href="{text:Link 5 url}">{text:Link 5}</a>
  580. {/block:IfLink5}
  581. </div>
  582.  
  583.  
  584. <div id="header">
  585.  
  586. <img src="{image:header}">
  587.  
  588. <div id="headertitle">{Title}</div>
  589. <div id="headertitle2">{text:Subtitle}</div>
  590.  
  591. <div id="description">{Description}</div>
  592.  
  593. </div>
  594.  
  595. {block:IfNotInfiniteScrolling}
  596. {block:Pagination}
  597.  
  598. <div id="pagi2">
  599. {block:PreviousPage}
  600. <a href="{PreviousPage}" title="back" >◣</a>
  601. {/block:PreviousPage}
  602. </div>
  603.  
  604. <div id="pagi">
  605. {block:NextPage}
  606. <a href="{NextPage}" title="next" >◥</a>
  607. {/block:NextPage}
  608. </div>
  609.  
  610. {/block:Pagination}
  611. {/block:IfNotInfiniteScrolling}
  612.  
  613. </div>
  614.  
  615. <div id="all">{block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  616. {block:Posts}
  617.  
  618. {block:ContentSource}
  619.  
  620. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  621.  
  622. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  623.  
  624. {/block:SourceLogo}
  625.  
  626. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  627.  
  628. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  629.  
  630. <div id="posts">
  631.  
  632. {block:Text}
  633. {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title}
  634. {Body}
  635. {/block:Text}
  636.  
  637. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  638. {block:IfCaptions}{block:Caption}
  639. {Caption}
  640. {/block:Caption}{/block:IfCaptions}
  641. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  642. {Caption}
  643. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  644. {/block:Photo}
  645.  
  646. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  647.  
  648. {block:Photoset}{Photoset-500}{block:IfCaptions}{block:Caption}
  649. {Caption}
  650. {/block:Caption}{/block:IfCaptions}
  651. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  652. {Caption}
  653. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  654. {/block:Photoset}
  655.  
  656. {block:Quote}
  657. <div class="quote"></div>
  658. <h2>{Quote}</h2>
  659. {block:Source}<p align="left"><b>&nbsp; &mdash;</b> {Source}</p>{/block:Source}
  660. {/block:Quote}
  661.  
  662. {block:Audio}
  663. <div id="audio">
  664. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  665. <div class="player">{AudioPlayerWhite}</div>
  666. <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>
  667. </div>
  668. {/block:Audio}
  669.  
  670. {block:Video}{Video-500}{block:IfCaptions}{block:Caption}
  671. {Caption}
  672. {/block:Caption}{/block:IfCaptions}
  673. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  674. {Caption}
  675. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  676. {/block:Video}
  677.  
  678. {block:Chat}
  679. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  680. <div class="chat"><ul>{block:Lines}
  681. <li class="person{UserNumber}">{block:Label}
  682. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  683. {/block:Chat}
  684.  
  685.  
  686. {block:Answer}
  687. <table>
  688. <tr><td colspan="3" width="530px" style="padding:11px; text-align:left; background-color:{color:question background};"><b>{Asker}</b> asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:3px;" align="left"></tr>
  689. </table>
  690. {Answer}
  691. {/block:Answer}
  692.  
  693. {block:PermalinkPage}
  694. <div class="info2">
  695. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  696.  
  697. {block:Notecount}
  698. <a href="{Permalink}">{NoteCountWithLabel}</a>
  699. {/block:Notecount}
  700.  
  701. {block:HasTags}
  702. {block:Tags} <a href="/tagged/{Tag}"> #{Tag}</a>
  703. {/block:Tags}
  704. {/block:HasTags}
  705.  
  706. </div>
  707. {block:PermalinkPage}
  708.  
  709.  
  710. {block:IndexPage}
  711. <div class="info2">
  712. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  713.  
  714. {block:Notecount}
  715. <a href="{Permalink}">{NoteCountWithLabel}</a>
  716. {/block:Notecount}
  717.  
  718. {block:HasTags}
  719. {block:Tags} <a href="/tagged/{Tag}"> #{Tag}</a>
  720. {/block:Tags}
  721. {/block:HasTags}
  722.  
  723. </div>
  724. {/block:IndexPage}
  725.  
  726. {block:PostNotes}
  727. <div id="notes">{PostNotes}</div>
  728. {/block:PostNotes}
  729.  
  730. </div>
  731.  
  732. {/block:Posts}
  733. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}</div></div></div>
  734.  
  735.  
  736. <div id="credit"><a href="http://minivicky.tumblr.com" title="minivicky">theme</a></center></div>
  737.  
  738.  
  739. </body>
  740. </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!