topshopandtea

for misella 2

Aug 3rd, 2013
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.24 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.  
  3. <!-- CUSTOM THEME BY HOGWAT :) PLEASE FOLLOW THE RULES -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <meta name="color:bg" content="#ffffff">
  18. <meta name="color:link" content="#bbb8b8">
  19. <meta name="color:text" content="#9a9a9a">
  20. <meta name="color:tags" content="#b9b7b7">
  21. <meta name="color:ask" content="#fcfcfc">
  22. <meta name="color:hover" content="#eeeeee">
  23. <meta name="color:border" content="#e7e7e7">
  24. <meta name="color:scrollbar" content="#d6d5d5">
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <meta name="text:link 1" content="">
  30. <meta name="text:link 1 url" content="/">
  31. <meta name="text:link 2" content="">
  32. <meta name="text:link 2 url" content="/">
  33. <meta name="text:link 3" content="">
  34. <meta name="text:link 3 url" content="/">
  35. <meta name="text:link 4" content="">
  36. <meta name="text:link 4 url" content="/">
  37.  
  38. <meta name="if:Cursor" content="1">
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. /*--scrollbar--*/
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {border:1px solid #ffffff;height:12px; background-color:#000};}
  47.  
  48. ::-webkit-scrollbar-thumb:horizontal {background-color:#000;}
  49.  
  50. ::-webkit-scrollbar {background-color:#fff;height:7px;width:6px;border:5px solid #fff;}
  51.  
  52. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:#000;display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;}
  53. /*--body--*/
  54.  
  55.  
  56. body {
  57. font-style:none;
  58. background-color:{color:bg};
  59. font-family:calibri;
  60. color:{color:text};
  61. font-size:9px;
  62. }
  63.  
  64.  
  65. a {
  66. color:{color:link};
  67. text-decoration:none;
  68. -webkit-transition: all 0.5s ease-out;
  69. -moz-transition: all 0.5s ease-out;
  70. transition: all 0.5s ease-out;
  71. }
  72.  
  73. a:hover {
  74. color:{color:hover};
  75. text-decoration:none;
  76. -webkit-transition: all 0.8s ease-out;
  77. -moz-transition: all 0.8s ease-out;
  78. transition: all 0.8s ease-out;
  79. }
  80.  
  81. img {
  82. border:none;
  83. }
  84.  
  85. blockquote {
  86. padding-left:5px;
  87. border-left:2px solid {color:border};
  88. }
  89.  
  90. h1 {
  91. font-size:10px;
  92. }
  93.  
  94. /*--Cursor code--*/
  95.  
  96. {block:ifCursor}
  97.  
  98. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  99.  
  100. {/block:ifCursor}
  101.  
  102. /*UPDATES*/
  103.  
  104.  
  105.  
  106.  
  107.  
  108. /*--sidebar--*/
  109.  
  110. #sidebar {
  111. width:120px;
  112. height:750px;
  113. background-color:#000;
  114. margin-top:-10px;
  115. margin-left:300px;
  116. position:fixed;
  117. }
  118.  
  119. #sidebarimage {
  120. width:140px;
  121. }
  122.  
  123. #sidebarimage img {
  124. position:fixed;
  125. width:80px;
  126. margin-top:120px;
  127. margin-left:20px;
  128. padding:3px;
  129. border-radius:200px;
  130. }
  131.  
  132. /*--links--*/
  133.  
  134. #links {
  135. width:120px;
  136. font-family:consolas;
  137. padding:3px;
  138. position:fixed;
  139. text-transform:uppercase;
  140. text-align:center;
  141. margin-top:215px;
  142. height:20px;
  143.  
  144. margin-left:0px;
  145. }
  146.  
  147. #links a {
  148. padding:3px;
  149. font-size:11px;
  150. color:#fff;
  151. }
  152.  
  153. #links a:hover {
  154. color:{color:hover};
  155. border-bottom:1px solid #fff;
  156. }
  157.  
  158. /*--description--*/
  159.  
  160. #description {
  161. width:90px;
  162. position:fixed;
  163. font-family:consolas;
  164. font-size:9px;
  165. text-align:left;
  166. margin-left:20px;
  167. margin-top:245px;
  168. color:#fff;
  169. }
  170.  
  171. /*--pagination--*/
  172.  
  173. #pagination {
  174. font-style:italic;
  175. position:fixed;
  176. text-align:center;
  177. font-size:9px;
  178. margin-left:65px;
  179. margin-top:475px;
  180. font-family:calibri;
  181. color:{color:link};
  182. }
  183.  
  184. #pagination a{
  185. color:#fff;}
  186.  
  187.  
  188. #pagination a:hover {
  189. color:{color:hover};
  190. }
  191.  
  192. #title {
  193. font-family:times;
  194. font-style:italic;
  195. color:#000;
  196. margin-top:300px;
  197. width:750px;
  198. margin-left:-90px;
  199. -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);
  200. text-align:center;
  201. font-size:35px;
  202. position:fixed;
  203. text-shadow: -2px 0px #E86060, 2px 0px #54d2cb;
  204. }
  205.  
  206. /*--posts--*/
  207.  
  208. #posts {
  209. width:500px;
  210. margin-bottom:10px;
  211. margin-top:30px;
  212. padding:1px;
  213. font-size:11px;
  214. color:{color:text};
  215. line-height:90%;
  216. text-align:justify;
  217. }
  218.  
  219. #postscontainer {
  220. margin-bottom:0px;
  221. padding:1px;
  222. padding-bottom:15px;
  223. margin-left:430px;
  224. width:510px;
  225. margin-top:-15px;
  226. border-right:3px dashed #000;
  227. border-bottom:10px solid #000;
  228. }
  229.  
  230. #info {
  231. margin-bottom:10px;
  232. font-size:9px;
  233. margin-top:10px;
  234. text-align:left;
  235. padding:5px;
  236. color:#000;
  237. border-top:1px solid #000;
  238. }
  239.  
  240.  
  241. #reblog {
  242. text-transform:uppercase;
  243. font-family:trebuchet ms;
  244. margin-left:-5px;
  245. margin-top:-5px;
  246. text-align:center;
  247. color:white;
  248. background-color:#000;
  249. width:35px;
  250. padding:3px;
  251. }
  252.  
  253. #reblog a {
  254. color:white;
  255. }
  256.  
  257.  
  258. #notes {
  259. margin-left:40px;
  260. margin-top:-12px;
  261. color:#fb0c04;
  262. }
  263.  
  264. #notes a{
  265. color:#000;
  266. }
  267.  
  268. #rightinfo {
  269. text-transform:uppercase;
  270. font-family:trebuchet ms;
  271. margin-left:370px;
  272. text-align:justify;
  273. float:right;
  274. background-color:#000;
  275. padding:3px;
  276. margin-top:-12px;
  277. color:white;
  278. }
  279.  
  280. #rightinfo a {
  281. color:white;
  282. }
  283.  
  284. /*--tags--*/
  285.  
  286. #tags {
  287. width:490px;
  288. margin-left:-4px;
  289. margin-top:7px;
  290. font-size:9px;
  291. color:{color:tags}:
  292. }
  293.  
  294. #tags a {
  295. color:#000;
  296. }
  297.  
  298. #tags a:hover {
  299. color:{color:hover}
  300. }
  301.  
  302. /*--asks--*/
  303.  
  304. #askbg {
  305. padding:12px;
  306. background-color:{color:ask};
  307. }
  308.  
  309. #ask {
  310. margin-top:-10px;
  311. font-family:calibri;
  312. text-align:left;
  313. }
  314.  
  315. #ask img {
  316. margin-top:30px;
  317. width:50px;
  318. }
  319.  
  320. /*--credit--*/
  321.  
  322. #credit {
  323. right:3px;
  324. bottom:6px;
  325. font-size:9px;
  326. padding:5px;
  327. color:{color:text};
  328. background-color:#fafafa;
  329. text-transform:uppercase;
  330. border:1px solid {color:border};
  331. position:fixed;
  332. -webkit-transition: all 0.5s ease-out;
  333. -moz-transition: all 0.5s ease-out;
  334. transition: all 0.5s ease-out;
  335. }
  336.  
  337. #credit:hover {
  338. background-color:black;
  339. color:white;
  340. }
  341.  
  342.  
  343. {CustomCSS}
  344.  
  345. </style></head>
  346.  
  347.  
  348. <body>
  349.  
  350.  
  351.  
  352. <div id="sidebar">
  353. <div id="sidebarimage">
  354. <img src="{image:sidebar}"></div>
  355.  
  356. <div id="description">{description}</div>
  357.  
  358. <div id="links">
  359. <a href="{text:link 1 url}">01.</a>
  360. <a href="{text:link 2 url}">02.</a>
  361. <a href="{text:link 3 url}">03.</a>
  362. <a href="{text:link 4 url}">04.</a>
  363. </div>
  364.  
  365. {block:Pagination}
  366. <div id="pagination">
  367.  
  368. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  369. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  370. </div>{/block:Pagination}
  371.  
  372. </div></div>
  373.  
  374. <div id="title">{title}</div>
  375.  
  376. <div id="postscontainer">
  377.  
  378. {block:Posts}
  379.  
  380. <div id="posts">
  381.  
  382.  
  383. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  384.  
  385.  
  386. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  387.  
  388. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  389.  
  390. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  391.  
  392. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  393.  
  394. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  395.  
  396. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  397.  
  398. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  399.  
  400. {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}"> {Asker} said: {Question}</div> {Answer}{/block:Answer}
  401.  
  402. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  403. {NoteCount}</a>♥</div>
  404. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  405. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  406. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  407. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  408.  
  409.  
  410. </div>
  411.  
  412. {/block:Posts}
  413.  
  414. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  415. {/block:Posts}
  416.  
  417. </div>
  418.  
  419.  
  420. <div id="credit"><a href="http://hogwat.tumblr.com/">♥HGT</a>
  421. </body>
  422. </html>
Advertisement
Add Comment
Please, Sign In to add comment