Advertisement
hor4ny

"Mistaken" - Outlasting

Jun 14th, 2013
10,443
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.76 KB | None | 0 0
  1. <!--
  2. "Mistaken" theme by OUTLASTING.
  3. Please keep the credit or put it in your FAQ, thanks!
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script type="text/javascript">
  14. <!--
  15.  
  16. // Disable Right Click Script
  17.  
  18. function IE(e)
  19. {
  20. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  21. {
  22. return false;
  23. }
  24. }
  25. function NS(e)
  26. {
  27. if (document.layers || (document.getElementById && !document.all))
  28. {
  29. if (e.which == "2" || e.which == "3")
  30. {
  31. return false;
  32. }
  33. }
  34. }
  35. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  36.  
  37. //-->
  38. </script>
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  40. <meta name="color:background" content="#f5f5f5"/>
  41. <meta name="color:link" content="#D7BEE0"/>
  42. <meta name="color:blogtitle" content="#e0cde7"/>
  43. <meta name="color:text" content="#888888"/>
  44. <meta name="color:title" content="#888888"/>
  45. <meta name="color:borders" content="#eeeeee"/>
  46. <meta name="color:hover" content="#ffffff"/>
  47. <meta name="color:scrollbar" content="#eeeeee" />
  48. <meta name="image:sidebar" content=""/>
  49. <meta name="image:background" content="1"/>
  50. <meta name="text:link one" content="" />
  51. <meta name="text:link one title" content="" />
  52. <meta name="text:link two" content="" />
  53. <meta name="text:link two title" content="" />
  54. <meta name="text:link three" content="" />
  55. <meta name="text:link three title" content="" />
  56. <meta name="text:link four" content="" />
  57. <meta name="text:link four title" content="" />
  58. <meta name="text:link five" content="" />
  59. <meta name="text:link five title" content="" />
  60. <meta name="text:link six" content="" />
  61. <meta name="text:link six title" content="" />
  62. <meta name="text:link separation" content="-">
  63. <meta name="if:2 column" content="" />
  64. <meta name="if:faded images" content="1" />
  65. <div style="position:fixed;bottom:6px;right:4px;letter-spacing:1px;font-family:arial;font-size:7px;background:white;border:1px solid {color:borders};padding:4px;"><a href="http://outlasting.tumblr.com">OUTLASTING</a></div>
  66. <style type="text/css">
  67. ::-webkit-scrollbar {width: 4px; height: 4px; border:1px solid #ddd; background-color:#fff;}
  68. ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; background: {color:scrollbar};}
  69. iframe#tumblr_controls {-webkit-filter: invert(100%);right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  70. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  71. p {
  72. margin:0px;
  73. }
  74. body {
  75. padding: 0px;
  76. margin: 0px;
  77. color:{color:text};
  78. font-family:calibri;
  79. line-height:11px;
  80. font-size:11px;
  81. background-image:url({image:background});
  82. background-color: {color:Background};
  83. background-attachment: fixed;
  84. background-repeat: repeat;
  85. cursor: url(http://i42.tinypic.com/2i2m2r.png), auto;
  86. }
  87. a:link, a:active, a:visited{
  88. text-decoration: none;
  89. -webkit-transition: color 0.3s ease-out;
  90. -moz-transition: color 0.3s ease-out;
  91. transition: color 0.3s ease-out;
  92. color:{color:link};
  93. cursor: url(http://i42.tinypic.com/2i2m2r.png), auto;
  94. }
  95. a:hover {
  96. text-decoration: none;
  97. font-style:;
  98. text-shadow:0px 0px px #000;
  99. color: {color:Hover};
  100. cursor: url(http://i42.tinypic.com/2i2m2r.png), auto;
  101. }
  102.  
  103. askname{
  104. text-transform:uppercase;
  105. font-size:11px;
  106. z-index:1;
  107. }
  108.  
  109. div#center{
  110. margin:auto;
  111. width:1000px;
  112. position:relative;
  113. background-color:;
  114. overflow:auto;
  115. overflow-x:;
  116. {block:permalinkpage}
  117. width:1000px;
  118. {/block:permalinkpage}
  119.  
  120. }
  121.  
  122. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  123.  
  124.  
  125. .entry img{
  126. border-radius:5px;
  127. {block:iffadedimages}
  128. opacity:0.8;
  129. {/block:iffadedimages}
  130. }
  131. .entry {
  132. float:left;
  133. display: block;
  134. margin:10px;
  135. padding:7px;
  136. border-radius:5px;
  137. overflow:hidden;
  138. width:210px;
  139. opacity:;
  140. {block:PermalinkPage}
  141. width:500px;
  142. text-align:left;
  143. line-height:10px;
  144. {/block:PermalinkPage}
  145.  
  146. border:1px solid {color:borders};
  147. background-color:#fff;
  148. background-image:URL();
  149. -webkit-transition: all .7s ease;
  150. -moz-transition: all .7s ease;
  151. -o-transition: all .7s ease;
  152. transition: all .7s ease;
  153. }
  154.  
  155. .entry:hover{
  156. opacity:1;}
  157.  
  158.  
  159. .entry .perma a{
  160. color:;}
  161.  
  162. .entry .perma a:hover {
  163. text-decoration:none;
  164. font-style:italic;
  165. text-shadow:0px 0px px #000;
  166. border-bottom:1px solid {color:main color};
  167. color: {color:Hover};
  168.  
  169. }
  170.  
  171. .entry .perma{
  172. width:210px;
  173. height:28px;
  174. margin-left:-2px;
  175. position: absolute;
  176. line-height: 28px;
  177. overflow:hidden;
  178. text-align:center;
  179. z-index:1;
  180. font-size:9px;
  181. bottom:-25px;
  182. TEXT-TRANSFORM:uppercase;
  183. border-right:2px solid {color:blogtitle};
  184. border-left:2px solid {color:blogtitle};
  185. background:#fff;
  186. word-spacing:px;
  187. letter-spacing:1px;
  188. opacity: 0.0;
  189. -webkit-transition: all .7s ease;
  190. -moz-transition: all .7s ease;
  191. -o-transition: all .7s ease;
  192. transition: all .7s ease;
  193.  
  194. }
  195.  
  196. .entry:hover .perma{
  197. overflow:visible;
  198. opacity:1;
  199. bottom:22px;
  200. margin-left:-2px;
  201.  
  202. }
  203.  
  204.  
  205. #posts {
  206. width:758px;
  207. margin-top:5px;
  208. z-index:;
  209. margin-left:230px;
  210. right:auto;
  211. margin-right:auto;
  212. position:relative;
  213. overflow-y: hidden;
  214. {block:if2column}
  215. margin-left:315px;
  216. width:500px;
  217. {/block:if2column}
  218. {block:permalinkpage}
  219. width:600px;
  220. margin-left:315px;
  221. {/block:permalinkpage}
  222.  
  223.  
  224. }
  225.  
  226.  
  227.  
  228. #sidebar{
  229. height:100%;
  230. padding:15px;
  231. padding-top:130px;
  232. position:fixed !important;
  233. width:190px;
  234. line-height:14px;
  235. border:1px solid {color:borders};
  236. opacity:;
  237. background-color:#fff;
  238. margin-top:-1px;
  239. padding-top:px;
  240. margin-left:0px;
  241. text-align:justify;
  242. border-radius:0px;
  243. -webkit-transition: all .7s ease;
  244. -moz-transition: all .7s ease;
  245. -o-transition: all .7s ease;
  246. transition: all .7s ease;
  247. {block:if2column}
  248. margin-left:85px;
  249.  
  250. {/block:if2column}
  251. {block:permalinkpage}
  252. margin-left:85px;
  253.  
  254. {/block:permalinkpage}
  255.  
  256. }
  257.  
  258.  
  259.  
  260.  
  261. @font-face { font-family: rw; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  262.  
  263. @font-face { font-family: cali; src: url('http://static.tumblr.com/u37ad6e/Z4hmkrlqk/calibri.ttf'); }
  264.  
  265. .title{
  266. font-family:rw;
  267. font-size: 18px;
  268. line-height: 18px;
  269. color:{color:Title};
  270. letter-spacing: 0px;
  271. font-weight: bold;
  272. padding:0px 0px 0px 0px;
  273. }
  274.  
  275.  
  276. .title a{
  277. color:{color:Title};
  278. }
  279.  
  280.  
  281.  
  282.  
  283. #blogtitle{
  284. text-shadow:1px 1px 0px #fff;
  285.  
  286. font-size:60px;
  287. line-height:25px;
  288. width:190px;
  289. font-family:ch;
  290. text-align:center;
  291. z-index:2;
  292.  
  293. text-transform:;
  294. color:{color:blogtitle};
  295.  
  296. }
  297.  
  298.  
  299. @font-face { font-family: "ch"; src: url('http://static.tumblr.com/u37ad6e/apRmoe3up/callie_hand-trial_version.otf'); }
  300.  
  301.  
  302. .permalink{
  303.  
  304. word-spacing:2px;
  305. text-transform: normal;
  306. display: block;
  307. text-align: right;
  308. text-decoration: none;
  309. border-top:1px solid #ddd;
  310. border-right:4px double #ddd;
  311.  
  312. margin-top:3px;
  313. padding:4px;
  314. background:#fefefe;
  315. text-transform:uppercase;
  316. font-size:9px;
  317. -webkit-transition: all .7s ease;
  318. -moz-transition: all .7s ease;
  319. -o-transition: all .7s ease;
  320. transition: all .7s ease;
  321. }
  322.  
  323. .permalink a:hover{
  324. border-bottom:1px solid {color:main color};
  325. }
  326.  
  327.  
  328. #infscr-loading{
  329. bottom: -70px;
  330. position: absolute;
  331. left: 50%;
  332. margin-left:-8px;
  333. width:16px;
  334. height:11px;
  335. overflow:hidden;
  336. margin-bottom: 50px;
  337. }
  338.  
  339. #postnotes{
  340. text-align: justify;}
  341.  
  342. #postnotes b{
  343. border: 0px;}
  344.  
  345. blockquote{
  346. padding:0px 0px 2px 5px;
  347. margin:0px 0px 2px 10px;
  348. border-left: 2px solid #ddd;
  349. }
  350.  
  351. blockquote p, ul{
  352. margin:0px;
  353. padding:0px;
  354. }
  355.  
  356. a img{border: 0px;}
  357.  
  358.  
  359. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  360.  
  361. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  362. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  363.  
  364. .notes img{width:10px; position:relative; top:3px;}
  365. <--ses-->
  366. small{font-size: 90%;}
  367.  
  368. {CustomCSS}
  369.  
  370. </style>
  371.  
  372. {block:IndexPage}
  373. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  374. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  375.  
  376. <script type="text/javascript">
  377. $(window).load(function(){
  378. var $wall = $('#posts');
  379. $wall.imagesLoaded(function(){
  380. $wall.masonry({
  381. itemSelector: '.entry, .entry_photo',
  382. isAnimated : false
  383. });
  384. });
  385.  
  386. $wall.infinitescroll({
  387. navSelector : '#pagination',
  388. nextSelector : '#pagination a',
  389. itemSelector : '.entry, .entry_photo',
  390. bufferPx : 2000,
  391. debug : false,
  392. errorCallback: function() {
  393. $('#infscr-loading').fadeOut('normal');
  394. }},
  395. function( newElements ) {
  396. var $newElems = $( newElements );
  397. $newElems.hide();
  398. $newElems.imagesLoaded(function(){
  399. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  400. });
  401. }); $('#posts').show(500);
  402. });
  403. </script>
  404.  
  405.  
  406. {/block:IndexPage}
  407.  
  408.  
  409. <title>{title}</title>
  410.  
  411.  
  412. <meta name="viewport" content="width=820" />
  413. </head>
  414.  
  415. <body>
  416. <BODY onselectstart="return false;" ondragstart="return false;">
  417. <div class="wrapper">
  418. <div class="header">
  419. </div>
  420.  
  421. <div id="cage">
  422. <div id="center">
  423.  
  424.  
  425. <div id="sidebar">
  426. <div id="blogtitle">{title}</div><a href="/"><img style="{block:iffadedimages}opacity:0.8;{/block:iffadedimages}"src="{image:sidebar}" width="100%"></a><br/>
  427. <Center>{description}
  428. <br />
  429. <a href="{text:Link One}">{text:Link One Title}</a> {text:link separation} <a href="{text:Link Two}">{text:Link Two Title}</a> {text:link separation} <a href="{text:Link Three}">{text:Link Three Title}</a>{block:iflinkfourtitle} {text:link separation} <a href="{text:Link Four}">{text:Link Four Title}</a>{/block:iflinkfourtitle}{block:iflinkfivetitle} {text:link separation} <a href="{text:Link Five}">{text:Link Five Title}</a>{/block:iflinkfivetitle}{block:iflinksixtitle} {text:link separation} <a href="{text:Link Six}">{text:Link Six Title}</a>{/block:iflinksixtitle}
  430. </center>
  431.  
  432. </div>
  433.  
  434.  
  435.  
  436. <div class="left">
  437. <div id="posts">
  438. {block:Posts}
  439. <div class="entry">
  440.  
  441. {block:Answer}
  442. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:;border-bottom:1px solid #ddd};border-left:4px double #ddd;border-radius:0px;">
  443. <a href="{AskerURL}"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3.5px;"/></a><askname>{asker}</askname>: {Question}</div>
  444. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  445. <div class="permalink"> <a href="{permalink}">{notecountwithlabel} / posted {Timeago}</a> </div>
  446. {/block:Answer}
  447.  
  448. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>{block:indexpage}<p align=right><span class="permalink"><a
  449. href="{Permalink}">{notecountwithlabel} / posted {Timeago}</a> / <a href="{ReblogURL}">Reblog</a><br>{/block:HasTags}</span></align>{/block:indexpage}
  450. {/block:Text}
  451.  
  452. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  453. class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>{block:Link}
  454.  
  455. {block:Photo}
  456. {block:IndexPage}
  457. <center>
  458. <div class="perma">
  459. <a href="{ReblogURL}"title="Share this post">Reblog</a> this with <a href="{Permalink}"title="">{notecountwithlabel}</a> </div>
  460.  
  461. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  462. {/block:IndexPage}
  463. {block:PermalinkPage}
  464. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  465.  
  466. {LinkCloseTag}
  467. {/block:PermalinkPage}
  468. {/block:Photo}
  469.  
  470. {block:Photoset}
  471. {block:IndexPage}
  472. <center>
  473. <div class="perma">
  474. <a href="{ReblogURL}">Reblog</a> this image with <a href="{Permalink}"title="">{notecountwithlabel}</a> </div>
  475. {Photoset-250}</center>
  476. {/block:IndexPage}
  477. {block:PermalinkPage}
  478. <center>
  479. {Photoset-500}</center>
  480. {/block:PermalinkPage}
  481. {/block:Photoset}
  482.  
  483. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>{/block:Quote}
  484.  
  485. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  486. <ul class="chat">
  487. {block:Lines}
  488. <li class="user_{UserNumber}">
  489. {block:Label}
  490. <span class="label">{Label}</span>
  491. {/block:Label}
  492.  
  493. {Line}
  494. </li>
  495. {/block:Lines}
  496. <p align=right><div class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></div></align>
  497. {/block:Chat}
  498.  
  499. {block:Audio}
  500. <div style="width:200px; height:30px;">
  501. {AudioPlayerBlack}
  502. </div>
  503. {block:IndexPage}
  504. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>{/block:IndexPage}
  505. {/block:Audio}
  506.  
  507. {block:Video}
  508. {block:IndexPage}
  509. <center>
  510. {Video-250}</center><p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>
  511. {/block:IndexPage}
  512. {block:PermalinkPage}
  513. <center>
  514. {Video-400}</center>
  515. {/block:PermalinkPage}
  516. {block:Video}
  517.  
  518.  
  519. {block:PostNotes}<div align="middle">{caption}</div>
  520. <center>
  521.  
  522. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  523.  
  524. {block:HasTags}
  525. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  526. {block:RebloggedFrom}
  527. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  528. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  529.  
  530. {/block:RebloggedFrom}
  531. </center></span>
  532. <br>
  533. <div id="postnotes">{PostNotes}</div><br>
  534.  
  535. <center>{block:ContentSource}
  536. <br><a href="{SourceURL}">
  537. {lang:Source}:
  538. {block:SourceLogo}
  539. <img src="{BlackLogoURL}" width="{LogoWidth}"
  540. height="{LogoHeight}" alt="{SourceTitle}" />
  541. {/block:SourceLogo}
  542. {block:NoSourceLogo}
  543. {SourceLink}
  544. {/block:NoSourceLogo}
  545. </a>
  546. {/block:ContentSource}</center>
  547.  
  548. {/block:PostNotes}
  549. </div>
  550. {/block:Posts}
  551. </div></div>
  552.  
  553. {block:IndexPage}
  554. {block:Pagination}
  555. <div id="pagination">
  556. {block:NextPage}
  557. <a id="nextPage" href="{NextPage}"></a>
  558. {/block:NextPage}
  559. {block:PreviousPage}
  560. <a href="{PreviousPage}"></a>
  561. {/block:PreviousPage}
  562. </div>
  563. {/block:Pagination}
  564. {/block:IndexPage}
  565. </body>
  566. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement