API tools faq
paste
orgasmly

sober theme

orgasmly
Mar 15th, 2015
2,118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.95 KB | None | 0 0
raw download clone embed print report
  1. <!-- *:･ﾟ✧
  2.  
  3. sober theme by orgasmly! please respect my work + keep credit (◕‿◕)
  4.  
  5. *:･ﾟ✧-->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <meta name="color:background" content="#000000"/>
  18. <meta name="color:text" content="#ffffff"/>
  19. <meta name="color:link" content="#ffffff"/>
  20. <meta name="color:hover" content="#ffffff"/>
  21. <meta name="color:border" content="#ffffff"/>
  22. <meta name="color:title" content="#ffffff"/>
  23. <meta name="image:favicon" content=""/>
  24. <meta name="image:background" content=""/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="if:2 columns" content="1"/>
  27. <meta name="if:italic text" content=""/>
  28. <meta name="if:faded images" content=""/>
  29. <meta name="if:italic links" content=""/>
  30. <meta name="if:italic links on hover" content=""/>
  31. <meta name="if:underlined links on hover" content=""/>
  32. <meta name="text:link 1 name" content="">
  33. <meta name="text:link 1 url" content="">
  34. <meta name="text:link 2 name" content="">
  35. <meta name="text:Link 2 url" content="">
  36. <meta name="text:link 3 name" content="">
  37. <meta name="text:link 3 url" content="">
  38. <meta name="text:link 4 name" content="">
  39. <meta name="text:link 4 url" content="">
  40.  
  41. <style type="text/css">
  42.  
  43. ::-webkit-scrollbar-thumb{
  44. background-color: {color:text};
  45. border: 3px solid {color:text};
  46. height:auto;
  47. -moz-border-radius: 10px;
  48. border-radius: 10px;
  49. }
  50.  
  51. body {
  52. background:{color:background};
  53. color:{color:text};
  54. font-family: arial;
  55. font-size:11px;
  56. line-height:100%;
  57. letter-spacing:0px;
  58. {block:ifitalictext}
  59. font-style:italic;
  60. {/block:ifitalictext}
  61. background-image:url('{image:Background}');
  62. }
  63.  
  64. a:link, a:active, a:visited {
  65. color: {color:link};
  66. text-decoration:none;
  67. {block:ifitaliclinks}
  68. font-style:italic;
  69. {/block:ifitaliclinks}
  70. -webkit-transition: all 0.6s ease-out;
  71. moz-transition: all 0.6s ease-out;
  72. o-transition: all 0.6s ease-out;
  73. ransition: all 0.6s ease-out;
  74. }
  75.  
  76. a:hover {
  77. color:{color:hover};
  78. {block:ifitaliclinksonhover}
  79. font-style:italic;
  80. {/block:ifitaliclinksonhover}
  81. -webkit-transition: all 0.55s ease-out;
  82. moz-transition: all 0.3s ease-out;
  83. o-transition: all 0.3s ease-out;
  84. ransition: all 0.6s ease-out;
  85. {block:ifunderlinedlinksonhover}
  86. text-decoration:underline;
  87. {/block:ifunderlinedlinksonhover}
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. .title {
  96. font-family:arial;
  97. font-size: 12px;
  98. line-height: 12px;
  99. color: {color:title};
  100. letter-spacing: 0px;
  101. text-transform:uppercase;
  102. letter-spacing:2px;
  103. }
  104.  
  105. .entry {
  106. padding:10px;
  107. float:left;
  108. display: block;
  109. margin:40px;
  110. {block:indexpage}
  111. border:1px solid {color:border};
  112. {block:if2columns}
  113. width:220px;
  114. {/block:if2columns}
  115. {block:ifnot2columns}
  116. width:350px;
  117. {/block:ifnot2columns}
  118. {/block:indexpage}
  119. {block:PermalinkPage}
  120. width:400px;
  121. {/block:PermalinkPage}
  122. }
  123.  
  124. #posts {
  125. z-index:9;
  126. margin-left:390px;
  127. overflow-y: hidden;
  128. position:relative;
  129. {block:indexpage}
  130. {block:if2columns}
  131. width:700px;
  132. {/block:if2columns}
  133. {block:ifnot2columns}
  134. width:500px;
  135. {/block:ifnot2columns}
  136. {/block:indexpage}
  137. {block:PermalinkPage}
  138. width:400px;
  139. {/block:PermalinkPage}
  140. }
  141.  
  142. #sidebar {
  143. border: 1px solid {color:border};
  144. margin-left:220px;
  145. top:100px;
  146. position:fixed;
  147. width: 140px;
  148. text-align:right;
  149. padding:15px;
  150. height:auto;
  151. background:{color:background};
  152. z-index:999;
  153. }
  154.  
  155. #title {
  156. color:{color:text};
  157. border:1px solid {color:border};
  158. text-align:center;
  159. text-transform:uppercase;
  160. padding:5px;
  161. width:130px;
  162. font-family:arial;
  163. letter-spacing:18px;
  164. margin-bottom:5px;
  165. background:{color:background};
  166. font-size:11px;
  167. -webkit-transition: all 0.5s ease-out;
  168. -moz-transition: all 0.5s ease-out;
  169. transition: all 0.5s ease-out;
  170. }
  171.  
  172. .title:hover {
  173. background:{color:title};
  174. color:{color:hover};
  175. }
  176.  
  177. #sidebarimage img {
  178. background:{color:border};
  179. padding:10px;
  180. width: 120px;
  181. display: block;
  182. margin-bottom:5px;
  183. border:1px solid {color:border};
  184. }
  185.  
  186. .navi {
  187. text-transform:uppercase;
  188. width:131px;
  189. background:{color:border};
  190. text-align:left;
  191. opacity:1;
  192. padding:5px;
  193. -webkit-transition: all 0.4s ease-out;
  194. -moz-transition: all 0.4s ease-out;
  195. transition: all 0.4s ease-out;
  196. }
  197.  
  198. .navi a {
  199. background:{color:background};
  200. color:{color:text};
  201. padding:4px;
  202. display:block;
  203. border:1px solid {color:border};
  204. border-top:1px solid transparent;
  205. -webkit-transition: all 0.4s ease-out;
  206. -moz-transition: all 0.4s ease-out;
  207. transition: all 0.4s ease-out;
  208. }
  209.  
  210.  
  211. .navi a:hover {
  212. background:{color:hover};
  213. color:black;
  214. -webkit-transition: all 0.4s ease-out;
  215. -moz-transition: all 0.4s ease-out;
  216. transition: all 0.4s ease-out;
  217. }
  218.  
  219. .navi a:first-child {
  220. border-top:1px solid {color:border};
  221. }
  222.  
  223. .navi {
  224. margin-top:8px;
  225. }
  226.  
  227. #description {
  228. color:{color:text};
  229. background:{color:background};
  230. width:130px;
  231. margin-top:7px;
  232. padding:5px;
  233. text-align:justify;
  234. height:auto;
  235. -webkit-transition: all 0.5s ease-out;
  236. -moz-transition: all 0.5s ease-out;
  237. transition: all 0.5s ease-out;
  238. }
  239.  
  240. #audio {
  241. width:300px;
  242. height:80px;
  243. padding-bottom:15px;
  244. margin-bottom:-25px;
  245. margin-top:10px;
  246. }
  247.  
  248. .cover {
  249. position:absolute;
  250. z-index:1;
  251. width:60px;
  252. height:60px;
  253. margin-left:8px;
  254. }
  255.  
  256. .cover img {
  257. float:left;
  258. width:60px;
  259. height:65px;
  260. }
  261.  
  262. .playbox {
  263. opacity:0.6;
  264. width:27px;
  265. height:30px;
  266. overflow:hidden;
  267. position:absolute;
  268. z-index:1000;
  269. margin-left:25px;
  270. margin-top:20px;
  271. text-align:center;
  272. }
  273.  
  274. .info {
  275. margin-left:73px;
  276. margin-top:2px;
  277. line-height:12px;
  278. font-size:9px;
  279. letter-spacing:1px;
  280. }
  281.  
  282. #s-m-t-tooltip {
  283. max-width:600px;
  284. background: {color:background};
  285. padding:2px 5px 2px 5px;
  286. box-shadow:3px 3px rgba(0,0,0,.03);
  287. border:1px solid {color:border};
  288. margin:20px;
  289. font-size:9px;
  290. color:{color:link};
  291. z-index:99999999999999;
  292. }
  293.  
  294. .permalink {
  295. text-align:right;
  296. background:{color:border};
  297. color:black;
  298. margin-top:5px;
  299. padding:5px;
  300. }
  301.  
  302. .permalink a{
  303. color:{color:background};
  304. }
  305.  
  306. .grass{
  307. text-align:left;
  308. margin-left:0px;
  309. opacity:1;
  310. margin-left:0px;
  311. float:left;
  312. }
  313.  
  314. .swag {
  315. width:400px;
  316. padding-left:20px;
  317. margin-top:15px;
  318. font-size:1em;
  319. }
  320.  
  321. #penis {
  322. position:fixed;
  323. bottom:0px;
  324. }
  325.  
  326. .pagination {
  327. display: none;
  328. }
  329.  
  330. {CustomCSS}
  331.  
  332. </style>
  333.  
  334. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  335. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  336. <script>
  337. (function($){
  338. $(document).ready(function(){
  339. $("a[title]").style_my_tooltips({
  340. tip_follows_cursor:true,
  341. tip_delay_time:90,
  342. tip_fade_speed:600,
  343. attribute:"title"
  344. });
  345. });
  346. })(jQuery);
  347. </script>
  348.  
  349. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  350.  
  351.  
  352. <title>{Title}</title>
  353.  
  354. <link rel="shortcut icon" href="{Favicon}" />
  355. <meta name="viewport" content="width=820" />
  356.  
  357. </head>
  358. <body>
  359.  
  360. <div id="penis"><a href="http://orgasmly.tumblr.com"><img src="http://i85.photobucket.com/albums/k59/mytsis/SEASONAL%20pixels/cloudd17.gif" style="width:20px"></a></div>
  361.  
  362. <div id="sidebar">
  363.  
  364. <div id="title">{title}</div>
  365.  
  366. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  367.  
  368. <div id="description">{description}</div>
  369.  
  370. <div class="navi">
  371. <a href="{text:link 1 url}"><i class="fa fa-home"></i> {text:link 1 name}</a>
  372. <a href="{text:link 2 url}"><i class="fa fa-comments"></i> {text:link 2 name}</a>
  373. <a href="{text:link 3 url}"><i class="fa fa-cogs"></i> {text:link 3 name}</a>
  374. <a href="{text:link 4 url}"><i class="fa fa-star"></i> {text:link 4 name}</a>
  375. <a href="http://orgasmly.tumblr.com"> <i class="fa fa-code"></i> theme</a>
  376. </div></div>
  377.  
  378. <div id="posts">
  379.  
  380. {block:Posts}
  381. <div class="entry">
  382.  
  383. {block:Text}
  384. {block:Title}
  385. <span class="title">{Title}</span>
  386. {/block:Title}
  387. <span class="body">{Body}</span>
  388. {block:IndexPage}
  389. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  390. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  391. {/block:IndexPage}
  392. {/block:Text}
  393.  
  394. {block:Photo}
  395. {block:IndexPage}
  396. <center>
  397. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  398. {/block:IndexPage}
  399. {block:PermalinkPage}
  400. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  401. {LinkCloseTag}
  402. {/block:PermalinkPage}
  403. {block:IndexPage}
  404. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  405. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  406. {/block:IndexPage}
  407. {/block:Photo}
  408.  
  409. {block:Photoset}
  410. {block:IndexPage}
  411. {Photoset}
  412. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  413. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  414. {/block:IndexPage}
  415. {block:PermalinkPage}
  416. {photoset-400}
  417. {/block:PermalinkPage}
  418. {/block:Photoset}
  419.  
  420. {block:Quote}
  421. <span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}{block:IndexPage}
  422. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  423. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  424. {/block:IndexPage}
  425. {/block:Quote}
  426.  
  427. {block:Link}
  428. <a href="{URL}" class="title">{Name}</a>{block:Description}
  429. <div class="body">{Description}</div>{/block:Description}
  430. {block:IndexPage}
  431. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  432. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  433. {/block:IndexPage}
  434. {block:Link}
  435.  
  436. {block:Chat}
  437. <div class="chat">
  438. {block:Title}{Title}{/block:Title}<br>
  439. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  440. {/block:Label}{/block:Lines}
  441. </div>
  442. {block:IndexPage}
  443. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  444. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  445. {/block:IndexPage}
  446. {/block:Chat}
  447.  
  448. {block:Video}
  449. {block:IndexPage}
  450. <center>
  451. {Video-250}
  452. </center>
  453. <div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  454. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>
  455. {/block:IndexPage}
  456. {block:PermalinkPage}
  457. <center>
  458. {Video-250}
  459. </center>
  460. {/block:PermalinkPage}
  461. {block:Video}
  462.  
  463. {block:Audio}
  464. <div id="audio">
  465. <div class="cover">
  466. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  467. {block:AlbumArt}
  468. <div class="cover"><img src="{AlbumArtURL}"></div>
  469. {/block:AlbumArt}
  470. <div class="playbox">
  471. {block:AudioPlayer}
  472. {AudioPlayerWhite}
  473. {/block:AudioPlayer}
  474. </div>
  475. <div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>{block:indexpage}<div class="permalink"><a href="{Permalink}"><i class="fa fa-gears"></i> {notecount} NOTES</a>
  476. <div class="grass"><a href="{ReblogURL}"><i class="fa fa-repeat"></i> REBLOG</a></div></div>{/block:indexpage}
  477. {/block:Audio}
  478.  
  479. {block:PermalinkPage}
  480. <div class="swag">
  481. {block:Date}{Caption}<i class="fa fa-clock-o"></i> posted {TimeAgo}</br>{/block:Date}
  482.  
  483. {block:NoteCount}<i class="fa fa-comments-o"></i> {NoteCount} notes</br>{/block:NoteCount}
  484.  
  485. {block:RebloggedFrom}<i class="fa fa-repeat"></i> reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a></br>{/block:RebloggedFrom}
  486.  
  487. {block:ContentSource}<i class="fa fa-angle-left"></i> source: <a href="{SourceURL}">{SourceTitle}</a></br>{/block:ContentSource}
  488.  
  489. {block:hastags}<i class="fa fa-tags"></i> {block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}</br>{/block:hastags}
  490. {PostNotes}<div>
  491. {/block:PermalinkPage}
  492.  
  493. <div class="pagination">
  494. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  495. </div>
  496.  
  497. </div>
  498. {/block:Posts}
  499. </div>
  500. </div>
  501.  
  502. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  503.  
  504. <script>
  505. $(function(){
  506. var $container = $('#posts');
  507. $container.imagesLoaded(function(){
  508. $container.masonry({
  509. itemSelector: '.entry',
  510. });
  511. });
  512. $container.infinitescroll({
  513. itemSelector : ".entry",
  514. navSelector : "div.pagination",
  515. nextSelector : ".pagination a#next",
  516. loadingImg : "",
  517. loadingText : "<em></em>",
  518. bufferPx : 10000,
  519. extraScrollPx: 12000,
  520. },
  521. // trigger Masonry as a callback
  522. function( newElements ) {
  523. var $newElems = $( newElements ).css({ opacity: 0 });
  524. // ensure that images load before adding to masonry layout
  525. $newElems.imagesLoaded(function(){
  526. $newElems.animate({ opacity: 1 });
  527. $container.masonry( 'appended', $newElems, true );
  528. });
  529. }
  530. );
  531. });
  532. </script>
  533.  
  534. </body>
  535. </html>
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!