API tools faq
paste
winchesterkirk

Soldier Theme

winchesterkirk
Apr 21st, 2014
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. Don't remove credit or I will gank you :)
  6.  
  7. Contact me if you have any questions or concerns
  8.  
  9. -->
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#a8a8a8"/>
  21. <meta name="color:link" content="#b8b8b8"/>
  22. <meta name="color:hover" content="#f2f2f2"/>
  23. <meta name="color:title background" content="#404040"/>
  24. <meta name="color:backgrounds" content="#f8f8f8"/>
  25. <meta name="color:line" content="#eee"/>
  26. <meta name="color:post" content="#ffffff"/>
  27. <meta name="color:selection" content="#404040"/>
  28. <meta name="color:scrollbar" content="#eee"/>
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:sidebar2" content=""/>
  32.  
  33. <meta name="text:link 1 url" content="/" />
  34. <meta name="text:link 1 text" content="link 1" />
  35. <meta name="text:link 2 url" content="/" />
  36. <meta name="text:link 2 text" content="link 2" />
  37. <meta name="text:links title" content="navigation" />
  38. <meta name="text:description title" content="who am i" />
  39.  
  40.  
  41. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  42. </script>
  43. <script type="text/javascript">
  44. $(document).ready(function(){
  45. $(".links_body").hide();
  46. $(".links_head").click(function(){
  47. $(this).next(".links_body").slideToggle('fast');
  48. }); }); </script>
  49.  
  50.  
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  52.  
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title],a[title],img[title]").style_my_tooltips({
  57. tip_follows_cursor:true,
  58. tip_delay_time:100,
  59. tip_fade_speed:300,
  60. attribute:"title"
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65. </script>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  71.  
  72. ::-webkit-scrollbar {
  73. width:11px;
  74. height:6px;
  75. background-color:{color:background};
  76. }
  77. ::-webkit-scrollbar-track {
  78. background-color:{color:background};
  79. }
  80. ::-webkit-scrollbar-thumb {
  81. background-color:{color:scrollbar};
  82. border: 4px solid {color:background};
  83. }
  84.  
  85. ::selection {color:{color:selection};}
  86. ::-moz-selection {color:{color:selection};}
  87. ::-webkit-selection {color:{color:selection};}
  88.  
  89. body {
  90. background:{color:background};
  91. margin:0px;
  92. word-wrap: break-word;
  93. color:{color:text};
  94. font-family:inconsolata;
  95. font-size:9px;
  96. line-height:100%;
  97. }
  98.  
  99. a {
  100. text-decoration:none;
  101. outline:none;
  102. -moz-outline-style:none;
  103. color:{color:link};
  104. }
  105.  
  106. img {
  107. max-width:100%;
  108. height:auto;
  109. }
  110.  
  111. blockquote {
  112. margin:0px 4px;
  113. padding:0em 1em;
  114. border-left:1px solid {color:blockquote};
  115. }
  116.  
  117. h1 {
  118. font-size:9px;
  119. text-transform:uppercase;
  120. }
  121.  
  122. h2 {
  123. font-size:9px;
  124. padding:8px;
  125. margin-top:-5px;
  126. background-color:{color:title background};
  127. color:#fff;
  128. text-align:center;
  129. text-transform:uppercase;
  130. }
  131.  
  132. a:hover {
  133. opacity:10;
  134. color:{color:hover};
  135. -webkit-transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;
  137. -o-transition: all 0.7s ease
  138. }
  139.  
  140. /* --- POST ENTRIES ---*/
  141.  
  142.  
  143. #entries {
  144. padding:10px;
  145. width:400px;
  146. margin-left:450px;
  147. margin-top:40px;
  148. font-size:10px;
  149. }
  150.  
  151. /* --- BODY: POSTS ---*/
  152.  
  153.  
  154. #post {
  155. width:400px;
  156. padding-bottom:20px;
  157. padding:10px;
  158. margin-top:15px;
  159. background-color:{color:Post};
  160. }
  161.  
  162. /* --- SIDEBAR IMAGE ---*/
  163.  
  164.  
  165. #sidebar {
  166. width:200px;
  167. position:fixed;
  168. margin-left:170px;
  169. margin-top:150px;
  170. opacity:.80;
  171. }
  172.  
  173. #sidebarimage {
  174. width 200px;
  175. height 95px
  176. }
  177.  
  178. #sidebarimage img {
  179. width:200px;
  180. height: 95px;
  181. }
  182.  
  183. #sidebar2 {
  184. width:200px;
  185. position:fixed;
  186. margin-left:965px;
  187. margin-top:150px;
  188. opacity:.80;
  189. }
  190.  
  191. #sidebarimage2 {
  192. width 200px;
  193. height 95px
  194. }
  195.  
  196. #sidebarimage2 img {
  197. width:200px;
  198. height: 95px;
  199. }
  200.  
  201.  
  202. /* --- SIDEBAR LINKS ---*/
  203.  
  204. .links {
  205. width:190px;
  206. height:5px;
  207. padding: 5px;
  208. font-size:8px;
  209. font-family:inconsolata;
  210. text-align:center;
  211. background-color:{color:backgrounds};
  212. margin-top:1px;
  213. border-bottom:1px solid {color:line};
  214. text-transform:uppercase;
  215. word-spacing:2px;
  216. position:fixed;
  217. padding-bottom:7px;
  218. }
  219.  
  220. .links a {
  221. font-size: 8px;
  222. }
  223.  
  224. .links a:hover {
  225. color:{color:Hover}
  226. }
  227.  
  228. .links_head {
  229. display:block;
  230. height:15px;
  231. width:200px;
  232. padding:0px 0px;
  233. padding-top:6px;
  234. margin:-2px 0px 0px 0px;
  235. font-size:9px;
  236. font-family:calibri;
  237. text-transform:uppercase;
  238. letter-spacing:1px;
  239. background-color:{color:title background};
  240. color:#fff;
  241. line-height:10px;
  242. text-align:center;
  243. }
  244.  
  245.  
  246. #title{
  247. width:200px;
  248. margin-left:0px;
  249. margin-top:-116px;
  250. opacity:.80;
  251. color:#fff;
  252. position:fixed;
  253. }
  254.  
  255. #description {
  256. position:fixed;
  257. line-height:90%;
  258. font-size:8px;
  259. width:184px;
  260. font-family:inconsolata;
  261. margin-top:1px;
  262. background-color:{color:backgrounds};
  263. border-bottom:1px solid {color:line};
  264. padding:8px;
  265. margin-left:0px;
  266. text-transform:uppercase;
  267. line-height:10px;
  268. text-align:center;
  269. color:{color:text};
  270. }
  271.  
  272. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  273. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  274.  
  275. .links_body{
  276. text-align:center;
  277. width:190px;
  278. color:{color:text};
  279.  
  280. }
  281.  
  282.  
  283. #pagination {
  284. width:200px;
  285. margin-left:965px;
  286. margin-top:131px;
  287. opacity:.80;
  288. color:#fff;
  289. position:fixed;
  290. }
  291.  
  292. /* --- POST INFO ---*/
  293.  
  294.  
  295. #info {
  296. text-align:center;
  297. margin-top:10px;
  298. text-transform:uppercase;
  299. font-size:8px;
  300. font-style:none;
  301. }
  302.  
  303. #perma {
  304. text-align:left;
  305. margin-top:10px;
  306. text-transform:uppercase;
  307. font-size:9px;
  308. line-height:15px;
  309. font-style:none;
  310. border-top:1px solid {color:line};
  311. }
  312.  
  313. #line {
  314. width:400px;
  315. height:1px;
  316. margin-top:-6px;
  317. background-color:{color:line};
  318. }
  319.  
  320.  
  321. #tags {
  322. font-family:calibri;
  323. letter-spacing:0px;
  324. text-transform:lowercase;
  325. font-size:9px;
  326. font-style:italic;
  327. margin-top:15px;
  328. text-align:center;
  329. }
  330.  
  331. #tags
  332. a {display:inline;padding:5px;text-align:center;
  333. -webkit-transition: all 0.6s ease-in-out;
  334. -moz-transition: all 0.6s ease-in-out;
  335. -o-transition: all 0.6s ease-in-out;
  336. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  337.  
  338.  
  339. /* --- QUESTIONS ---*/
  340.  
  341. #asker {
  342. letter-spacing:1px;
  343. text-align:left;
  344. }
  345.  
  346. #quote{
  347. font-family: ;
  348. font-size:10px;
  349. padding:20px;
  350. line-height:12px;
  351. background-color:{color:backgrounds};
  352. border-bottom:1px solid {color:line};
  353. }
  354.  
  355. .newplayerbutton {
  356. position: relative;
  357. width: 20px;
  358. height: 50px;
  359. overflow: hidden;
  360. }
  361.  
  362. .playerbuttonhug {
  363. position: absolute;
  364. top: -11px;
  365. left: -12px;
  366. }
  367.  
  368. .tumblr_audio_player {
  369. border: none;
  370. padding: 0px;
  371. height: 40px;
  372. width: 500px;
  373. margin:0px 40px 10px 4px;
  374. }
  375.  
  376. .trackdetails {
  377. width: auto;
  378. display:inline-block;
  379. line-height:20px;
  380. margin-left: 100px;
  381. height:85px;
  382. }
  383.  
  384.  
  385. .playerbuttonbg {
  386. position:absolute;
  387. left: 14px;
  388. top: 15px;
  389. width: 330px;
  390. height: 15px;
  391. background-color: #ffffff;
  392. padding: 20px;
  393. opacity: .4;
  394. filter: alpha(opacity=40);
  395. -moz-opacity: 0.4;
  396. -khtml-opacity: 0.4;
  397. transition: opacity .7s ease-in-out;
  398. -moz-transition: opacity .7s ease-in-out;
  399. -webkit-transition: opacity .7s ease-in-out;
  400. }
  401.  
  402. .playerbuttonbg:hover {
  403. opacity: 1;
  404. filter: alpha(opacity=100);
  405. -moz-opacity: 1;
  406. -khtml-opacity: 1;
  407. }
  408.  
  409. .audioimgwrapper {
  410. position: absolute;
  411. left: 0px;
  412. top: 0px;
  413. overflow: hidden;
  414. width: 400px;
  415. height: 80px;
  416. }
  417.  
  418. .audioimgwrapper img {
  419. width: 100%;
  420. height: auto;
  421.  
  422. }
  423.  
  424. .audiowrapper {
  425. position: relative;
  426. display:inline-block;
  427. }
  428.  
  429. .newplayerbutton2 {
  430. position: relative;
  431. width: 20px;
  432. height: 50px;
  433. overflow: hidden;
  434. }
  435.  
  436. .playerbuttonhug2 {
  437. position: absolute;
  438. top: -11px;
  439. left: -12px;
  440. }
  441.  
  442. .tumblr_audio_player2 {
  443. border: none;
  444. padding: 0px;
  445. height: 40px;
  446. width: 500px;
  447. margin:0px 40px 10px 4px;
  448. }
  449.  
  450.  
  451. .playerbuttonbg2 {
  452. position:absolute;
  453. left: 14px;
  454. top: 15px;
  455. width: 13px;
  456. height: 15px;
  457. background-color: #ffffff;
  458. padding: 20px;
  459. opacity: .4;
  460. filter: alpha(opacity=40);
  461. -moz-opacity: 0.4;
  462. -khtml-opacity: 0.4;
  463. transition: opacity .7s ease-in-out;
  464. -moz-transition: opacity .7s ease-in-out;
  465. -webkit-transition: opacity .7s ease-in-out;
  466. }
  467.  
  468. .playerbuttonbg2:hover {
  469. opacity: 1;
  470. filter: alpha(opacity=100);
  471. -moz-opacity: 1;
  472. -khtml-opacity: 1;
  473. }
  474.  
  475. .audioimgwrapper2 {
  476. position: absolute;
  477. left: 0px;
  478. top: 0px;
  479. overflow: hidden;
  480. width: 80px;
  481. height: 80px;
  482. }
  483.  
  484. .audioimgwrapper2 img {
  485. width: 100%;
  486. height: auto;
  487.  
  488. }
  489.  
  490. .trackdetails2 {
  491. width: auto;
  492. display:inline-block;
  493. line-height:20px;
  494. margin-left: 100px;
  495. height:85px;
  496. }
  497.  
  498. .audiowrapper2 {
  499. position: relative;
  500. display:inline-block;
  501. }
  502.  
  503. ol.notes {
  504. width:400px;
  505. padding:0px;
  506. list-style-type:none;
  507. font-size:8px;
  508. margin-left:10px;
  509. letter-spacing:1px;
  510. text-transform:lowercase;
  511. text-align:left;
  512. }
  513.  
  514. ol.notes a {
  515. color:{color:text};
  516. }
  517.  
  518. ol.notes a:hover {
  519. color:{color:links hover};
  520. }
  521.  
  522. li.note {
  523. padding:10px;
  524. border-top:1px solid {color:line};
  525. }
  526.  
  527. img.avatar {
  528. vertical-align: -4px;
  529. margin-right:10px;
  530. width:14px;
  531. height:14px;
  532. }
  533.  
  534. #s-m-t-tooltip{
  535. font-size:8px;
  536. max-width:150px;
  537. line-height:8px;
  538. padding:5px 5px 2px 5px;
  539. margin:15px 0px 0px 10px;
  540. z-index:10;
  541. border-radius:1px;
  542. background:#fff;
  543. font-family:inconsolata;
  544. text-transform:uppercase;
  545. opacity:1;
  546. border:1px solid #ddd;
  547. letter-spacing:1px;
  548. z-index:999999;
  549. }
  550.  
  551. {CustomCSS}</style></head><body>
  552.  
  553. <div id="sidebar">
  554. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  555.  
  556.  
  557. {block:IndexPage}<div id="title">
  558. <p class="links_head">
  559. {Title}</p></div>{/block:IndexPage}
  560.  
  561. <p class="links_head">{text:description title}</p>
  562. <div class="links_body"><center>
  563. <div id="description">
  564. {Description}
  565. </center>
  566. </div>
  567. </div>
  568. </div>
  569.  
  570.  
  571. <div id="sidebar2">
  572. <div id="sidebarimage2"><img src="{image:sidebar2}"></div>
  573.  
  574. <p class="links_head">{text:links title}</p>
  575. <div class="links_body"><center>
  576. <div class="links">
  577. <a href="/">home</a>
  578. <a href="{text:ask link}">message</a>
  579. <a href="{text:link 1 url}">{text:link 1 text}</a>
  580. <a href="{text:link 2 url}">{text:link 2 text}</a>
  581. </center>
  582. </div>
  583. </div>
  584.  
  585.  
  586. {block:IndexPage}{block:Pagination}<div id="pagination"><p class="links_head">
  587. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  588. {block:PreviousPage}/ <a href="{PreviousPage}">back</a>{/block:PreviousPage}
  589. </p>
  590. </div>{/block:Pagination}{/block:IndexPage}
  591.  
  592. </div>
  593.  
  594. <div id="entries">{block:Posts}<div id="post">
  595.  
  596. {block:Text}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{block:Title}{Title}{/block:Title}{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{Body}{/block:Text}
  597.  
  598. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  599.  
  600. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  601.  
  602. {block:Quote}<div id="quote">❝{Quote}❞</div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  603.  
  604. {block:Link}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}<a href="{URL}" {Target}>{Name}</a>{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{block:Description}{Description}{/block:Description}{/block:Link}
  605.  
  606. {block:Chat}{block:Title}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{Title}{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  607.  
  608. {block:IndexPage}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails"></div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:IndexPage}
  609.  
  610. {block:PermalinkPage}{block:AudioPlayer}<div class="audiowrapper2">{block:AlbumArt}<div class="audioimgwrapper2"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg2"><div class="newplayerbutton2"><div class="playerbuttonhug2">{AudioPlayerWhite}</div></div></div><div class="trackdetails2">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}Artist: {Artist}{/block:Artist}<br>{block:Album}Album: {Album}{/block:Album}<br>
  611. {PlayCountWithLabel}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}{/block:PermalinkPage}
  612.  
  613. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  614.  
  615. {block:Answer}<div id="asker"><div style="background-color:{color:backgrounds}; padding:10px; padding-bottom:15px; border-bottom:1px solid {color:line};"><img src="{AskerPortraitURL-24}" style="float:left;"><span style="padding-left:9px;">{Asker}:</span><br> <span style="padding-left:9px;">{Question}</span></div></div><left>{Answer}{/block:Answer}
  616.  
  617.  
  618. {block:IndexPage}<div id="info"><span style="background-color:{color:backgrounds}; padding:3px;"><a href="{Permalink}" title="Permalink">{24Hour}:{Minutes}</a></span></div>{/block:IndexPage}
  619.  
  620. {block:IndexPage}<div id="line"></div>{/block:IndexPage}
  621.  
  622. {block:PermalinkPage}{block:Date} <div id="perma">
  623. <br><a href="{Permalink}">{24Hour}:{Minutes} {DayofWeek} {DayofMonth} {Month} {Year}</a> <br>
  624. {NoteCountWithLabel}
  625. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via:</a> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}<br><a href="{SourceURL}">orgin:</a> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}</div>{/block:Date}{/block:PermalinkPage}
  626.  
  627. {block:PermalinkPage}{block:HasTags}<div id="tags">filed under: {block:Tags} <span style="text-decoration:underline; background-color:{color:backgrounds}"><a href="{TagURL}">{Tag}</a></span> {/block:Tags}</div>{/block:HasTags}</div>{/block:PermalinkPage}
  628. {block:IndexPage}{block:HasTags}<div id="tags">{block:Tags} <span style="text-decoration:underline;"><a href="{TagURL}">{Tag}</a></span> {/block:Tags}</div>{/block:HasTags}</div>{/block:IndexPage}
  629. {/block:Posts}
  630. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  631. {/block:Posts}
  632.  
  633.  
  634.  
  635. <div style="position:fixed;bottom:3px; right:3px; font-size:15px; letter-spacing:1px; font-family:cambria;"><a href="http://jimothykirk.tumblr.com/" title="theme credit">☁</a></center></div>
  636.  
  637.  
  638. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!