Advertisement
inmyb0nes

#02 Inamorta

Mar 26th, 2013
383
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.06 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. Hey guys please don't remove the credit! Do whatever else you want with this but please don't remove the credit, cheers! x
  8.  
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#646464" />
  12. <meta name="color:Sidebar Background" content="#000000" />
  13. <meta name="color:Post" content="#000000" />
  14. <meta name="color:Text" content="#ffffff" />
  15. <meta name="color:Bold Text" content="#ffffff" />
  16. <meta name="color:Italic Text" content="#ffffff" />
  17. <meta name="color:Link" content="#006eff" />
  18. <meta name="color:Page title" content="#006eff" />
  19. <meta name="color:Navigation" content="#006eff" />
  20. <meta name="color:Navigation Text" content="#000000" />
  21. <meta name="color:Navigation Hover" content="#013273" />
  22. <meta name="color:Navigation Text Hover" content="#ffffff" />
  23. <meta name="color:Scrollbar" content="#006eff" />
  24. <meta name="color:Scrollbar Background" content="#000000" />
  25. <meta name="color:Permalink" content="#1c1c1c" />
  26. <meta name="color:Permalink background" content="#4d4d4d" />
  27. <meta name="Text:Ask Background" content="#1d1d1d /">
  28.  
  29. <meta name="font:Title" content="Giddyup Std" />
  30. <meta name="font:Body" content="Myriad Pro" />
  31.  
  32. <meta name="if:Show Caption" content="0"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="image:Background" content=""/>
  36.  
  37. <meta name="text:Link 1" content="Link 1" />
  38. <meta name="text:Link 1 URL" content="" />
  39. <meta name="text:Link 2" content="Link 2" />
  40. <meta name="text:Link 2 URL" content="" />
  41. <meta name="text:Link 3" content="Link 3" />
  42. <meta name="text:Link 3 URL" content="" />
  43. <meta name="text:Link 4" content="Link 4" />
  44. <meta name="text:Link 4 URL" content="" />
  45. <meta name="text:Link 5" content="Link 5" />
  46. <meta name="text:Link 5 URL" content="" />
  47. <meta name="text:Link 6" content="Link 6" />
  48. <meta name="text:Link 6 URL" content="" />
  49.  
  50. <style type="text/css">
  51. {Custom CSS}
  52.  
  53. ::-webkit-scrollbar {width: 10px;}
  54.  
  55. ::-webkit-scrollbar-track-piece
  56. {background-color: {color:Scrollbar Background};}
  57.  
  58. ::-webkit-scrollbar-thumb:vertical
  59. {width:8px; border:0px solid #fff;
  60. background-color: {color:Scrollbar};}
  61.  
  62.  
  63. body{
  64. font-family: {text:Font};
  65. font-size:10px;
  66. letter-spacing:1px;
  67. background-color:{color:Background};
  68. background-image:url('{image:Background}');
  69. background-position: fixed;
  70. background-attachment:fixed;
  71. background-repeat:repeat;}
  72.  
  73. a
  74. {text-decoration:none;
  75. color:{color:Link};}
  76.  
  77. a:link, a:visited, a:active
  78. {text-decoration:none;
  79. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  80. }
  81. a:hover{
  82. color:{color:Links hover};
  83. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  84. }
  85.  
  86. blockquote{
  87. padding:3px;
  88. margin-top:3px;
  89. margin-bottom:3px;
  90. border-right:2px {color:border blockquote};
  91. background-color:{color:blockquote};
  92. }
  93.  
  94. #menu{
  95. position:fixed;
  96. background-color: {color:post};
  97. width:105px;
  98. padding-top:0px;
  99. padding-bottom:30px;
  100. padding-left:10px;
  101. padding-right:5px;
  102. margin-top:-10px;
  103. margin-left:940px;
  104. -moz-border-radius: 0px 0px 40px 40px;
  105. -webkit-border-radius: 0px 0px 40px 40px;
  106. border-radius: 0px 0px 40px 40px;
  107. -moz-box-shadow: 4px 4px 15px #181818;
  108. -webkit-box-shadow: 4px 4px 15px #181818;
  109. box-shadow: 4px 4px 15px #181818;
  110. }
  111.  
  112. .menu{
  113. width:70px;
  114. display:block;
  115. height:5px;
  116. margin-top:15px;
  117. margin-left:5px;
  118. margin-bottom:10px;
  119. text-align:center;
  120. background-color: {color:Navigation};
  121. padding-bottom:10px;
  122. padding-top:6px;
  123. padding-right:10px;
  124. padding-left:10px;
  125. text-decoration:none;
  126. color:{color:Navigation text};
  127. font-family:consolas;
  128. font-size:8px;
  129. text-transform:uppercase;
  130. letter-spacing:3px;
  131. border-bottom:0px solid {color:border blockquote};
  132. -webkit-transition: all 0.7s ease;
  133. -moz-transition: all 0.7s ease;
  134. -o-transition: all 0.7s ease;
  135. -moz-border-radius: 10px 10px 10px 10px;
  136. -webkit-border-radius: 10px 10px 10px 10px;
  137. border-radius: 10px 10px 10px 10px;
  138. }
  139.  
  140. .menu:hover{
  141. background-color: {color:Navigation hover};
  142. color:{color:Navigation text hover};
  143. letter-spacing:1px
  144. }
  145.  
  146.  
  147. #sidebar {
  148. position:fixed;
  149. top:100px;
  150. left:100px;
  151. width:250px;
  152. padding:5px;
  153. padding-bottom:20px;
  154. text-align:left;
  155. font-family:candara;
  156. font-size:10px;
  157. background-color:{color:Sidebar Background};
  158. -moz-box-shadow: 4px 4px 15px #181818;
  159. -webkit-box-shadow: 4px 4px 15px #181818;
  160. box-shadow: 4px 4px 15px #181818;
  161. -moz-border-radius: 40px;
  162. -webkit-border-radius: 40px;
  163. border-radius: 40px;
  164. opacity: 0.99;
  165. }
  166.  
  167. #title {
  168. font-family:Gabriola;
  169. font-size:20px;
  170. font-weight:bold;
  171. line-height:30px;
  172. text-transform:Small Caps;
  173. letter-spacing:1px;
  174. margin-bottom:0px;
  175. margin-left:15px;
  176. color:{color:Page Title};
  177. }
  178.  
  179. .titles {
  180. font-size:17px;
  181. font-style:normal;
  182. font-weight:bold;
  183. font-family:Gabriola;
  184. text-align:centre;
  185. padding-left:7px;
  186. margin-left:5px;
  187. text-transform:small caps;
  188. color: {color:Page Title};
  189. padding:3px;
  190. }
  191.  
  192.  
  193. #description {
  194. color:{color:text};
  195. text-align:left;
  196. font-family: {font:body};
  197. font-size:10px;
  198. letter-spacing:3px;
  199. width:230px;
  200. margin-top:3px;
  201. margin-left:5px;
  202. margin-bottom:20px;
  203. padding-bottom:15px;
  204. }
  205.  
  206. #posts{
  207. width:500px;
  208. margin-left:400px;
  209. margin-top:10px;
  210. font-size:10px;
  211. font-family:cambria;
  212. padding-left:5px;
  213. padding-top:5px;
  214. padding-bottom:5px;
  215. }
  216.  
  217. .post {
  218. width:500px;
  219. padding:5px;
  220. margin-top:20px;
  221. margin-bottom:5px;
  222. font-family: {font:Body};
  223. font-size:10px;
  224. letter-spacing:1px;
  225. background-color:{color:Post};
  226. color:{color:Text};
  227. -moz-border-radius: 6px 6px 6px 6px;
  228. -webkit-border-radius: 6px 6px 6px 6px;
  229. border-radius: 6px 6px 6px 6px;
  230. -moz-box-shadow: 4px 4px 15px #181818;
  231. -webkit-box-shadow: 4px 4px 15px #181818;
  232. box-shadow: 4px 4px 15px #181818;
  233. }
  234.  
  235. .post img{ max-width:100%;}
  236.  
  237. b, em, strong{
  238. color: {color:Bold text};
  239. font-weight:bold;
  240. }
  241.  
  242. i, em {
  243. color: {color:Italic text};
  244. font-weight:lighter;
  245. font-style:italic;
  246. }
  247.  
  248. .audio{
  249. max-width:100px;
  250. margin-left:5px;
  251. }
  252.  
  253. .source{
  254. margin-left: 25px;
  255. }
  256.  
  257. .ask{
  258. padding:5px;
  259. font-family: {Font:Body};
  260. font-size:10px;
  261. }
  262.  
  263.  
  264. .links{
  265. padding:5px;
  266. margin-left:5px;
  267. }
  268.  
  269. .sa{
  270. font-size:13px;
  271. font-style:normal;
  272. font-weight:light;
  273. font-family:MS Sans Serif;
  274. text-align:left;
  275. padding-left:10px;
  276. margin-left:5px;
  277. text-transform:uppercase;
  278. padding:3px;
  279. }
  280.  
  281.  
  282. .notes{
  283. background-color: {color:Permalink Background};
  284. font-family: consolas;
  285. font-size: 9px;
  286. text-align: center;
  287. width: 508px;
  288. margin-bottom: 15px;
  289. padding: 1px;
  290. text-transform: uppercase;
  291. letter-spacing: 1px;
  292. }
  293.  
  294. .notes a {
  295. color: {color:Permalink};
  296. text-decoration: none;
  297. letter-spacing: 2px;
  298. }
  299.  
  300. </style>
  301.  
  302.  
  303. </head>
  304. <body>
  305.  
  306.  
  307. <div id="menu">
  308. <a href="/" class="menu">home</a>
  309. <a href="/ask" class="menu">ask</a>
  310. <a href="http://safebeneaththesmoke.tumblr.com/" class="menu">theme</a>
  311. {block:IfLink1}<a href="{text:Link 1 URL}" class="menu">{text:Link 1}</a>{/block:IfLink1}
  312. {block:IfLink2}<a href="{text:Link 2 URL}" class="menu">{text:Link 2}</a>{/block:IfLink2}
  313. {block:IfLink3}<a href="{text:Link 3 URL}" class="menu">{text:Link 3}</a>{/block:IfLink3}
  314. {block:IfLink4}<a href="{text:Link 4 URL}" class="menu">{text:Link 4}</a>{/block:IfLink4}
  315. {block:IfLink5}<a href="{text:Link 5 URL}" class="menu">{text:Link 5}</a>{/block:IfLink5}
  316. {block:IfLink6}<a href="{text:Link 6 URL}" class="menu">{text:Link 6}</a>{/block:IfLink6}
  317. </div>
  318.  
  319.  
  320. <div id="posts">
  321. <div style="position:center; top:10px; left:400px;">
  322.  
  323. {block:Posts}
  324.  
  325. <div class="post">
  326.  
  327. {block:Text}
  328. {block:Title}
  329. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  330. {/block:Title}
  331. {Body}
  332. {/block:Text}
  333.  
  334.  
  335. {block:Photo}
  336. {LinkOpenTag}
  337. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  338. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  339. {linkCloseTag}
  340.  
  341. {block:IfShowCaption}
  342. {block:Caption}{Caption}{/block:Caption}
  343. {/block:IfShowCaption}
  344.  
  345. {block:IfNotShowCaption}{block:PermalinkPage}
  346. {block:Caption}{Caption}{/block:Caption}
  347. {block:PermalinkPage}{/block:IfNotShowCaption}
  348. {/block:Photo}
  349.  
  350. {block:Photoset}
  351.  
  352. {Photoset-500}
  353.  
  354. {block:IfShowCaption}
  355. {block:Caption}{Caption}{/block:Caption}
  356. {/block:IfShowCaption}
  357.  
  358. {block:IfNotShowCaption}{block:PermalinkPage}
  359. {block:Caption}{Caption}{/block:Caption}
  360. {block:PermalinkPage}{/block:IfNotShowCaption}
  361. {/block:Photoset}
  362.  
  363. {block:Quote}
  364. <div class="links">❝{Quote}❞</div>
  365. {block:Source}
  366. <div class="source"> — {Source} </div>
  367. {/block:Source}
  368. {/block:Quote}
  369.  
  370. {block:Link}
  371. <div class="sa">
  372. &rarr; <a href="{URL}" {Target}>{Name}</a>
  373. </div>
  374. {block:Description}
  375. {Description}
  376. {/block:Description}{/block:Link}
  377.  
  378. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  379. {/block:Lines}
  380. {/block:Chat}
  381.  
  382. {block:Audio}
  383. <div style="width:100%; background-color:#000;">{AudioPlayerBlack}</div>
  384. {/block:Audio}
  385.  
  386. {block:Video}
  387. {video-500}
  388.  
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:Video}
  391.  
  392. {block:Answer}
  393. <div class="ask">{Asker}: <big><big><big><big><big>“</big></big></big></big></big>{Question}<big><big><big><big><big>”</big></big></big></big></big></div>
  394. {Answer}
  395. </div>
  396. {/block:Answer}
  397. </div>
  398.  
  399. {block:IndexPage}<div class="notes">
  400. {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{block:NoteCount}&nbsp;&nbsp;|&nbsp;&nbsp;{NoteCountWithLabel}{/block:NoteCount}</a>
  401. </div>{/block:IndexPage}
  402.  
  403. {/block:Posts}
  404.  
  405. <div id="sidebar">
  406. <div id="title">{title}</div>
  407. <img src="{image:Sidebar}"width="250px">
  408. <div id="description">
  409. {description}
  410. </div>
  411.  
  412. {block:Pagination}
  413. <center>
  414. {block:PreviousPage}
  415. <a href="{PreviousPage}"><big><big><big><big><big><big>←</big></big></big></big></big></big></a>
  416. {/block:PreviousPage}
  417. {block:NextPage}
  418. <a href="{NextPage}"><big><big><big><big><big><big>→</big></big></big></big></big></big></a>
  419. {/block:NextPage}
  420. </center>
  421. {/block:Pagination}
  422. </div>
  423.  
  424. </body>
  425. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement