API tools faq
paste
Advertisement
emilyowl

theme #1: vita

emilyowl
Feb 27th, 2014
1,249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!--
  6.  
  7. © KRASIVAYAS (@ALLISONARGENS)
  8.  
  9. theme #1: V I T A
  10.  
  11. rules:
  12. don't move, delete, or edit the credit
  13. don't use my theme as a base code
  14. don't steal parts of my code
  15. don't steal my themes or claim them as your own
  16.  
  17. -->
  18.  
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--Default Variables-->
  27.  
  28. <meta name="color:background" content="#ffffff"/>
  29. <meta name="color:text" content="#aaaaaa"/>
  30. <meta name="color:link" content="#000000"/>
  31. <meta name="color:blogtitle" content="#2f2b2b"/>
  32. <meta name="color:texttitle" content="#4f4d4d"/>
  33. <meta name="color:colorhoverlink" content="#feee02"/>
  34. <meta name="color:scrollbar" content="#cecece"/>
  35.  
  36.  
  37. <meta name="color:link1" content="#594f4f"/>
  38. <meta name="color:link2" content="#547980"/>
  39. <meta name="color:link3" content="#45ada8"/>
  40. <meta name="color:link4" content="#9de0ad"/>
  41. <meta name="color:link5" content="#e5fcc2"/>
  42.  
  43. <meta name="text:link1 url" content=""/>
  44. <meta name="text:link2 url" content=""/>
  45. <meta name="text:link3 url" content=""/>
  46. <meta name="text:link4 url" content=""/>
  47. <meta name="text:link5 url" content=""/>
  48.  
  49. <meta name="text:link1" content=""/>
  50. <meta name="text:link2" content=""/>
  51. <meta name="text:link3" content=""/>
  52. <meta name="text:link4" content=""/>
  53. <meta name="text:link5" content=""/>
  54.  
  55.  
  56.  
  57. <meta name="if:500px" content="1"/>
  58. <meta name="if:400px" content="0"/>
  59.  
  60. <meta name="if:underlinehover" content="1"/>
  61. <meta name="if:colorhover" content="0"/>
  62.  
  63.  
  64. <!-- jquery for tooltips-->
  65.  
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68.  
  69. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70.  
  71. <script>
  72.  
  73. (function($){
  74.  
  75. $(document).ready(function(){
  76.  
  77. $("a[title]").style_my_tooltips({
  78.  
  79. tip_follows_cursor:true,
  80.  
  81. tip_delay_time:30,
  82.  
  83. tip_fade_speed:300,
  84.  
  85. attribute:"title"
  86.  
  87. });
  88.  
  89. });
  90.  
  91. })(jQuery);
  92.  
  93. </script>
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. <!--CSS customization here. -->
  101.  
  102. <style type="text/css">
  103.  
  104. #s-m-t-tooltip{
  105. position:absolute;
  106. padding:1px;
  107. margin-top:15px;
  108. margin-left:15px;
  109. z-index:9999;
  110. background:{color:background};
  111. }
  112.  
  113.  
  114.  
  115.  
  116.  
  117. ::-webkit-scrollbar{
  118. height: 5px;
  119. width: 9px;
  120. -webkit-border-radius: 0px;
  121. background-color:{color:background}
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb{
  125. background-color:{color:scrollbar};
  126. }
  127.  
  128. ::-webkit-scrollbar-track{
  129. background-color:{color:background};
  130. }
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137. /*basics*/
  138. blockquote {
  139. padding:5px 0 5px 30px;
  140. border-left:1px solid {color:text};
  141. margin-left:30px;
  142. }
  143.  
  144. body {
  145. background:{color:background};
  146. color:{color:text};
  147. font-family:arial;
  148. font-size:11px;
  149. text-align:justify;
  150. margin:0;
  151. line-height:16px;
  152. }
  153.  
  154. a {
  155. color:{color:link};
  156. text-decoration:none;
  157. }
  158.  
  159. a:hover {
  160. {block:ifunderlinehover}
  161. text-decoration:underline;
  162. {/block:ifunderlinehover}
  163.  
  164. {block:ifcolorhover}
  165. text-shadow:2px 1px {color:colorhoverlink};
  166. {/block:ifcolorhover}
  167. }
  168.  
  169. img{
  170. opacity:1;
  171. border:none;
  172. text-decoration:none
  173. }
  174.  
  175. small {
  176. font-size:9px;
  177. }
  178.  
  179. big {
  180. font-size:12px;
  181. }
  182.  
  183.  
  184. #title {
  185. font-size:13px;
  186. line-height:18px;
  187. font-weight:bold;
  188. margin-bottom:10px;
  189. text-transform:uppercase;
  190. text-align:left;
  191. color:{color:texttitle};
  192. }
  193.  
  194.  
  195.  
  196.  
  197.  
  198. /*sidebar*/
  199. #sidebar {
  200. text-align:right;
  201. position:fixed;
  202. margin-left:-225px;
  203. margin-top:250px;
  204. width:200px;
  205. }
  206.  
  207. #blogtitle {
  208. font-size:43px;
  209. font-weight:bold;
  210. line-height:85%;
  211. margin-bottom:-15px;
  212. color:{color:blogtitle};
  213. }
  214.  
  215. #blogtitle a {
  216. text-decoration:none;
  217. text-shadow:none;
  218. }
  219.  
  220. #links {
  221. line-height:16px;
  222. text-transform:lowercase;
  223. font-size:12px;
  224. font-weight:bold;
  225. }
  226.  
  227. #links a {
  228. margin-right:5px;
  229. display:inline-block;
  230. margin-bottom:5px;
  231. }
  232.  
  233. #description {
  234. margin:20px 0;
  235. }
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242. /*pagination*/
  243. #pagination {
  244. margin:20px 0;
  245. text-transform:lowercase;
  246. font-size:13px;
  247. text-align:right;
  248. }
  249.  
  250. #pagination a {
  251. padding:0 5px;
  252. }
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259.  
  260. /*container*/
  261. #con {
  262. left:50%;
  263. margin-left:-250px;
  264. position:absolute;
  265. }
  266.  
  267.  
  268.  
  269.  
  270.  
  271. /*rightlinks*/
  272. .side1 a {
  273. text-decoration:none;
  274. text-shadow:none;
  275. }
  276.  
  277. .side11 {
  278. display:block;
  279. padding:5px;
  280. background-color:{color:link1};
  281. color:transparent;
  282. height:70px;
  283. width:13px;
  284. float:left;
  285. margin: 5px 0 20px 0;
  286. text-align: center;
  287. font-size: 8px;
  288. padding: 1px;
  289. line-height: 10px;
  290. margin-top:-280px;
  291. -webkit-transition: all 0.7s ease;
  292. -moz-transition: all 0.7s ease;
  293. -o-transition: all 0.7s ease;
  294. -ms-transition: all 0.7s ease;
  295. transition: all 0.7s ease;
  296.  
  297. {block:if500px}
  298. margin-left:750px;
  299. {/block:if500px}
  300.  
  301. {block:if400px}
  302. margin-left:650px;
  303. {/block:if400px}
  304. }
  305.  
  306. .side11:hover {
  307. color:{color:link};
  308. background-color:#ffffff;
  309. }
  310.  
  311. .side12 {
  312. display:block;
  313. padding:5px;
  314. background-color:{color:link2};
  315. color:transparent;
  316. height:70px;
  317. width:13px;
  318. float:left;
  319. margin: 5px 0 20px 0;
  320. text-align: center;
  321. font-size: 8px;
  322. padding: 1px;
  323. line-height: 10px;
  324. margin-top:-210px;
  325. -webkit-transition: all 0.7s ease;
  326. -moz-transition: all 0.7s ease;
  327. -o-transition: all 0.7s ease;
  328. -ms-transition: all 0.7s ease;
  329. transition: all 0.7s ease;
  330.  
  331. {block:if500px}
  332. margin-left:750px;
  333. {/block:if500px}
  334.  
  335. {block:if400px}
  336. margin-left:650px;
  337. {/block:if400px}
  338. }
  339.  
  340. .side12:hover {
  341. color:{color:link};
  342. background-color:#ffffff;
  343. }
  344.  
  345. .side13 {
  346. display:block;
  347. padding:5px;
  348. background-color:{color:link3};
  349. color:transparent;
  350. height:70px;
  351. width:13px;
  352. float:left;
  353. margin: 5px 0 20px 0;
  354. text-align: center;
  355. font-size: 8px;
  356. padding: 1px;
  357. line-height: 10px;
  358. margin-top:-140px;
  359. -webkit-transition: all 0.7s ease;
  360. -moz-transition: all 0.7s ease;
  361. -o-transition: all 0.7s ease;
  362. -ms-transition: all 0.7s ease;
  363. transition: all 0.7s ease;
  364.  
  365. {block:if500px}
  366. margin-left:750px;
  367. {/block:if500px}
  368.  
  369. {block:if400px}
  370. margin-left:650px;
  371. {/block:if400px}
  372. }
  373.  
  374. .side13:hover {
  375. color:{color:Link};
  376. background-color:#ffffff;
  377. }
  378.  
  379. .side14 {
  380. display:block;
  381. padding:5px;
  382. background-color:{color:link4};
  383. color:transparent;
  384. height:70px;
  385. width:13px;
  386. float:left;
  387. margin: 5px 0 20px 0;
  388. text-align: center;
  389. font-size: 8px;
  390. padding: 1px;
  391. line-height: 10px;
  392. margin-top:-70px;
  393. -webkit-transition: all 0.7s ease;
  394. -moz-transition: all 0.7s ease;
  395. -o-transition: all 0.7s ease;
  396. -ms-transition: all 0.7s ease;
  397. transition: all 0.7s ease;
  398.  
  399. {block:if500px}
  400. margin-left:750px;
  401. {/block:if500px}
  402.  
  403. {block:if400px}
  404. margin-left:650px;
  405. {/block:if400px}
  406. }
  407.  
  408. .side14:hover {
  409. color:{color:link};
  410. background-color:#ffffff;
  411. }
  412.  
  413. .side15 {
  414. display:block;
  415. padding:5px;
  416. background-color:{color:link5};
  417. color:transparent;
  418. height:70px;
  419. width:13px;
  420. float:left;
  421. margin: 5px 0 20px 0;
  422. text-align: center;
  423. font-size: 8px;
  424. padding: 1px;
  425. line-height: 10px;
  426. margin-top:-20px;
  427. -webkit-transition: all 0.7s ease;
  428. -moz-transition: all 0.7s ease;
  429. -o-transition: all 0.7s ease;
  430. -ms-transition: all 0.7s ease;
  431. transition: all 0.7s ease;
  432.  
  433. {block:if500px}
  434. margin-left:750px;
  435. {/block:if500px}
  436.  
  437. {block:if400px}
  438. margin-left:650px;
  439. {/block:if400px}
  440. }
  441.  
  442. .side15:hover {
  443. color:{color:link};
  444. background-color:#ffffff;
  445. }
  446.  
  447.  
  448.  
  449.  
  450. /*posts*/
  451. #entries {
  452. margin-top:55px;
  453.  
  454. {block:if500px}
  455. width:500px;
  456. {/block:if500px}
  457.  
  458. {block:if400px}
  459. width:400px;
  460. {/block:if400px}
  461. }
  462.  
  463.  
  464.  
  465. #posts {
  466. {block:IndexPage}
  467. margin-bottom:100px;
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470. margin-bottom:50px;
  471. {/block:PermalinkPage}
  472.  
  473. {block:if500px}
  474. width:500px;
  475. {/block:if500px}
  476.  
  477. {block:if400px}
  478. width:400px;
  479. {/block:if400px}
  480. }
  481.  
  482. #posts img {
  483. {block:if500px}
  484. max-width:500px;
  485. {/block:if500px}
  486.  
  487. {block:if400px}
  488. max-width:400px;
  489. {/block:if400px}
  490. }
  491.  
  492. #posts img, #posts li, #posts blockquote {
  493. max-width: 100%;
  494. }
  495.  
  496. .caption {
  497. width:100%;
  498. margin-top:10px;
  499. }
  500.  
  501.  
  502.  
  503.  
  504. /*quote*/
  505. #titlequote{
  506. text-align:right;
  507. font-size:16px;
  508. line-height:18px;
  509. font-weight:bold;
  510. }
  511.  
  512. #source {
  513. margin-top:15px;
  514. margin-left:15px;
  515. }
  516.  
  517.  
  518.  
  519.  
  520. /*audio*/
  521. .player {
  522. width:25px;
  523. height:25px;
  524. overflow:hidden;
  525. position:absolute;
  526. background:white;
  527. }
  528.  
  529. .audioinfo {
  530. margin-left:50px;
  531. text-transform:uppercase;
  532. letter-spacing:3px;
  533. text-align:right;
  534. }
  535.  
  536.  
  537.  
  538.  
  539. /*asks*/
  540. .q {
  541. margin-bottom:10px;
  542. height: auto;
  543. background-color: #f2f2f2;
  544. padding: 10px;
  545. }
  546.  
  547. .as {
  548. font-weight:bold;
  549. font-size:16px;
  550. margin-bottom:3px;
  551. text-transform:lowercase;
  552. }
  553.  
  554. .a {
  555. margin-top:10px;
  556. }
  557.  
  558. #asktitle {
  559. font-size:13px;
  560. line-height:18px;
  561. font-weight:bold;
  562. margin-bottom:10px;
  563. text-transform:uppercase;
  564. color:#ffffff;
  565. }
  566.  
  567.  
  568. /*chat*/
  569. .chat ol {
  570. padding:0;
  571. list-style:none;
  572. }
  573.  
  574. .line {
  575. padding:4px 0;
  576. }
  577.  
  578. .label {
  579. font-weight:bold;
  580. color:{color:link};
  581. }
  582.  
  583.  
  584.  
  585.  
  586. /*permalink and notes*/
  587. #permalink {
  588. margin-top:5px;
  589. font-size:9px;
  590. text-transform:uppercase;
  591. }
  592.  
  593. #permalink a {
  594. margin-right:10px;
  595. }
  596.  
  597. .viasource {
  598. float:right;
  599. margin-right:-5px;
  600. }
  601.  
  602. .tags {
  603. word-break:normal;
  604. font-size:9px;
  605. margin-top:-3px;
  606. text-transform:none;
  607. text-align:left;
  608.  
  609. {block:if500px}
  610. max-width:500px;
  611. {/block:if500px}
  612.  
  613. {block:if400px}
  614. max-width:400px;
  615. {/block:if400px}
  616. }
  617.  
  618. .pagenotes {
  619. {block:IndexPage}
  620. display: none!important;
  621. {/block:IndexPage}
  622. width:400px;
  623. text-align:left;
  624. }
  625.  
  626. .pagenotes img {
  627. display:none!important;
  628. }
  629.  
  630. .pagenotes li {
  631. list-style-type:none;
  632. padding:5px 0px;
  633. text-align:left;
  634. margin:0 0 0 -40px;
  635. }
  636.  
  637.  
  638.  
  639.  
  640. /*credit*/
  641. #credit {
  642. font-size:8px;
  643. letter-spacing:1px;
  644. bottom:8px;
  645. right:8px;
  646. text-align:right;
  647. position:fixed;
  648. padding:1px 3px 1px 3px;
  649. font-weight:bold;
  650. -webkit-transition: all 0.5s ease;
  651. -moz-transition: all 0.5s ease;
  652. -ms-transition: all 0.5s ease;
  653. -o-transition: all 0.5s ease;
  654. transition: all 0.5s ease;
  655. border: 1px solid white;
  656. }
  657.  
  658. #credit a {
  659. text-decoration:none;
  660. text-shadow:none;
  661. }
  662.  
  663. #credit:hover {
  664. border: 1px solid #454141;
  665. }
  666.  
  667.  
  668. {CustomCSS}
  669.  
  670.  
  671.  
  672. </style>
  673.  
  674.  
  675.  
  676. </head>
  677.  
  678. <body>
  679.  
  680. <div id="con">
  681.  
  682. <div id="sidebar">
  683. <div id="blogtitle"><div class="blogtitleclick"><a href="/">{Title}</a></div></div>
  684.  
  685. <div id="description">{Description}</div>
  686.  
  687.  
  688.  
  689. <div id="pagination">
  690. {block:Pagination}
  691. {block:PreviousPage}
  692. <a href="{PreviousPage}">&larr; previous </a>
  693. {/block:PreviousPage}
  694.  
  695.  
  696. {block:NextPage}
  697. <a href="{NextPage}">next &rarr;</a>
  698. {/block:NextPage}
  699. {/block:Pagination}
  700. </div>
  701.  
  702.  
  703.  
  704. <div class="side1">
  705. <a class="side11" title="{text:link1}" href="{text:link1 url}">I.</a>
  706. <a class="side12" title="{text:link2}" href="{text:link2 url}">II.</a>
  707. <a class="side13" title="{text:link3}" href="{text:link3 url}">III.</a>
  708. <a class="side14" title="{text:link4}" href="{text:link4 url}">IV.</a>
  709. <a class="side15" title="{text:link5}" href="{text:link5 url}">V.</a>
  710. </div>
  711.  
  712. </div>
  713.  
  714.  
  715.  
  716.  
  717. <div id="entries">
  718.  
  719. {block:Posts}
  720. <div id="posts">
  721.  
  722.  
  723. {block:Quote}
  724.  
  725.  
  726. <div id="titlequote">“{Quote}”</div>
  727. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  728. {/block:Quote}
  729.  
  730.  
  731.  
  732. {block:Text}
  733.  
  734. {block:Title}
  735. <div id="title">{Title}</div>{/block:Title}
  736. {Body}
  737. {/block:Text}
  738.  
  739. {block:Link}
  740. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  741. {/block:Link}
  742.  
  743. {block:Chat}
  744. {block:Title}
  745. <h1>{Title}</h1>
  746. {/block:Title}
  747. <div class="chat">
  748. <ol>{block:Lines}
  749. <li class="line {Alt}">
  750. {block:Label}
  751. <span class="label">
  752. {Label}</span>
  753. {/block:Label}{Line}</li>
  754. {/block:Lines}
  755. </ol></div>
  756. {/block:Chat}
  757.  
  758. {block:Photo}
  759. {LinkOpenTag}
  760. {block:if500px}
  761. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  762. {/block:if500px}
  763.  
  764. {block:if400px}
  765. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  766. {/block:if400px}
  767. {LinkCloseTag}
  768. {/block:Photo}
  769.  
  770. {block:Photoset}
  771. {block:if500px}
  772. {Photoset-500}
  773. {/block:if500px}
  774.  
  775. {block:if400px}
  776. {Photoset-400}
  777. {/block:if400px}
  778. {/block:Photoset}
  779.  
  780. {block:Video}
  781. {block:if500px}
  782. {Video-500}
  783. {/block:if500px}
  784.  
  785. {block:if400px}
  786. {Video-400}
  787. {/block:if400px}
  788. {/block:Video}
  789.  
  790. {block:Audio}
  791. <div class="player">{AudioPlayerWhite}</div>
  792. <div class="audioinfo">
  793. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  794. </div>
  795. {/block:Audio}
  796.  
  797. {block:Answer}
  798. <div class="q">
  799. <div class="as">{Asker} said: </div>
  800. {Question}</div>
  801. <div class="a">{Answer}</div>
  802. {/block:Answer}
  803.  
  804. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  805.  
  806. {block:Date}
  807. <div id="permalink">
  808. <a href="{Permalink}" >{ShortMonth} {DayofMonth} // {12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
  809.  
  810. {block:RebloggedFrom}<div class="viasource"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}</div>{/block:RebloggedFrom}
  811.  
  812. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  813. </div>
  814. {/block:Date}
  815.  
  816. </div>
  817.  
  818.  
  819. {block:PostNotes}
  820. <div class="pagenotes">
  821. {PostNotes}
  822. </div>
  823. {/block:PostNotes}
  824.  
  825.  
  826. {/block:Posts}
  827.  
  828. </div>
  829.  
  830. </div>
  831.  
  832.  
  833. {block:ContentSource}
  834. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  835. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  836. {/block:SourceLogo}
  837. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  838. {/block:ContentSource}
  839.  
  840.  
  841. <div id="credit"><a href="http://krasivayas.tumblr.com">ET</a> </div>
  842.  
  843.  
  844.  
  845. </body> </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!