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

The Shia Theme - Toffee Themes

By: littletoffee on Jun 10th, 2012  |  syntax: None  |  size: 10.68 KB  |  hits: 280  |  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 HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3. <!-------------------------------------------------------------------
  4. The Shia Theme made by Ira
  5. ---------------------------------------------------------------------
  6. I'm able to track all users of this theme.
  7. Please leave atleast 1 credit link to toffeethemes or i will report you
  8. ---------------------------------------------------------------------->
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <meta name="color:Blogtitle" content="#000000"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Links" content="#000000"/>
  20. <meta name="color:Hover" content="#dddddd"/>
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:center" content="#ffffff"/>
  23.  
  24. <meta name="if:image shadows" content="0" />
  25. <meta name="if:image opacity" content="0" />
  26. <meta name="if:show captions" content="0"/>
  27. <meta name="text:blogtitle size" content="13" />
  28. <meta name="text:post font size" content="10" />
  29. <meta name="font:body" content="Lucida Sans" />
  30. <meta name="font:blogtitle" content="Lucida Sans" />
  31. <meta name="font:nav links" content="Lucida Sans" />
  32.  
  33. <meta name="text:Drop Down Links Title" content="" />
  34. <meta name="text:Link One" content="" />
  35. <meta name="text:Link One Title" content="" />
  36. <meta name="text:Link Two" content="" />
  37. <meta name="text:Link Two Title" content="" />
  38. <meta name="text:Link Three" content="" />
  39. <meta name="text:Link Three Title" content="" />
  40. <meta name="text:Link Four" content="" />
  41. <meta name="text:Link Four Title" content="" />
  42. <meta name="text:Link Five" content="" />
  43. <meta name="text:Link Five Title" content="" />
  44.  
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50.  
  51. iframe#tumblr_controls {
  52. top: 0% !important;
  53. right:0% !important;
  54. position: absolute !important;}
  55.  
  56.  
  57.  
  58. body {margin:auto; color:{color:text}; width:920px;font-family:{font:body}; font-size:9px;background-color:{color:background}; line-height:10px;{block:ifthreecolumns}width:690px;{/block:ifthreecolumns}}
  59.  
  60. a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
  61. .caption {margin-top:5px; margin-bottom:10px;}
  62.  
  63. .content {padding-left:5px;height:100%;margin:auto;background-color: {color:center};width:920px; float:left; padding-top:30px;margin-bottom:200px;border-right:0px dotted #000;{block:ifthreecolumns}width:690px;{/block:ifthreecolumns}padding-bottom:300px;}
  64.  
  65. .post{
  66. {block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin:5px;font-size:{text:post font size}px;font-color:{color:text};}
  67. .post img {{block:indexpage}width:220px;{/block:indexpage}{block:ifImageShadows}-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3); box-shadow: 1px 2px 3px rgba(0,0,0,0.3);{/block:ifImageShadows}}
  68.  
  69.  
  70.  
  71.  
  72. {block:ifimageopacity}
  73. img{ -webkit-transition: opacity 0.3s linear; opacity: 1; }
  74. {/block:ifimageopacity}
  75. {block:ifimageopacity}
  76. img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .8; }
  77. {/block:ifimageopacity}
  78.  
  79. .permalink {margin:0px; font-weight:bold; text-align:right; padding:0px; opacity:1;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  80. }
  81. .source {font-family:{font:body};font-size:11px;opacity:.8;}
  82. .permalink a:hover{
  83. color:{color:Hover}
  84. }
  85.  
  86.  
  87. .post:hover .permalinkk{opacity:0.75;filter: alpha(opacity = 75);-webkit-transition: 0.3s ease-in;}
  88.  
  89. .post:hover permalinkk{opacity:0.75;filter: alpha(opacity = 75);-webkit-transition: 0.3s ease-in;}
  90.  
  91. .infotoff {text-align:left;line-height: 10px;padding-top:3px;font-family:{font:body}; font-size:{text:post font size}px;
  92. }
  93.  
  94. .links {font-size:9px;font-family:{font:nav links};text-align:left;padding-bottom:3px;padding-right:5px;}
  95.  
  96. .posted {font-size:9px;}
  97. .notes{margin:left;width:300px;font-size:9px;color:#000;text-align:left;}
  98. .viewnotes{margin-top:10px;font-size:9px;color:#000;text-align:left;}
  99. ol.notes {padding-left:5px; list-style-type:none;}
  100. ol.notes li.note {padding:2px;}
  101.  
  102.  
  103.  
  104.  
  105. .header {right:140px;position:fixed;width:130px;padding-bottom:10px;bottom:380px;}
  106.  
  107. .audio {background-color:#000000;width:220px;}
  108.  
  109. .ptitle {font-size:11px;text-transform:uppercase;}
  110. .blogtitle {text-align:left;color:{color:Blogtitle};font-family:{font:blogtitle};padding-right:5px;font-size:{text:blogtitle size}px;{block:ifuppercaseblogtitle}text-transform:uppercase;{/block:ifuppercaseblogtitle}line-height:9px;}
  111.  
  112. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  113. #infscr-loading {display:none;}
  114. .navigation{display:none;}
  115.  
  116. {CustomCSS}
  117. </style>
  118.  
  119.  
  120. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  121.  
  122.  
  123. {block:IndexPage}
  124. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  125. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  126.  
  127. <script type="text/javascript">
  128. $(window).load(function () {
  129. $('.content').masonry(),
  130. $('.masonryWrap').infinitescroll({
  131. navSelector : ".navigation",
  132. nextSelector : ".navigation a#next",
  133. itemSelector : ".post",
  134. bufferPx : 10000,
  135. extraScrollPx: 10000,
  136. loadingImg : "",
  137. loadingText : "",
  138. },
  139. function() { $('.content').masonry({ appendedContent: $(this) }); }
  140. );
  141. });
  142. </script>
  143. {/block:IndexPage}
  144.  
  145. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  146. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  147. <script type="text/javascript" charset="utf-8">
  148. var $j = jQuery.noConflict();
  149. $j(function() {
  150. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  151. $j("img").lazyload({
  152. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  153. effect: "fadeIn",
  154. });
  155. });
  156. </script>
  157.  
  158. </head>
  159.  
  160. <body>
  161.  
  162. <div class="header"><div class="blogtitle"><a href="/"><b>{Title}</b></a></div><div class="links"><br>
  163.  
  164.  
  165. <form name="form1">
  166. <select style="background-color:transparent; border: 1px solid #eeeeee; font-size: 10px; width: 190px; height: 17px; font-family:{Font:Body}; color:black" onchange="location.href=this.options[this.selectedIndex].value;"><option selected value="/"><b>{Text:Drop Down Links Title}</b>
  167. </option><option value="/ask">contact</option><option value="/archive">past</option>
  168. {block:ifLinkOneTitle}<option value="{Text:Link One}">{Text:Link One Title}</option>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<option value="{Text:Link Two}">{Text:Link Two Title}</option>{/block:ifLinkTwoTitle}{block:ifLinkTwoTitle}<option value="{Text:Link Three}">{Text:Link Three Title}</option>{/block:ifLinkTwoTitle}{block:ifLinkFourTitle}<option value="{Text:Link Four}">{Text:Link Four Title}</option>{/block:ifLinkFourTitle}{block:ifLinkFiveTitle}<option value="{Text:Link Five}">{Text:Link Five Title}</option>{/block:ifLinkFiveTitle}
  169. <option value="http://toffeethemes.tumblr.com">tumblr themes</option></select><area>
  170.  
  171. </form>
  172.  
  173. </select>
  174. </a></div><div class="infotoff"><br>{description}</div></div>
  175. <div style="position:fixed; right:7px; bottom:4px;"><a href="http://toffeethemes.tumblr.com">✖</a></div>
  176. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
  177.  
  178. <div class="content">
  179. {block:Posts}
  180.  
  181.  
  182. {block:Text}
  183. <div class="post"><div class="text">{block:Title}<div class="ptitle"><b><a href="{Permalink}">{Title}</a></b></div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div></div></div>{/block:IndexPage}{/block:Text}
  184.  
  185.  
  186. {block:Photo}<div class="post">{block:IndexPage}{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="240px"{block:indexpage} {block:PermalinkPage}width="400px"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}
  187.  
  188.  
  189. {block:Photoset}
  190. <div class="post"><div class="photoset"><div style="width:220px;overflow:hidden;height:auto;">
  191. {Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  192. </div></div>{/block:Photoset}
  193.  
  194.  
  195. {block:Quote}
  196. <div class="post">{Quote}{block:Source}<div class="source"><a href="{Permalink}">by {Source}</a></div>{/block:Source}</div>
  197. {/block:Quote}
  198.  
  199. {block:Link}
  200. <div class="post">
  201. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  202. {block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  203. </div>
  204. {/block:Link}
  205.  
  206. {block:Chat}
  207. <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
  208. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  209. </div>
  210. {/block:Chat}
  211.  
  212. {block:Video}
  213. <div class="post"><div class="video"><div style="width:220px;overflow:hidden;height:auto;">{Video-250}</div>
  214. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  215.  
  216. {block:Audio}
  217. <div class="post">
  218. <div class="audio">
  219. {AudioPlayerBlack}</div>{Caption}
  220. {block:PermalinkPage}{/block:PermalinkPage}
  221. {block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  222. </div>
  223. {/block:Audio}
  224.  
  225. {block:Answer}<div class="post"><b>{Question} asked by {Asker}</b><br><i>{Answer}</i>{block:PermalinkPage}{/block:PermalinkPage}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}</div>{/block:Answer}
  226.  
  227.  
  228. {block:PermalinkPage}
  229. <div class="posted"><u>Posted:</u> {TimeAgo}, with {NoteCount} Notes</div>
  230. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  231. <div class="notes">
  232. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  233.  
  234. {/block:Posts}
  235.  
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </body>
  243. </html>
create a new version of this paste RAW Paste Data