Advertisement
atomic_ocean

Untitled

Feb 22nd, 2014
74
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 a {
  83. text-decoration:none;
  84. color:#666;
  85. }
  86.  
  87. #nav a:hover {
  88. text-decoration:none;
  89. color:#fff;
  90. background:#000;
  91. }
  92.  
  93. #header a {
  94. text-decoration:none;
  95. }
  96.  
  97. #header a:hover {
  98. text-decoration:none;
  99. background:transparent;
  100. }
  101.  
  102.  
  103. #content {
  104. width:510px;
  105. margin-top:20px;
  106. float:right;
  107. padding-left:15px;
  108. padding-right:5px;
  109. {block:ifBackgroundImage}
  110. background: rgba(255,255,255,1);
  111. {/block:ifBackgroundImage}
  112.  
  113. }
  114.  
  115. #content a {
  116. color:{color:Link};
  117. }
  118.  
  119. #content a:hover {
  120. color:#fff;
  121. background:#000;
  122. text-decoration:none;
  123. }
  124.  
  125. #posts {
  126. margin-bottom:10px;
  127. }
  128.  
  129.  
  130. .quote {
  131. font-size:16px;
  132. font-style:italic;
  133. }
  134.  
  135. .link {
  136. margin:5px;
  137. font-size:16px;
  138. }
  139.  
  140. #goto {
  141. font-size:10px;
  142. text-transform: uppercase;
  143. letter-spacing:1px;
  144. color:#666;
  145. margin-bottom:20px;
  146. }
  147.  
  148. #goto a {
  149. text-decoration:none;
  150. color:#666;
  151. text-transform: uppercase;
  152. }
  153.  
  154. h3 {
  155. font-size:18px;
  156. font-weight:normal;
  157. }
  158.  
  159. .audio img {
  160. width:250px;
  161. }
  162.  
  163. .photo img {
  164. width:500px;
  165. }
  166.  
  167. #audioplayer{width:250px;background-color:#000;}
  168.  
  169. #source {
  170. font-size:10px;
  171. }
  172.  
  173. #answer {
  174. float:left;
  175. }
  176.  
  177. #footer {
  178. margin-bottom:40px;
  179. }
  180.  
  181.  
  182.  
  183.  
  184. </style>
  185.  
  186. <!-- STREAMPAD V2 @ jduthemes.tumblr.com -->
  187.  
  188. <meta name="color:SP Player Colour" content="" />
  189. <meta name="color:SP Progress Buffer Colour" content="" />
  190. <meta name="color:SP Progress Song Colour" content="" />
  191. <meta name="color:SP Text Colour" content="" />
  192.  
  193. <meta name="if:SP Enable Autoplay" content="0" />
  194. <meta name="if:SP Enable Cross Page Playback" content="1" />
  195. <meta name="if:SP Enable ID3 Audio Captions" content="1" />
  196. <meta name="if:SP Enable Shuffle" content="0" />
  197. <meta name="if:SP Enable Transparency" content="0" />
  198. <meta name="if:SP Show Click To Play Button" content="0" />
  199. <meta name="if:SP Show Fullscreen Button" content="0" />
  200. <meta name="if:SP Show Playlist Menu" content="1" />
  201. <meta name="if:SP Show Playlist On Play" content="0" />
  202. <meta name="if:SP Show Plays Counter" content="1" />
  203. <meta name="if:SP Show Popout Button" content="1" />
  204. <meta name="if:SP Show Profile Button" content="0" />
  205. <meta name="if:SP Show Repeat Button" content="1" />
  206. <meta name="if:SP Show Shuffle Button" content="1" />
  207. <meta name="if:SP Show Volume Controls" content="1" />
  208.  
  209. <meta name="select:SP Buttons Colour" content="white-gray" />
  210. <meta name="select:SP Buttons Colour" content="white-black" />
  211. <meta name="select:SP Buttons Colour" content="black-gray" />
  212. <meta name="select:SP Buttons Colour" content="black-white" />
  213. <meta name="select:SP Buttons Colour" content="blue-white" />
  214.  
  215. <meta name="text:SP API Blog URL" content="" />
  216. <meta name="text:SP Click To Play Text" content="" />
  217. <meta name="text:SP Dont Play Songs Tagged" content=""/>
  218. <meta name="text:SP Play Songs Tagged" content=""/>
  219. <meta name="text:SP Playlist Menu Height" content="" />
  220.  
  221. <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>
  222.  
  223. <script type="text/javascript" src="http://static.tumblr.com/ujjnqse/TOtmsa09k/streampad.v2.js"></script>
  224.  
  225.  
  226. </head>
  227. <body>
  228.  
  229. <div class="all">
  230.  
  231. <div id="nav">
  232.  
  233. <div id="header">
  234.  
  235. {block:IfHeaderImage}<a href="/"><img src="{image:Header}"/></a> {/block:IfHeaderImage}
  236.  
  237.  
  238. {block:IfNotHeaderImage}<a href="/"> <h1>{Title}</h1> </a>{/block:IfNotHeaderImage}
  239. </div>
  240.  
  241.  
  242.  
  243. {block:Description}
  244. <p id="description">{Description}</p>
  245. {/block:Description}
  246.  
  247.  
  248.  
  249. <li><a href="/ask" title="ask">ask</a></li>
  250.  
  251. <li><a href="/archive">archive</a></li>
  252.  
  253.  
  254. {block:HasPages}
  255. {block:Pages}
  256. <li>
  257. <a href="{URL}" class="page">{Label}</a>
  258. </li>
  259. {/block:Pages}
  260. {/block:HasPages}
  261.  
  262.  
  263. </div>
  264.  
  265. <div id="content">
  266.  
  267. <div id="posts">
  268. {block:Posts}
  269.  
  270. {block:Text}
  271. <div class="post text">
  272. {block:Title}
  273. <h3>{Title}</h3>
  274. {/block:Title}
  275.  
  276. {Body}
  277.  
  278. <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>
  279.  
  280. </div>
  281. {/block:Text}
  282.  
  283. {block:Photo}
  284. <div class="post photo">
  285. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  286.  
  287. {block:Caption}
  288. <div class="caption">{Caption}</div>
  289. {/block:Caption}
  290. <div class id="goto">
  291. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  292.  
  293. </div>
  294. {/block:Photo}
  295.  
  296. {block:Panorama}
  297. <div class="post panorama">
  298. {LinkOpenTag}
  299. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  300. {LinkCloseTag}
  301.  
  302. {block:Caption}
  303. <div class="caption">{Caption}</div>
  304. {/block:Caption}
  305. <div id="goto">
  306.  
  307. <div class id="goto">
  308. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  309.  
  310. </div>
  311. {/block:Panorama}
  312.  
  313. {block:Photoset}
  314. <div class="post photoset">
  315. {Photoset-500}
  316.  
  317. {block:Caption}
  318. <div class="caption">{Caption}</div>
  319. {/block:Caption}
  320. <div class id="goto">
  321. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  322.  
  323. </div>
  324. {/block:Photoset}
  325.  
  326. {block:Quote}
  327. <div class="post quote">
  328. "{Quote}"
  329.  
  330. {block:Source}
  331. <div class="source">{Source}</div>
  332. {/block:Source}
  333.  
  334. <div class id="goto">
  335. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  336.  
  337. </div>
  338. {/block:Quote}
  339.  
  340. {block:Link}
  341. <div class="post link">
  342. → <a href="→{URL}" class="link" {Target}>{Name}</a>
  343.  
  344. {block:Description}
  345. <div class="description">{Description}</div>
  346. {/block:Description}
  347.  
  348. <div class id="goto">
  349. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  350.  
  351. </div>
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. <div class="post chat">
  356. {block:Title}
  357. <h3><a href="{Permalink}">{Title}</a></h3>
  358. {/block:Title}
  359.  
  360. <ul class="chat">
  361. {block:Lines}
  362. <li class="{Alt} user_{UserNumber}">
  363. {block:Label}
  364. <span class="label">{Label}</span>
  365. {/block:Label}
  366.  
  367. {Line}
  368. </li>
  369. {/block:Lines}
  370. </ul>
  371.  
  372.  
  373. <div class id="goto">
  374. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  375.  
  376. </div>
  377. {/block:Chat}
  378.  
  379. {block:Video}
  380. <div class="post video">
  381. {Video-500}
  382.  
  383. {block:Caption}
  384. <div class="caption">{Caption}</div>
  385. {/block:Caption}
  386. <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>
  387.  
  388. </div>
  389. {/block:Video}
  390.  
  391. {block:Audio}
  392. <div class="post audio">
  393.  
  394. {block:AlbumArt}
  395. <img src="{AlbumArtURL}" id="albumart">
  396. {/block:AlbumArt}
  397. <div id="audioplayer">{AudioPlayerBlack}</div>
  398.  
  399. {block:Caption}
  400. <div class="caption">{Caption}</div>
  401. {/block:Caption}
  402.  
  403. <div class id="goto">
  404. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  405.  
  406. </div>
  407. {/block:Audio}
  408.  
  409. {block:Answer}
  410.  
  411. <div class="answer">
  412.  
  413. <div class="question">
  414. <img src="{AskerPortraitURL-30}"> {Asker}: {Question}
  415. <br>
  416. {Answer}
  417.  
  418. <div class id="goto">
  419. <a href="{Permalink}">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:Date} / {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="blank" title="Reblog This Post">Reblog</a></div>
  420.  
  421.  
  422.  
  423.  
  424. {/block:Answer}
  425.  
  426. {block:PermalinkPage}
  427. <div>
  428.  
  429. {block:HasTags}
  430. {block:Tags}
  431. <a href="{TagURLChrono}">#{Tag} </a>
  432. {/block:Tags}
  433. {/block:HasTags}
  434.  
  435.  
  436. {block:PostNotes}
  437. {NoteCountWithLabel}</li>
  438. {PostNotes-16}
  439. {/block:PostNotes}
  440. </div>
  441. {/block:PermalinkPage}
  442.  
  443.  
  444.  
  445.  
  446. {/block:Posts}
  447.  
  448. <p id="footer">
  449. {block:Pagination}
  450. {block:PreviousPage}
  451. <a href="{PreviousPage}">Last</a>
  452. {/block:PreviousPage}
  453.  
  454. {block:JumpPagination length="5"}
  455. {block:CurrentPage}
  456. <span class="current_page">{PageNumber}</span>
  457. {/block:CurrentPage}
  458. {block:JumpPage}
  459. <a class="jump_page" href="{URL}">{PageNumber}</a>
  460. {/block:JumpPage}
  461. {/block:JumpPagination}
  462.  
  463. {block:NextPage}
  464. <a href="{NextPage}">Next</a>
  465. {/block:NextPage}
  466. {/block:Pagination}
  467. </p>
  468.  
  469. </div>
  470. </body>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement