Advertisement
hor4ny

"Nothing LIke Us" - outlasting

Apr 21st, 2013
10,352
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.64 KB | None | 0 0
  1. <!--
  2. "Nothing Like Us" theme by OUTLASTING.
  3. Keep credit or put it in your FAQ.
  4. IF YOU USE THIS THEME AS A BASECODE OR TAKE ANY OF MY CODING, ask BEFORE posting! Please and thank you.
  5. -->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11.  
  12.  
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18.  
  19.  
  20. <script type="text/javascript">
  21. <!--
  22.  
  23. // Disable Right Click Script
  24.  
  25. function IE(e)
  26. {
  27. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  28. {
  29. return false;
  30. }
  31. }
  32. function NS(e)
  33. {
  34. if (document.layers || (document.getElementById && !document.all))
  35. {
  36. if (e.which == "2" || e.which == "3")
  37. {
  38. return false;
  39. }
  40. }
  41. }
  42. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  43.  
  44. //-->
  45. </script>
  46.  
  47.  
  48.  
  49. <!-- DEFAULT VARIABLES -->
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  51. <meta name="color:background" content="#f4f4f4"/>
  52. <meta name="color:link" content="#777"/>
  53. <meta name="color:main color" content="#ddd"/>
  54. <meta name="color:text" content="#777"/>
  55. <meta name="color:title" content="#777"/>
  56. <meta name="color:borders" content="#dddddd"/>
  57. <meta name="color:hover" content="#fff"/>
  58. <meta name="color:scrollbar" content="#ddd" />
  59. <meta name="color:entry" content="#fff" />
  60. <meta name="image:sidebar" content=""/>
  61. <meta name="image:background" content="1"/>
  62. <meta name="text:link one" content="" />
  63. <meta name="text:link one title" content="" />
  64. <meta name="text:link two" content="" />
  65. <meta name="text:link two title" content="" />
  66. <meta name="text:link three" content="" />
  67. <meta name="text:link three title" content="" />
  68. <meta name="text:link four" content="" />
  69. <meta name="text:link four title" content="" />
  70. <meta name="text:link five" content="" />
  71. <meta name="text:link five title" content="" />
  72. <style type="text/css">
  73.  
  74.  
  75.  
  76.  
  77. ::-webkit-scrollbar {width: 4px; height: 4px; border:1px solid #ddd; background-color:#fff;}
  78. ::-webkit-scrollbar-thumb { border-left:0px solid #ddd; background: {color:scrollbar};}
  79.  
  80.  
  81.  
  82.  
  83. 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-
  84.  
  85. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  86.  
  87. 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
  88.  
  89. 0.4s ease-out;}
  90.  
  91. p {
  92. margin:0px;
  93.  
  94. }
  95.  
  96. body {
  97. padding: 0px;
  98. margin: 0px;
  99. color:{color:text};
  100. font-family:arial;
  101. line-height:11px;
  102. font-size:10px;
  103. background-image:url({image:background});
  104. background-color: {color:Background};
  105. background-attachment: fixed;
  106. background-repeat: repeat;
  107. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  108. }
  109.  
  110.  
  111. a:link, a:active, a:visited{
  112. text-decoration: none;
  113. -webkit-transition: color 0.3s ease-out;
  114. -moz-transition: color 0.3s ease-out;
  115. transition: color 0.3s ease-out;
  116. color:{color:link};
  117. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  118. }
  119.  
  120. a:hover {
  121. text-decoration: none;
  122. font-style:;
  123. text-shadow:0px 0px px #000;
  124. color: {color:Hover};
  125. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  126. }
  127.  
  128. askname{
  129. text-transform:uppercase;
  130. font-size:11px;
  131. z-index:1;
  132. }
  133.  
  134.  
  135.  
  136.  
  137.  
  138. div#center{
  139. margin:auto;
  140. width:1000px;
  141. position:relative;
  142. background-color:;
  143. overflow:auto;
  144. overflow-y:hidden;
  145. {block:permalinkpage}
  146. width:1000px;
  147. {/block:permalinkpage}
  148.  
  149.  
  150. }
  151.  
  152.  
  153.  
  154.  
  155. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  156.  
  157.  
  158.  
  159.  
  160. .entry {
  161. float:left;
  162. display: block;
  163. margin:3px;
  164. padding:10px;
  165. padding-bottom:9px;
  166. overflow:hidden;
  167. width:250px;
  168.  
  169. {block:PermalinkPage}
  170. width:500px;
  171. text-align:left;
  172. line-height:10px;
  173. {/block:PermalinkPage}
  174. border:1px solid {color:borders};
  175. background-color:#fff;
  176. background-image:URL();
  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. .entry img{
  187. {block:indexpage}
  188. max-width:250px;
  189. {/block:indexpage}
  190. {block:permalinkpage}
  191. max-width:500px;
  192. {/block:permalinkpage}
  193. }
  194.  
  195. .entry .perma a{
  196. color:#aaa;}
  197.  
  198. .entry .perma a:hover {
  199. text-decoration:line-through;
  200. font-style:italic;
  201. text-shadow:0px 0px px #000;
  202. color: {color:Hover};
  203. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  204. }
  205.  
  206. .entry .perma{
  207. width:250px;
  208. height:26px;
  209. margin-left:0px;
  210. position: absolute;
  211. line-height: 26px;
  212. overflow:hidden;
  213. text-align:center;
  214. bottom:-10px;
  215. font-size:8px;
  216. text-transform:uppercase;
  217. color:#aaa;
  218. background:{color:entry};
  219. word-spacing:3px;
  220. letter-spacing:1px;
  221. opacity: 0.0;
  222. -webkit-transition: all .7s ease;
  223. -moz-transition: all .7s ease;
  224. -o-transition: all .7s ease;
  225. transition: all .7s ease;
  226.  
  227.  
  228. }
  229.  
  230. .entry:hover .perma{
  231. overflow:visible;
  232. opacity:1;
  233. bottom:2px;
  234.  
  235. }
  236.  
  237. #posts {
  238. width:615px;
  239. margin-top:100px;
  240. z-index:;
  241. margin-left:300px;
  242. right:auto;
  243. margin-right:auto;
  244. position:relative;
  245. overflow-y: hidden;
  246. {block:if2column}
  247. width:550px;
  248. margin-left:212px;
  249. {/block:if2column}
  250.  
  251. }
  252.  
  253.  
  254. .nav a{
  255. display:inline-block;
  256. border:;
  257.  
  258. padding:px;
  259. margin-left:6px;
  260. margin-right:5px;
  261. line-height:;
  262. color:;
  263. text-align:center;
  264. border-bottom:1px solid transparent;
  265. -webkit-transition: all .7s ease;
  266. -moz-transition: all .7s ease;
  267. -o-transition: all .7s ease;
  268. transition: all .7s ease;
  269. }
  270.  
  271. .nav a:hover{
  272. text-decoration:none;
  273. color:{color:link};
  274. letter-spacing:px;
  275. background:{color:entry};
  276. border-bottom:1px solid {color:main color};
  277. -webkit-transition: all .7s ease;
  278. -moz-transition: all .7s ease;
  279. -o-transition: all .7s ease;
  280. transition: all .7s ease;
  281. }
  282.  
  283. #sidebar2{
  284. z-index:1;
  285. -webkit-transform: rotate(4deg);
  286. padding:5px;
  287. position:fixed !important;
  288. width:200px;
  289.  
  290. border:4px double #fff;
  291. background-color:{color:main color};
  292. opacity:0.7;
  293. height:100%;
  294. margin-top:8px;
  295. line-height:14px;
  296. font-size:11px;
  297. font-style:italic;
  298. font-family:;
  299. margin-left:52px;
  300. text-align:center;
  301. border-radius:0px;
  302. -webkit-transition: all .7s ease;
  303. -moz-transition: all .7s ease;
  304. -o-transition: all .7s ease;
  305. transition: all .7s ease;
  306. {block:if2column}
  307. margin-left:741px;
  308. {/block:if2column}
  309.  
  310. }
  311. #sidebar3{
  312. -webkit-transform: rotate(-4deg);
  313. padding:5px;
  314. position:fixed !important;
  315. width:200px;
  316. border:4px double #fff;
  317. background-color:{Color:main color};
  318. opacity:0.7;
  319. height:100%;
  320. margin-top:3px;
  321. line-height:14px;
  322. font-size:11px;
  323. font-style:italic;
  324. font-family:;
  325. margin-left:53px;
  326. text-align:center;
  327. border-radius:0px;
  328. -webkit-transition: all .7s ease;
  329. -moz-transition: all .7s ease;
  330. -o-transition: all .7s ease;
  331. transition: all .7s ease;
  332. {block:if2column}
  333. margin-left:741px;
  334. {/block:if2column}
  335.  
  336. }
  337.  
  338. #sidebar{
  339. padding:12px;
  340. z-index:2;
  341. padding-bottom:5px;
  342. position:fixed !important;
  343. width:200px;
  344. line-height:12px;
  345. border:1px solid {color:borders};
  346. opacity:;
  347. background-color:white;
  348. height:100%;
  349. margin-top:25px;
  350. margin-left:50px;
  351. font-family:;
  352. border-radius:0px;
  353. -webkit-transition: all .7s ease;
  354. -moz-transition: all .7s ease;
  355. -o-transition: all .7s ease;
  356. transition: all .7s ease;
  357.  
  358. }
  359. #t {width:100%;padding-top:3px;margin-bottom:3px;padding-bottom:3px;
  360. text-transform:uppercase;font-family:caviardreams;font-size:22px;line-height:22px;border-bottom:2px double #eee;{color:main color};}
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367. @font-face { font-family: rw; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  368.  
  369.  
  370. .title{
  371. font-family:rw;
  372. font-size: 18px;
  373. line-height: 18px;
  374. color:{color:Title};
  375. letter-spacing: 0px;
  376. font-weight: bold;
  377. padding:0px 0px 0px 0px;
  378. }
  379.  
  380.  
  381. .title a{
  382. color:{color:Title};
  383. }
  384.  
  385. .linkz a:hover{
  386. text-decoration: line-through;
  387. font-style:;
  388. text-shadow:0px 0px px #000;
  389. color: {color:Hover};
  390. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  391. }
  392. .linkz a{
  393. font-size:11px;
  394. font-style:italic;
  395. color:{color:sidebar links};
  396.  
  397. }
  398. .linkz{
  399. font-size:11px;
  400. font-style:italic;
  401. color:{color:sidebar links};
  402. }
  403.  
  404. #bg{
  405. width:600px;
  406. margin-left:275px;
  407. height:85px;
  408. position:fixed;
  409. z-index:1;
  410. background-image:url({image:background});
  411. background-color:{color:background};
  412. }
  413. #blogtitle{
  414. background:;
  415. color:white;
  416. font-size:70px;
  417. line-height:70px;
  418. height:70px;
  419. font-family:caviardreams;
  420. text-align:center;
  421. width:600px;
  422. margin-left:276px;
  423. position:fixed;
  424. margin-top:11px;
  425. text-transform:uppercase;
  426. z-index:999;
  427. color:#fff;
  428. opacity:;
  429. text-shadow:3px 3px 0px {color:main color};
  430. }
  431.  
  432. #titlebar{
  433. width:600px;
  434. margin-left:275px;
  435. margin-top:82px;
  436. position:fixed;
  437. height:8px;
  438. background:white;
  439. border-bottom:1px solid {color:borders};
  440. z-index:3;
  441. }
  442.  
  443. .permalink{
  444. word-spacing:2px;
  445. text-transform: normal;
  446. display: block;
  447. text-align: right;
  448. text-decoration: none;
  449. margin-top:3px;
  450. padding:4px;
  451. font-size:8px;
  452. background:#f5f5f5;
  453. border:1px solid #eee;
  454. text-transform:uppercase;
  455. }
  456.  
  457.  
  458. #infscr-loading{
  459. bottom: -70px;
  460. position: absolute;
  461. left: 50%;
  462. margin-left:-8px;
  463. width:16px;
  464. height:11px;
  465. overflow:hidden;
  466. margin-bottom: 50px;
  467. }
  468.  
  469. #postnotes{
  470. text-align: justify;}
  471.  
  472. #postnotes b{
  473. border: 0px;}
  474.  
  475. blockquote{
  476. padding:0px 0px 2px 5px;
  477. margin:0px 0px 2px 10px;
  478. border-left: 2px solid #ddd;
  479. }
  480.  
  481. blockquote p, ul{
  482. margin:0px;
  483. padding:0px;
  484. }
  485.  
  486. a img{border: 0px;}
  487.  
  488.  
  489. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  490.  
  491. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  492. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  493.  
  494. .notes img{width:10px; position:relative; top:3px;}
  495. <--ses-->
  496. small{font-size: 90%;}
  497.  
  498. {CustomCSS}
  499.  
  500. </style>
  501.  
  502. {block:IndexPage}
  503. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  504. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  505.  
  506. <script type="text/javascript">
  507. $(window).load(function(){
  508. var $wall = $('#posts');
  509. $wall.imagesLoaded(function(){
  510. $wall.masonry({
  511. itemSelector: '.entry, .entry_photo',
  512. isAnimated : false
  513. });
  514. });
  515.  
  516. $wall.infinitescroll({
  517. navSelector : '#pagination',
  518. nextSelector : '#pagination a',
  519. itemSelector : '.entry, .entry_photo',
  520. bufferPx : 2000,
  521. debug : false,
  522. errorCallback: function() {
  523. $('#infscr-loading').fadeOut('normal');
  524. }},
  525. function( newElements ) {
  526. var $newElems = $( newElements );
  527. $newElems.hide();
  528. $newElems.imagesLoaded(function(){
  529. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  530. });
  531. }); $('#posts').show(500);
  532. });
  533. </script>
  534.  
  535.  
  536. {/block:IndexPage}
  537.  
  538.  
  539. <title>{title}</title>
  540.  
  541. <link rel="shortcut icon" href="{Favicon}" />
  542. <meta name="viewport" content="width=820" />
  543. </head>
  544.  
  545. <body>
  546. <BODY onselectstart="return false;" ondragstart="return false;">
  547. <div class="wrapper">
  548. <div class="header">
  549. </div>
  550.  
  551. <div id="cage">
  552. <div id="center"><div id="bg"></div>
  553. <div id="sidebar2"></div><div id="sidebar3"></div><div id="titlebar"></div><div id="blogtitle">{title}</div>
  554. <div id="sidebar">
  555.  
  556. <a href="/"><img src="{image:sidebar}" width="100%"></a><br/>
  557. <div id="t">ABOUT ME</div>
  558. <p align="justify">{description}</align></center>
  559. <div id="t">NAVIGATION</div><center>
  560. <div class="nav"><a href="{text:link one}">{text:link one title}</a><a href="{text:link two}">{text:link two title}</a><a href="{text:link three}">{text:link three title}</a><a href="{text:link four}">{text:link four title}</a><a href="{text:link five}">{text:link five title}</a></div></center>
  561.  
  562. </div>
  563.  
  564.  
  565. <div class="left">
  566. <div id="posts">
  567. {block:Posts}
  568. <div class="entry">
  569.  
  570.  
  571. {block:Answer}
  572. <div style="margin-top:2px;;margin-bottom:0px;min-height:30px; padding: 4px; background-color:#f5f5f5;border:1px solid {color:borders};border-radius:0px;">
  573. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3.5px;"/><askname>{asker}</askname>: {Question}</div>
  574. <div style="margin-top:2px; line-height:11px;margin-bottom:4px; background: transparent;">{Answer}</div>
  575. <div class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></div>
  576. {/block:Answer}
  577.  
  578. {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
  579. href="{Permalink}">{notecountwithlabel} / posted {Timeago}</a> / <a href="{ReblogURL}">Reblog</a><br>{/block:HasTags}</span></align>{/block:indexpage}
  580. {/block:Text}
  581.  
  582. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  583. class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>{block:Link}
  584.  
  585. {block:Photo}
  586. {block:IndexPage}
  587. <center>
  588. <div class="perma">
  589. {timeago} / <a href="{ReblogURL}" target="_blank"> Reblog</a> / <a href="{Permalink}">{notecountwithlabel}</a></div>
  590. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  591. {/block:IndexPage}
  592. {block:PermalinkPage}
  593. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  594.  
  595. {LinkCloseTag}
  596. {/block:PermalinkPage}
  597. {/block:Photo}
  598.  
  599. {block:Photoset}
  600. {block:IndexPage}
  601. <center>
  602. <div class="perma">
  603. {timeago} / <a href="{ReblogURL}" target="_blank"> Reblog</a> / <a href="{Permalink}">{notecountwithlabel}</a></div>
  604. {Photoset-250}</center>
  605. {/block:IndexPage}
  606. {block:PermalinkPage}
  607. <center>
  608. {Photoset-500}</center>
  609. {/block:PermalinkPage}
  610. {/block:Photoset}
  611.  
  612. {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}
  613.  
  614. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  615. <ul class="chat">
  616. {block:Lines}
  617. <li class="user_{UserNumber}">
  618. {block:Label}
  619. <span class="label">{Label}</span>
  620. {/block:Label}
  621.  
  622. {Line}
  623. </li>
  624. {/block:Lines}
  625. <p align=right><div class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></div></align>
  626. {/block:Chat}
  627.  
  628. {block:Audio}
  629. <div style="width:200px; height:30px;">
  630. {AudioPlayerBlack}
  631. </div>
  632. {block:IndexPage}
  633. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>{/block:IndexPage}
  634. {/block:Audio}
  635.  
  636. {block:Video}
  637. {block:IndexPage}
  638. <center>
  639. {Video-250}</center><p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel} / posted {timeago}</a> / <a href="{ReblogURL}">Reblog</a></span></align>
  640. {/block:IndexPage}
  641. {block:PermalinkPage}
  642. <center>
  643. {Video-400}</center>
  644. {/block:PermalinkPage}
  645. {block:Video}
  646.  
  647.  
  648. {block:PostNotes}<div align="middle">{caption}</div>
  649. <center>
  650.  
  651. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  652.  
  653. {block:HasTags}
  654. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  655. {block:RebloggedFrom}
  656. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  657. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  658.  
  659. {/block:RebloggedFrom}
  660. </center></span>
  661. <br>
  662. <div id="postnotes">{PostNotes}</div><br>
  663.  
  664. <center>{block:ContentSource}
  665. <br><a href="{SourceURL}">
  666. {lang:Source}:
  667. {block:SourceLogo}
  668. <img src="{BlackLogoURL}" width="{LogoWidth}"
  669. height="{LogoHeight}" alt="{SourceTitle}" />
  670. {/block:SourceLogo}
  671. {block:NoSourceLogo}
  672. {SourceLink}
  673. {/block:NoSourceLogo}
  674. </a>
  675. {/block:ContentSource}</center>
  676.  
  677. {/block:PostNotes}
  678. </div>
  679. {/block:Posts}
  680. </div></div>
  681.  
  682. {block:IndexPage}
  683. {block:Pagination}
  684. <div id="pagination">
  685. {block:NextPage}
  686. <a id="nextPage" href="{NextPage}"></a>
  687. {/block:NextPage}
  688. {block:PreviousPage}
  689. <a href="{PreviousPage}"></a>
  690. {/block:PreviousPage}
  691. </div>
  692. {/block:Pagination}
  693. {/block:IndexPage}
  694. </body>
  695. <div style="position:fixed;bottom:6px;right:4px;letter-spacing:1px;font-family:arial;font-size:7px;background:white;border:1px solid #ddd;padding:4px;"><a href="http://outlasting.tumblr.com">OUTLASTING</a></div>
  696. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement