Advertisement
atomic_ocean

Untitled

Feb 22nd, 2014
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. This is "simple" a tumblr-theme by Andreas Hirsch
  3. http://atomicocean.tumblr.com/
  4. -->
  5. <html>
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:background" content="#fff"/>
  15. <meta name="text:font size" content="12px"/>
  16. <meta name="font:body" content="courier new"/>
  17. <meta name="color:Text" content="#666"/>
  18. <meta name="color:Link" content="#666"/>
  19. <meta name="image:Header" content=""/>
  20. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  21. <meta name="if:Fixed background image" content="0" />
  22.  
  23. <meta name="if:Stretched background image" content="0" />
  24.  
  25. <style type="text/css">
  26.  
  27. body{
  28. position:absolute top:0px left:0px;
  29. margin: 0 0 0 0;
  30. background:{color:background};
  31. font-family:{font:body};
  32. font-size:{text:font size};
  33. font-color:{color:Text};
  34.  
  35. {block:ifBackgroundImage}background-image:url('{image:Background}');
  36. {/block:ifBackgroundImage}
  37. {block:ifNotStretchedBackgroundImage}background-repeat:repeat;
  38. {block:ifFixedBackgroundImage}background-attachment:fixed;{/block:ifFixedBackgroundImage}
  39. {/block:ifNotStretchedBackgroundImage}
  40. {block:ifStretchedBackgroundImage}background-attachment:fixed;background-size:100% 100%;{/block:ifStretchedBackgroundImage}}
  41. {/block:ifBackgroundImage}
  42. }
  43.  
  44. h1 {
  45. font-size:26px;
  46. font-weight:normal;
  47.  
  48. }
  49.  
  50. ol {
  51. list-style-type:none;
  52. }
  53.  
  54. ul {
  55. list-style-type:none;
  56. }
  57.  
  58. li {
  59. list-style-type:none;
  60. }
  61.  
  62. .all {
  63. width:760px;
  64. margin-left:auto;
  65. margin-right:auto;
  66.  
  67. }
  68.  
  69. #nav {
  70. margin: 0 0 0 0;
  71. width:200px;
  72. height:100%;
  73. position:fixed;top:0px:left:0px;
  74. padding:15px;
  75. text-align:right;
  76. border-right: 1px dotted #ccc;
  77. {block:ifBackgroundImage}
  78. background: rgba(255,255,255,1);
  79. {/block:ifBackgroundImage}
  80. }
  81.  
  82. #nav img {
  83. width:100%;
  84. }
  85.  
  86. #nav a {
  87. text-decoration:none;
  88. color:#666;
  89. }
  90.  
  91. #nav a:hover {
  92. text-decoration:none;
  93. color:#fff;
  94. background:#000;
  95. }
  96.  
  97. #header a {
  98. text-decoration:none;
  99. }
  100.  
  101. #header a:hover {
  102. text-decoration:none;
  103. background:transparent;
  104. }
  105.  
  106.  
  107. #content {
  108. width:510px;
  109. margin-top:20px;
  110. float:right;
  111. padding-left:15px;
  112. padding-right:5px;
  113. {block:ifBackgroundImage}
  114. background: rgba(255,255,255,1);
  115. {/block:ifBackgroundImage}
  116.  
  117. }
  118.  
  119. #content a {
  120. color:{color:Link};
  121. }
  122.  
  123. #content a:hover {
  124. color:#fff;
  125. background:#000;
  126. text-decoration:none;
  127. }
  128.  
  129. #posts {
  130. margin-bottom:10px;
  131. }
  132.  
  133.  
  134. .quote {
  135. font-size:16px;
  136. font-style:italic;
  137. }
  138.  
  139. .link {
  140. margin:5px;
  141. font-size:16px;
  142. }
  143.  
  144. #goto {
  145. font-size:10px;
  146. text-transform: uppercase;
  147. letter-spacing:1px;
  148. color:#666;
  149. margin-bottom:20px;
  150. }
  151.  
  152. #goto a {
  153. text-decoration:none;
  154. color:#666;
  155. text-transform: uppercase;
  156. }
  157.  
  158. h3 {
  159. font-size:18px;
  160. font-weight:normal;
  161. }
  162.  
  163. .audio img {
  164. width:250px;
  165. }
  166.  
  167. .photo img {
  168. width:500px;
  169. }
  170.  
  171. #audioplayer{width:250px;background-color:#000;}
  172.  
  173. #source {
  174. font-size:10px;
  175. }
  176.  
  177. #answer {
  178. float:left;
  179. }
  180.  
  181. #footer {
  182. margin-bottom:40px;
  183. }
  184.  
  185.  
  186.  
  187.  
  188. </style>
  189.  
  190. <!-- STREAMPAD V2 @ jduthemes.tumblr.com -->
  191.  
  192. <meta name="color:SP Player Colour" content="" />
  193. <meta name="color:SP Progress Buffer Colour" content="" />
  194. <meta name="color:SP Progress Song Colour" content="" />
  195. <meta name="color:SP Text Colour" content="" />
  196.  
  197. <meta name="if:SP Enable Autoplay" content="0" />
  198. <meta name="if:SP Enable Cross Page Playback" content="1" />
  199. <meta name="if:SP Enable ID3 Audio Captions" content="1" />
  200. <meta name="if:SP Enable Shuffle" content="0" />
  201. <meta name="if:SP Enable Transparency" content="0" />
  202. <meta name="if:SP Show Click To Play Button" content="0" />
  203. <meta name="if:SP Show Fullscreen Button" content="0" />
  204. <meta name="if:SP Show Playlist Menu" content="1" />
  205. <meta name="if:SP Show Playlist On Play" content="0" />
  206. <meta name="if:SP Show Plays Counter" content="1" />
  207. <meta name="if:SP Show Popout Button" content="1" />
  208. <meta name="if:SP Show Profile Button" content="0" />
  209. <meta name="if:SP Show Repeat Button" content="1" />
  210. <meta name="if:SP Show Shuffle Button" content="1" />
  211. <meta name="if:SP Show Volume Controls" content="1" />
  212.  
  213. <meta name="select:SP Buttons Colour" content="white-gray" />
  214. <meta name="select:SP Buttons Colour" content="white-black" />
  215. <meta name="select:SP Buttons Colour" content="black-gray" />
  216. <meta name="select:SP Buttons Colour" content="black-white" />
  217. <meta name="select:SP Buttons Colour" content="blue-white" />
  218.  
  219. <meta name="text:SP API Blog URL" content="" />
  220. <meta name="text:SP Click To Play Text" content="" />
  221. <meta name="text:SP Dont Play Songs Tagged" content=""/>
  222. <meta name="text:SP Play Songs Tagged" content=""/>
  223. <meta name="text:SP Playlist Menu Height" content="" />
  224.  
  225. <script type="text/javascript">SPbgcolor="{color:SP Player Colour}";SPtrackcolor="{color:SP Text Colour}";SPclicktext="{block:IfSPClickToPlayText}{text:SP Click To Play Text}{/block:IfSPClickToPlayText}";SPclickimg="{block:IfSPShowClickToPlayButton}true{/block:IfSPShowClickToPlayButton}{block:IfNotSPShowClickToPlayButton}false{/block:IfNotSPShowClickToPlayButton}";SPautoplay="{block:IfSPEnableAutoplay}true{/block:IfSPEnableAutoplay}{block:IfNotSPEnableAutoplay}false{/block:IfNotSPEnableAutoplay}";SPshowpop="{block:IfSPShowPopoutButton}true{/block:IfSPShowPopoutButton}{block:IfNotSPShowPopoutButton}false{/block:IfNotSPShowPopoutButton}";SPprogressfrontcolor="{color:SP Progress Song Colour}";SPprogressbackcolor="{color:SP Progress Buffer Colour}";SPshowplaylistbutton="{block:IfSPShowPlaylistMenu}true{/block:IfSPShowPlaylistMenu}{block:IfNotSPShowPlaylistMenu}false{/block:IfNotSPShowPlaylistMenu}";SPshowplaylist="{block:IfSPShowPlaylistOnPlay}true{/block:IfSPShowPlaylistOnPlay}{block:IfNotSPShowPlaylistOnPlay}false{/block:IfNotSPShowPlaylistOnPlay}";SPdrawersize="{text:SP Playlist Menu Height}";SPshowvolumebutton="{block:IfSPShowVolumeControls}true{/block:IfSPShowVolumeControls}{block:IfNotSPShowVolumeControls}false{/block:IfNotSPShowVolumeControls}";SPbtncolor="{select:SP Buttons Colour}";SPapi="{text:SP API Blog URL}";SPenableshuffle="{block:IfSPEnableShuffle}true{/block:IfSPEnableShuffle}{block:IfNotSPEnableShuffle}false{/block:IfNotSPEnableShuffle}";SPenableid3audiocaptions="{block:IfSPEnableID3AudioCaptions}true{/block:IfSPEnableID3AudioCaptions}{block:IfNotSPEnableID3AudioCaptions}false{/block:IfNotSPEnableID3AudioCaptions}";SPplaysongstagged="{block:IfSPPlaySongsTagged}{text:SP Play Songs Tagged}{/block:IfSPPlaySongsTagged}";SPdontplaysongstagged="{block:IfSPDontPlaySongsTagged}{text:SP Dont Play Songs Tagged}{/block:IfSPDontPlaySongsTagged}";SPshowplayscounter="{block:IfSPShowPlaysCounter}true{/block:IfSPShowPlaysCounter}{block:IfNotSPShowPlaysCounter}false{/block:IfNotSPShowPlaysCounter}";SPshowprofilebutton="{block:IfSPShowProfileButton}true{/block:IfSPShowProfileButton}{block:IfNotSPShowProfileButton}false{/block:IfNotSPShowProfileButton}";SPshowfullscreenbutton="{block:IfSPShowFullscreenButton}true{/block:IfSPShowFullscreenButton}{block:IfNotSPShowFullscreenButton}false{/block:IfNotSPShowFullscreenButton}";SPenabletransparency="{block:IfSPEnableTransparency}true{/block:IfSPEnableTransparency}{block:IfNotSPEnableTransparency}false{/block:IfNotSPEnableTransparency}";SPshowshufflebutton="{block:IfSPShowShuffleButton}true{/block:IfSPShowShuffleButton}{block:IfNotSPShowShuffleButton}false{/block:IfNotSPShowShuffleButton}";SPshowrepeatbutton="{block:IfSPShowRepeatButton}true{/block:IfSPShowRepeatButton}{block:IfNotSPShowRepeatButton}false{/block:IfNotSPShowRepeatButton}";SPenablecrosspageplayback="{block:IfSPEnableCrossPagePlayback}true{/block:IfSPEnableCRossPagePlayback}";</script>
  226.  
  227. <script type="text/javascript" src="http://static.tumblr.com/ujjnqse/TOtmsa09k/streampad.v2.js"></script>
  228.  
  229.  
  230. </head>
  231. <body>
  232.  
  233. <div class="all">
  234.  
  235. <div id="nav">
  236.  
  237. <div id="header">
  238.  
  239. {block:IfHeaderImage}<a href="/"><img src="{image:Header}"/></a> {/block:IfHeaderImage}
  240.  
  241.  
  242. {block:IfNotHeaderImage}<a href="/"> <h1>{Title}</h1> </a>{/block:IfNotHeaderImage}
  243. </div>
  244.  
  245.  
  246.  
  247. {block:Description}
  248. <p id="description">{Description}</p>
  249. {/block:Description}
  250.  
  251.  
  252.  
  253. <li><a href="/ask" title="ask">ask</a></li>
  254.  
  255. <li><a href="/archive">archive</a></li>
  256.  
  257.  
  258. {block:HasPages}
  259. {block:Pages}
  260. <li>
  261. <a href="{URL}" class="page">{Label}</a>
  262. </li>
  263. {/block:Pages}
  264. {/block:HasPages}
  265.  
  266.  
  267. </div>
  268.  
  269. <div id="content">
  270.  
  271. <div id="posts">
  272. {block:Posts}
  273.  
  274. {block:Text}
  275. <div class="post text">
  276. {block:Title}
  277. <h3>{Title}</h3>
  278. {/block:Title}
  279.  
  280. {Body}
  281.  
  282. <div class id="goto"> <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  283.  
  284. </div>
  285. {/block:Text}
  286.  
  287. {block:Photo}
  288. <div class="post photo">
  289. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  290.  
  291. {block:Caption}
  292. <div class="caption">{Caption}</div>
  293. {/block:Caption}
  294. <div class id="goto">
  295. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  296.  
  297. </div>
  298. {/block:Photo}
  299.  
  300. {block:Panorama}
  301. <div class="post panorama">
  302. {LinkOpenTag}
  303. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  304. {LinkCloseTag}
  305.  
  306. {block:Caption}
  307. <div class="caption">{Caption}</div>
  308. {/block:Caption}
  309. <div id="goto">
  310.  
  311. <div class id="goto">
  312. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  313.  
  314. </div>
  315. {/block:Panorama}
  316.  
  317. {block:Photoset}
  318. <div class="post photoset">
  319. {Photoset-500}
  320.  
  321. {block:Caption}
  322. <div class="caption">{Caption}</div>
  323. {/block:Caption}
  324. <div class id="goto">
  325. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  326.  
  327. </div>
  328. {/block:Photoset}
  329.  
  330. {block:Quote}
  331. <div class="post quote">
  332. "{Quote}"
  333.  
  334. {block:Source}
  335. <div class="source">{Source}</div>
  336. {/block:Source}
  337.  
  338. <div class id="goto">
  339. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  340.  
  341. </div>
  342. {/block:Quote}
  343.  
  344. {block:Link}
  345. <div class="post link">
  346. β†’ <a href="β†’{URL}" class="link" {Target}>{Name}</a>
  347.  
  348. {block:Description}
  349. <div class="description">{Description}</div>
  350. {/block:Description}
  351.  
  352. <div class id="goto">
  353. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  354.  
  355. </div>
  356. {/block:Link}
  357.  
  358. {block:Chat}
  359. <div class="post chat">
  360. {block:Title}
  361. <h3><a href="{Permalink}">{Title}</a></h3>
  362. {/block:Title}
  363.  
  364. <ul class="chat">
  365. {block:Lines}
  366. <li class="{Alt} user_{UserNumber}">
  367. {block:Label}
  368. <span class="label">{Label}</span>
  369. {/block:Label}
  370.  
  371. {Line}
  372. </li>
  373. {/block:Lines}
  374. </ul>
  375.  
  376.  
  377. <div class id="goto">
  378. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  379.  
  380. </div>
  381. {/block:Chat}
  382.  
  383. {block:Video}
  384. <div class="post video">
  385. {Video-500}
  386.  
  387. {block:Caption}
  388. <div class="caption">{Caption}</div>
  389. {/block:Caption}
  390. <div class id="goto"> <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  391.  
  392. </div>
  393. {/block:Video}
  394.  
  395. {block:Audio}
  396. <div class="post audio">
  397.  
  398. {block:AlbumArt}
  399. <img src="{AlbumArtURL}" id="albumart">
  400. {/block:AlbumArt}
  401. <div id="audioplayer">{AudioPlayerBlack}</div>
  402.  
  403. {block:Caption}
  404. <div class="caption">{Caption}</div>
  405. {/block:Caption}
  406.  
  407. <div class id="goto">
  408. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  409.  
  410. </div>
  411. {/block:Audio}
  412.  
  413. {block:Answer}
  414.  
  415. <div class="answer">
  416.  
  417. <div class="question">
  418. <img src="{AskerPortraitURL-30}"> {Asker}: {Question}
  419. <br>
  420. {Answer}
  421.  
  422. <div class id="goto">
  423. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  424.  
  425.  
  426.  
  427.  
  428. {/block:Answer}
  429.  
  430. {block:PermalinkPage}
  431. <div>
  432.  
  433. {block:HasTags}
  434. {block:Tags}
  435. <a href="{TagURLChrono}">#{Tag} </a>
  436. {/block:Tags}
  437. {/block:HasTags}
  438.  
  439.  
  440. {block:PostNotes}
  441. {NoteCountWithLabel}</li>
  442. {PostNotes-16}
  443. {/block:PostNotes}
  444. </div>
  445. {/block:PermalinkPage}
  446.  
  447.  
  448.  
  449.  
  450. {/block:Posts}
  451.  
  452. <p id="footer">
  453. {block:Pagination}
  454. {block:PreviousPage}
  455. <a href="{PreviousPage}">Last</a>
  456. {/block:PreviousPage}
  457.  
  458. {block:JumpPagination length="5"}
  459. {block:CurrentPage}
  460. <span class="current_page">{PageNumber}</span>
  461. {/block:CurrentPage}
  462. {block:JumpPage}
  463. <a class="jump_page" href="{URL}">{PageNumber}</a>
  464. {/block:JumpPage}
  465. {/block:JumpPagination}
  466.  
  467. {block:NextPage}
  468. <a href="{NextPage}">Next</a>
  469. {/block:NextPage}
  470. {/block:Pagination}
  471. </p>
  472.  
  473. </div>
  474. </body>
  475. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement