API tools faq
paste
m-orbide

Isolation Theme

m-orbide
Sep 7th, 2012
9,468
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme Isolation 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. <html>
  10. <head>
  11.  
  12. <meta name="color:Background" content="#FFFFFF"/>
  13. <meta name="color:Text" content="#333333"/>
  14. <meta name="color:Border" content="#dddddd"/>
  15. <meta name="color:Link" content="#222222"/>
  16. <meta name="color:Hover" content="#f3f1f1"/>
  17. <meta name="color:Text Shadow" content="#030303"/>
  18. <meta name="color:Title" content="#333333"/>
  19.  
  20. <meta name="text:Ask Link Text" content="message"/>
  21. <meta name="text:Custom Link One" content="" />
  22. <meta name="text:Custom Link One Title" content="" />
  23. <meta name="text:Custom Link Two" content="" />
  24. <meta name="text:Custom Link Two Title" content="" />
  25. <meta name="text:Custom Link Three" content="" />
  26. <meta name="text:Custom Link Three Title" content="" />
  27. <meta name="text:Custom Link Four" content="" />
  28. <meta name="text:Custom Link Four Title" content="" />
  29. <meta name="text:Custom Link Five" content="" />
  30. <meta name="text:Custom Link Five Title" content="" />
  31. <meta name="text:Custom Link Six" content="" />
  32. <meta name="text:Custom Link Six Title" content="" />
  33. <meta name="text:Font Size" content="11" />
  34.  
  35. <meta name="if:Right Background" content="0"/>
  36. <meta name="if:Left Background" content="1"/>
  37. <meta name="if:Repeat Background" content="0"/>
  38. <meta name="if:Maximised BackgroundImage" content="0"/>
  39. <meta name="if:Endless Scrolling" content="1"/>
  40. <meta name="if:Caption" content="0"/>
  41. <meta name="if:Ask Link" content="1"/>
  42. <meta name="if:Mobile Description" content="0"/>
  43.  
  44. <meta name="image:Background" content=""/>
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51.  
  52. <title>{Title}</title>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical{
  58. background-color: {color:Border};
  59. height: 100px;
  60. -webkit-border-radius: 3px;
  61. }
  62.  
  63. ::-webkit-scrollbar-thumb:horizontal{
  64. background-color: {color:Text};
  65. height: 10px;
  66. -webkit-border-radius: 3px;
  67. }
  68.  
  69. ::-webkit-scrollbar{
  70. height: 10px;
  71. width: 8px;
  72. background-color: {color:Background};
  73. }
  74.  
  75. body {
  76. background-color: {color:Background};
  77. text-align:justify;
  78. background-image:url({image:Background});
  79. background-attachment:fixed;
  80. {block:IfMaximisedBackgroundImage}background-size: 100% 100%;{/block:IfMaximisedBackgroundImage}
  81. {block:IfRepeatBackground}background-repeat:repeat;{block:IfRepeatBackground}
  82. {block:IfNotRepeatBackground}background-repeat:no-repeat;{block:IfNotRepeatBackground}
  83. {block:IfRightBackground}background-position:right bottom;{/block:IfRightBackground}
  84. {block:IfLeftBackground}background-position:left bottom;{/block:IfLeftBackground}
  85. font-family: 'baskerville';
  86. font-size: {text:Font Size}px;
  87. line-height: 14px;
  88. color: {color:Text};
  89. }
  90.  
  91. a:link, a:active, a:visited{
  92. text-decoration:none;
  93. display: navigate;
  94. padding:0px;
  95. color:{color:Link};
  96. }
  97.  
  98. a:hover{ color:{color:Hover}; text-decoration:underline;
  99.  
  100. }
  101.  
  102. #content{
  103. background: {color:Background};
  104. padding:10px;
  105. margin:auto;
  106. width:250px;}
  107.  
  108. .title {
  109. margin:-10px 0 0px 0;
  110. font-size:21px;
  111. line-height:28px;
  112. font-family: 'baskerville';
  113. text-align:center;
  114. color:{color:Title};}
  115.  
  116. .nav {
  117. text-align:center;
  118. text-transform:lowercase;
  119. margin-bottom:30px;
  120. margin-top:2px;}
  121.  
  122. .player{
  123. width:250px;
  124. overflow:hidden;
  125. background:#000;
  126. }
  127.  
  128. .quote {
  129. margin-bottom:3px;}
  130.  
  131.  
  132. #entry {
  133. margin-bottom:10px;
  134. width:250px;}
  135.  
  136. .permalink{
  137. text-transform:none;
  138. text-align:center;
  139. color:gray;
  140. position: relative;
  141. margin-top: -19px;
  142. font-size: 9px;
  143. opacity: 0;
  144. filter: alpha(opacity = 0);
  145. -moz-transition: all 0.4s;
  146. -webkit-transition: all 0.4s;
  147. -o-transition: all 0.4s;
  148. transition: all 0.4;
  149. }
  150.  
  151. div#entry:hover .permalink{
  152. margin-top: -5px;
  153. opacity: 1;
  154. filter: alpha(opacity = 100);
  155. -moz-transition: all 0.4s;
  156. -webkit-transition: all 0.4s;
  157. -o-transition: all 0.4s;
  158. transition: all 0.4;
  159. }
  160.  
  161. .pagination
  162. {
  163. margin-bottom:5px;
  164. font-size:8pt;
  165. font-style:normal;
  166. text-align:center;
  167. }
  168.  
  169. .fold {margin-left:8px;
  170. border-color:{color:Background} #ccc #ccc {color:Background};
  171. z-index:1000;
  172. border-style:solid;
  173. border-width:0px; width:0; height:0; opacity:0;
  174. -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;
  175. }
  176.  
  177. div#entry:hover .fold {opacity:1; border-width:8px;}
  178.  
  179. }
  180.  
  181. .navigation1
  182. {
  183. float:right;
  184. }
  185.  
  186. .navigation2
  187. {
  188.  
  189. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 1px #ccc;}
  190. ol.notes li.note {border-top: dotted 1px #ccc; padding: 5px;}
  191. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  192. ol.notes li.note span.action {font-weight: normal;}
  193. ol.notes li.note .answer_content {font-weight: normal;}
  194. ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  195. ol.notes li.note blockquote a {text-decoration: none;}
  196. ul{margin-left:-40px!important; list-style:none;}
  197.  
  198. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  199.  
  200.  
  201. </style>
  202.  
  203. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrolling}
  204.  
  205.  
  206. <script type"text/javascript">
  207. $(document).ready(function() {
  208. // hides the slickbox as soon as the DOM is ready
  209. $('#slickbox').hide();
  210.  
  211. // shows the slickbox on clicking the noted link
  212. $('#slick-show').click(function() {
  213. $('#slickbox').show('slow');
  214. return false;
  215. });
  216. // hides the slickbox on clicking the noted link
  217. $('#slick-hide').click(function() {
  218. $('#slickbox').hide('fast');
  219. return false;
  220. });
  221.  
  222. // toggles the slickbox on clicking the noted link
  223. $('#slick-toggle').click(function() {
  224. $('#slickbox').toggle(250);
  225. return false;
  226. });
  227. });
  228. </script>
  229.  
  230.  
  231. </head>
  232.  
  233. <body>
  234.  
  235.  
  236. <div id="content">
  237.  
  238. <div class="title"><a href="/">{Title}</a></div>
  239.  
  240.  
  241. <center>
  242. {block:ifnotMobileDescription}{block:Description} {Description} {/block:Description}{/block:ifnotMobileDescription}
  243. {block:ifMobileDescription}{block:Description} <marquee>{Description}</marquee> {/block:Description}{/block:ifMobileDescription}
  244. </center>
  245.  
  246. <div class="nav">
  247.  
  248. {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> &nbsp; {/block:ifAskLink}
  249. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> &nbsp; {/block:ifCustomLinkOneTitle}
  250. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> &nbsp; {/block:ifCustomLinkTwoTitle}
  251. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> &nbsp; {/block:ifCustomLinkThreeTitle}
  252. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> &nbsp; {/block:ifCustomLinkFourTitle}
  253. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a> &nbsp; {/block:ifCustomLinkFiveTitle}
  254. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a> &nbsp; {/block:ifCustomLinkSixTitle}
  255. <a href="http://m-orbide.tumblr.com/">theme</a>
  256.  
  257.  
  258. <div style="border-bottom:2px solid {color:Border};padding-bottom:8px;margin-top:4px;margin-bottom:-19px;margin-top:-3px;"></div>
  259. </div>
  260.  
  261.  
  262.  
  263. {block:IfEndlessScrolling}<div class="autopagerize_page_element">{/block:IfEndlessScrolling}
  264.  
  265. {block:Posts}
  266. <div id="entry">
  267.  
  268.  
  269. {block:Text}
  270. <div id="entry">
  271. {block:Title}{Title}{/block:Title}
  272. {Body}
  273. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  274. </div>
  275. {/block:Text}
  276.  
  277. {block:Photo}
  278.  
  279. <div id="entry">
  280. {block:indexpage}<div style="position:absolute; margin-left:-9PX;"><a href="{ReblogURL}" target="_blank"><div class="fold"></div></a></div>{/block:indexpage}
  281. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}
  282. {block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
  283. </div>
  284. {/block:Photo}
  285.  
  286. {block:Photoset}
  287. <div id="entry">
  288. <div style="width:400px; margin:auto; overflow:hidden;">{Photoset-250}</div>
  289. {block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
  290. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  291. </div>
  292. {/block:Photoset}
  293.  
  294. {block:Quote}
  295. <div id="entry">
  296. <div class="quote">"{Quote}"</div>
  297. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  298. </div>
  299. {/block:Quote}
  300.  
  301. {block:Link}
  302. <div id="entry">
  303. <a href="{URL}">&rarr; {Name}</a>{block:Description}{Description}{/block:Description}
  304. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  305. </div>
  306. {/block:Link}
  307.  
  308. {block:Chat}
  309. <div id="entry">
  310. {block:Title}<strong>{Title}</strong>{/block:Title}
  311. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  312. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  313. </div>
  314. {/block:Chat}
  315.  
  316. {block:Audio}
  317. <div id="entry">
  318. <div class="player">{AudioPlayerBlack}</div>
  319. {block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
  320. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  321. </div>
  322. {/block:Audio}
  323.  
  324. {block:Answer}
  325. <div id="entry">
  326. <b>{Asker}:</b> {Question}
  327. {Answer}
  328. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  329. </div>
  330. {/block:Answer}
  331.  
  332. {block:Video}
  333. <div id="entry">
  334. {Video-250}
  335. {block:IfCaption}{block:Caption}{Caption}{block:Caption}{/block:IfCaption}
  336. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel} &nbsp; <a href="{ReblogURL}" target="_blank">reblog</a></a></div>{/block:IndexPage}
  337. </div>
  338. {/block:Video}
  339.  
  340.  
  341.  
  342. {block:PostNotes}
  343. <center>
  344. {NoteCountWithLabel}<br>
  345.  
  346. {block:RebloggedFrom}
  347. Via <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  348. Source <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  349. </center></span>
  350. <br>
  351. <div id="postnotes">{PostNotes}</div><br>
  352.  
  353. <center>{block:ContentSource}
  354. <br><a href="{SourceURL}">
  355. {lang:Source}:
  356. {block:SourceLogo}
  357. <img src="{BlackLogoURL}" width="{LogoWidth}"
  358. height="{LogoHeight}" alt="{SourceTitle}" />
  359. {/block:SourceLogo}
  360. {block:NoSourceLogo}
  361. {SourceLink}
  362. {/block:NoSourceLogo}
  363. </a>
  364. {/block:ContentSource}</center>
  365.  
  366. {/block:PostNotes}
  367.  
  368.  
  369. </div>
  370. {/block:Posts}
  371.  
  372.  
  373. {block:IfNotEndlessScrolling}
  374.  
  375. {block:Pagination}
  376. <div class="navigation1">{block:NextPage}<a href="{NextPage}">continue >></a>{/block:NextPage}</div>
  377. <div class="navigation2">{block:PreviousPage}<a href="{PreviousPage}"><< regress</a>{/block:PreviousPage}</div>
  378.  
  379. {/block:Pagination}
  380.  
  381. {/block:IfNotEndlessScrolling}
  382.  
  383.  
  384. {block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  385.  
  386.  
  387. <!-- If I see you using one of my themes without this credit, I'll report you. -->
  388. <div style="position:fixed;right:3px;top:28px;">
  389. <a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
  390. </div>
  391.  
  392. </div>
  393. </body>
Advertisement
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!