Advertisement
laughysapphy

theme 05 - abyssal

Oct 31st, 2015
2,720
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.42 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4.  
  5.  
  6. <!--
  7.  
  8. theme o5: abyssal by auri @rustflows ~~
  9. -don't repost or claim as your own
  10. -don't move or remove the credit
  11. base code by anaarthemes
  12. there was originally a 300px and bitxmap option but those got fucking ruined lol
  13. if u find any bugs pls tell me! have a Super Swaggy day
  14.  
  15. -->
  16.  
  17. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  18. <script type="text/javascript">
  19. $(document).ready(function(){
  20. $(".links").hide();
  21. $(".links_title").click(function(){
  22. $(this).next(".links").slideToggle();
  23. }); }); </script>
  24.  
  25.  
  26. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  27. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  28. <link rel="alternate" type="applicaoundedtion/rss+xml" href="{RSS}"/>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Sidebar" content=""/>
  32. <meta name="image:Favicon" content=""/>
  33. <meta name="image:Sidepic" content="" />
  34. <meta name="image:Banner" content="" />
  35.  
  36. <meta name="color:Background" content="#d0f1ff"/>
  37. <meta name="color:Text" content="#000"/>
  38. <meta name="color:Bold" content="#d1d1d1"/>
  39. <meta name="color:Italics" content="#d1d1d1"/>
  40. <meta name="color:Posts" content="#fff"/>
  41. <meta name="color:Sidebar" content="#fff"/>
  42. <meta name="color:Links" content="#8c8c8c"/>
  43. <meta name="color:Links Hover" content="#d1d1d1"/>
  44. <meta name="color:Footer Text" content="#000"/>
  45. <meta name="color:Scrollbar background" content="" />
  46. <meta name="color:Scrollbar" content="" />
  47. <meta name="color:Scrollbar border" content="" />
  48. <meta name="color:Highlight text" content="" />
  49.  
  50. <meta name="text:Click text" content="click" />
  51. <meta name="text:Sidepic bottom" content="0" />
  52. <meta name="text:Sidepic right" content="0" />
  53. <meta name="text:Post opacity" content=".7"/>
  54. <meta name="text:Link 1 url" content="/" />
  55. <meta name="text:Link 2 url" content="/" />
  56. <meta name="text:Link 3 url" content="/" />
  57. <meta name="text:Link 4 url" content="/" />
  58. <meta name="text:Link 5 url" content="/" />
  59. <meta name="text:Link 1 title" content="" />
  60. <meta name="text:Link 2 title" content="" />
  61. <meta name="text:Link 3 title" content="" />
  62. <meta name="text:Link 4 title" content="" />
  63. <meta name="text:Link 5 title" content="" />
  64.  
  65. <meta name="if:Background Cover" content="0"/>
  66. <meta name="if:Shadow" content="0" />
  67. <meta name="if:Solid bg" content="1" />
  68.  
  69. <meta name="if:Link 1" content="" />
  70. <meta name="if:Link 2" content="" />
  71. <meta name="if:Link 3" content="" />
  72. <meta name="if:Link 4" content="" />
  73. <meta name="if:Link 5" content="" />
  74.  
  75. <meta name="select:font" content="arial" title="arial">
  76. <meta name="select:font" content="verdana" title="verdana">
  77. <meta name="select:font" content="consolas" title="consolas">
  78. <meta name="select:font" content="ms gothic" title="ms gothic">
  79. <meta name="select:font" content="trebuchet ms" title="trebuchet ms">
  80. <meta name="select:font" content="courier" title="courier">
  81. <meta name="if:400px" content="0"/>
  82. <meta name="if:250px" content="1"/>
  83. <meta name="select:post bg" content="255, 255, 255" title="white">
  84. <meta name="select:post bg" content="0, 0, 0" title="black">
  85.  
  86. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  87.  
  88. <link rel="shortcut icon" href="{image:Favicon}" />
  89. <style type="text/css">
  90.  
  91. body, a{cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), auto;}
  92.  
  93. a:hover{cursor: url(http://38.media.tumblr.com/tumblr_m2umkfZJpv1qfamg6.gif), auto;}
  94.  
  95. ::-webkit-scrollbar {width: 8px; height: 3px; background: {color:scrollbar background};}
  96. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ;border: 1px solid {color:scrollbar border};}
  97.  
  98. ::selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  99. ::-moz-selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  100. ::-webkit-selection {color: {color:highlight text}; background: rgba(0, 0, 0, 0.0);}
  101.  
  102.  
  103. body {
  104. background-color:{color:Background};
  105. background-image:url('{image:Background}');
  106. {block:ifBackgroundCover}background-size:cover;{/block:ifBackgroundCover}
  107. {block:ifnotBackgroundCover}background-repeat:repeat;{/block:ifnotBackgroundCover}
  108. background-attachment:fixed;
  109. color:{color:Text};
  110. font-size:12px;
  111. line-height:120%;
  112. font-family:{select:font};
  113. word-wrap: break-word;
  114. }
  115.  
  116. a {
  117. color:{color:Links};
  118. text-decoration:none;
  119. border-bottom: 1px dotted;
  120. }
  121.  
  122. a:hover {
  123. border-bottom: none;
  124. color:{color:Links Hover};
  125. transition:all 0.5s ease-in-out;
  126. -o-transition:all 0.5s ease-in-out;
  127. -moz-transition:all 0.5s ease-in-out;
  128. -webkit-transition:all 0.5s ease-in-out;
  129. }
  130.  
  131. b {
  132. color: {color:bold};
  133. }
  134.  
  135. i {
  136. color: {color:italics};
  137. }
  138.  
  139. #container {
  140. position:relative;
  141. width:700px;
  142. margin:50px auto;
  143. }
  144.  
  145. .entries {
  146. {block:ifshadow}box-shadow:rgba(0,0,0,0.1)5px 5px;{/block:ifshadow}
  147. position:relative;
  148. z-index: 3;
  149. {block:if400px}width:400px;{/block:if400px}
  150. {block:if250px}width:250px;{/block:if250px}
  151. padding:10px;
  152. margin:30px 0 30px 200px;
  153. {block:ifsolidbg}background-color:{color:Sidebar};{/block:ifsolidbg}
  154. {block:ifnotsolidbg}background-color: rgba({select:post bg}, {text:post opacity});{/block:ifnotsolidbg}
  155. }
  156.  
  157.  
  158. #info {
  159. position: relative;
  160. font-size: 12px;
  161. top: -2px;
  162. padding: 2px;
  163. }
  164.  
  165. #info a {
  166. border-bottom: none;
  167. }
  168.  
  169. .entries img {
  170. max-width:100%;
  171. }
  172.  
  173. .entries .quote{
  174. font-size:16px;
  175. line-height:120%;
  176. text-align:left;
  177. }
  178.  
  179. .entries .title{
  180. position: relative;
  181. font-size:16px;
  182. font-weight: bold;
  183. padding: 3px;
  184. }
  185.  
  186. .entries .link{
  187. font-size:16px;
  188. font-weight: bold;
  189. }
  190.  
  191. .entries .ask{
  192. padding: 3px;
  193. color:{color:footer text};
  194. }
  195.  
  196. .playerbuttonbg {
  197. position: absolute;
  198. left: 20px;
  199. top: 20px;
  200. width: 19px;
  201. height: 19px;
  202. background-color: {color:posts};
  203. padding: 10px;
  204. -webkit-border-radius: 40px;
  205. -moz-border-radius: 40px;
  206. border-radius: 40px;
  207. opacity: .4;
  208. filter: alpha(opacity=40);
  209. -moz-opacity: 0.4;
  210. -khtml-opacity: 0.4;
  211. transition: opacity .7s ease-in-out;
  212. -moz-transition: opacity .7s ease-in-out;
  213. -webkit-transition: opacity .7s ease-in-out;
  214. }
  215.  
  216. .playerbuttonbg:hover {
  217. opacity: 1;
  218. filter: alpha(opacity=100);
  219. -moz-opacity: 1;
  220. -khtml-opacity: 1;
  221. }
  222.  
  223. .newplayerbutton {
  224. position: relative;
  225. width: 19px;
  226. height: 19px;
  227. overflow: hidden;
  228. }
  229.  
  230. .playerbuttonhug {
  231. position: absolute;
  232. top: -18px;
  233. left: -7px;
  234. }
  235.  
  236. .tumblr_audio_player {
  237. height: 90px;
  238. width: 270px;
  239. -moz-transform: scale(0.60, 0.60);
  240. -webkit-transform: scale(0.60, 0.60);
  241. -o-transform: scale(0.60, 0.60);
  242. -ms-transform: scale(0.60, 0.60);
  243. transform: scale(0.60, 0.60);
  244. -moz-transform-origin: top left;
  245. -webkit-transform-origin: top left;
  246. -o-transform-origin: top left;
  247. -ms-transform-origin: top left;
  248. transform-origin: top left;
  249. }
  250.  
  251. .audioimgwrapper {
  252. position: absolute;
  253. left: 0px;
  254. top: 0px;
  255. -webkit-border-radius: 40px;
  256. -moz-border-radius: 40px;
  257. border-radius: 40px;
  258. overflow: hidden;
  259. width: 79px;
  260. height: 79px;
  261. }
  262.  
  263. .audioimgwrapper img {
  264. width: 100%;
  265. height: auto;
  266. -webkit-border-radius: 40px;
  267. -moz-border-radius: 40px;
  268. border-radius: 40px;
  269. }
  270.  
  271. .trackdetails {
  272. padding: 3px;
  273. font: {select:font};
  274. font-size: 11px;
  275. color: {color:footer text};
  276. width: auto;
  277. display:inline-block;
  278. margin-left: 90px;
  279. min-height: 85px;
  280. }
  281.  
  282. .audiowrapper {
  283. position: relative;
  284. display:inline-block;
  285. }
  286.  
  287.  
  288. #sidebar{
  289. {block:ifshadow}box-shadow:rgba(0,0,0,0.1)5px 5px;{/block:ifshadow}
  290. position:fixed;
  291. left: {text:sidebar position};
  292. width:150px;
  293. z-index: 3;
  294. margin-top:200px;
  295. margin-left:-80px;
  296. {block:ifsolidbg}background-color:{color:Sidebar};{/block:ifsolidbg}
  297. {block:ifnotsolidbg}background-color: rgba({select:post bg}, {text:post opacity});{/block:ifnotsolidbg}
  298. }
  299.  
  300. .image img{
  301. width:100px;
  302. height:100px;
  303. position: relative;
  304. margin-top: -80px;
  305. }
  306.  
  307.  
  308. .links{
  309. color: {color:links};
  310. font: {select:font};
  311. text-align:left;
  312. position:relative;
  313. padding: 3px;
  314. }
  315.  
  316. .links_title{
  317. border-bottom:none;
  318. font-weight: bold;
  319. }
  320.  
  321.  
  322. #sidebar .description{
  323. text-align:center;
  324. padding:5px;
  325.  
  326. }
  327.  
  328. #footer{
  329. font-size:11px;
  330. padding:2px;
  331. color:{color:Footer Text};
  332. text-align:left;
  333. }
  334.  
  335. #footer a{
  336. color:{color:Footer Links};
  337. text-transform:lowercase;
  338. border-bottom: none;
  339. }
  340.  
  341. #footer a:hover{
  342. color:{color:Footer Links Hover};
  343. transition: all 0.4s ease-in-out;
  344. -o-transition: all 0.4s ease-in-out;
  345. -moz-transition: all 0.4s ease-in-out;
  346. -webkit-transition: all 0.4s ease-in-out;
  347. }
  348.  
  349. .chat li{
  350. padding:2px;
  351. list-style-type:none;
  352. }
  353.  
  354. blockquote{
  355. padding-left:5px;
  356. margin: 10px 0px 10px 10px;
  357. border-left:1px solid {color:links};
  358. }
  359.  
  360. #sidepic {
  361. background: {image:sidepic};
  362. position: fixed;
  363. right: {text:sidepic right}px;
  364. bottom: {text:sidepic bottom}px;
  365. z-index: -20;
  366. opacity: 1.0;
  367. }
  368.  
  369. #pagination {
  370. {block:ifsolidbg}background-color:{color:Sidebar};{/block:ifsolidbg}
  371. {block:ifnotsolidbg}background-color: rgba({select:post bg}, {text:post opacity});{/block:ifnotsolidbg}
  372. text-align: center;
  373. font-size: 10px;
  374. font-family: {select:font};
  375. position: relative;
  376. {block:if400px}left: 380px;{/block:if400px}
  377. {block:if250px}left: 300px;{/block:if250px}
  378. color: {color:links};
  379. width: 60px;
  380. padding: 3px;
  381. z-index: 500;
  382. }
  383.  
  384. #pagination a{
  385. border-bottom: none;
  386. }
  387.  
  388. #credit {
  389. position: fixed;
  390. z-index: 51;
  391. bottom: 5px;
  392. right: 5px;
  393. background: {color:posts};
  394. border: 1px outset {color:footer text};
  395. padding: 2px;
  396. color: {color:links};
  397. }
  398.  
  399. #credit:hover {
  400. border: 1px inset {color:footer text};
  401. transition: all 0.4s ease-in-out;
  402. -o-transition: all 0.4s ease-in-out;
  403. -moz-transition: all 0.4s ease-in-out;
  404. -webkit-transition: all 0.4s ease-in-out;
  405. }
  406.  
  407.  
  408. #banner {
  409. width:100%;
  410. height:200px;
  411. background: url('{image:banner}') top fixed repeat-x;
  412. position:fixed;
  413. left: 0px;
  414. z-index: -999;
  415. margin-top:-120px;
  416. opacity: 0.90;
  417. }
  418.  
  419. .entries .notecontainer {
  420. font-family: {select:font};
  421. font-size: 11px;
  422. color: {color:footer text};
  423. margin-top: 10px;
  424. margin-bottom: -10px;
  425. }
  426.  
  427. .entries .notecontainer a {
  428. color: {color:links};
  429. text-decoration: none;
  430. }
  431.  
  432. .entries .notecontainer a:hover {
  433. color: {color:links hover};
  434. }
  435.  
  436. .entries .notecontainer ol.notes {
  437. padding: 0px 0 10px 0;
  438. list-style-type: none;
  439. font-size: 11px;
  440. }
  441.  
  442. .entries .notecontainer ol.notes li.note {
  443. padding: 10px 10px 0 10px;
  444. }
  445.  
  446. .entries .notecontainer ol.notes li.note img.avatar {
  447. vertical-align: -4px;
  448. margin-right: 10px;
  449. width: 16px;
  450. height: 16px;
  451. }
  452.  
  453. .entries .notecontainer ol.notes li.note span.action {
  454. font-weight: normal;
  455. }
  456.  
  457. .entries .notecontainer ol.notes li.note .answer_content {
  458. font-weight: normal;
  459. }
  460.  
  461. .entries .notecontainer ol.notes li.note blockquote {
  462. border-left: 2px solid {color:footer text};
  463. padding: 4px 10px;
  464. margin: 10px 0px 0px 25px;
  465. }
  466.  
  467. .entries .notecontainer ol.notes li.note blockquote a {
  468. text-decoration: none;
  469. }
  470.  
  471.  
  472. </style>
  473.  
  474. </head>
  475.  
  476. <body>
  477.  
  478. <div id="container">
  479. <div id="banner"></div>
  480. <div id="sidebar">
  481.  
  482. <center>
  483. <div class="image"><img src="{image:Sidebar}"></a></div>
  484.  
  485.  
  486. <div id="sidepic"><img src="{image:sidepic}" /></div>
  487. <div class="description">{Description}</div>
  488.  
  489. <a href="#" class="links_title">- {text:click text} -</a>
  490. <div class="links">
  491. :// <a href="/"> home</a>
  492. <br>:// <a href="/ask">ask</a>
  493. {block:iflink1}<br>:// <a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1}
  494. {block:iflink2}<br>:// <a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2}
  495. {block:iflink3}<br>:// <a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3}
  496. {block:iflink4}<br>:// <a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4}
  497. {block:iflink5}<br>:// <a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5}
  498. </div>
  499.  
  500. </div>
  501.  
  502.  
  503. {block:Posts}
  504. {block:ContentSource}
  505. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  506. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  507. {/block:SourceLogo}
  508. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  509. {/block:ContentSource}
  510.  
  511. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  512. <div class="entries">
  513. <div id="info">
  514. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>
  515. <div style="float:right;"><a href="{Permalink}">{NoteCount}%</a> / <a href="{ReblogURL}">reblog</a></div>
  516. </div>
  517. {block:Text}
  518. {block:Title}<div class="title">{Title}</div>{/block:Title}
  519. {Body}
  520. {/block:Text}
  521.  
  522. {block:Photo}
  523. {block:if400px}<img src="{PhotoURL-400}" width="100%"></a>{/block:if400px}
  524. {block:if250px}<img src="{PhotoURL-250}" width="100%"></a>{/block:if250px}
  525. {block:Caption}{Caption}{/block:Caption}
  526. {/block:Photo}
  527.  
  528. {block:Photoset}
  529. {block:if400px}<img src="{PhotoURL-400}">{Photoset-400}</a>{/block:if400px}
  530. {block:if250px}<img src="{PhotoURL-250}">{Photoset-250}</a>{/block:if250px}
  531.  
  532. {block:Caption}{Caption}{/block:Caption}
  533. {/block:Photoset}
  534.  
  535. {block:Audio}
  536. {block:AudioPlayer}
  537. <div class="audiowrapper">
  538. {block:AlbumArt}
  539. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  540. {/block:AlbumArt}
  541. <div class="playerbuttonbg">
  542. <div class="newplayerbutton">
  543. <div class="playerbuttonhug">
  544. {AudioPlayerWhite}
  545. </div>
  546. </div>
  547. </div>
  548. <div class="trackdetails">
  549. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  550. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  551. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  552. <div style="font-size: 10px;">{PlayCountWithLabel}</div>
  553. </div>
  554. </div>
  555. {/block:AudioPlayer}
  556. {block:Caption}{Caption}{/block:Caption}
  557. {/block:Audio}
  558.  
  559.  
  560. {block:Video}
  561. {block:if400px}{Video-400}{/block:if400px}
  562. {block:if300px}{Video-300}{/block:if300px}
  563. {block:if250px}{Video-250}{/block:if250px}
  564. {block:Caption}{Caption}{/block:Caption}
  565. {/block:Video}
  566.  
  567. {block:Link}
  568. <div class="link">
  569. <a href="{URL}">{Name}</a></div>
  570. {block:Description}{Description}{/block:Description}
  571. {/block:Link}
  572.  
  573. {block:Quote}
  574. <div class="quote">“{Quote}”</div>
  575. <p>
  576. {block:Source} — {Source} {/block:Source}<br>
  577. {/block:Quote}
  578.  
  579. {block:Chat}
  580. <div class="chat" style="margin-bottom:10px;">
  581. {block:Title}<div class="title">{Title}</div>{/block:Title}
  582. {block:Lines}
  583. <li class="{Alt}">
  584. {block:Label}{Label} {/block:Label}
  585. {Line}
  586. {/block:Lines}
  587. </div>
  588. {/block:Chat}
  589.  
  590. {block:Answer}
  591. <div class="ask"><b>{Asker} asked:</b> {Question}</div>
  592. {Answer}
  593. {/block:Answer}
  594.  
  595. {block:Date}
  596. {block:HasTags}
  597. <div id="footer">
  598. <center>{block:Tags}+<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>
  599. {/block:Tags}</center></div>{/block:HasTags}
  600. {/block:Date}
  601.  
  602. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  603.  
  604.  
  605. </div>
  606. {/block:Posts}
  607.  
  608. {block:Pagination}
  609. <div id="pagination">
  610. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  611. </div>{/block:Pagination}
  612.  
  613. </div>
  614.  
  615. </div>
  616.  
  617.  
  618. <!-- dont mess with this part please!! have a nice day -->
  619. <a href="http://aurithemes.tumblr.com/"><div id="credit">theme</div></a>
  620.  
  621. </div>
  622.  
  623.  
  624. </body>
  625. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement