Advertisement
misscharliepace

Theme 57 by myknightofflowers

Jul 18th, 2015
629
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.67 KB | None | 0 0
  1. <html>
  2.  
  3. <!--*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧
  4.  
  5. THEME 57 BY MYKNIGHTOFFLOWERS | DON'T DO ANY OF THE STUFF YOU AREN'T
  6. SUPPOSED TO DO AND HAVE A LOVELY DAY
  7.  
  8. *:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*:・゚✧*-->
  9.  
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:text" content="#7b77777"/>
  19. <meta name="color:link" content="#be9191"/>
  20. <meta name="color:link hover" content="#ccc"/>
  21. <meta name="color:lines" content="#efefef"/>
  22. <meta name="color:sidebar" content="#ccc"/>
  23.  
  24. <meta name="image:sidebar" content="">
  25.  
  26. <meta name="text:link1" content=""/>
  27. <meta name="text:link1text" content=""/>
  28. <meta name="text:link2" content=""/>
  29. <meta name="text:link2text" content=""/>
  30. <meta name="text:link3" content=""/>
  31. <meta name="text:link3text" content=""/>
  32. <meta name="text:link4" content=""/>
  33. <meta name="text:link4text" content=""/>
  34.  
  35. <style type="text/css">
  36.  
  37. body{
  38. font-family:arial;
  39. font-size:10px;
  40. text-align:justify;
  41. background:#ffffff;
  42. -webkit-background-size: cover;
  43. -moz-background-size: cover;
  44. -o-background-size: cover;
  45. background-size: cover;
  46. color:{color:text};
  47. margin:0;
  48. overflow-y: scroll;
  49. overflow-x: hidden;
  50. }
  51.  
  52. a:link {
  53. -webkit-transition: all 0.5s ease;
  54. -moz-transition: all 0.5s ease;
  55. -o-transition: all 0.5s ease;
  56. text-decoration:none;color:{color:link};}
  57. a:visited {text-decoration:none;color:{color:link}}
  58. a:hover {
  59. -webkit-transition: all 0.5s ease-in-out;
  60. transition: all 0.5s ease-in-out;
  61. text-decoration:none; color:{color:link hover};
  62. }
  63. a:active {text-decoration:none;}
  64.  
  65. #cent{
  66. margin-left:420px;
  67. margin-top:20px;
  68. position:relative;
  69. }
  70.  
  71. #post{
  72. opacity:1;
  73. -webkit-transition: all 1s ease-in-out;
  74. transition: all 1s ease-in-out;
  75. padding:15px;
  76. position:relative;
  77. width:500px;
  78. }
  79.  
  80. #post:hover {
  81. opacity:0.85;
  82. -webkit-transition: all 1s ease;
  83. -moz-transition: all 1s ease;
  84. -o-transition: all 1s ease;
  85. }
  86.  
  87. #title {
  88. font-size:17px;
  89. text-transform:lowercase;
  90. font-family:times;
  91. text-align:center;
  92. padding-bottom:5px;
  93. font-style:italic;
  94. letter-spacing:0.1em;
  95. }
  96.  
  97. #description {
  98. position:fixed;
  99. width:200px;
  100. margin-left:130px;
  101. margin-top:130px;
  102. padding:10px;
  103. text-align:justify;
  104. font-family:times;
  105. font-size:11px;
  106. line-height:20px;
  107. }
  108.  
  109. #links a:hover {
  110. font-style:italic;
  111. letter-spacing:0.5em;
  112. }
  113.  
  114. hr {border: 0;height: 1px;background: {color:lines};}
  115. img{vertical-align:text-bottom}
  116. h1 {font-family:times;font-size:19px;font-style:italic;}
  117. blockquote {padding-left: 10px;border-left: 2px solid #f5f5f5;}
  118. #quotee {font-size:12px;font-family:georgia}
  119.  
  120. .header {
  121. width:900px;
  122. height:120px;
  123. margin-top:0px;
  124. margin-left:0px;
  125. padding:0;
  126. position:fixed;
  127. }
  128.  
  129. #notes {
  130. text-transform:uppercase;
  131. font-family:times;
  132. font-size:7px;
  133. padding-bottom:10px;
  134. padding-top:10px;
  135. letter-spacing:0.1em;
  136. background:transparent;
  137. }
  138.  
  139. #notes a, #notes a:link:hover,
  140. #notes a:visited:hover {
  141. text-decoration:none;
  142. color:{color:text};
  143. letter-spacing:0.1em;
  144. }
  145.  
  146. table {
  147. border:none;
  148. text-align:center;
  149. font-family:times;
  150. font-size:7px;
  151. text-transform:uppercase;
  152. letter-spacing:0.1em;
  153. }
  154.  
  155. td:hover {
  156. font-style:italic;
  157. }
  158.  
  159. td {
  160. -webkit-transition: all 1s ease;
  161. -moz-transition: all 1s ease;
  162. -o-transition: all 1s ease;
  163. padding:5px;
  164. border:2px solid white;
  165. width:33%;
  166. }
  167.  
  168. {CustomCSS}</style>
  169. </head>
  170. <body>
  171. <body link="#ce9b9b" vlink="#ce9b9b" alink="#aaa">
  172.  
  173. <div id="description">
  174. <img src="{image:sidebar}" width="100%">
  175. <br><br>
  176. <div id="title"><a href="/">{title}</a></div>
  177. <hr>
  178. <p>{Description}</p>
  179. <hr>
  180. <table style="width:100%">
  181. <tr>
  182. <td><span title="Home"><a href="/">Home</a href></span></td>
  183. <td><span title="Message"><a href="/ask">Message</a href></span></td>
  184. <td><span title="{text:link1text}"><a href="{text:link1}">{text:link1text}</a href></span></td>
  185. </tr><tr>
  186. <td><span title="{text:link2text}"><a href="{text:link2}">{text:link2text}</a href></span> </td>
  187. <td><span title="{text:link3text}"><a href="{text:link3}">{text:link3text}</a href></span></td>
  188. <td><span title="{text:link4text}"><a href="{text:link4}">{text:link4text}</a href></span> </td>
  189. </tr>
  190. </table>
  191. <div style="font-style:italic; font-family:times; letter-spacing:0.2em;font-size:10px;text-align:right">{block:PreviousPage}<a href="{PreviousPage}">ice</a>{/block:PreviousPage} - {block:NextPage}<a href="{NextPage}">fire</a>{/block:NextPage}</div>
  192. </div>
  193.  
  194. <div style="position:fixed; bottom:0px; right:10px; font-size:7px;z-index:999999;">
  195. <a href="http://myknightofflowers.tumblr.com/">T H E M E </a><br><br>
  196. </div>
  197.  
  198. <div id="cent">
  199.  
  200. {block:Posts}
  201. <div id="post">
  202. <div id="notes">
  203. <a href="{Permalink}">{TimeAgo}</a> with
  204. <a href="{Permalink}">{NoteCountWithLabel}</a>
  205. <hr>
  206. </div>
  207. {block:Text}
  208. <h1>
  209. {block:Title}{Title}{/block:Title}</h1>
  210. {Body}
  211. {/block:Text}
  212.  
  213. {block:Photo}
  214. <a href="{permalink}"><img src="{PhotoURL-500}" width="500"/></a>
  215. <br>
  216. {/block:Photo}
  217.  
  218. {block:Photoset}
  219. {Photoset-500}
  220. {/block:Photoset}
  221.  
  222. {block:Quote}
  223. <div align="center">
  224. <div id="quotee">
  225. ❝{Quote}❞
  226. </div>
  227. <hr>
  228. <span style="text-transform:uppercase; font-size:7px; letter-spacing:0.2em;">
  229. {block:Source}{Source}{/block:Source}
  230. </span>
  231. </div>
  232. {/block:Quote}
  233.  
  234. {block:Video}
  235. {Video-500}<br>
  236. {PlayCountWithLabel}
  237. {/block:Video}
  238.  
  239. {block:Link}
  240. <h1>
  241. <a href="{URL}" class="link" {Target}>{Name}</a></h1>
  242. {block:Description}{Description}{/block:Description}
  243. {/block:Link}
  244.  
  245. {block:Chat}
  246. {block:Lines}
  247.  
  248. {block:Label}
  249. <br><div style="display:inline; letter-spacing:0.2em; text-transform:uppercase;">{Label}</div>
  250. {/block:Label}
  251. <span style="font-style:italic">{Line}</span>
  252. {/block:Lines}
  253. <br>
  254. {/block:Chat}
  255.  
  256. {block:Audio}
  257. {AudioPlayerWhite}
  258. <br>
  259. {/block:Audio}
  260.  
  261. {block:Answer}
  262. <div style="padding-bottom:10px; border-bottom:double {color:lines}">
  263. <b>Q:</b> {Question} - ({Asker})
  264. </div>
  265. {Answer}
  266. {/block:Answer}
  267.  
  268. {block:PermalinkPage}
  269. {NoteCountWithLabel}
  270. {block:Caption}
  271. {Caption}
  272. {/block:Caption}
  273. <br><br>
  274. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  275. {/block:PermalinkPage}
  276.  
  277. <div id="notes" style="text-align:right">
  278. <hr>
  279. {block:ContentSource}
  280. <a href="{SourceURL}">src</a>
  281. {/block:ContentSource}
  282. {block:RebloggedFrom}
  283. <a href="{ReblogParentURL}">via</a>
  284. {/block:RebloggedFrom},
  285. {block:Tags} <a href="{TagUrl}">{Tag}</a> {/block:Tags}
  286. </div>
  287. </div>{/block:Posts}
  288.  
  289. </div>
  290.  
  291. </body>
  292. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement