API tools faq
paste
Advertisement
EmilyM7793

Ada Theme by Unshatterinq

EmilyM7793
Nov 18th, 2013
388
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.20 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Ada Theme by Unshatterinq. Keep credit please.xx
  4. -->
  5.  
  6. <!--Go to www.tumblr.com/docs/en/custom_themes for more assistance-->
  7.  
  8. <head>
  9.  
  10. <title>{title}</title>
  11. <link rel="shortcut icon" href="{Favicon}"/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!--Default Variables-->
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Link" content="#555555"/>
  19. <meta name="color:Link Hover" content="#cccccc"/>
  20. <meta name="if:2 Column" content="1"/>
  21. <meta name="image:Sidebar" content=""/>
  22.  
  23. <!--Styling,css-->
  24. <style type="text/css">
  25. body{
  26. color:{color:Text};
  27. font-family:calibri;/* The main font, you can change this anytime*/
  28. font-size:10px;/* Font size */
  29. background-color:{color:Background};/* Background color */
  30. }
  31. /* What your entries are on*/
  32. #post{
  33. {block:If2Column}
  34. width:600px;{/block:If2Column}
  35. {block:IfNot2Column}width:508px;{block:IfNot2Column}
  36. margin-left:400px;
  37. margin-right:auto;
  38. background-color:#fff;/* Background color for posts*/
  39. padding:5px;
  40. }
  41. /* Links */
  42. a{color:{color:Link};text-decoration:none;} a:hover{color:{color:Link Hover};}
  43. /* Entries */
  44. .entry{
  45. padding:5px;
  46. background-color:#fff;
  47. {block:If2Column}width:250px;{block:If2Column}
  48. {block:IfNot2Column}width:300px;{block:IfNot2Column}
  49. float:right;
  50. margin:8px;/* Spacing of entries*/
  51. }
  52.  
  53. .question
  54. {max-width:auto;
  55. min-height: 24px;
  56. font-family:Basket;
  57. font-size: 14px;
  58. font-weight: normal;
  59. color: #6e6e6e;
  60. }
  61.  
  62. .entry img{
  63. {block:IfNot2Column}width:300px;{block:IfNot2Column}
  64. float:right;
  65. margin:2px;
  66. opacity:.7;
  67. }
  68.  
  69.  
  70. #musicplayer {
  71. font-size:8px;
  72. text-transform:uppercase;
  73. border-radius:3px;
  74. position:fixed;
  75. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  76. text-align:center;
  77. right:5px;
  78. border:1px solid #efefef;
  79. background-color:#fff;
  80. letter-spacing:1px;
  81. width:100px;
  82. z-index:9999;
  83. height:;
  84. padding:7px;
  85. top:23px;
  86. }
  87.  
  88. #box {
  89. font-size:8px;
  90. text-transform:uppercase;
  91. border-radius:3px;
  92. position:fixed;
  93. font-family:calibri;
  94. text-align:center;
  95. right:15px;
  96. top:35px;
  97. border:1px solid #efefef;
  98. background-color:#fff;
  99. letter-spacing:1px;
  100. width:100px;
  101. z-index:9999;
  102. height:auto;
  103. padding:7px;
  104. }
  105.  
  106. #ntw{
  107. height:15px;
  108. text-align:center;
  109. overflow:hidden;
  110. border-bottom:1px solid #efefef;
  111. text-transform:uppercase;
  112. background-color:#fff;
  113. letter-spacing:1px;
  114. font-size:8px;
  115. line-height:13px;
  116. z-index:999999999999999999999;
  117. -webkit-transition: all 0.4s ease-in-out;
  118. -moz-transition: all 0.4s ease-in-out;
  119. -o-transition: all 0.4s ease-in-out;
  120. }
  121.  
  122. #ntw:hover{
  123. height:75px;
  124. -webkit-transition: all 0.4s ease-in-out;
  125. -moz-transition: all 0.4s ease-in-out;
  126. -o-transition: all 0.4s ease-in-out;
  127. }
  128.  
  129. #fans{
  130. height:13px;
  131. text-align:center;
  132. overflow:hidden;
  133. border-bottom:1px solid #efefef;
  134. text-transform:uppercase;
  135. background-color:#fff;
  136. letter-spacing:1px;
  137. font-size:8px;
  138. line-height:13px;
  139. z-index:999999999999999999999;
  140. -webkit-transition: all 0.4s ease-in-out;
  141. -moz-transition: all 0.4s ease-in-out;
  142. -o-transition: all 0.4s ease-in-out;
  143. }
  144.  
  145. #fans:hover{
  146. height:53px;
  147. -webkit-transition: all 0.4s ease-in-out;
  148. -moz-transition: all 0.4s ease-in-out;
  149. -o-transition: all 0.4s ease-in-out;
  150. }
  151.  
  152. #music{
  153. height:13px;
  154. text-align:center;
  155. overflow:hidden;
  156. border-bottom:1px solid #efefef;
  157. text-transform:uppercase;
  158. background-color:#fff;
  159. letter-spacing:1px;
  160. font-size:8px;
  161. line-height:13px;
  162. z-index:999999999999999999999;
  163. -webkit-transition: all 0.4s ease-in-out;
  164. -moz-transition: all 0.4s ease-in-out;
  165. -o-transition: all 0.4s ease-in-out;
  166. }
  167.  
  168. #music:hover{
  169. height:93px;
  170. -webkit-transition: all 0.4s ease-in-out;
  171. -moz-transition: all 0.4s ease-in-out;
  172. -o-transition: all 0.4s ease-in-out;
  173. }
  174.  
  175.  
  176. #one{
  177. height:15px;
  178. text-align:center;
  179. overflow:hidden;
  180. border-bottom:1px solid #efefef;
  181. text-transform:uppercase;
  182. font-family:consolas;
  183. background-color:#fff;
  184. letter-spacing:1px;
  185. font-size:8px;
  186. line-height:13px;
  187. z-index:999999999999999999999;
  188. -webkit-transition: all 0.4s ease-in-out;
  189. -moz-transition: all 0.4s ease-in-out;
  190. -o-transition: all 0.4s ease-in-out;
  191. }
  192.  
  193.  
  194. #one:hover{
  195. height:30px;
  196. -webkit-transition: all 0.4s ease-in-out;
  197. -moz-transition: all 0.4s ease-in-out;
  198. -o-transition: all 0.4s ease-in-out;
  199. }
  200.  
  201.  
  202. #direction{
  203. height:11px;
  204. font-family:consolas;
  205. text-align:center;
  206. overflow:hidden;
  207. text-transform:uppercase;
  208. border-bottom:1px solid #efefef;
  209. background-color:#fff;
  210. letter-spacing:1px;
  211. font-size:9px;
  212. padding-bottom:3px;
  213. line-height:15px;
  214. z-index:999999999999999999999;
  215. -webkit-transition: all 0.4s ease-in-out;
  216. -moz-transition: all 0.4s ease-in-out;
  217. -o-transition: all 0.4s ease-in-out;
  218. }
  219.  
  220.  
  221. #direction:hover{
  222. height:250px;
  223. -webkit-transition: all 0.4s ease-in-out;
  224. -moz-transition: all 0.4s ease-in-out;
  225. -o-transition: all 0.4s ease-in-out;
  226. }
  227.  
  228. #infection{
  229. height:10px;
  230. font-family:consolas;
  231. text-align:center;
  232. overflow:hidden;
  233. text-transform:uppercase;
  234. background-color:#fff;
  235. letter-spacing:1px;
  236. font-size:9px;
  237. line-height:15px;
  238. z-index:999999999999999999999;
  239. -webkit-transition: all 0.4s ease-in-out;
  240. -moz-transition: all 0.4s ease-in-out;
  241. -o-transition: all 0.4s ease-in-out;
  242. }
  243.  
  244.  
  245. .entry img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;
  246. -webkit-transition: all 0.5s linear;
  247. -moz-transition: all 0.5s linear;
  248. transition: all 0.5s linear;
  249. }
  250. /* Permalinks on hover*/
  251. .entry .perm{
  252. background:#fff;
  253. font-family:trebuchet ms;
  254. padding:5px;
  255. text-align:center;
  256. margin-top:3px;
  257. margin-left:-20px;
  258. position:absolute;
  259. border-radius:5px;
  260. opacity:0.0;
  261. -webkit-filter: blur(5px);
  262. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  263. -webkit-transition: all 0.5s linear;
  264. -moz-transition: all 0.5s linear;
  265. transition: all 0.5s linear;
  266. }
  267.  
  268. .entry:hover .perm{opacity:1;margin-left:0px; -webkit-filter: blur(0px);
  269. -webkit-transition: all 0.5s linear;
  270. -webkit-transition: all 0.5s linear;
  271. -moz-transition: all 0.5s linear;
  272. transition: all 0.5s linear;
  273. }
  274.  
  275.  
  276. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); }
  277. @font-face{font-family:"et";src:url('http://static.tumblr.com/wimftiq/nEEmq0z8k/eternal_fascination.ttf');}
  278.  
  279. /* Sidebar*/
  280.  
  281. #s-m-t-tooltip{
  282. font-family:lucida console;
  283. font-size:8px;
  284. background-color:#ffffff;
  285. color:#c6cccc;
  286. max-width:300px;
  287. margin-top: -15px;
  288. margin-left: 5px;
  289. padding:3px;
  290. z-index:20;
  291. line-height: 8px;
  292. border:1px solid #dedede;
  293. border-radius:2px;
  294. box-shadow:0px 1px 1px #cccccc;}
  295.  
  296. #links{
  297.  
  298. margin:20px;
  299. margin-top:5px;
  300. margin-left:20px;
  301. padding:1px;
  302. background:transparent;
  303. font-family:consolas;
  304. font-size:12px;
  305. text-transform:uppercase;
  306. }
  307.  
  308.  
  309. a:link, a:active, a:visited{
  310. color: #8e8e8e;
  311. text-decoration: none;
  312. -webkit-transition: color 0.3s ease-out;
  313. -moz-transition: color 0.3s ease-out;
  314. transition: color 0.3s ease-out;}
  315.  
  316. a:hover{
  317. color:#e2e2e2;
  318. text-decoration: none;}
  319.  
  320. l{
  321. color:{color:color1};
  322. font-style:normal;}
  323. x{
  324. color:{color:color1};
  325. display: inline-block;
  326. padding: 1px;
  327. font-style:normal;}
  328. o{
  329. color:{color:color2};
  330. font-style:underline;}
  331.  
  332. #sidebar{
  333. background-image: url("http://static.tumblr.com/jpkny6t/zREmmyzpu/pattern.png");
  334. width:150px;
  335. height:1000px;
  336. margin-top:-10px;
  337. margin-left:150px;
  338. position:fixed;
  339. padding:3px;
  340. border:1px solid #eee;
  341. text-align:center;
  342. float:center;
  343. }
  344.  
  345.  
  346.  
  347.  
  348. #sidebar2{
  349. background:#fff;
  350. width:150px;
  351. height:1000px;
  352. margin-top:-10px;
  353. margin-left:40px;
  354. position:fixed;
  355. padding:10px;
  356. border-left:1px solid #eee;
  357. border-right:1px solid #eee;
  358. text-align:center;
  359. float:center;
  360. }
  361. /* Sidebar image*/
  362. #sidebar img{border:1px solid #eee;
  363. margin-top:150px;
  364. width:140px;height:auto;padding:5px;}
  365.  
  366. #quote{
  367. position:fixed !important;
  368. font-family:calibri;
  369. text-transform:uppercase;
  370. font-size:8px;
  371. margin-top:-10px;
  372. padding:5px;
  373. line-height:15px;
  374. background:#1a1a1a;
  375. text-align:center;
  376. border-top-left-radius:2px;
  377. border-top-right-radius:2px;
  378. height:10px;
  379. width:515px;
  380. margin-left:400px;
  381. color:#fff;
  382. z-index:9999999;
  383. }
  384.  
  385. .pagination {
  386. display: none;
  387. }
  388.  
  389. .prm1 a {
  390. font-family: lucida console;
  391. color: #bababa;
  392. background: rgba(0, 0, 0, 0.0);
  393. padding: 3px;
  394. margin-right: 0px;
  395. font-size: 8px;
  396. padding-bottom: 4px;
  397. padding-top: 4px;
  398. -webkit-transition: all ease-in 333ms;
  399. -moz-transition: all ease-in 333ms;
  400. -o-transition: all ease-in 333ms;
  401. -ms-transition: all ease-in 333ms;
  402. transition: all ease-in 333ms;}
  403.  
  404. .prm1 a:hover {
  405. color: #eeeeee;
  406. border-top: 0px solid #a9e1e4;
  407. border-bottom: 0px solid #fc96c7;
  408. -webkit-transition: all ease-in 333ms;
  409. -moz-transition: all ease-in 333ms;
  410. -o-transition: all ease-in 333ms;
  411. -ms-transition: all ease-in 333ms;
  412. transition: all ease-in 333ms;}
  413.  
  414. .title{
  415. font-family:basket;
  416. font-size: 18px;
  417. line-height: 10px;
  418. font-style:bold;
  419. color: #8e8e8e;
  420. text-transform: normal;
  421. padding: 2px 0px 0px 0px;
  422. }
  423.  
  424.  
  425.  
  426. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  427.  
  428. {CustomCSS]</style>
  429.  
  430. <!--I reccommend not touching any of this unless you don't want infinite scroll!-->
  431. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  432.  
  433. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  434.  
  435. <script>
  436. $(function(){
  437. var $container = $('#post');
  438. $container.imagesLoaded(function(){
  439. $container.masonry({
  440. itemSelector: '.entry',
  441. });
  442. });
  443. $container.infinitescroll({
  444. itemSelector : ".entry",
  445. navSelector : "div.pagination",
  446. nextSelector : ".pagination a#next",
  447. loadingImg : "",
  448. loadingText : "<em></em>",
  449. bufferPx : 10000,
  450. extraScrollPx: 12000,
  451. },
  452. // trigger Masonry as a callback
  453. function( newElements ) {
  454. var $newElems = $( newElements ).css({ opacity: 0 });
  455. // ensure that images load before adding to masonry layout
  456. $newElems.imagesLoaded(function(){
  457. $newElems.animate({ opacity: 1 });
  458. $container.masonry( 'appended', $newElems, true );
  459. });
  460. }
  461. );
  462. });
  463. </script>
  464.  
  465. </head>
  466. <body>
  467.  
  468. <!--Sidebar-->
  469. <div id="sidebar">
  470. <div id="sidebar2">
  471. <img src="{image:Sidebar}">
  472. <br>
  473. {description}<br><br>
  474.  
  475. <div id="links">
  476. <a href="/" title="Home">信</a>
  477. <l> </l>
  478. <a href="/FAQ" title="Ask">愃</a>
  479. <l> </l>
  480. <a href="http://ayyduhh.tumblr.com/" title="Personal">安</a>
  481. <l> </l>
  482. <a href="/more" title="More">企</a>
  483. <l> </l>
  484. <a href="http://unshatterinq.tumblr.com/" title="Credit">爱</a>
  485. <l> </l>
  486. </div>
  487.  
  488. </div></div><!--End of sidebar-->
  489.  
  490. <div id="box">
  491.  
  492. <div id="fans">
  493. <div style="font-size:9px;">Social & networks</div>
  494. ♡ <a href="Network Link">Network Title</a>
  495.  
  496. </div>
  497.  
  498. <div id="music">
  499. <div style="font-size:9px;">Music player</div>
  500. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://a.tumblr.com/tumblr_mkvdwvfJtx1qmddnqo1.mp3&t0=&f1=http://a.tumblr.com/tumblr_mb4xji0cuO1r4hwpro1.mp3&t1=&f2=http://a.tumblr.com/tumblr_lqo1x4714v1qge8npo1.mp3&t2=&f3=http://a.tumblr.com/tumblr_m5010jT1dT1rvopb1o1.mp3&t3=&f4=http://m1.megalyrics.ru/m1/7/30459/843762.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> <br>
  501. ♡ Put your song titles here
  502. </div>
  503.  
  504. <div id="ntw">
  505. <div style="font-size:9px;">People</div>
  506. ♡ <a href="http://URLHERE.tumblr.com/">Person Name</a> <br>
  507.  
  508. </div>
  509.  
  510.  
  511. </div> </div> </div> </div> </div> </div>
  512. <!--Posts and entries-->
  513. <div id="quote">“I know I am a flower, too. But still, what is it to be a dandelion in a vase full of roses?”</div>
  514. <div id="infection"><p><div style="font-size:8px;margin-top:-9px;">✯<script language="JavaScript" src="Follower count URL"></script>✯
  515. </div></div>
  516. </div>
  517.  
  518. <div id="post">
  519. {block:Posts}
  520. <div class="entry">
  521.  
  522. <div class="perm"><a href="{Permalink}">{TimeAgo}</a> <a href="{ReblogURL}">Reblog</a><br><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  523.  
  524. {block:Title}<span class="title">{Title}</span>{/block:Title}
  525.  
  526. {block:Text}{Body}{/block:Text}
  527.  
  528. {block:Photo}
  529. {block:If2Column}
  530. <a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:If2Column}
  531.  
  532. {block:IfNot2Column}
  533. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>{/block:IfNot2Column}
  534. {/block:Photo}
  535.  
  536. {block:Photoset}
  537.  
  538. {block:If2Column}
  539. {Photoset-250}
  540. {/block:If2Column}
  541.  
  542. {block:IfNot2Column}
  543. {Photoset-500}
  544. {/block:IfNot2Column}
  545.  
  546. {/block:Photoset}
  547.  
  548.  
  549. {block:Quote}
  550. {Quote}
  551. <div align="right">
  552. {block:Source}-{Source}{/block:Source}
  553. </div>
  554. {/block:Quote}
  555.  
  556.  
  557. {block:Video}
  558. {block:If2Column}
  559. {Video-250}
  560. {/block:If2Column}
  561.  
  562. {block:IfNot2Column}
  563. {Video-500}
  564. {/block:IfNot2Column}<br>
  565. {PlayCountWithLabel}
  566. {/block:Video}
  567.  
  568.  
  569. {block:Link}
  570. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  571. {block:Description}{Description}{/block:Description}
  572. {/block:Link}
  573.  
  574. {block:Chat}
  575. {block:Lines}
  576. {block:Label}
  577. <br>{Label}
  578. {/block:Label}
  579. &nbsp;{Line}
  580. {/block:Lines}
  581. {/block:Chat}
  582.  
  583. {block:Audio}
  584. {AudioPlayerGrey}
  585. <br><div align="right">{block:Artist}
  586. Artist: {Artist}</div>
  587. {/block:Artist}<br>
  588. {block:Caption}{Caption}{/block:Caption}
  589. {/block:Audio}
  590.  
  591. {block:Answer}
  592. <div class="space">
  593. <div class="question">{Asker} {Question}</div><span class="answer">{Answer}</span>{block:IndexPage}<div class="date"><a href="{Permalink}"><o>+</o> {NoteCount} notes </a></div>{/block:IndexPage}</div>
  594. {/block:Answer}
  595. <br>
  596.  
  597. {/block:Answer}
  598.  
  599. {block:PermalinkPage}
  600. {block:Caption}
  601. {Caption}
  602. {/block:Caption}
  603. <br>
  604. {block:NoteCount}
  605. {NoteCount} notes
  606. {/block:NoteCount}
  607. <Br>
  608. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  609. {/block:PermalinkPage}
  610. </div>
  611.  
  612. {/block:Posts}
  613.  
  614. </div>
  615. <!--Pagination-->
  616. <div class="pagination">
  617. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  618. </div>
  619.  
  620.  
  621. <div style="bottom:5px;left:10px;position:fixed;font-size:8px;"><a href="http://unshatterinq.tumblr.com" title="Theme by Unshatterinq">CREDIT</a></div>
  622. </body>
  623. </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!