Advertisement
m-orbide

Ocean Theme

Dec 28th, 2012
57,333
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.69 KB | None | 0 0
  1. <!--
  2.  
  3. Theme Ocean by Dayse (m-orbide.tumblr.com).
  4.  
  5. Please, DON'T REMOVE THE CREDITS, RESPECT THIS SIMPLE RULE! I spent a lot of time to do these themes.
  6.  
  7. -->
  8.  
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=EB+Garamond' rel='stylesheet' type='text/css'>
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  14. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $(".description").hide();
  18. $(".about").click(function(){
  19. $('.description').slideToggle("fast");
  20. return true;
  21. });
  22. });
  23. </script>
  24.  
  25. <meta name="color:Background" content="#fff" />
  26. <meta name="color:Text" content="#000" />
  27. <meta name="color:Links" content="#000" />
  28. <meta name="color:Hover" content="#eeecec" />
  29. <meta name="color:Posts" content="#ECECEC" />
  30. <meta name="color:Audio" content="#ECECEC" />
  31. <meta name="color:Text Shadow" content="#fff"/>
  32. <meta name="color:Scroll" content="#000"/>
  33.  
  34. <meta name="if:Ask Link" content="1"/>
  35. <meta name="if:Show Blog Title" content="1"/>
  36. <meta name="if:Reblog Link On Hover" content="1"/>
  37. <meta name="if:Show Sidebar Image" content="0"/>
  38. <meta name="if:Repeat Background" content="1"/>
  39. <meta name="if:Maximised Background Image" content="0"/>
  40. <meta name="if:Top Button" content="1"/>
  41. <meta name="if:Uppercase Title" content="0"/>
  42. <meta name="if:Calibri Font" content="1"/>
  43. <meta name="if:Small Cursor" content="0"/>
  44. <meta name="if:Font Title 2" content="0"/>
  45. <meta name="if:Fade Image" content="0"/>
  46.  
  47. <meta name="font:Body" content="Arial"/>
  48.  
  49. <meta name="text:Custom Online Users Code" content="" />
  50.  
  51. <meta name="image:Background" content=""/>
  52. <meta name="image:Sidebar" content=""/>
  53.  
  54. <meta name="text:Body font size" content="11"/>
  55. <meta name="text:Ask Link Text" content="message"/>
  56. <meta name="text:Custom Link One" content="" />
  57. <meta name="text:Custom Link One Title" content="" />
  58. <meta name="text:Custom Link Two" content="" />
  59. <meta name="text:Custom Link Two Title" content="" />
  60. <meta name="text:Custom Link Three" content="" />
  61. <meta name="text:Custom Link Three Title" content="" />
  62. <meta name="text:Custom Link Four" content="" />
  63. <meta name="text:Custom Link Four Title" content="" />
  64. <meta name="text:Custom Link Five" content="" />
  65. <meta name="text:Custom Link Five Title" content="" />
  66. <meta name="text:Custom Link Six" content="" />
  67. <meta name="text:Custom Link Six Title" content="" />
  68. <meta name="text:Custom Link Seven" content="" />
  69. <meta name="text:Custom Link Seven Title" content="" />
  70. <meta name="text:Custom Link Eight" content="" />
  71. <meta name="text:Custom Link Eight Title" content="" />
  72. <meta name="text:Custom Link Nine" content="" />
  73. <meta name="text:Custom Link Nine Title" content="" />
  74. <meta name="text:Custom Link Ten" content="" />
  75. <meta name="text:Custom Link Ten Title" content="" />
  76. <meta name="text:Custom Link Eleven" content="" />
  77. <meta name="text:Custom Link Eleven Title" content="" />
  78. <meta name="text:Custom Link Twelve" content="" />
  79. <meta name="text:Custom Link Twelve Title" content="" />
  80.  
  81.  
  82. <title>{Title}</title>
  83. <link rel="shortcut icon" href="{Favicon}">
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <title>Untitled Document</title>
  87. <link rel="shortcut icon" href="{Favicon}">
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  89.  
  90. {block:Description}
  91. <meta name="description" content="{MetaDescription}" />
  92. {/block:Description}
  93.  
  94. <style type="text/css">
  95.  
  96. {block:IfFadeImage}
  97. img{
  98. -webkit-transition: opacity 0.8s linear;
  99. opacity: 0.60;
  100. }
  101. img:hover{
  102. -webkit-transition: opacity 0.8s linear;
  103. opacity: 1;
  104. }
  105. {/block:IfFadeImage}
  106.  
  107. ::-webkit-scrollbar-thumb:vertical{
  108. background-color: {color:Scroll};
  109. height: 100px;
  110. -webkit-border-radius: 3px;
  111. }
  112.  
  113. ::-webkit-scrollbar-thumb:horizontal{
  114. background-color: {color:Scroll};
  115. height: 10px;
  116. -webkit-border-radius: 3px;
  117. }
  118.  
  119. ::-webkit-scrollbar{
  120. height: 10px;
  121. width: 8px;
  122. background-color: {color:Background};
  123. }
  124.  
  125. #tumblr_controls{
  126. top: 1px !important;
  127. margin: 0 0 0 0;
  128. right: 0px !important;
  129. position: fixed !important;}
  130.  
  131. {block:IfFadeImage}
  132. iframe#tumblr_controls { right:0px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  133.  
  134. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  135.  
  136. {/block:IfFadeImage}
  137.  
  138.  
  139.  
  140.  
  141. body{
  142. color:{color:Text};
  143. background-color:{color:Background};
  144. background-image:url({image:Background});
  145. background-attachment: fixed;
  146. {block:IfMaximisedBackgroundImage}background-size: 100% 100%;{/block:IfMaximisedBackgroundImage}
  147. {block:IfRepeatBackground}background-repeat:repeat;{block:IfRepeatBackground}
  148. {block:IfNotRepeatBackground}background-repeat:no-repeat;{block:IfNotRepeatBackground}
  149. {block:IfLeftBackground}background-position:left bottom;{/block:IfLeftBackground}
  150. font-size:{text:Body font size}px;
  151. text-align:center;
  152. font-family:{font:Body};
  153. {block:IfCalibriFont}
  154. font-family:calibri, helvetica;
  155. {/block:IfCalibriFont}
  156. line-height:15px;
  157. }
  158. .wrapper{
  159. margin:1px auto;
  160. margin-left: 120px;
  161. }
  162.  
  163. .header{
  164. float: left;
  165. width: 100%;
  166. }
  167.  
  168. .left{
  169. float: left;
  170. margin-right: 20px;
  171. width: 802px;
  172. color:{color:Text};
  173. }
  174.  
  175. p {
  176. margin:0px;
  177. margin-top:0px;
  178. }
  179.  
  180. a:link, a:active, a:visited{
  181. color:{color:Links};
  182. text-decoration: none;
  183. -o-transition-duration: 3s;
  184. -webkit-transition-duration: 3s;
  185. -moz-transition-duration: 3s;
  186. }
  187.  
  188. a:hover {
  189. color:{color:Hover};
  190. -webkit-transition-duration: 0.5s;
  191. -moz-transition-duration: 0.5s;
  192. -o-transition-duration: 0.5s;
  193. -ms-transition-duration: 0.5s;
  194. text-decoration:underline;
  195. text-shadow:0px 0px 10px {color:Text Shadow};
  196. }
  197.  
  198. #info {
  199. padding: 5px;
  200. width: 200px;
  201. margin-left:-6px;
  202. font-family: calibri;
  203. font-size: 11px;
  204. color: {color:Text};
  205. text-align: center;
  206. line-height: 13px;
  207. margin-bottom: 3px;
  208. overflow: auto;
  209. }
  210.  
  211. #navi {
  212. width: 200px;
  213. margin-left: -1px;
  214. text-align: center;
  215. }
  216.  
  217. #navi a {
  218. height: 11px;
  219. padding: 2px;
  220. margin-bottom: 3px;
  221. margin: 0px;
  222. font-family:{font:Body};
  223. font-size: 9px;
  224. color: {color:Links};
  225. text-transform: none;
  226. letter-spacing: 1px;
  227. text-align: center;
  228. line-height: 11px;
  229. text-decoration: none;
  230. }
  231.  
  232. #navi a:hover {
  233. color: {color:Hover};
  234. text-decoration: underline;
  235. }
  236.  
  237. #posts {
  238. width: 830px;
  239. color:{color:Text};
  240. margin-left:310px;
  241. margin-top:-8px;
  242. {block:PermalinkPage}
  243. margin-left:300px;
  244. width: 400px;
  245. {/block:PermalinkPage}
  246. }
  247.  
  248. .entry {
  249. width: 900px;
  250. width:1050px;
  251. margin: 10px;
  252. padding: 2px;
  253. float:left;
  254. margin-right:0px;
  255. margin-bottom:-2px;
  256. line-height:15px;
  257. color:{color:Text};
  258. width:400px;
  259. opacity: 1;
  260. {block:PermalinkPage}
  261. width: 500px;
  262. height: auto;
  263. opacity: 1;
  264. {/block:PermalinkPage}
  265. }
  266.  
  267. .title{
  268. font-family: 'EB Garamond', serif;
  269. {block:ifFontTitle2}
  270. font-family: 'Clicker Script', cursive;
  271. {/block:ifFontTitle2}
  272. font-weight:none;
  273. text-align: center;
  274. padding: 2px;
  275. {block:ifUppercaseTitle}
  276. text-transform:uppercase;
  277. {/block:ifUppercaseTitle}
  278. {block:ifnotUppercaseTitle}
  279. text-transform:none;
  280. {/block:ifnotUppercaseTitle}
  281. margin-top:8px;
  282. line-height: 20px;
  283. margin-bottom:3px;
  284. font-size: 22px;
  285. color:{color:Links};
  286. }
  287.  
  288. .post_title{
  289. font-family:calibri, helvetica;
  290. color:{color:Text};
  291. display:block;
  292. font-size:12px;
  293. line-height:20px;
  294. text-transform:none;
  295. }
  296.  
  297. .link_title{
  298. color:{color:Text};
  299. font-size:12px;
  300. line-height:20px;
  301. text-transform:none;
  302. font-family:calibri, helvetica;
  303. margin-bottom:5px;
  304. }
  305.  
  306. .nav{
  307. position:fixed !important;
  308. width: 200px;
  309. height:100%;
  310. margin-top: 160px;
  311. margin-left: -50px;
  312. padding-left:0px;
  313. padding: 0px;
  314. line-height:11px;
  315. letter-spacing:0px;
  316. margin-bottom: 6px;
  317. }
  318.  
  319. {block:ifReblogLinkOnHover}
  320. .like_and_reblog_buttons {
  321. list-style: none;
  322. position:absolute;
  323. left:20px;
  324. opacity:0;
  325. bottom:10px;
  326. -webkit-transition: 0.2s;
  327. -webkit-transition: 0.2s;
  328. -moz-transition: 0.2s;
  329. transition: 0.2s;}
  330.  
  331. .entry:hover .like_and_reblog_buttons{
  332. opacity:0.9;
  333. -webkit-transition: 0.2s;
  334. -webkit-transition: 0.2s;
  335. -moz-transition: 0.2s;
  336. transition: 0.2s;}
  337.  
  338. .like_and_reblog_buttons li{
  339. float: left;
  340. margin: 0 0 0 -15px;
  341. padding: 5px;}
  342.  
  343. .like_and_reblog_buttons li:first-child {
  344. margin-left:-40px;}
  345.  
  346. {/block:ifReblogLinkOnHover}
  347.  
  348.  
  349.  
  350. .permalink{
  351. text-transform:none;
  352. text-align:right;
  353. font-family: calibri;
  354. color:{color:Links};
  355. isplay:inline-block;
  356. margin-right:5px;
  357. padding:0px;
  358. height:6px;
  359. opacity: 0;
  360. filter: alpha(opacity = 0);
  361. -moz-transition: all 0.4s;
  362. -webkit-transition: all 0.4s;
  363. -o-transition: all 0.4s;
  364. transition: all 0.4;
  365. }
  366.  
  367. div#entry:hover .permalink{
  368. margin-top: -2px;
  369. opacity: 1;
  370. filter: alpha(opacity = 100);
  371. -moz-transition: all 0.4s;
  372. -webkit-transition: all 0.4s;
  373. -o-transition: all 0.4s;
  374. transition: all 0.4;
  375. }
  376.  
  377. .quote{
  378. font-size:{text:Body font size}px;
  379. {block:IfCalibriFont}
  380. font-family:calibri, helvetica;
  381. {/block:IfCalibriFont}
  382. line-height:14px;
  383. text-transform:none;
  384. margin-bottom:-2px;
  385. color:{color:Text};
  386. {block:IfnotCalibriFont}
  387. font-family:{font:Body};
  388. {/block:IfnotCalibriFont}
  389. }
  390.  
  391. .audio{
  392. {block:IndexPage}
  393. width:400px;
  394. {/block:IndexPage}
  395. {block:PermalinkPage}
  396. width:488px;
  397. {/block:PermalinkPage}
  398. background-color:#fff;
  399. padding:5px;
  400. margin-bottom:4px;
  401. border-left:1px solid;
  402. border-right:1px solid;
  403. border-color:{color:Audio};
  404. }
  405.  
  406. .audiocap, .videocap{
  407. background-color:{color:Audio};
  408. display:block;
  409. padding:10px;
  410. }
  411.  
  412. .albumart, .albumart img{
  413. {block:IndexPage}
  414. width:400px;
  415. {/block:IndexPage}
  416. {block:PermalinkPage}
  417. width:500px;
  418. {/block:PermalinkPage}
  419. }
  420.  
  421. div.video embed,
  422. div.post div.video object {
  423. {block:IndexPage}
  424. width:250px !important;
  425. height:150px !important;
  426. {/block:IndexPage}
  427. {block:PermalinkPage}
  428. width:500px !important;
  429. height:400px !important;
  430. {/block:PermalinkPage}
  431. }
  432.  
  433. .question{
  434. font-weight:normal;
  435. margin-bottom:5px;
  436. {block:IfCalibriFont}
  437. font-family:calibri, helvetica;
  438. {/block:IfCalibriFont}
  439. font-size:11px;
  440. line-height:15px;
  441. display:block;
  442. color:{color:Text};
  443. text-transform:none;
  444. }
  445.  
  446. .caption{
  447. margin-top:5px;
  448. margin-bottom:5px;
  449. {block:IfCalibriFont}
  450. font-family:calibri, helvetica;
  451. {/block:IfCalibriFont}
  452. color:{color:Text};
  453. }
  454.  
  455. {block:ifSmallCursor}
  456. body, a:hover {cursor: url(http://static.tumblr.com/i8axhtw/359marh29/smallcursor.png), auto !important;}
  457. {/block:ifSmallCursor}
  458.  
  459. .bordaht {
  460. -webkit-border-radius: 20px;
  461. -moz-border-radius: 20px;
  462. border-radius: 20px;
  463. }
  464.  
  465. .h1 {font-family: 'Clicker Script', cursive;
  466. }
  467.  
  468.  
  469.  
  470. </style>
  471.  
  472. {block:ifTopButton}
  473. <script>
  474. //** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  475. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  476. //** v1.1 (April 7th, 10'):
  477. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  478. //** 2) Fixes scroll animation not working in Opera.
  479. var scrolltotop={
  480. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  481. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  482. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  483. controlHTML: '<div style="color: {color:Text};">TOP</div>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  484. controlattrs: {offsetx:35, offsety:60}, //offset of control relative to right/ bottom of window corner
  485. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  486. state: {isvisible:false, shouldvisible:false},
  487. scrollup:function(){
  488. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  489. this.$control.css({opacity:0}) //hide control immediately after clicking it
  490. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  491. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  492. dest=jQuery('#'+dest).offset().top
  493. else
  494. dest=0
  495. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  496. },
  497. keepfixed:function(){
  498. var $window=jQuery(window)
  499. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  500. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  501. this.$control.css({left:controlx+'px', top:controly+'px'})
  502.  
  503. },
  504.  
  505. togglecontrol:function(){
  506. var scrolltop=jQuery(window).scrollTop()
  507. if (!this.cssfixedsupport)
  508. this.keepfixed()
  509. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  510. if (this.state.shouldvisible && !this.state.isvisible){
  511. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  512. this.state.isvisible=true
  513. }
  514. else if (this.state.shouldvisible==false && this.state.isvisible){
  515. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  516. this.state.isvisible=false
  517. }
  518.  
  519. },
  520. init:function(){
  521. jQuery(document).ready(function($){
  522. var mainobj=scrolltotop
  523. var iebrws=document.all
  524.  
  525. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  526. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  527. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  528. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  529. .attr({title:'Scroll To Top'})
  530. .click(function(){mainobj.scrollup(); return false})
  531. .appendTo('body')
  532.  
  533. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  534. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  535. mainobj.togglecontrol()
  536.  
  537. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  538. mainobj.scrollup()
  539.  
  540. return false
  541. })
  542.  
  543. $(window).bind('scroll resize', function(e){
  544.  
  545. mainobj.togglecontrol()
  546.  
  547. })
  548.  
  549. })
  550.  
  551. }
  552.  
  553. }
  554.  
  555. scrolltotop.init()
  556. </script>
  557. {/block:ifTopButton}
  558.  
  559. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  560. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  561. </script>
  562. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  563. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  564. <script type="text/javascript">
  565.  
  566. $(window).load(function () {
  567. $('.posts').masonry(),
  568. $('.masonryWrap').infinitescroll({
  569. navSelector : "div#navigation",
  570. // selector for the paged navigation (it will be hidden)
  571. nextSelector : "div#navigation a#nextPage",
  572. // selector for the NEXT link (to page 2)
  573. itemSelector : ".entry",
  574. // selector for all items you'll retrieve
  575. bufferPx : 10000,
  576. extraScrollPx: 11000,
  577. loadingImg : "",
  578. loadingText : "<em></em>",
  579. },
  580. // call masonry as a callback.
  581. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  582. );
  583. });
  584. </script>
  585.  
  586. </head>
  587.  
  588. <body>
  589.  
  590. <div class="wrapper">
  591.  
  592. <div class="nav">
  593. <div class="title"><a href="/">{block:ifshowblogtitle}&nbsp;&nbsp;{Title}{/block:ifshowblogtitle}</a></div>
  594. {block:ifShowSidebarImage}<center><a href="/"><img src="{image:sidebar}" width="200px" target="_blank" style=" {block:ifBorderSidImage}border-width:1px; border-style:solid; border-color:#aaa;{/block:ifBorderSidImage} padding:0px; margin-bottom: 0px; margin-left:-6px;"></a> </center>
  595. {/block:ifShowSidebarImage}
  596.  
  597. <div id="info">
  598. {Description}
  599. </div>
  600.  
  601. <div id="navi">
  602.  
  603. <div style="border-bottom: 1px #999 dotted; padding-bottom:1px;"></div>
  604. <a href="/">home</a>
  605. {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> {/block:ifAskLink}
  606. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle}
  607. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle}
  608. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle}
  609. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}
  610. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a> {/block:ifCustomLinkFiveTitle}
  611. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a> {/block:ifCustomLinkSixTitle}
  612. {block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}">{text:Custom Link Seven Title}</a> {/block:ifCustomLinkSevenTitle}
  613. {block:ifCustomLinkEightTitle}<a href="{text:Custom Link Eight}">{text:Custom Link Eight Title}</a> {/block:ifCustomLinkEightTitle}
  614. {block:ifCustomLinkNineTitle}<a href="{text:Custom Link Nine}">{text:Custom Link Nine Title}</a> {/block:ifCustomLinkNineTitle}
  615. {block:ifCustomLinkTenTitle}<a href="{text:Custom Link Ten}">{text:Custom Link Ten Title}</a> {/block:ifCustomLinkTenTitle}
  616. {block:ifCustomLinkElevenTitle}<a href="{text:Custom Link Eleven}">{text:Custom Link Eleven Title}</a> {/block:ifCustomLinkElevenTitle}
  617. {block:ifCustomLinkTwelveTitle}<a href="{text:Custom Link Twelve}">{text:Custom Link Twelve Title}</a> {/block:ifCustomLinkTwelveTitle}
  618. <a href="http://morbidethemes.tumblr.com/"target="_blank">credit</a>
  619. <div style="border-bottom: 1px #999 dotted; padding-bottom:1px;"></div>
  620.  
  621. <br><br>
  622. {block:ifCustomOnlineUsersCode}{text:Custom Online Users Code}{/block:ifCustomOnlineUsersCode}
  623.  
  624. </div>
  625. </div>
  626. </div>
  627.  
  628. <div class="left">
  629.  
  630. <div id="posts">
  631.  
  632. <div class="posts">
  633.  
  634. {block:Posts}
  635.  
  636. <div class="entry">
  637.  
  638. {block:Text}
  639. <div id="entry"><div style="background-color:{color:Posts};">
  640. <div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  641. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  642. {Body}
  643. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  644. </div></div></div>
  645. {/block:Text}
  646.  
  647. {block:Photo}
  648. <div id="entry">
  649. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  650. <li>{ReblogButton color="white" size="15"}</li>
  651. <li>{LikeButton color="white" size="15"}</li>
  652. </ul>{/block:IndexPage}
  653. {/block:ifReblogLinkOnHover}
  654. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" width="400"></a></a>{LinkCloseTag}{/block:IndexPage}</div>
  655. {block:PermalinkPage}
  656. <div style="background-color:{color:Posts};">
  657. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">
  658. {block:Caption}{Caption}{/block:Caption}
  659. </div></div>
  660. {/block:PermalinkPage}
  661. {/block:Photo}
  662.  
  663. {block:Photoset}
  664. <div id="entry">
  665. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  666. <li>{ReblogButton color="white" size="15"}</li>
  667. <li>{LikeButton color="white" size="15"}</li>
  668. </ul>{/block:IndexPage}
  669. {/block:ifReblogLinkOnHover}
  670. {block:IndexPage}{Photoset-400}{/block:IndexPage}</div>
  671. {block:PermalinkPage}{Photoset-500}
  672. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  673. {/block:Photoset}
  674.  
  675. {block:Quote}
  676. <div id="entry"><div style="background-color:{color:Posts};">
  677. <div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  678. <div class="quote">" {Quote} " </div>
  679. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  680. </div></div></div>
  681. {/block:Quote}
  682.  
  683. {block:Link}
  684. <div id="entry"><div style="background-color:{color:Posts};">
  685. <div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  686. <a href="{URL}"{Target}><span class="link_title"> {Name}</span></a>
  687. {block:Description}<small>{Description}</small>{/block:Description}
  688. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  689. </div></div></div>
  690. {/block:Link}
  691.  
  692. {block:Video}
  693. <div class="video">
  694. <div id="entry">
  695. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  696. <li>{ReblogButton color="white" size="15"}</li>
  697. <li>{LikeButton color="white" size="15"}</li>
  698. </ul>{/block:IndexPage}
  699. {/block:ifReblogLinkOnHover}
  700. {block:IndexPage}{Video-400}{/block:IndexPage}
  701. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  702. </div>
  703. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  704. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  705. </div>
  706. {/block:Video}
  707.  
  708. {block:Chat}
  709. <div id="entry"><div style="background-color:{color:Posts};">
  710. <div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  711. {block:Title}
  712. <div class="ptitle">{Title}</div>
  713. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  714. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  715. </div></div></div>
  716. {/block:Chat}
  717.  
  718. {block:Audio}
  719. {block:AlbumArt}
  720. <div id="entry">
  721. {block:IndexPage}<ul class="like_and_reblog_buttons">
  722. <li>{ReblogButton color="white" size="15"}</li>
  723. <li>{LikeButton color="white" size="15"}</li>
  724. </ul>{/block:IndexPage}
  725. <div class="albumart"><img src="{AlbumArtURL}"></a></div></div>{/block:AlbumArt}
  726. <div class="audio">{AudioPlayerWhite}</div>
  727. {block:PermalinkPage}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  728. {/block:Audio}
  729.  
  730. {block:Answer}
  731. <div id="entry"><div style="background-color:{color:Posts};">
  732. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">
  733. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  734. {Answer}
  735. {block:IndexPage}<div class="permalink">{NoteCountWithLabel} &nbsp; </div>{/block:IndexPage}
  736. </div></div></div>
  737. {/block:Answer}
  738.  
  739. {block:PermalinkPage}
  740. <div style="background-color:{color:Posts};">
  741. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}</div></div>
  742. {/block:PermalinkPage}
  743. {block:PostNotes}{PostNotes}{/block:PostNotes}
  744.  
  745. </div>
  746.  
  747. {/block:Posts}
  748. </div>
  749. </div>
  750.  
  751. {block:IndexPage}
  752. <div class="column navigation" id="navigation">
  753. {block:Pagination}
  754. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  755. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  756. </div>
  757. {/block:IndexPage}
  758.  
  759. <!-- If I see you using one of my themes without this credit, I'll report you. -->
  760. <div style="position:fixed;right:3px;top:28px;">
  761. <a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
  762. </div>
  763.  
  764.  
  765. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement