Advertisement
hor4ny

"Warrior" - Outlasting

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