Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Trivialis Theme

By: Galasai on Apr 28th, 2012  |  syntax: None  |  size: 7.83 KB  |  hits: 36  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6. <!--
  7. Trivialis Theme
  8. Created by Galasai
  9. DO NO REMOVE CREDIT
  10. -->
  11.  
  12. <title>{title}</title>
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Text" content="#555555"/>
  15. <meta name="color:Links" content="#000000"/>
  16.  
  17. <meta name="font:Body" content="Times New Roman"/>
  18. <meta name="font:Title" content="Times New Roman"/>
  19.  
  20. <meta name="text:Font Size" content="12"/>
  21. <meta name="text:Title Size" content="25">
  22.  
  23. <meta name="image:Background" content=""/>
  24.  
  25. <meta name="if:Maximised Background Image" content="0"/>
  26. <meta name="if:Show Captions" content="0"/>
  27. <meta name="if:Endless Scroll" content="0"/>
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  32. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  33. <script type="text/javascript" charset="utf-8">
  34. var $j = jQuery.noConflict();
  35. $j(function() {
  36. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  37. $j("img").lazyload({
  38. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  39. effect: "fadeIn",
  40. });
  41. });
  42. </script>
  43.  
  44. {block:IndexPage}
  45. <script type="text/javascript">
  46. $(window).load(function(){
  47. $("p").remove(":contains('Source:')");
  48. $("p").remove(":contains('(via')");
  49. });
  50. </script>
  51. {/block:IndexPage}
  52.  
  53. <style type="text/css">
  54. body{
  55. text-align:justify;
  56. font-family: {font:Body};
  57. font-size: {text:Font Size}px;
  58. line-height: 13px ;
  59. color:{color:text};
  60. background-color:{color:Background};
  61. {block:IfNotMaximisedBackgroundImage}
  62. background-image:url({image:Background});
  63. background-attachment:fixed;
  64. background-repeat:repeat;
  65. {/block:IfNotMaximisedBackgroundImage}
  66. }
  67. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  68. a{
  69. text-decoration:none;
  70. color:{color:links};
  71. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  72. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  73. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  74. transition: all 0.3s ease-out;
  75. }
  76. a:hover{
  77. text-decoration:underline;
  78. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  79. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  80. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  81. transition: all 0.3s ease-out;
  82. }
  83. a img{
  84. border:0px;
  85. }
  86. #content{
  87. background:{color:Background};
  88. padding:40px;
  89. margin:auto;
  90. width:400px;
  91. }
  92. {block:IfMaximisedBackgroundImage}
  93. #bg img {
  94. z-index:-1;
  95. position:fixed;
  96. top:0;
  97. left:0;
  98. height:100%;
  99. width:100%;
  100. }
  101. {block:IfMaximisedBackgroundImage}
  102. .blogtitle{
  103. text-align:center;
  104. line-height:30px;
  105. font-size:{text:Title size}px;
  106. font-family: {Text: title};
  107. position: fixed;
  108.  left:8px;
  109. top:40px;
  110. opacity:1;
  111. }
  112. .blogtitle a:hover{
  113. text-decoration:none;
  114. }
  115. .nav {
  116. text-align:left;
  117. margin-bottom:30px;
  118. position: fixed;
  119. left:10px;
  120. top:77px;
  121. opacity:1;
  122. }
  123. .player{
  124. width:400px;
  125. overflow:hidden;
  126. background:#000;
  127. }
  128.  
  129. .permalink{
  130. opacity:0;
  131. position:absolute;
  132. float:left;
  133. padding-left:110px;
  134. margin-left:300px;
  135. -moz-transition: all 0.3s ease-out;
  136. -o-transition: all 0.3s ease-out;
  137. -webkit-transition: all 0.3s ease-out;
  138. transition: all 0.3s ease-out;
  139. }
  140. #entry:hover .permalink{
  141. opacity:.4;
  142. -moz-transition: all 0.3s ease-out;
  143. -o-transition: all 0.3s ease-out;
  144. -webkit-transition: all 0.3s ease-out;
  145. transition: all 0.3s ease-out;
  146. }
  147.  
  148.  
  149. .pagination{
  150. margin-bottom:15px;
  151. font-size:8pt;
  152. font-style:normal;
  153. text-align:center;
  154. }
  155.  
  156. #entry{
  157. margin-bottom:60px;
  158. width:400px;
  159. }
  160. #entry img{
  161. max-width:400px;
  162. }
  163. div.video embed,
  164. div.post div.video object {
  165. width:400px !important;
  166. height:200px !important;
  167. }
  168. ol.notes {
  169. padding: 0px;
  170. margin: 20px 0px 0px 0px;
  171. list-style-type: none;
  172. }
  173. ol.notes li.note {
  174. padding: 5px;
  175. }
  176. ol.notes li.note img.avatar {
  177. vertical-align: -4px;
  178. margin-right: 10px;
  179. opacity:1;
  180. width: 20px;
  181. height: 20px;
  182. }
  183. ol.notes li.note span.action {
  184. font-weight: normal;
  185. }
  186. ol.notes li.note span.action a {
  187. font-style:;
  188. }
  189.  
  190. {CustomCSS}
  191.  
  192. </style>
  193.  
  194. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScroll}
  195.  
  196. </head>
  197.  
  198. <body>
  199.  
  200. <div id="fb-root"></div>
  201. <script>(function(d, s, id) {
  202.   var js, fjs = d.getElementsByTagName(s)[0];
  203.   if (d.getElementById(id)) return;
  204.   js = d.createElement(s); js.id = id;
  205.   js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  206.   fjs.parentNode.insertBefore(js, fjs);
  207. }(document, 'script', 'facebook-jssdk'));</script>
  208.  
  209. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  210.  
  211. <div id="content">
  212. <div class="blogtitle"><u><a href="/">{Title}</a></u></div> <div class="nav"><a href="/ask">Ask</a><br><a href="/archive">Archive</a><br><a href="{RSS}">Subscribe</a></div>
  213.  
  214. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  215.  
  216. {block:Posts}
  217. <div id="entry">
  218.  
  219. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{Month} {DayOfMonth}{/block:Date}</a></div>{/block:IndexPage}
  220.  
  221. {block:Text}
  222. <u><big><big>{Title}</big></big></u><br>
  223. {Body}
  224. {/block:Text}
  225.  
  226. {block:Photo}
  227. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}
  228. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  229. {/block:Photo}
  230.  
  231. {block:Photoset}
  232. <center>{Photoset-400}</center>
  233. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  234. {/block:Photoset}
  235.  
  236. {block:Quote}
  237. "{Quote}"
  238. {block:Source}<p>&mdash; {Source}</p>{/block:Source}
  239. {/block:Quote}
  240.  
  241. {block:Link}
  242. <a href="{URL}"><h2>{Name}&nbsp;☛</h2></a>{block:Description}{Description}{/block:Description}
  243. {/block:Link}
  244.  
  245. {block:Chat}
  246. {block:Title}<b>{Title}</b>{/block:Title}
  247. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  248. {/block:Chat}
  249.  
  250. {block:Audio}
  251. <div class="player">{AudioPlayerBlack}</div>
  252. {block:Caption}{Caption}{/block:Caption}
  253. {/block:Audio}
  254.  
  255. {block:Answer}
  256. {Asker}: {Question}
  257. {Answer}
  258. {/block:answer}
  259.  
  260. {block:Video}
  261. <div class="video">{Video-400}</div>
  262. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  263. {/block:Video}
  264.  
  265.  
  266. {block:PermalinkPage}
  267. {block:Date}Posted: {TimeAgo} <br>Accumulated: {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Filed Under:&nbsp;{block:Tags}<a href="{TagURL}"><span style="border-bottom:0px solid {color:Links}; color:{color:Text}; line-height:14px;">{Tag},</span></a>&nbsp;&nbsp;{/block:Tags}
  268. {/block:HasTags}{/block:PermalinkPage}
  269.  
  270. {block:PostNotes}{PostNotes}{/block:PostNotes}
  271.  
  272.  
  273. </div>
  274. {/block:Posts}
  275. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  276.  
  277. {block:IfNotEndlessScroll}
  278. {block:Pagination}<div id="page"><CENTER>{block:nextPage}&nbsp;&nbsp;&nbsp;<a href="{nextPage}">←</a>{/block:nextPage}&nbsp;№ &nbsp;{CurrentPage}&nbsp;&nbsp;{block:PreviousPage}<a href="{PreviousPage}">→</a>&nbsp;&nbsp;&nbsp;{/block:PreviousPage}</center>
  279. <BR><BR>
  280. </div>{/block:Pagination}
  281. {/block:IfNotEndlessScroll}
  282.  
  283. <div style="position:fixed; right:3px; bottom:3px; opacity:1;"><a href="http://galasai.tumblr.com">₲</a></div>
  284.  
  285. </div>
  286.  
  287. </body>
  288. </html>
create a new version of this paste RAW Paste Data