Advertisement
louisofrp

his zayn -- #007

Apr 24th, 2013
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.88 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <head>
  13.  
  14. <!----
  15.  
  16. © SARAHCATHS.TUMBLR.COM | "BASE CODE" #1
  17. © louisofrp's "his zayn" theme #007
  18. ---->
  19.  
  20. <!-- VARIABLES -->
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Sidebar Image" content="" />
  24.  
  25. <meta name="color:Background" content="#fdf3ee" />
  26. <meta name="color:Text" content="#beb3a4" />
  27. <meta name="color:Bold" content="#809729" />
  28. <meta name="color:Italic" content="#809729" />
  29. <meta name="color:Link" content="#a09280" />
  30. <meta name="color:Content BG" content="#ffffff" />
  31. <meta name="color:Content Border" content="#ebebeb" />
  32. <meta name="color:Info BG" content="#f8f1e8" />
  33. <meta name="color:Info Border" content="#ebddcb" />
  34.  
  35. <meta name="text:Text Size" content="10px" />
  36.  
  37. <style type="text/css">
  38.  
  39. /* MAIN */
  40.  
  41. body {
  42. background-color:{color:Background};
  43. background-image: url('{image:Background}');
  44. color:{color:Text};
  45. font-family:Georgia, serif;
  46. font-size: {text:Text Size};
  47. margin: 0px;
  48. padding: 0px;}
  49.  
  50. h1 {
  51. font-size: 18px;
  52. text-align:center;}
  53.  
  54. a:link, a:active {
  55. text-decoration:none;
  56. color: {color:Link}; }
  57.  
  58. a:visited {
  59. text-decoration:none;
  60. color: {color:Link}; }
  61.  
  62. a:hover {
  63. text-decoration:none;
  64. color: {color:Bold};
  65. font-style:italic;}
  66.  
  67. b, strong, .strong {color:{color:Bold};}
  68.  
  69. blockquote {
  70. border-left:2px dashed {color:Text};
  71. padding-left:6px; }
  72.  
  73. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  74.  
  75. i, em, .em {color:{color:Italic};}
  76.  
  77. /* CONTENT */
  78.  
  79. .contentwhole {
  80. width:520px;
  81. margin-left:400px;
  82. height:300%;}
  83.  
  84. .content {
  85. width: 500px;
  86. height: auto;
  87. padding:10px;
  88. margin-top:32px;
  89. background-color: {color:Content BG};
  90. border:1px solid {color:Content Border};}
  91.  
  92. .info {
  93. height:19px;
  94. float:right;
  95. padding-top:4px;
  96. margin-top:12px;
  97. opacity:0.8;
  98. text-align:center;
  99. font-style: bold;
  100. font-size:11px;
  101. font-family:Georgia, serif;;
  102. letter-spacing:1px;
  103. background-color: {color:Info BG};
  104. background-image:url('{image:Info BG}');
  105. color:{color:Link};
  106. width: 500px;
  107. text-transform:uppercase;
  108. transition-duration: 0.6s;
  109. -moz-transition-duration: 0.6s;
  110. -webkit-transition-duration: 0.6s;
  111. -o-transition-duration: 0.6s; }
  112.  
  113. .info a {
  114. font-size:17px; }
  115.  
  116. .info:hover {
  117. opacity:1.0;
  118. transition-duration: 0.6s;
  119. -moz-transition-duration: 0.6s;
  120. -webkit-transition-duration: 0.6s;
  121. -o-transition-duration: 0.6s; }
  122.  
  123. #pagination {
  124. font-size:20px;
  125. margin:20px;
  126. text-align:center;}
  127.  
  128. /* SIDEBAR */
  129.  
  130.  
  131. #sidebar {
  132. width:350px;
  133. position:fixed;
  134. top:10px;
  135. text-align:left;
  136. background-color:transparent;
  137. padding: 2px 0px 2px 0px;
  138. left:50px;
  139. height:700px;}
  140.  
  141. #sidebarimg {
  142. background-image:url('{image:Sidebar Image}');
  143. background-repeat:no-repeat;
  144. width:250px;
  145. height:700px;
  146. margin-bottom:-550px;
  147. opacity:1.0;
  148. overflow:auto;
  149. border:1px solid {color:Content Border};}
  150.  
  151. #description {
  152. font-size:12px;
  153. font-family:Georgia, serif;;
  154. margin-left:620px;
  155. margin-right:-1000px;
  156. margin-bottom:-203px;
  157. width:150px;
  158. height:150px;
  159. padding:5px;
  160. position:relative;
  161. text-align:justify;
  162. box-shadow: 0px 0px 3px {color:Sidebar Shadow};
  163. background-color:{color:description};
  164. }
  165.  
  166. #icon {box-shadow: 0px 0px 3px {color:Sidebar Shadow}; height:160px; width:160px; margin-left:1075px; margin-top:0px; position:fixed;}
  167. #icon1 {height:160px; width:160px; margin-left:898px; margin-top:-146px; position:fixed;}
  168.  
  169. #sidelinks {
  170. position:fixed;
  171. margin-left:900px;
  172. margin-top:192px;
  173. }
  174.  
  175. #sidelinks a {
  176. display:block;
  177. width:200px;
  178. height:auto;
  179. font-family:georgia;
  180. font-size:9px;
  181. text-align:center;
  182. }
  183.  
  184. #sidelinks2 {
  185. position:fixed;
  186. margin-left:1070px;
  187. margin-top:192px;
  188. }
  189.  
  190. #sidelinks2 a {
  191. display:block;
  192. width:200px;
  193. height:auto;
  194. font-family:georgia;
  195. font-size:9px;
  196. text-align:center;
  197.  
  198.  
  199. </style>
  200.  
  201. <div id="sidebar">
  202. <div align="center">
  203. <div id="pagination">
  204. {Title}
  205. </div> <!-- END PAGINATION TITLE -->
  206. <div id="sidebarimg"></div>
  207.  
  208. <div id="icon1">
  209. <img src="http://media.tumblr.com/b49577e4a71b009ef8bfb664b7f48f83/tumblr_inline_mlshk4lEkd1qz4rgp.png" class="imdava"></div>
  210. <div id="icon">
  211. <img src="http://media.tumblr.com/24afea5faad5bd0d5879d89ba38673ce/tumblr_inline_mlsfc3G9on1qz4rgp.gif" class="imdava"></div>
  212.  
  213. <div class="portrait"><img src="{PortraitURL-64}" style="float:left;margin:-28px; box-shadow: 0px 0px 3px {color:Sidebar Shadow};" /></div> <div id="description">{Description}</div>
  214. <p>
  215. <div id="sidelinks">
  216. <a href="/"><img src="http://media.tumblr.com/db5dd8945f3efc705d32aba3df96ed5e/tumblr_inline_mlshw6s9qc1qz4rgp.png" /></a><br>
  217. <a href="/ask"><img src="http://media.tumblr.com/38acc28f1ca7fab39082bbb7753eb43d/tumblr_inline_mlshwaHN5V1qz4rgp.png" /></a><br></div>
  218. <div id="sidelinks2">
  219. <a href="/navi"><img src="http://media.tumblr.com/dc6d6fc3d1eb251975cbc84dbeb6027d/tumblr_inline_mlshwgbRd31qz4rgp.png" /></a><br>
  220. <a href="http://louisofrp.tumblr.com/"><img src="http://media.tumblr.com/2fd3b5f364b593faf703634d38f2de64/tumblr_inline_mlshwsWfRd1qz4rgp.png" /></a><br></div>
  221. <div id="pagination">
  222. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  223. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  224. </div> <!-- END PAGINATION -->
  225. </div> <!-- END SIDE INFO -->
  226. </div> <!-- END SIDE IMG -->
  227. </div> <!-- END DIV LEFT -->
  228. </div> <!-- END SIDEBAR -->
  229. </div> <!-- IDK WHAT THIS IS -->
  230.  
  231.  
  232.  
  233. <div class="contentwhole">
  234. {block:Posts}
  235.  
  236. <div class="content">
  237. {block:Text}
  238. {block:Title}
  239. <a href="{Permalink}" class="ttitle"><h1>{Title}</h1></a>
  240. {/block:Title}
  241. {Body}
  242. {/block:Text}
  243.  
  244. {block:Photo}
  245. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  246. {block:Caption}{Caption}{/block:Caption}
  247. {/block:Photo}
  248.  
  249. {block:Photoset}
  250. {Photoset-500}
  251. {block:Caption}{Caption}{/block:Caption}
  252. {/block:Photoset}
  253.  
  254. {block:Quote}
  255. {Quote}<p>
  256. {block:Source}- {Source}{/block:Source}
  257. {/block:Quote}
  258.  
  259. {block:Link}
  260. <a href="{URL}" target="{Target}" class="ttitle"> <h1>{Name} (x)</h1> </a>
  261. {block:Description} {Description} {/block:Description}
  262. {/block:Link}
  263.  
  264. {block:Chat}
  265. {block:Title} {Title} {/block:Title}
  266. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  267.  
  268. {/block:Lines}
  269. {/block:Chat}
  270.  
  271.  
  272. {block:Audio}
  273. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  274. <p>
  275. {block:AlbumArt}
  276. <img src="{AlbumArtURL}" width="100px" />
  277. {/block:AlbumArt}
  278. <p>
  279. {block:Caption}
  280. {Caption}
  281. {/block:Caption}
  282. {/block:Audio}
  283.  
  284.  
  285. {block:Video}
  286. {Video-500}
  287. {block:Caption}{Caption}{/block:Caption}
  288. {/block:Video}
  289.  
  290. {block:Answer}
  291. {Asker} asked: {Question}<p>
  292. {Answer}
  293. {/block:Answer}
  294.  
  295.  
  296. {block:PermalinkPage}
  297. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  298. {block:PostNotes}
  299. {PostNotes}
  300. {/block:PostNotes}
  301. {/block:PermalinkPage}
  302.  
  303. <div class="info">
  304. {block:Date}posted {TimeAgo}{/block:Date}
  305. {block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount}</a>
  306. </div> <!--END INFO -->
  307.  
  308. </div> <!-- END CONTENT -->
  309.  
  310. {/block:Posts}
  311. </div> <!-- END CONTENT WHOLE -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement