Advertisement
hannahg

Theme #55

Aug 1st, 2014
803
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.22 KB | None | 0 0
  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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme #55 by smullingar, please follow the rules and enjoy! x--->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="image:sidebar" content=""/>
  14. <meta name="color:linkhover" content="#cecece"/>
  15. <meta name="color:bold" content="#cecece">
  16. <meta name="color:italic" content="#cecece">
  17. <meta name="color:asker bg" content="#f5f5f5">
  18. <meta name="color:border" content="#cecece">
  19.  
  20. <meta name="text:Link1" content="" />
  21. <meta name="text:Link1 Title" content="" />
  22. <meta name="text:Link2" content="" />
  23. <meta name="text:Link2 Title" content="" />
  24. <meta name="text:Link3" content="" />
  25. <meta name="text:Link3 Title" content="" />
  26. <meta name="text:Link4" content="" />
  27. <meta name="text:Link4 Title" content="" />
  28.  
  29. {block:IfLazyLoad}
  30. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  31. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  32. <script type="text/javascript" charset="utf-8">
  33. var $j = jQuery.noConflict();
  34. $j(function() {
  35. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  36. $j("img").lazyload({
  37. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  38. effect: "fadeIn",
  39. });
  40. });
  41. </script>
  42. {/block:IfLazyLoad}
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. body {
  48. background:{color:background};
  49. margin:0px;
  50. color:{color:text};
  51. font-family:arial;
  52. font-size:10px;
  53. line-height:100%;
  54. }
  55.  
  56. a {
  57. color:{color:link};
  58. text-decoration: none;
  59. }
  60.  
  61. a:hover {
  62. color:{color:linkhover};
  63.  
  64.  
  65. }
  66.  
  67. img {
  68. border:none;
  69. }
  70.  
  71. blockquote {
  72. padding-left:5px;
  73. border-left:2px solid;
  74. }
  75.  
  76. blockquote blockquote {
  77. padding-left:5px;
  78. border-left:2px solid;
  79. }
  80.  
  81. h1 {
  82. font-size:15px;
  83. }
  84.  
  85. b, strong {
  86. color:{color:bold};
  87. font-weight:bold;
  88. }
  89.  
  90. i, em {
  91. color:{color:italic};
  92. }
  93.  
  94. #entries {
  95. padding:10px;
  96. width:400px;
  97. margin-left:500px;
  98. margin-top:40px;
  99. }
  100.  
  101. #post {
  102. width:400px;
  103. padding-bottom:20px;
  104. }
  105.  
  106. #sidebar {
  107. position:fixed;
  108. margin-left:170px;
  109. width:220px;
  110. height:auto;
  111. margin-top:-170px;
  112. }
  113.  
  114. #sidebarimage {
  115. width 220px;
  116. margin-top:100px;
  117. }
  118.  
  119. #sidebarimage img {
  120. width:220px;
  121. margin-top:150px;
  122. }
  123.  
  124.  
  125. #title {
  126. font-size:10.5px;
  127. text-align:center;
  128. margin-top:53px;
  129. margin-left:4px;
  130. text-transform:uppercase;
  131. letter-spacing:1px;
  132. position:fixed;
  133. font-weight:bold;
  134. color:#000;
  135. }
  136.  
  137. #description {
  138. width:218px;
  139. font-size:9px;
  140. margin-top:65px;
  141. margin-left:-5px;
  142. padding:6px;
  143. text-align:justify;
  144. position:fixed;
  145. color:#000;
  146. }
  147.  
  148. #description a{
  149. color:#000;
  150. }
  151.  
  152. #pagination {
  153. font-size:9px;
  154. text-align:center;
  155. position:fixed;
  156. width:200px;
  157. margin-left:10px;
  158. margin-top:120px;
  159. color:#000;
  160. }
  161.  
  162. #pagination a{
  163. color:#000;
  164. }
  165.  
  166. #pagination a:hover {
  167. color:#fff;
  168. -moz-transition-duration:0.4s;
  169. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;
  170. }
  171.  
  172. #info {
  173. width:490px;
  174. padding:5px;
  175. font-size:8px;
  176. color:#000;
  177. margin-top:10px;
  178. margin-bottom:5px;
  179. letter-spacing:2px;
  180. text-align:left;
  181. }
  182.  
  183. #info a{
  184. color:#000;
  185. }
  186.  
  187. #questions {
  188. background-color:#000;
  189. padding:11px;
  190. margin-top: 5px;
  191. margin-bottom:5px;
  192. color:#fff;
  193. font-size:10px;
  194. text-align:left;
  195. }
  196.  
  197. #questions a{
  198. color:#fff;
  199. }
  200.  
  201. #answer {
  202. font-size:10px;
  203. text-transform:lowercase;
  204. }
  205.  
  206. #links {
  207. padding:10px;
  208. border-top:1px #000 solid;
  209. border-bottom:1px #000 solid;
  210. font-size:7px;
  211. text-align:center;
  212. margin-top:10px;
  213. margin-left:0px;
  214. text-transform:uppercase;
  215. color:#000;
  216. letter-spacing:1px;
  217. position:fixed;
  218. float:left;
  219. word-spacing:3px;
  220. width:200px;
  221. }
  222.  
  223. #links a{
  224. color:#000;
  225. }
  226.  
  227. #links a:hover{
  228. color:#fff;
  229. background-color:#000;
  230. padding:5px;
  231. -moz-transition-duration:0.4s;
  232. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;
  233. }
  234.  
  235.  
  236. {CustomCSS}</style></head><body><div id="sidebar">
  237. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  238.  
  239.  
  240. <div id="title">{Title}</div>
  241.  
  242.  
  243. <center><div id="links">
  244. <a href="/">home</a>
  245. <a href="/ask">ask</a>
  246. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  247. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  248. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}</center>
  249.  
  250. <center><div id="description">{Description}</div></center>
  251.  
  252.  
  253. <div id="pagination">
  254. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« back -</a>{/block:PreviousPage}
  255. {block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}{/block:Pagination}
  256. </div>
  257.  
  258. </div>
  259. <div id="entries">{block:Posts}<div id="post">
  260.  
  261. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  262.  
  263. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  264.  
  265. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  266.  
  267. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  268.  
  269. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  270.  
  271. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  272.  
  273. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  274.  
  275. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  276.  
  277. {block:Answer}<span style="color:#fff;"></span><div id="questions"><b>{Asker}</b> asked: {Question}</div>
  278. <div id="answer">{Answer}</div>{/block:answer}
  279.  
  280. <div id="info"> <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} - <a href="{ReblogParentURL}"> via </a> {/block:RebloggedFrom}
  281. {block:ContentSource} - <a href="{SourceURL}">©</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags">
  282. {block:HasTags}{block:Tags} <small> # </small> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>
  283.  
  284. {block:PostNotes}{PostNotes}{/block:PostNotes}
  285. {/block:Posts}</div>
  286.  
  287. <!--
  288. THEME MAKER CREDIT
  289. -->
  290.  
  291. <div style="position:fixed;bottom:3px; right:3px; font-size:7px; letter-spacing:1px; font-family:cambria;"><a href="http://smullingar.tumblr.com/">© SMULLINGAR</a></center></div>
  292. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement