API tools faq
paste
Advertisement
m-orbide

Fragile Theme

m-orbide
Sep 11th, 2012
16,604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme Fragile 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. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Linden+Hill' rel='stylesheet' type='text/css'>
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  13.  
  14. <title>{title}</title>
  15. <meta name="color:Background" content="#FFFFFF"/>
  16. <meta name="color:Text" content="#000000"/>
  17. <meta name="color:Links" content="#020202"/>
  18. <meta name="color:Hover" content="#eeeeee"/>
  19. <meta name="color:Border" content="#949393"/>
  20. <meta name="color:Title" content="#949393"/>
  21.  
  22. <meta name="font:Body" content="Times New Roman"/>
  23.  
  24. <meta name="image:Background" content=""/>
  25.  
  26. <meta name="if:Show Captions" content="0"/>
  27. <meta name="if:Endless Scroll" content="1"/>
  28. <meta name="if:RightBackground" content="0"/>
  29. <meta name="if:RepeatBackground" content="0"/>
  30. <meta name="if:MaximisedBackgroundImage" content="0"/>
  31. <meta name="if:Show Icons On Hover" content="1"/>
  32.  
  33. <meta name="text:Custom Link One" content="" />
  34. <meta name="text:Custom Link One Title" content="" />
  35. <meta name="text:Custom Link Two" content="" />
  36. <meta name="text:Custom Link Two Title" content="" />
  37. <meta name="text:Custom Link Three" content="" />
  38. <meta name="text:Custom Link Three Title" content="" />
  39. <meta name="text:Custom Link Four" content="" />
  40. <meta name="text:Custom Link Four Title" content="" />
  41. <meta name="text:Custom Link Five" content="" />
  42. <meta name="text:Custom Link Five Title" content="" />
  43. <meta name="text:Custom Link Six" content="" />
  44. <meta name="text:Custom Link Six Title" content="" />
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47.  
  48. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  49.  
  50. {block:IndexPage}
  51. <script type="text/javascript">
  52. $(window).load(function(){
  53. $("p").remove(":contains('Source:')");
  54. $("p").remove(":contains('(via')");
  55. });
  56. </script>
  57. {/block:IndexPage}
  58.  
  59. <style type="text/css">
  60.  
  61.  
  62. ::-webkit-scrollbar-thumb:vertical{
  63. background-color: {color:Border};
  64. height: 100px;
  65. -webkit-border-radius: 3px;
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb:horizontal{
  69. background-color: {color:Text};
  70. height: 10px;
  71. -webkit-border-radius: 3px;
  72. }
  73.  
  74. ::-webkit-scrollbar{
  75. height: 10px;
  76. width: 8px;
  77. background-color: {color:Background};
  78. }
  79.  
  80.  
  81. body{
  82. font-family: {font:Body};
  83. font-size:11px;
  84. text-align: justify;
  85. font-style:none;
  86. line-height: 13px;
  87. color:{color:text};
  88. background-color:{color:Background};
  89. background-image:url({image:Background});
  90. background-attachment:fixed;
  91. {block:IfMaximisedBackgroundImage}background-size: 100% 100%;{/block:IfMaximisedBackgroundImage}
  92. {block:IfRepeatBackground}background-repeat:repeat;{block:IfRepeatBackground}
  93. {block:IfNotRepeatBackground}background-repeat:no-repeat;{block:IfNotRepeatBackground}
  94. {block:IfRightBackground}background-position:right;{/block:IfRightBackground}
  95. }
  96.  
  97. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  98.  
  99. a
  100. {
  101. text-decoration:none;
  102. font-family: 'Garamond', serif;
  103. color:{color:links};
  104. -moz-transition: all 0.3s ease-out;
  105. -o-transition: all 0.3s ease-out;
  106. -webkit-transition: all 0.3s ease-out;
  107. transition: all 0.3s ease-out;
  108. }
  109.  
  110. a:hover
  111. {
  112. text-decoration:none;
  113. color:{color:hover};
  114. -moz-transition: all 0.3s ease-out;
  115. -o-transition: all 0.3s ease-out;
  116. -webkit-transition: all 0.3s ease-out;
  117. transition: all 0.3s ease-out;
  118. }
  119.  
  120. a img
  121. {
  122. border:0px;
  123. }
  124.  
  125. #conteudo
  126. {
  127. background:transparent;
  128. float: left;
  129. width: 350px;
  130. padding-right:15px;
  131. margin-left:130px;
  132. bottom:0px;
  133. }
  134.  
  135. .blogtitle
  136. {
  137. margin:1px 0 0px 0;
  138. text-align:right;
  139. font-family:'Give You Glory', cursive;
  140. font-weight:normal;
  141. color:{color:Title};
  142. line-height:30px;
  143. font-size:18px;
  144. }
  145.  
  146. .blogtitle a:hover
  147. {
  148. text-decoration:none;
  149. }
  150.  
  151. .nav
  152. {
  153. text-transform:lowercase;
  154. text-align:center;
  155. margin-bottom:10px;
  156. }
  157.  
  158. .player
  159. {
  160. width:400px;
  161. overflow:hidden;
  162. background:#000;
  163. }
  164.  
  165. .texttitle
  166. {
  167. text-transform:sentence case;
  168. font-size:14pt;
  169. }
  170.  
  171. .permalink{
  172. text-transform:none;
  173. text-align:center;
  174. color:gray;
  175. position: relative;
  176. margin-top: -20px;
  177. font-size: 11px;
  178. opacity: 0;
  179. filter: alpha(opacity = 0);
  180. -moz-transition: all 0.4s;
  181. -webkit-transition: all 0.4s;
  182. -o-transition: all 0.4s;
  183. transition: all 0.4;
  184. }
  185.  
  186. div#entry:hover .permalink{
  187. margin-top: -5px;
  188. opacity: 1;
  189. filter: alpha(opacity = 100);
  190. -moz-transition: all 0.4s;
  191. -webkit-transition: all 0.4s;
  192. -o-transition: all 0.4s;
  193. transition: all 0.4;
  194. }
  195.  
  196. .pagination
  197. {
  198. margin-bottom:5px;
  199. font-size:8pt;
  200. font-style:normal;
  201. text-align:center;
  202. }
  203.  
  204. #entry
  205. {
  206. margin-bottom:5px;
  207. width:400px;
  208. }
  209.  
  210. #entry img
  211. {
  212. max-width:400px;
  213. }
  214.  
  215. div.video embed,
  216. div.post div.video object
  217. {
  218. width:400px !important;
  219. height:175px !important;
  220. }
  221.  
  222. ol.notes
  223. {
  224. padding: 0px;
  225. margin: 0px;
  226. list-style-type: none;
  227. }
  228.  
  229. ol.notes li.note
  230. {
  231. padding: 0px;
  232. }
  233.  
  234. ol.notes li.note img.avatar
  235. {
  236. vertical-align: -4px;
  237. margin-right: 10px;
  238. opacity:1;
  239. width: 20px;
  240. height: 20px;
  241. }
  242.  
  243. ol.notes li.note span.action
  244. {
  245. font-weight: normal;
  246. }
  247.  
  248. ol.notes li.note span.action a
  249. {
  250. font-weight:bold;
  251. }
  252.  
  253. .navigation1
  254. {
  255. float:right;
  256. }
  257.  
  258. .navigation2
  259. {
  260. float:left;
  261. }
  262.  
  263. .h1 {color:{color:Title}; font-size: 32px; line-height: 25px; text-align: left; margin-bottom: -0px; cursor: arrow; font-family: 'Give You Glory', cursive;
  264. }
  265. {CustomCSS}
  266. .h1 {color: #000; font-size: 32px; line-height: 25px; text-align: left; margin-bottom: -0px; cursor: arrow; font-family: 'Linden Hill', serif;
  267. }
  268.  
  269. {block:ifShowIconsOnHover}
  270. #entry .imgpermalink {
  271. list-style: none;
  272. position:absolute;
  273. margin-left:10px;
  274. margin-top:8px;
  275. opacity:0;
  276. -webkit-transition: 0.2s;
  277. -webkit-transition: 0.2s;
  278. -moz-transition: 0.2s;
  279. transition: 0.2s;}
  280.  
  281. #entry:hover .imgpermalink {opacity:0.9;
  282. -webkit-transition: 0.2s;
  283. -webkit-transition: 0.2s;
  284. -moz-transition: 0.2s;
  285. transition: 0.2s;}
  286.  
  287. #entry .imgpermalink li{
  288. float: left;
  289. margin: 0 0 0 -3px;
  290. padding: 5px;}
  291.  
  292. #entry .imgpermalink li:first-child {
  293. margin-left:-40px;}
  294. {/block:ifShowIconsOnHover}
  295.  
  296. #content {margin:0px auto; width:630px; margin-top:20px; margin-bottom:15px;}
  297. #navigation {position:fixed; width: 200px; margin-top:80px; margin-left:-200px; padding-left:14px;}
  298.  
  299.  
  300. </style>
  301.  
  302. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  303.  
  304. </head>
  305.  
  306. <body>
  307.  
  308. {block:IfStretchedImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfStretchedImage}
  309.  
  310. <div id="content"><div id="navigation">
  311.  
  312. <div class="box">
  313.  
  314. <div class="blogtitle">
  315. {Title}
  316. </div>
  317.  
  318. <div style="border-bottom:1px solid {color:Border};padding-bottom:4px;margin-top:4px;margin-bottom:-5px;margin-top:-6px;"></div>
  319.  
  320. <br>
  321.  
  322. <center>{block:Description}{Description}{/block:Description}</center>
  323.  
  324.  
  325. <div class="nav">
  326. <a href="/">home</a>&nbsp;
  327. {block:AskEnabled}<a href="/ask">message</a>&nbsp; {/block:AskEnabled}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>&nbsp;
  328. {/block:Pages}{/block:HasPages}
  329. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" >{text:Custom Link One Title}</a> &nbsp;{/block:ifCustomLinkOneTitle}
  330.  
  331. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" >{text:Custom Link Two Title}</a>&nbsp;{/block:ifCustomLinkTwoTitle}
  332.  
  333. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" >{text:Custom Link Three Title}</a>&nbsp;{/block:ifCustomLinkThreeTitle}
  334.  
  335. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" >{text:Custom Link Four Title}</a>&nbsp;{/block:ifCustomLinkFourTitle}
  336.  
  337. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}" >{text:Custom Link Five Title}</a>&nbsp;{/block:ifCustomLinkFiveTitle}
  338.  
  339. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}" >{text:Custom Link Six Title}</a>&nbsp;{/block:ifCustomLinkSixTitle}
  340. <a href="http://m-orbide.tumblr.com/">theme</a><br>
  341. </div></div></div>
  342.  
  343. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  344.  
  345. <div id="conteudo">
  346.  
  347. {block:Posts}
  348.  
  349. {block:Text}
  350. <div id="entry">
  351. <a href="{Permalink}">{Title}</a>{/block:Title}
  352. {Body}
  353. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  354. </div>
  355. {/block:Text}
  356.  
  357. {block:Photo}
  358. <div id="entry">
  359. <div class="imgpermalink">
  360. {block:ifShowIconsOnHover}<a href="{ReblogURL}" target="_blank"><li>{ReblogButton color="white" size="16"}</li> </a>
  361. <li>{LikeButton color="white" size="16"}</li>
  362. {/block:ifShowIconsOnHover}
  363. </div>
  364. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400"/></a>
  365. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  366. {/block:Photo}
  367.  
  368. {block:Photoset}
  369. <div id="entry">
  370. <div class="photoset">
  371. <div style="max-width:{photo:Width}px; height:auto; overflow:hidden;">{Photoset-400}</div>
  372. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  373. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  374. </div></div>
  375. {/block:Photoset}
  376.  
  377. {block:Quote}
  378. <div id="entry">
  379. "{Quote}"<br><br>
  380. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  381. </div>
  382. {/block:Quote}
  383.  
  384. {block:Link}
  385. <div id="entry">
  386. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
  387. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  388. </div>
  389. {/block:Link}
  390.  
  391. {block:Chat}
  392. <div id="entry">
  393. {block:Title}<b>{Title}</b>{/block:Title}
  394. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}<br>
  395. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  396. </div>
  397. {/block:Chat}
  398.  
  399. {block:Audio}
  400. <div id="entry">
  401. <div class="player">{AudioPlayerBlack}</div>
  402. {block:Caption}{Caption}{/block:Caption}
  403. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  404. </div>
  405. {/block:Audio}
  406.  
  407. {block:Answer}
  408. <div id="entry">
  409. <div class="asker"><b>{Asker}:</b>&nbsp;{Question} </div>
  410. {Answer}
  411. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  412. </div>
  413. {/block:answer}
  414.  
  415. {block:Video}
  416. <div id="entry">
  417. <div class="video">{Video-400}</div>
  418. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  419. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}&nbsp; &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>{/block:Date}</a></div>{/block:IndexPage}
  420. </div>
  421. {/block:Video}
  422.  
  423. {block:PermalinkPage}
  424. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{/block:PermalinkPage}
  425. {block:PostNotes}{PostNotes}{/block:PostNotes}
  426. {/block:Posts}
  427.  
  428. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  429.  
  430. {block:IfNotEndlessScroll}
  431. {block:Pagination}
  432. <div class="navigation1">{block:NextPage}<a href="{NextPage}">continue >></a>{/block:NextPage}</div>
  433. <div class="navigation2">{block:PreviousPage}<a href="{PreviousPage}"><< regress</a>{/block:PreviousPage}</div>
  434. {/block:Pagination}
  435. {/block:IfNotEndlessScroll}
  436. </div>
  437.  
  438. <!-- If I see you using one of my themes without this credit, I'll report you. -->
  439. <div style="position:fixed;right:3px;top:28px;">
  440. <a href="http://m-orbide.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/i8axhtw/gRWmfr3aq/installtheme.png">
  441. </div>
  442.  
  443.  
  444. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!