emileesomething

Theme 2

Jul 22nd, 2013
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.37 KB | None | 0 0
  1. <!--
  2. Theme 2 by Emilee (wreckmyurl)
  3. please don't take off credit and i'll love you for forever
  4. base code: outlasting
  5. inspiration: outlasting
  6. have a nice day c:
  7. -->
  8.  
  9. <html lang="en">
  10. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12. <head>
  13.  
  14. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  15. <script type="text/javascript" src="http://static.tumblr.com/kgteype/UnCmqavmz/scroll.txt"></script>
  16. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17.  
  18. <script>
  19.  
  20. (function($){
  21.  
  22. $(document).ready(function(){
  23.  
  24. $("a[title]").style_my_tooltips({
  25.  
  26. tip_follows_cursor:true,
  27.  
  28. tip_delay_time:90,
  29.  
  30. tip_fade_speed:600,
  31.  
  32. attribute:"title"
  33.  
  34. });
  35.  
  36. });
  37.  
  38. })(jQuery);
  39.  
  40. </script>
  41.  
  42. <script type="text/javascript">
  43. <!--
  44.  
  45. // Disable Right Click Script
  46.  
  47. function IE(e)
  48. {
  49. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  50. {
  51. return false;
  52. }
  53. }
  54. function NS(e)
  55. {
  56. if (document.layers || (document.getElementById && !document.all))
  57. {
  58. if (e.which == "2" || e.which == "3")
  59. {
  60. return false;
  61. }
  62. }
  63. }
  64. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  65.  
  66. //-->
  67. </script>
  68.  
  69.  
  70. <script type="text/javascript"
  71. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  72.  
  73. <!--DEFAULT VARIABLES-->
  74. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  75. <meta name="color:background" content="#fff"/>
  76. <meta name="color:link" content="#777"/>
  77. <meta name="color:text" content="#777"/>
  78. <meta name="color:title" content="#333"/>
  79. <meta name="color:hover" content="#fff"/>
  80. <meta name="color:borders" content="#dedede"/>
  81. <meta name="color:sidebar title" content="#333"/>
  82. <meta name="color:links background" content="#eee"/>
  83.  
  84. <meta name="text:sidebar title" content=""/>
  85. <meta name="text:link 1" content=""/>
  86. <meta name="text:link 2" content=""/>
  87. <meta name="text:link 3" content=""/>
  88. <meta name="text:link 4" content=""/>
  89. <meta name="text:link 5" content=""/>
  90. <meta name="text:link 6" content=""/>
  91. <meta name="text:link 1 title" content=""/>
  92. <meta name="text:link 2 title" content=""/>
  93. <meta name="text:link 3 title" content=""/>
  94. <meta name="text:link 4 title" content=""/>
  95. <meta name="text:link 5 title" content=""/>
  96. <meta name="text:link 6 title" content=""/>
  97.  
  98. <meta name="if:Sidebar On Left" content="0"/>
  99.  
  100. <meta name="image:sidebar" content="1"/>
  101. <meta name="image:background" content="1"/>
  102. <meta name="image:flower" content="1"/>
  103.  
  104. <link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
  105.  
  106. <style type="text/css">
  107.  
  108.  
  109. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.7;-webkit-transition: all 0.8s ease-out;-moz-
  110.  
  111. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  112.  
  113. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  114.  
  115. p {
  116. margin:0px;
  117. margin-top:0px;
  118. }
  119.  
  120.  
  121. body {
  122. padding: 0px;
  123. margin: 0px;
  124. color:{color:text};
  125. font-family: calibri;
  126. line-height:15px;
  127. font-size:11px;
  128. background-color: {color:Background};
  129. background-image:url({image:Background});
  130. background-attachment: fixed;
  131. background-repeat: repeat;
  132. }
  133.  
  134.  
  135. a:link, a:active, a:visited{
  136. text-decoration: none;
  137. -webkit-transition: color 0.3s ease-out;
  138. -moz-transition: color 0.3s ease-out;
  139. transition: color 0.3s ease-out;
  140. color:{color:link};
  141. }
  142.  
  143. a:hover {
  144. text-decoration: none;
  145. font-style:;
  146. color: {color:Hover};
  147. }
  148.  
  149. div#center{
  150. margin:auto;
  151. position:relative;
  152. width:100%;
  153. background-color:;
  154. overflow:auto;
  155. overflow-y:hidden;
  156. }
  157.  
  158.  
  159. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  160. .entry {
  161. float:left;
  162. display: block;
  163. opacity:.7;
  164. padding: 13px;
  165. padding-bottom:11px;
  166. border:1px solid #dedede;
  167. border-radius:10px;
  168. margin:15px;
  169. overflow:hidden;
  170. width:220px;
  171. background-color:white;
  172. {block:PermalinkPage}
  173. width:450px;
  174. text-align:left;
  175. line-height:10px;
  176. {/block:PermalinkPage}
  177. -webkit-transition: all .7s ease;
  178. -moz-transition: all .7s ease;
  179. -o-transition: all .7s ease;
  180. transition: all .7s ease;
  181. }
  182.  
  183. .entry:hover{
  184. opacity:1;
  185. }
  186.  
  187.  
  188. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  189. .entry .perma{
  190. position: absolute;
  191. overflow:hidden;
  192. text-align:center;
  193. background:white;
  194. border-radius:5px;
  195. opacity: 0.0;
  196. width:205px;
  197. margin-left:-2px;
  198. letter-spacing:1px;
  199. font-size:9px;
  200. padding:8px;
  201. margin-top:-30px;
  202. text-transform:uppercase;
  203. line-height:14px;
  204. border-right:2px solid {color:borders};
  205. border-left:2px solid {color:borders};
  206. -webkit-transition: all .7s ease;
  207. -moz-transition: all .7s ease;
  208. -o-transition: all .7s ease;
  209. transition: all .7s ease;
  210.  
  211. }
  212.  
  213. .entry:hover .perma{
  214. overflow:visible;
  215. margin-top:6px;
  216. opacity:1;
  217. }
  218.  
  219.  
  220. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  221. #posts {
  222. width:760px;
  223. margin-top:28px;
  224. z-index:99;
  225. margin-left:290px;
  226. right:auto;
  227. background:transparent;
  228. margin-right:auto;
  229. position:relative;
  230. overflow-y: hidden;
  231. {block:ifSidebarOnLeft}
  232. margin-left:435px;
  233. {/block:ifSidebarOnLeft}
  234. }
  235.  
  236.  
  237.  
  238. /*CUSTOMIZE SIDEBAR HERE*/
  239. #sidebar{
  240. position:fixed !important;
  241. width:172px;
  242. padding:15px;
  243. border:1px solid {color:borders};
  244. background:white;
  245. height:auto;
  246. margin-top:150px;
  247. margin-left:900px;
  248. text-align:center;
  249. -webkit-transition: all .7s ease;
  250. -moz-transition: all .7s ease;
  251. -o-transition: all .7s ease;
  252. transition: all .7s ease;
  253. {block:ifSidebarOnLeft}
  254. margin-left:130px;
  255. {/block:ifSidebarOnLeft}
  256. }
  257.  
  258. .tyler{
  259. -webkit-transition: all .9s ease;
  260. -moz-transition: all .9s ease;
  261. -o-transition: all .9s ease;
  262. transition: all .9s ease;
  263. }
  264.  
  265. #headsup{
  266. z-index:999999999999999;
  267. position:fixed;
  268. margin-top:0px;
  269. margin-left:0px;
  270. width:100%;
  271. height:28px;
  272. text-align:center;
  273. background-color:{color:links background};
  274. }
  275.  
  276. #links{
  277. z-index:99999999999999999;
  278. font-size:12px;
  279. margin-top:4px;
  280. line-height:20px;
  281. text-transform:uppercase;
  282. font-style:italic;
  283. -webkit-transition: all .9s ease;
  284. -moz-transition: all .9s ease;
  285. -o-transition: all .9s ease;
  286. transition: all .9s ease;
  287. }
  288.  
  289. #links a{
  290. margin-right:15px;
  291. }
  292.  
  293. #desc{
  294. padding:8px;
  295. font-style:italic;
  296. margin-left:-27px;
  297. margin-top:10px;
  298. background-color:white;
  299. width:210px;
  300. border-radius:10px;
  301. border:1px solid {color:borders};
  302. }
  303.  
  304. #oakley{
  305. position:fixed;
  306. margin-top:-40px;
  307. background-color:#fff;
  308. padding:10px;
  309. margin-left:50px;
  310. font-family:'Indie Star';
  311. font-size:50px;
  312. line-height:20px;
  313. color:{color:sidebar title};
  314. -webkit-transition: all .9s ease;
  315. -moz-transition: all .9s ease;
  316. -o-transition: all .9s ease;
  317. transition: all .9s ease;
  318. }
  319.  
  320. #flower{
  321. position:fixed;
  322. z-index:999999999;
  323. margin-top:-40px;
  324. margin-left:-40px;
  325. -webkit-transition: all .9s ease;
  326. -moz-transition: all .9s ease;
  327. -o-transition: all .9s ease;
  328. transition: all .9s ease;
  329. }
  330.  
  331. #s-m-t-tooltip {
  332. max-width:300px;
  333. padding:6px 6px 6px 6px;
  334. margin:20px 0px 0px 20px;
  335. background-color:#fff; /* change the background color */
  336. border:1px solid {color:borders}; /* change the border color */
  337. font-family:calibri; /* change the font */
  338. font-size:9px; /* change the font size */
  339. letter-spacing:1px; /* change the letter spacing */
  340. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  341. color:#666; /* change the text color */
  342. z-index:999999999999999999999999999999999999;
  343.  
  344. }
  345.  
  346. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  347. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  348.  
  349.  
  350. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  351. .title{
  352. font-family:indie star;
  353. font-size:30px;
  354. line-height: 25px;
  355. color:{color:Title};
  356. font-weight: normal;
  357. }
  358.  
  359.  
  360. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  361. .permalink{
  362. text-transform: normal;
  363. display: block;
  364. text-align: right;
  365. text-decoration: none;
  366. }
  367.  
  368.  
  369. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  370. #infscr-loading{
  371. bottom: -70px;
  372. position: absolute;
  373. left: 50%;
  374. margin-left:-8px;
  375. width:16px;
  376. height:11px;
  377. overflow:hidden;
  378. margin-bottom: 50px;
  379. }
  380.  
  381. #postnotes{
  382. text-align: justify;}
  383.  
  384. #postnotes blockquote{
  385. border: 0px;}
  386.  
  387. blockquote{
  388. padding:0px 0px 2px 8px;
  389. margin:0px 0px 2px 12px;
  390. border-left: 1px solid #aaa;
  391. }
  392.  
  393. blockquote p, ul{
  394. margin:0px;
  395. padding:0px;
  396. }
  397.  
  398. a img{border: 0px;}
  399.  
  400. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  401.  
  402. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  403. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  404.  
  405. .notes img{width:10px; position:relative; top:3px;}
  406. <--ses-->
  407. small{font-size: 90%;}
  408.  
  409.  
  410. #audio {
  411. width:200px;
  412. height:auto;
  413. min-height:60px;
  414. padding-bottom:0px;
  415. }
  416. .cover {
  417. position:absolute;
  418. z-index:1;
  419. width:60px;
  420. height:60px;
  421. }
  422. .cover img {
  423. float:left;
  424. width:60px;
  425. height:60px;
  426. }
  427. .playbox {
  428. opacity:0.6;
  429. width:27px;
  430. height:30px;
  431. overflow:hidden;
  432. position:absolute;
  433. z-index:1000;
  434. margin-left:17px;
  435. margin-top:17px;
  436. text-align:center;
  437. }
  438. .info {
  439. margin-left:73px;
  440. margin-top:4px;
  441. line-height:14px;
  442. }
  443.  
  444. askk{
  445. font-family:indie star;
  446. font-size:23px;
  447. line-height:20px;
  448. }
  449.  
  450. #credentials{
  451. position:fixed;
  452. bottom:2px;
  453. height:auto;
  454. width:auto;
  455. right:2px;
  456. background-color:transparent;
  457. }
  458.  
  459. @font-face { font-family: "meem46"; src: url('http://static.tumblr.com/uuzw7gl/x1umfczqz/lubgrxl.ttf'); }
  460.  
  461. {CustomCSS}
  462.  
  463. </style>
  464.  
  465. {block:IndexPage}
  466. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  467. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  468.  
  469. <script type="text/javascript">
  470. $(window).load(function(){
  471. var $wall = $('#posts');
  472. $wall.imagesLoaded(function(){
  473. $wall.masonry({
  474. itemSelector: '.entry, .entry_photo',
  475. isAnimated : false
  476. });
  477. });
  478.  
  479. $wall.infinitescroll({
  480. navSelector : '#pagination',
  481. nextSelector : '#pagination a',
  482. itemSelector : '.entry, .entry_photo',
  483. bufferPx : 2000,
  484. debug : false,
  485. errorCallback: function() {
  486. $('#infscr-loading').fadeOut('normal');
  487. }},
  488. function( newElements ) {
  489. var $newElems = $( newElements );
  490. $newElems.hide();
  491. $newElems.imagesLoaded(function(){
  492. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  493. });
  494. }); $('#posts').show(500);
  495. });
  496. </script>
  497.  
  498.  
  499. {/block:IndexPage}
  500.  
  501.  
  502. <title>{title}</title>
  503.  
  504. <link rel="shortcut icon" href="{Favicon}" />
  505. <meta name="viewport" content="width=820" />
  506. </head>
  507.  
  508. <body>
  509. <BODY onselectstart="return false;" ondragstart="return false;">
  510. <div class="wrapper">
  511.  
  512. <div id="headsup">
  513. <div id="links">
  514. <a href="{text:link 1}">{text:link 1 title}</a>
  515. <a href="{text:link 2}">{text:link 2 title}</a>
  516. <a href="{text:link 3}">{text:link 3 title}</a>
  517. <a href="{text:link 4}">{text:link 4 title}</a>
  518. <a href="{text:link 5}">{text:link 5 title}</a>
  519. <a href="{text:link 6}">{text:link 6 title}</a>
  520. </div>
  521. </div>
  522.  
  523. <div id="cage">
  524. <div id="center">
  525.  
  526. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  527. <div id="sidebar">
  528. <div id="flower"><img src="{image:flower}" width=80 /></div>
  529. <div id="oakley">{text:sidebar title}</div>
  530. <div class="tyler"><a href="/"><img src="{image:sidebar}" width=100%></a></div>
  531. <div id="desc">{description}</div>
  532. </div>
  533. <!------------------------------------->
  534.  
  535.  
  536. <div class="left">
  537. <div id="posts">
  538. {block:Posts}
  539. <div class="entry">
  540.  
  541. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a><br>{/block:HasTags}</span></align>
  542. {/block:Text}
  543.  
  544. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  545.  
  546. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a></span></align>{block:Link}
  547.  
  548. {block:Photo}
  549. {block:IndexPage}
  550. <center>
  551. <div class="perma">
  552. <a href="{ReblogURL}" target="_blank"> reblog </a> this post with <a title="{timeago}" href="{Permalink}">{notecountwithlabel}</a> </div>
  553.  
  554. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  555. {/block:IndexPage}
  556. {block:PermalinkPage}
  557. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  558.  
  559. {LinkCloseTag}
  560. {/block:PermalinkPage}
  561. {/block:Photo}
  562.  
  563. {block:Photoset}
  564. {block:IndexPage}
  565. <center>
  566.  
  567. <div class="perma">
  568. <a href="{ReblogURL}" target="_blank"> reblog </a> this post with <a title="{timeago}" href="{Permalink}">{notecountwithlabel}</a> </div>
  569.  
  570.  
  571. {Photoset-250}</center>
  572. {/block:IndexPage}
  573. {block:PermalinkPage}
  574. <center>
  575. {Photoset-500}</center>
  576. {/block:PermalinkPage}
  577. {/block:Photoset}
  578.  
  579. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  580.  
  581. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  582.  
  583. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  584. <ul class="chat">
  585. {block:Lines}
  586. <li class="user_{UserNumber}">
  587. {block:Label}
  588. <span class="label">{Label}</span>
  589. {/block:Label}
  590.  
  591. {Line}
  592. </li>
  593. {/block:Lines}
  594. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>
  595. {/block:Chat}
  596.  
  597. {block:Audio}
  598. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  599.  
  600. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  601.  
  602. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  603.  
  604. <div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  605.  
  606. <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  607.  
  608. <b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  609.  
  610. {block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  611. {block:IndexPage}
  612. {/block:IndexPage}
  613. {/block:Audio}
  614.  
  615. {block:Video}
  616. {block:IndexPage}
  617. <center>
  618. <div class="perma">
  619. <a href="{ReblogURL}" target="_blank"> reblog </a> this post with <a title="{timeago}" href="{Permalink}">{notecountwithlabel}</a> </div>
  620.  
  621. {Video-250}</center>
  622. {/block:IndexPage}
  623. {block:PermalinkPage}
  624. <center>
  625. {Video-400}</center>
  626. {/block:PermalinkPage}
  627. {block:Video}
  628.  
  629. {block:Answer}
  630. <div style="border:1px solid {color:borders};background-color:#fff; padding:10px; min-height:15px; border-radius:5px;">
  631. <div style="margin-top:-5px;"><askk>{Asker}</askk>: {Question}</div></div>
  632. <div style="text-align:center; background-color:#fff; padding:5px;">{Answer}</div>
  633. <span class="permalink"><a title="{timeago}" href="{Permalink}">{notecountwithlabel}</a></span>
  634. {block:Answer}
  635.  
  636. {block:PostNotes}<div align="middle">{caption}</div>
  637. <center>
  638.  
  639. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  640.  
  641. {block:HasTags}
  642. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  643. {block:RebloggedFrom}
  644. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  645. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  646.  
  647. {/block:RebloggedFrom}
  648. </center></span>
  649. <br>
  650. <div id="postnotes">{PostNotes}</div><br>
  651.  
  652. <center>{block:ContentSource}
  653. <br><a href="{SourceURL}">
  654. {lang:Source}:
  655. {block:SourceLogo}
  656. <img src="{BlackLogoURL}" width="{LogoWidth}"
  657. height="{LogoHeight}" alt="{SourceTitle}" />
  658. {/block:SourceLogo}
  659. {block:NoSourceLogo}
  660. {SourceLink}
  661. {/block:NoSourceLogo}
  662. </a>
  663. {/block:ContentSource}</center>
  664.  
  665. {/block:PostNotes}
  666. </div>
  667. {/block:Posts}
  668. </div></div>
  669.  
  670. {block:IndexPage}
  671. {block:Pagination}
  672. <div id="pagination">
  673. {block:NextPage}
  674. <a id="nextPage" href="{NextPage}"></a>
  675. {/block:NextPage}
  676. {block:PreviousPage}
  677. <a href="{PreviousPage}"></a>
  678. {/block:PreviousPage}
  679. </div>
  680. {/block:Pagination}
  681. {/block:IndexPage}
  682.  
  683. <div id="credentials"><a title="theme by joyfulthemes" href="http://joyfulthemes.tumblr.com"><img src="http://media.tumblr.com/tumblr_m3wkobmpR31rodiav.gif" width=20px /></a></div>
  684.  
  685. </body>
  686. </html>
Add Comment
Please, Sign In to add comment