API tools faq
paste
Advertisement
aucarus

[04] Captain

aucarus
May 5th, 2015
570
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Captain designed and developed by AUCARUS > 5/2/15
  6. - Do not claim this theme as your's or remove credit
  7. - Do not move credit to another page
  8. - Heavy editing allowed
  9. -->
  10.  
  11. <head>
  12.  
  13. <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. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  18. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  19. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:100,
  26. tip_fade_speed:300,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
  33.  
  34. <meta name="color:background" content="#FFFFFF" />
  35. <meta name="color:blockquote" content="#DDDDDD" />
  36. <meta name="color:scrollbar" content="#000000" />
  37. <meta name="color:links" content="#000000" />
  38. <meta name="color:links hover" content="#FFFFFF" />
  39. <meta name="color:sidebar bg" content="#000000" />
  40. <meta name="color:sidebar border" content="#FFFFFF" />
  41. <meta name="color:description" content="#FFFFFF" />
  42. <meta name="color:desc text" content="#000000" />
  43. <meta name="color:navigation" content="#000000" />
  44. <meta name="color:nav links" content="#000000" />
  45. <meta name="color:nav links hover" content="#FFFFFF" />
  46. <meta name="color:nav bg" content="#FFFFFF" />
  47. <meta name="color:permalink line" content="#000000" />
  48. <meta name="image:background" content="" />
  49. <meta name="image:sidebar" content="http://i.imgur.com/Bouftf4.png" />
  50. <meta name="if:250px posts" content="" />
  51. <meta name="if:400px posts" content="" />
  52. <meta name="if:500px posts" content="1" />
  53. <meta name="text:link 1" content="link 1" />
  54. <meta name="text:link 1 URL" content="/" />
  55. <meta name="text:link 2" content="link 2" />
  56. <meta name="text:link 2 URL" content="/" />
  57. <meta name="text:link 3" content="link 3" />
  58. <meta name="text:link 3 URL" content="/" />
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63. body {
  64. font-family: 'Lato', sans-serif;
  65. font-size:12px;
  66. background-color:{color:background};
  67. background-image:url('{image:background}');
  68. background-attachment:fixed;
  69. }
  70.  
  71. a {
  72. color:{color:links};
  73. text-decoration:none;
  74. -webkit-transition: all 0.4s ease-in-out;
  75. -moz-transition: all 0.4s ease-in-out;
  76. -o-transition: all 0.4s ease-in-out;
  77. }
  78.  
  79. a:hover {
  80. color:{color:links hover};
  81. }
  82.  
  83. blockquote {
  84. border-left:3px solid {color:blockquote};
  85. padding-left:5px;
  86. }
  87.  
  88. ti {
  89. font-size:15px;
  90. font-weight:700;
  91. text-transform:uppercase;
  92. font-style:italic
  93. }
  94.  
  95. #sidebar {
  96. position:fixed;
  97. margin-top:100px;
  98. margin-left:100px;
  99. height:100px;
  100. width:160px;
  101. background-color:{color:sidebar bg};
  102. padding:10px;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb{
  106. height:auto;
  107. background-color:{color:scrollbar};
  108. border: 2px solid {color:background};
  109. }
  110.  
  111. ::-webkit-scrollbar {
  112. height:auto;
  113. width:11px;
  114. background-color:{color:scrollbar};
  115. border:5px solid {color:background};
  116. }
  117.  
  118. .image img {
  119. position:fixed;
  120. margin-top:10px;
  121. margin-left:35px;
  122. width:70px;
  123. height:70px;
  124. border-radius:40px;
  125. border:5px solid {color:sidebar border};
  126. }
  127.  
  128. #description {
  129. margin-left:100px;
  130. position:fixed;
  131. margin-top:220px;
  132. height:60px;
  133. width:140px;
  134. padding:20px;
  135. background-color:{color:description};
  136. overflow:hidden;
  137. color:{color:desc text};
  138. }
  139.  
  140. #navigation {
  141. margin-left:100px;
  142. position:fixed;
  143. padding:10px;
  144. padding-left:15px;
  145. width:155px;
  146. height:145px;
  147. margin-top:320px;
  148. background-color:{color:navigation};
  149. }
  150.  
  151. #navigation a {
  152. text-decoration:none;
  153. color:{color:nav links};
  154. background-color:{color:nav bg};
  155. margin-bottom:5px;
  156. width:135px;
  157. float:left;
  158. padding:5px;
  159. text-align:center;
  160. text-transform:uppercase;
  161. -webkit-transition: all 0.4s ease-in-out;
  162. -moz-transition: all 0.4s ease-in-out;
  163. -o-transition: all 0.4s ease-in-out;
  164. }
  165.  
  166. #navigation a:hover {
  167. color:{color:nav links hover};
  168. }
  169.  
  170. #perm {
  171. position:fixed;
  172. margin-top:490px;
  173. margin-left:200px;
  174. text-transform:lowercase;
  175. font-style:italic;
  176. width:200px;
  177. background-color:transparent;
  178. }
  179.  
  180. #perm a {
  181. color:{color:links};
  182. text-decoration:none;
  183. -webkit-transition: all 0.4s ease-in-out;
  184. -moz-transition: all 0.4s ease-in-out;
  185. -o-transition: all 0.4s ease-in-out;
  186. }
  187.  
  188. #perm a:hover {
  189. color:{color:links hover};
  190. }
  191.  
  192. #postage {
  193. margin-left:350px;
  194. margin-top:100px;
  195. {block:if250pxposts}
  196. width:250px;
  197. {/block:if250pxposts}
  198. {block:if400pxposts}
  199. width:400px;
  200. {/block:if400pxposts}
  201. {block:if500pxposts}
  202. width:500px;
  203. {/block:if500pxposts}
  204. }
  205.  
  206. .posts {
  207. padding:10px;
  208. margin-top:50px;
  209. {block:if250pxposts}
  210. width:250px;
  211. {/block:if250pxposts}
  212. {block:if400pxposts}
  213. width:400px;
  214. {/block:if400pxposts}
  215. {block:if500pxposts}
  216. width:500px;
  217. {/block:if500pxposts}
  218. }
  219.  
  220. /* CREDIT TO ETTUDIS FOR THE MUSIC PLAYER CODE, REVISED BY AUCARUS */
  221. #player {
  222. width:28px;
  223. height:28px;
  224. overflow:hidden;
  225. position:absolute;
  226. margin-top:55px;
  227. margin-left:45px;
  228. opacity: 0.7;
  229. filter:alpha(opacity=70);
  230. -moz-opacity: 0.7;
  231. -khtml-opacity: 0.7;
  232. }
  233.  
  234. #albumart {
  235. float:left;
  236. }
  237.  
  238. #albumst {
  239. margin-top:10px;
  240. margin-left:130px;
  241. width:330px;
  242. height:110px;
  243. }
  244.  
  245. .albumc {
  246. padding:10px;
  247. width:330px;
  248. float:left;
  249. background-color:transparent;
  250. }
  251.  
  252. #permalink {
  253. border-top:4px double {color:permalink line};
  254. padding:5px;
  255. margin-top:5px;
  256. text-transform:uppercase;
  257. text-align:center;
  258. }
  259.  
  260. #permalink1 {
  261. border-top:4px double {color:permalink line};
  262. padding:5px;
  263. margin-top:5px;
  264. text-transform:uppercase;
  265. }
  266.  
  267. #notes {
  268. text-transform:uppercase;
  269. margin-left:-10px;
  270. }
  271.  
  272. #notes ol {
  273. list-style-type:none;
  274. }
  275.  
  276. #notes img {
  277. display:none;
  278. }
  279.  
  280. /*DO NOT REMOVE CREDIT*/
  281. #icarus {
  282. width:15px;
  283. height:15px;
  284. padding:5px;
  285. padding-left:6px;
  286. color:#000000;
  287. background-color:transparent;
  288. position:fixed;
  289. margin-top:-90px;
  290. margin-left:10px;
  291. -webkit-transition: all 1s ease-in-out;
  292. -moz-transition: all 1s ease-in-out;
  293. -o-transition: all 1s ease-in-out;
  294. font-family:"Arial";
  295. font-weight:700;
  296. opacity:0.5;
  297. }
  298.  
  299. #icarus:hover {
  300. color:#DDDDDD;
  301. }
  302.  
  303. #s-m-t-tooltip{
  304. z-index:999;
  305. margin:20px 20px 20px 20px;
  306. padding:5px;
  307. background:{color:background};
  308. border:1px solid #000000;
  309. text-transform:uppercase;
  310. }
  311. {CustomCSS}</style></head><body>
  312.  
  313. <!--DO NOT REMOVE CREDITS-->
  314. <a href="http://aucarus.tumblr.com/" title="themes by aucarus">
  315. <div id="icarus">
  316. ©<i>AC</i>
  317. </div>
  318. </a>
  319.  
  320. <div id="sidebar">
  321. <div class="image"><img src="{image:sidebar}"></div>
  322. </div>
  323.  
  324. <div id="description">{Description}</div>
  325.  
  326. <div id="navigation">
  327. <a href="/">home</a>
  328. <a href="/ask">ask</a>
  329. <a href="{text:link 1 URL}">{text:link 1}</a>
  330. <a href="{text:link 2 URL}">{text:link 2}</a>
  331. <a href="{text:link 3 URL}">{text:link 3}</a>
  332. </div>
  333.  
  334. <div id="perm">
  335. {block:Pagination}
  336. {block:PreviousPage}
  337. <a href="{PreviousPage}">BACK</a> -
  338. {/block:PreviousPage}
  339. {block:NextPage}
  340. <a href="{NextPage}">NEXT</a>
  341. {/block:NextPage}
  342. {/block:Pagination}
  343. </div>
  344.  
  345. <div id="postage">
  346. {block:Posts}
  347. <div class="posts">
  348.  
  349. {block:Text}
  350.  
  351. {block:Title}<ti>{Title}</ti>{/block:Title}
  352.  
  353. {Body}
  354. {/block:Text}
  355.  
  356. {block:Photo}
  357. {block:if250pxposts}
  358. {LinkOpenTag}<img src="{PhotoURL-250}" width="250">{LinkCloseTag}
  359. {/block:if250pxposts}
  360. {block:if400pxposts}
  361. {LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}
  362. {/block:if400pxposts}
  363. {block:if500pxposts}
  364. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  365. {/block:if500pxposts}
  366. {block:Caption}{Caption}{/block:Caption}
  367. {/block:Photo}
  368.  
  369. {block:Photoset}
  370. {block:if250pxposts}
  371. {Photoset-250}
  372. {/block:if250pxposts}
  373. {block:if400pxposts}
  374. {Photoset-400}
  375. {/block:if400pxposts}
  376. {block:if500pxposts}
  377. {Photoset-500}
  378. {/block:if500pxposts}
  379. {block:Caption}{Caption}{/block:Caption}
  380. {/block:Photoset}
  381.  
  382. {block:Quote}
  383.  
  384. <big>{Quote}</big></br>
  385.  
  386. {block:Source} <div style="text-align:right">– <small><i>{Source}</i></small></div>{/block:Source}</p>
  387. {/block:Quote}
  388.  
  389. {block:Link}
  390.  
  391. <ti><a href="{URL}" {Target}>{Name}</a></ti>
  392.  
  393. {block:Description}{Description}{/block:Description}
  394. {/block:Link}
  395.  
  396. {block:Chat}
  397. {block:Title}<ti>{Title}</ti>{/block:Title}
  398. {block:Lines}
  399. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  400. {/block:Lines}</p>
  401. {/block:Chat}
  402.  
  403. {block:Audio}
  404. <div id="player">
  405. {AudioPlayerWhite}
  406. </div>
  407. <div id="albumart">
  408. {block:AlbumArt}
  409. <img src="{AlbumArtURL}" width="125">{/block:AlbumArt}
  410. </div>
  411. <div id="albumst">
  412. {block:TrackName}
  413. <div class="albumc">
  414. Track: {TrackName}
  415. </div>
  416. {/block:TrackName}
  417. {block:Artist}
  418. <div class="albumc">
  419. Artist: {Artist}
  420. </div>
  421. {/block:Artist}
  422. <div class="albumc">
  423. Play count: {PlayCount}
  424. </div>
  425. </div>
  426. {block:Caption}{Caption}{/block:Caption}
  427. {/block:Audio}
  428.  
  429. {block:Video}
  430. {block:if250pxposts}
  431. {Video-250}
  432. {/block:if250pxposts}
  433. {block:if400pxposts}
  434. {Video-400}
  435. {/block:if400pxposts}
  436. {block:if500pxposts}
  437. {Video-500}
  438. {/block:if500pxposts}
  439. {block:Caption}{Caption}{/block:Caption}
  440. {/block:Video}
  441.  
  442. {block:Answer}
  443. <i>{Asker}: {Question}</i><br>{Answer}
  444. {/block:Answer}
  445.  
  446. {block:IndexPage}
  447. <div id="permalink">
  448. {block:Date}
  449. <a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear}</a>
  450. {/block:Date}
  451. {block:NoteCount}
  452. - <a href="{Permalink}"
  453. title="{block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}">
  454. {NoteCountWithLabel}</a>
  455. {/block:NoteCount}
  456. {block:Date}
  457. - <a href="{ReblogURL}">reblog</a>
  458. {/block:Date}
  459. </div>
  460. {/block:IndexPage}
  461.  
  462. {block:PermalinkPage}
  463. <div id="permalink1">
  464. {block:Date}
  465. {MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} -
  466. {/block:Date}
  467. {block:NoteCount}
  468. {NoteCountWithLabel}
  469. {/block:NoteCount}
  470. {block:Date}
  471. - <a href="{ReblogURL}">reblog</a>
  472. {/block:Date}</br>
  473. {block:HasTags}
  474. TAGS: {block:Tags}<a href="/tagged/{Tag}">{Tag};</a>{/block:Tags}
  475. {/block:HasTags}
  476. </div>
  477. {/block:PermalinkPage}
  478.  
  479. <div id="notes">
  480. {block:PostNotes}
  481. {PostNotes}
  482. {/block:PostNotes}
  483. </div>
  484.  
  485. </div>
  486.  
  487. {/block:Posts}
  488.  
  489. <!-- HIDE SOURCE/VIA CODE CREDIT: http://clcrk-tutorials.tumblr.com/post/47884866110/hide-via-and-source-on-tumblr-post -->
  490.  
  491. {block:NoRebloggedFrom}
  492. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  493. {/block:NoRebloggedFrom}
  494.  
  495. {block:ContentSource}{SourceURL}
  496. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  497. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  498. {/block:ContentSource}
  499.  
  500. </div>
  501.  
  502.  
  503.  
  504. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!