Guest User

I mustache you by Lucyrps

a guest
Jul 15th, 2013
2,657
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.57 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.  
  4. <!-- I mustache you by Lucyrps -->
  5.  
  6. <html>
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15.  
  16.  
  17. <meta name="color:Background" content="#f5f2f2" />
  18. <meta name="color:Body" content="#292929" />
  19. <meta name="color:Title" content="#e69c9c" />
  20. <meta name="color:Desc bg" content="#F2F2F2" />
  21. <meta name="color:Posts" content="#F2F2F2" />
  22. <meta name="color:Header" content="#f1e6e6" />
  23. <meta name="color:nav bg" content="#0e0e0e" />
  24. <meta name="color:sidebar" content="#f2f2f2">
  25. <meta name="color:nav links" content="#f2f2f2" />
  26. <meta name="color:Link Hover" content="#CCCCCC" />
  27. <meta name="color:Scrollbar" content="#0f0f0f">
  28. <meta name="color:Scrollbar Background" content="#F2F2F2">
  29.  
  30.  
  31. <meta name="image:Header bg" content="http://static.tumblr.com/f80627a4593a61bbaeed6a6e6712f44e/tjy6jor/JM4mq07tc/tumblr_static_examplebanner.png">
  32. <meta name="image:sidebar" content="http://static.tumblr.com/c4f84feee259df3325aa4d555debf2b1/tjy6jor/50lmorviy/tumblr_static_whereslucy.gif">
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="LINK" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="LINK" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="LINK" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="LINK" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="LINK" />
  44. <meta name="text:Link6" content="/" />
  45. <meta name="text:Link6 Title" content="LINK" />
  46.  
  47.  
  48.  
  49. <meta name="font:Body" content="Arial, Helvetica, sans-serif" />
  50.  
  51.  
  52.  
  53.  
  54. <head>
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:100px;}
  58.  
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px !important;}
  60.  
  61. ::-webkit-scrollbar { height:5px;width:5px; background-color:transparent;}
  62.  
  63. @font-face{font-family:gentle;src:url(http://static.tumblr.com/tjy6jor/3kRmlziln/a_gentle_touch.ttf);}
  64.  
  65.  
  66.  
  67. body {
  68. background:{color:Background};
  69. font-family:{font:Body};
  70. color:{color:Body};
  71. font-size:12px;
  72. margin-left:20px;
  73. width:500px;
  74. margin:0 auto;
  75. }
  76.  
  77. #container {
  78. width:100%;
  79. margin: 0 -150px auto;
  80. }
  81.  
  82.  
  83.  
  84. #header {
  85. width:800px;
  86. z-index:-99;
  87. height:300px;
  88. margin:auto;
  89. position:relative;
  90. background-color:{color:header};
  91. background-image:url('{image:header bg}');
  92. border-bottom:10px solid {color:nav bg};
  93. }
  94.  
  95. #header img {
  96. background-attachment:no-repeat;
  97. position:relative;
  98. max-height:300px;
  99. margin:auto;
  100.  
  101. }
  102.  
  103. #sidebar {
  104. position:fixed;
  105. margin-top:-200px;
  106. margin-left:-90px;
  107. width:255px;
  108. height:420px;
  109. }
  110.  
  111. #sidebar img {
  112. margin-top:35px;
  113. margin-left:0px;
  114. max-width:205px;
  115. position:relative;
  116. border:4px double #000;
  117. }
  118.  
  119.  
  120.  
  121. #side {
  122. position:relative;
  123. z-index:99;
  124. margin-left:-20px;
  125. margin-top:190px;
  126. background-color:transparent;
  127. width:275px;
  128. height:100%;
  129. }
  130.  
  131.  
  132. #entries {
  133. position:absolute;
  134. margin-left:125px;
  135. margin-top:-175px;
  136. }
  137.  
  138. #post {
  139. color:{color:Body};
  140. padding:10px;
  141. margin-bottom:50px;
  142. width:500px;
  143.  
  144. }
  145.  
  146. #post img {
  147. max-width:500px;
  148. }
  149.  
  150. #post a{
  151. color:{color:nav bg};
  152. text-decoration:none;
  153. }
  154.  
  155. .desc {
  156. background-color:{color:desc bg};
  157. padding-left:5px;
  158. padding-right:5px;
  159. padding-bottom:10px;
  160. font-size:11px;
  161. font-family:calibri;
  162. width:202px;
  163. height:80px;
  164. position:relative;
  165. margin-left:0px;
  166. margin-top:0px;
  167. overflow:auto;
  168. text-align:center;
  169. }
  170.  
  171.  
  172.  
  173. a {
  174. color:{color:title};
  175. text-decoration:none;
  176. }
  177.  
  178. a:hover {
  179. color:{color:Link Hover};
  180. }
  181.  
  182. blockquote {
  183. border-left:3px solid #CCCCCC;
  184. padding-left:10px;
  185. }
  186.  
  187. ol.notes {
  188. list-style-type: none;
  189. padding:0px;
  190. }
  191.  
  192. ol.notes li.note {
  193. padding:3px;
  194. }
  195.  
  196. #h1 {
  197. font-size:40px;
  198. width:100%;
  199. position:fixed;
  200. font-family:gentle;
  201. color:{color:Title};
  202. margin-left:637px;
  203. text-slign:center;
  204. z-index:9999;
  205. text-shadow: 1px 2px 5px #070707;
  206. }
  207.  
  208. #h2 {
  209. font-size:20px;
  210. width:196px;
  211. margin-top:150px;
  212. margin-left:315px;
  213. position:absolute;
  214. font-family:gentle;
  215. font-weight:bold;
  216. color:{color:Title};
  217. text-align:center;
  218. z-index:9999;
  219. text-shadow: 1px 1px 2px #070707;
  220. }
  221.  
  222. #h3 a{
  223. font-size:20px;
  224. font-family:gentle;
  225. font-weight:bold;
  226. color:{color:Title};
  227. z-index:9999;
  228. text-shadow: 1px 1px 1px #070707;
  229. }
  230.  
  231. #h3 {
  232. font-size:35px;
  233. width:500px;
  234. padding:0px;
  235. font-family:gentle;
  236. color:{color:Title};
  237. text-slign:center;
  238. z-index:9999;
  239. text-shadow: 1px 1px 1px #070707;
  240. }
  241.  
  242. #navigation {
  243. position:absolute;
  244. margin-top:10px;
  245. margin-left:300px;
  246. height:20px;
  247. z-index:9;
  248. }
  249.  
  250. .links {
  251. font-family:calibri;
  252. text-decoration:none;
  253. width:700px;
  254. margin-left:-150px;
  255. margin-top:-55px;
  256. z-index:9999999;
  257. padding: 2px;
  258. text-align:center;
  259. text-transform:uppercase;
  260. word-spacing:0px;
  261. }
  262.  
  263. .links a {
  264. text-decoration:none;
  265. padding:10px;
  266. margin-right:6px;
  267. color:{color:nav links};
  268. background-color:{color:nav bg};
  269. -webkit-transition: all 0.7s ease-out;
  270. -moz-transition: all 0.7s ease-out;
  271. transition: all 0.7s ease-out;
  272. }
  273.  
  274. .links a:hover {
  275. -webkit-transition: all 0.7s ease-out;
  276. -moz-transition: all 0.7s ease-out;
  277. transition: all 0.7s ease-out;
  278. background-color:{color:Title};
  279. }
  280.  
  281. #info {
  282. text-align:center;
  283. font-size:10px;
  284. margin-top:7px;
  285. font-family:calibri;
  286. color:{color:nav links};
  287. background-color:{color:nav bg};
  288. }
  289.  
  290. #info a {
  291. color:{color:nav links};
  292. }
  293.  
  294. #ask {
  295. width:500px;
  296. border-bottom:1px solid {color:nav bg};
  297. padding-bottom:10px;
  298. }
  299.  
  300. #ask a{
  301. font-weight:bold;
  302. }
  303.  
  304. #pagination {
  305. position:relative;
  306. margin-left:-50px;
  307. margin-top:10px;
  308. z-index:9999;
  309. color:{color:nav nav bg};
  310. }
  311.  
  312. #pagination a {
  313. color: {color:nav links};
  314. padding:5px;
  315. text-decoration:none;
  316. background-color:{color:nav bg};
  317. }
  318.  
  319. #source {
  320. font-family:gentle;
  321. font-size:30px;
  322. color:{color:title};
  323. text-shadow: 2px 1px 3px #070707;
  324. }
  325.  
  326.  
  327. {CustomCSS}
  328. </style>
  329. </head>
  330.  
  331.  
  332. <body>
  333.  
  334. <div id="container">
  335. <div id="header">
  336. <img src="{image:Header}">
  337.  
  338. </div>
  339. <div id="navigation">
  340. <div class="links">
  341. <a href="/">home</a>
  342. <a href="/ask">message</a>
  343. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  344. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  345. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  346. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  347. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  348. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}
  349. <a href="http://lucyrps.tumblr.com">credit</a>
  350. </div>
  351. </div>
  352. </div>
  353.  
  354. <div id="side">
  355. <div id="sidebar">
  356. <img src="{image:Sidebar}">
  357. <div class="desc">{Description}</div>
  358. {block:Pagination}
  359. <div id="pagination">
  360. <center>
  361. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}
  362. <span class="current_page">{PageNumber}</span>
  363. {/block:CurrentPage}
  364.  
  365. {block:JumpPage}
  366. <a class="jump_page" href="{URL}">{PageNumber}</a>
  367. {/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  368.  
  369. {/block:Pagination}
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374.  
  375.  
  376.  
  377.  
  378.  
  379. <div id="entries">{block:Posts}<div id="post">
  380. {block:ContentSource}
  381. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  382. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  383. {/block:SourceLogo}
  384. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  385. {/block:ContentSource}
  386.  
  387. {block:Text}<div id="h3">{block:Title}<center>{Title}</center>{/block:Title}</div>{Body}{/block:Text}
  388.  
  389. <center>{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}</center>
  390.  
  391. <center>{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</center>
  392.  
  393. {block:Quote}"{Quote}"{block:Source} <br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  394.  
  395. {block:Link}<div id="h3"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  396.  
  397. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  398.  
  399. <center>{block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio} </center>
  400.  
  401. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  402.  
  403. {block:Answer}<div id="ask">{Asker} asked: {Question}</div>{Answer}{/block:Answer}
  404.  
  405. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}・ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}・ <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  406. {block:ContentSource}・ <a href="{SourceURL}">source</a>{/block:ContentSource} <br>
  407. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  408.  
  409.  
  410.  
  411. </div>
  412.  
  413.  
  414. </div>
  415.  
  416. {block:PostNotes}{PostNotes}{/block:PostNotes}
  417.  
  418. {/block:Posts}
  419.  
  420. </div>
  421. </div>
  422. <!-- END POSTS -->
  423.  
  424. </body>
  425. </html>
  426.  
  427. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment