API tools faq
paste
m-orbide

Trouble Theme

m-orbide
Aug 21st, 2012
9,249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme Trouble 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=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  13. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  14. <script type="text/javascript">
  15. $(document).ready(function(){
  16. $(".description").hide();
  17. $(".about").click(function(){
  18. $('.description').slideToggle("fast");
  19. return true;
  20. });
  21. });
  22. </script>
  23.  
  24. <meta name="color:Background" content="#fff" />
  25. <meta name="color:Text" content="#000" />
  26. <meta name="color:Hover" content="#bdbdbd" />
  27.  
  28. <meta name="font:Body" content="Garamond"/>
  29.  
  30. <meta name="if:Reblog Link On Hover" content="0"/>
  31. <meta name="if:Ask Link" content="1"/>
  32. <meta name="if:RightBackground" content="0"/>
  33. <meta name="if:LeftBackground" content="0"/>
  34. <meta name="if:RepeatBackground" content="0"/>
  35. <meta name="if:MaximisedBackgroundImage" content="0"/>
  36. <meta name="if:The Girl Next Door Font" content="0"/>
  37. <meta name="if:Use Banner" content="0">
  38. <meta name="if:Show Blog Title" content="1"/>
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Banner" content="">
  42.  
  43. <meta name="text:Body font size" content="11"/>
  44. <meta name="text:Ask Link Text" content="message"/>
  45. <meta name="text:Archive Link Text" content="archive"/>
  46. <meta name="text:Custom Link One" content="" />
  47. <meta name="text:Custom Link One Title" content="" />
  48. <meta name="text:Custom Link Two" content="" />
  49. <meta name="text:Custom Link Two Title" content="" />
  50. <meta name="text:Custom Link Three" content="" />
  51. <meta name="text:Custom Link Three Title" content="" />
  52. <meta name="text:Custom Link Four" content="" />
  53. <meta name="text:Custom Link Four Title" content="" />
  54. <meta name="text:Custom Link Five" content="" />
  55. <meta name="text:Custom Link Five Title" content="" />
  56. <meta name="text:Custom Link Six" content="" />
  57. <meta name="text:Custom Link Six Title" content="" />
  58. <meta name="text:Custom Link Seven" content="" />
  59. <meta name="text:Custom Link Seven Title" content="" />
  60. <meta name="text:Custom Link Eight" content="" />
  61. <meta name="text:Custom Link Eight Title" content="" />
  62.  
  63.  
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. <link rel="shortcut icon" href="{Favicon}">
  69. <title>Untitled Document</title>
  70. <link rel="shortcut icon" href="{Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72.  
  73. {block:Description}
  74. <meta name="description" content="{MetaDescription}" />
  75. {/block:Description}
  76.  
  77. <style type="text/css">
  78.  
  79. p{
  80. margin:0px;
  81. padding:0px;
  82. }
  83.  
  84. #tumblr_controls{
  85. top: 1px !important;
  86. margin: 0 0 0 0;
  87. right: 6px !important;
  88. position: fixed !important;
  89. }
  90.  
  91. body{
  92. color:{color:Text};
  93. background-color:{color:Background};
  94. background-image:url({image:Background});
  95. background-attachment:fixed;
  96. {block:IfMaximisedBackgroundImage}background-size: 100% 100%;{/block:IfMaximisedBackgroundImage}
  97. {block:IfRepeatBackground}background-repeat:repeat;{block:IfRepeatBackground}
  98. {block:IfNotRepeatBackground}background-repeat:no-repeat;{block:IfNotRepeatBackground}
  99. {block:IfRightBackground}background-position:right bottom;{/block:IfRightBackground}
  100. {block:IfLeftBackground}background-position:left bottom;{/block:IfLeftBackground}
  101. font-size:{text:Body font size}px;
  102. font-family:{font:Body};
  103. line-height:15px;
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:vertical{
  107. background-color: {color:Text};
  108. height: 100px;
  109. -webkit-border-radius: 3px;
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:horizontal{
  113. background-color: {color:Hover};
  114. height: 10px;
  115. -webkit-border-radius: 3px;
  116. }
  117.  
  118. ::-webkit-scrollbar{
  119. height: 10px;
  120. width: 8px;
  121. background-color: {color:Background};
  122. }
  123.  
  124. #content{
  125. margin: auto auto auto auto ;
  126. width:100%;
  127. top:0px;
  128. position:relative;
  129.  
  130. }
  131. #content .posts{
  132. width:520px;
  133. margin:auto;
  134. {block:PermalinkPage}
  135. width:510px;
  136. {/block:PermalinkPage}
  137. }
  138.  
  139. #content .entry{
  140. {block:IndexPage}
  141. width:250px;
  142. margin:5px;
  143. padding:0px;
  144. float:left;
  145. {/block:IndexPage}
  146. {block:PermalinkPage}
  147. margin:6px;
  148. width:500px;
  149. {/block:PermalinkPage}
  150. }
  151.  
  152. #content .entry img{
  153. {block:IndexPage}
  154. max-width:250px;
  155. {/block:IndexPage}
  156. }
  157.  
  158.  
  159. .top{
  160. width:500px;
  161. margin: 20px auto ;
  162. z-index:5000;
  163. margin-bottom:20px;
  164. }
  165.  
  166. a:link, a:active, a:visited{
  167. text-decoration:none;
  168. display: navigate;
  169. font-family:{font:Body};
  170. padding:0px;
  171. color:{color:Text};
  172. }
  173.  
  174. a:hover{ color:{color:Hover}; text-decoration:underline;
  175.  
  176. }
  177.  
  178. {block:ifReblogLinkOnHover}
  179. .like_and_reblog_buttons {
  180. list-style: none;
  181. position:absolute;
  182. left:20px;
  183. opacity:0;
  184. -webkit-transition: 0.2s;
  185. -webkit-transition: 0.2s;
  186. -moz-transition: 0.2s;
  187. transition: 0.2s;}
  188.  
  189. .entry:hover .like_and_reblog_buttons{
  190. opacity:0.9;
  191. -webkit-transition: 0.2s;
  192. -webkit-transition: 0.2s;
  193. -moz-transition: 0.2s;
  194. transition: 0.2s;}
  195.  
  196. .like_and_reblog_buttons li{
  197. float: left;
  198. margin: 0 0 0 -15px;
  199. padding: 5px;}
  200.  
  201. .like_and_reblog_buttons li:first-child {
  202. margin-left:-40px;}
  203.  
  204. {/block:ifReblogLinkOnHover}
  205.  
  206. .title{
  207. font-family: 'Baskerville';
  208. {block:ifTheGirlNextDoorFont}
  209. font-family: 'The Girl Next Door', cursive;
  210. {block:ifTheGirlNextDoorFont}
  211. font-weight:none;
  212. text-transform:none;
  213. font-size: 25px;
  214. color:{color:Text};
  215. padding-bottom:1px;
  216. {color:Text};
  217. }
  218.  
  219. .post_title{
  220. font-family:{font:Body};
  221. display:block;
  222. font-size:14px;
  223. line-height:20px;
  224. text-transform:none;
  225. }
  226.  
  227. .link_title{
  228. font-size:14px;
  229. line-height:20px;
  230. text-transform:none;
  231. font-family:{font:Body};
  232. margin-bottom:5px;
  233. }
  234.  
  235.  
  236.  
  237. .permalink{
  238. text-transform:none;
  239. text-align:right;
  240. color:gray;
  241. position: relative;
  242. margin-top: -10px;
  243. font-size: 9px;
  244. opacity: 0;
  245. filter: alpha(opacity = 0);
  246. -moz-transition: all 0.4s;
  247. -webkit-transition: all 0.4s;
  248. -o-transition: all 0.4s;
  249. transition: all 0.4;
  250. }
  251.  
  252. div#entry:hover .permalink{
  253. margin-top: -5px;
  254. opacity: 1;
  255. filter: alpha(opacity = 100);
  256. -moz-transition: all 0.4s;
  257. -webkit-transition: all 0.4s;
  258. -o-transition: all 0.4s;
  259. transition: all 0.4;
  260. }
  261.  
  262.  
  263.  
  264. .quote{
  265. font-size:{text:Bodyfontsize};
  266. line-height:20px;
  267. text-transform:none;
  268. margin-bottom:5px;
  269. font-family:{font:Body};
  270. }
  271.  
  272. .audio{
  273. {block:IndexPage}
  274. width:238px;
  275. {/block:IndexPage}
  276. {block:PermalinkPage}
  277. width:488px;
  278. {/block:PermalinkPage}
  279. background-color:#fff;
  280. color:#ececec;
  281. padding:5px;
  282. margin-bottom:0px;
  283. border-left:1px solid;
  284. border-right:1px solid;
  285. border-color:#ececec;
  286. }
  287.  
  288. .audiocap, .videocap{
  289. background-color:#ececec;
  290. display:block;
  291. padding:10px;
  292. }
  293.  
  294. div.video embed,
  295. div.post div.video object {
  296. {block:IndexPage}
  297. width:250px !important;
  298. height:150px !important;
  299. {/block:IndexPage}
  300. {block:PermalinkPage}
  301. width:500px !important;
  302. height:400px !important;
  303. {/block:PermalinkPage}
  304. }
  305.  
  306. .question{
  307. font-weight:normal;
  308. margin-bottom:5px;
  309. font-size:9px;
  310. line-height:15px;
  311. display:block;
  312. text-transform:lowercase;
  313. }
  314.  
  315. .caption{
  316. margin-top:5px;
  317. margin-bottom:5px;
  318. }
  319.  
  320.  
  321.  
  322. .h1 {color:{color:Text}; font-size: 12px; line-height: 25px; text-align: left; margin-bottom: -0px; cursor: arrow; font-family: 'The Girl Next Door', cursive;
  323. }
  324.  
  325. </style>
  326.  
  327.  
  328.  
  329. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  330. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  331. </script>
  332. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  333. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  334. <script type="text/javascript">
  335.  
  336. $(window).load(function () {
  337. $('.posts').masonry(),
  338. $('.masonryWrap').infinitescroll({
  339. navSelector : "div#navigation",
  340. // selector for the paged navigation (it will be hidden)
  341. nextSelector : "div#navigation a#nextPage",
  342. // selector for the NEXT link (to page 2)
  343. itemSelector : ".entry",
  344. // selector for all items you'll retrieve
  345. bufferPx : 10000,
  346. extraScrollPx: 11000,
  347. loadingImg : "",
  348. loadingText : "<em></em>",
  349. },
  350. // call masonry as a callback.
  351. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  352. );
  353. });
  354. </script>
  355. <script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script></head>
  356.  
  357. <body>
  358.  
  359. <div class="top">
  360. <div class="nav">
  361. <div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px; max-height:200px" src="{image:banner}"/>{/block:ifusebanner}
  362. <center><span class="title"><a href="/">{block:ifshowblogtitle}<b>{Title}</b>{/block:ifshowblogtitle}</a></span>
  363.  
  364. <br><center>{block:Description}{Description}{/block:Description}</center>
  365. <br>
  366.  
  367. {block:ifAskLink}<a href="/ask">{text:Ask Link Text}</a> &nbsp; {/block:ifAskLink}{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a> &nbsp; {/block:ifCustomLinkOneTitle}
  368. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> &nbsp; {/block:ifCustomLinkTwoTitle}
  369. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> &nbsp; {/block:ifCustomLinkThreeTitle}
  370. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> &nbsp; {/block:ifCustomLinkFourTitle}
  371. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a> &nbsp; {/block:ifCustomLinkFiveTitle}
  372. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a> &nbsp; {/block:ifCustomLinkSixTitle}
  373. {block:ifCustomLinkSevenTitle}<a href="{text:Custom Link Seven}">{text:Custom Link Seven Title}</a> &nbsp; {/block:ifCustomLinkSevenTitle}
  374. {block:ifCustomLinkEightTitle}<a href="{text:Custom Link Eight}">{text:Custom Link Eight Title}</a> &nbsp; {/block:ifCustomLinkEightTitle}
  375. <a href="http://m-orbide.tumblr.com/">theme</a>
  376.  
  377. <br><br>
  378.  
  379. </div>
  380. </div>
  381.  
  382. <div id="content">
  383.  
  384. <div class="posts">
  385.  
  386. {block:Posts}
  387.  
  388. <div class="entry">
  389.  
  390. {block:Text}
  391. <div id="entry">
  392. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  393. {Body}
  394. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  395. </div>
  396. {/block:Text}
  397.  
  398. {block:Photo}
  399. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  400. <li>{ReblogButton color="white" size="14"}</li>
  401. <li>{LikeButton color="white" size="14"}</li>
  402. </ul>
  403. {/block:ifReblogLinkOnHover}{/block:IndexPage}
  404. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" width="500"></a>{LinkCloseTag}{/block:IndexPage}
  405. {block:PermalinkPage}
  406. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  407. {/block:Photo}
  408.  
  409. {block:Photoset}
  410. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  411. <li>{ReblogButton color="white" size="14"}</li>
  412. <li>{LikeButton color="white" size="14"}</li>
  413. </ul>
  414. {/block:ifReblogLinkOnHover}{/block:IndexPage}
  415. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  416. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  417. {block:Caption}{Caption}{/block:Caption}
  418. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  419. {/block:Photoset}
  420.  
  421. {block:Quote}
  422. <div id="entry">
  423. <div class="quote">"{Quote}"</div>
  424. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  425. </div>
  426. {/block:Quote}
  427.  
  428. {block:Link}
  429. <div id="entry">
  430. <a href="{URL}"{Target}><span class="link_title">{Name}</span></a>
  431. {block:Description}{Description}{/block:Description}
  432. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  433. </div>
  434. {/block:Link}
  435.  
  436. {block:Video}
  437. <div class="video">
  438. {block:IndexPage}{block:ifReblogLinkOnHover}<ul class="like_and_reblog_buttons">
  439. <li>{ReblogButton color="white" size="14"}</li>
  440. <li>{LikeButton color="white" size="14"}</li>
  441. </ul>
  442. {/block:ifReblogLinkOnHover}{/block:IndexPage}
  443. {block:IndexPage}{Video-250}{/block:IndexPage}
  444. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  445. </div>
  446. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  447. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  448. {/block:Video}
  449.  
  450. {block:Chat}
  451. <div id="entry">
  452. {block:Title}
  453. <div class="ptitle">{Title}</div>
  454. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  455. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  456. </div>
  457. {/block:Chat}
  458.  
  459. {block:Audio}
  460. <div class="audio">{AudioPlayerWhite}</div>
  461. {block:IndexPage}{block:Caption}<div class="audiocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  462. {block:PermalinkPage}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  463. {/block:Audio}
  464.  
  465. {block:Answer}
  466. <div id="entry">
  467. <div class="question">{Asker} murmured: {Question}</div>
  468. {Answer}
  469. {block:IndexPage}<div class="permalink"><a href="{Permalink}">perma</a></div>{/block:IndexPage}
  470. </div>
  471. {/block:Answer}
  472.  
  473. {block:PostNotes}{PostNotes}{/block:PostNotes}
  474.  
  475. </div>
  476.  
  477. {/block:Posts}
  478. </div>
  479. </div>
  480.  
  481. {block:IndexPage}
  482. <div class="column navigation" id="navigation">
  483. {block:Pagination}
  484. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  485. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  486. </div>
  487. {/block:IndexPage}
  488.  
  489. <!-- If I see you using one of my themes without this credit, I'll report you. -->
  490. <div style="position:fixed;right:8px;top:28px;">
  491. <a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
  492. </div>
  493.  
  494.  
  495. </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!