API tools faq
paste
fantasy1x1

Theme 004

fantasy1x1
Oct 19th, 2013
1,436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.46 KB | None | 0 0
raw download clone embed print report
  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.     <head>
  5.     <title>{Title}</title>
  6.     <link rel="shortcut icon" href="{Favicon}">
  7.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.    
  10.  
  11.  
  12. <!-- theme number four by fantasy1x1 (or kyla) please follow the rules. don't steal or redistribute. don't claim as your own. please keep the credit in tact. thank you ♥ -->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  17. <meta name="color:Sidebar Links BG" content="#ffffff"/>
  18. <meta name="color:Border" content="#dddddd"/>
  19. <meta name="color:Hover" content="#f2f2f2"/>
  20. <meta name="color:Scrollbar" content="#000000"/>
  21. <meta name="color:ScrollbarBg" content="#ffffff"/>
  22. <meta name="color:Post Links" content="#c0bfbf"/>
  23. <meta name="color:Answer Backg" content="#000000"/>
  24. <meta name="color:Title" content="#ffffff"/>
  25. <meta name="color:TitleBG" content="#000000"/>
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="image:Background" content=""/>
  28. <meta name="color:Bold" content="#dddddd"/>
  29. <meta name="color:Italic" content="#f2f2f2"/>
  30. <meta name="text:Link 1" content="" />
  31. <meta name="text:Link 1 Text" content="" />
  32. <meta name="text:Link 2" content="" />
  33. <meta name="text:Link 2 Text" content="" />
  34. <meta name="text:Link 3" content="" />
  35. <meta name="text:Link 3 Text" content="" />
  36. <meta name="text:Link 4" content="" />
  37. <meta name="text:Link 4 Text" content="" />
  38. <meta name="text:Link 5" content="" />
  39. <meta name="text:Link 5 Text" content="" />
  40. <meta name="text:Link 6" content="" />
  41. <meta name="text:Link 6 Text" content="" />
  42. <meta name="text:Link 7" content="" />
  43. <meta name="text:Link 7 Text" content="" />
  44. <meta name="text:Link 8" content="" />
  45. <meta name="text:Link 8 Text" content="" />
  46. <meta name="text:Link 9" content="" />
  47. <meta name="text:Link 9 Text" content="" />
  48. <meta name="text:Link 10" content="" />
  49. <meta name="text:Link 10 Text" content="" />
  50. <meta name="text:Link 11" content="" />
  51. <meta name="text:Link 11 Text" content="" />
  52. <meta name="text:Link 12" content="" />
  53. <meta name="text:Link 12 Text" content="" />
  54. <meta name="if:Show Link 1" content="1" />
  55. <meta name="if:Show Link 2" content="1" />
  56. <meta name="if:Show Link 3" content="1" />
  57. <meta name="if:Show Link 4" content="1" />
  58. <meta name="if:Show Link 5" content="1" />
  59. <meta name="if:Show Link 6" content="1" />
  60. <meta name="if:Show Link 7" content="1" />
  61. <meta name="if:Show Link 8" content="1" />
  62. <meta name="if:Show Link 9" content="1" />
  63. <meta name="if:Show Link 10" content="1" />
  64. <meta name="if:Show Link 11" content="1" />
  65. <meta name="if:Show Link 12" content="1" />
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar-thumb {
  71. height:auto;
  72. background-color:{color:Scrollbar};
  73. }
  74.  
  75. ::-webkit-scrollbar {
  76. height:9px;
  77. width:4px;
  78. background-color:{color:ScrollbarBg};
  79. }
  80.  
  81. body {
  82. background:{color:background};
  83. margin:0px;
  84. color:{color:text};
  85. font-family:calibri;
  86. font-size:10px;
  87. line-height:100%;
  88. letter-spacing:0px;
  89. text-align:justify;
  90. background-image:url('{image:Background}');
  91. }
  92.      
  93. a {
  94. text-decoration:none;
  95. outline:none;
  96. -moz-outline-style:none;
  97. color:{color:Post Links};
  98. }
  99.  
  100. a:hover {
  101. color:{color:Hover};
  102. -moz-transition-duration:0.3s;
  103. -webkit-transition-duration:0.3s;
  104. -o-transition-duration:0.3s;
  105. }
  106.      
  107. img {
  108.     border:none;
  109. }
  110.      
  111. blockquote {
  112. padding-left:5px;
  113. border-left:2px solid;
  114. }
  115.        
  116. blockquote blockquote {
  117. padding-left:5px;
  118. border-left:2px solid;
  119. }
  120.      
  121. h1 {
  122. font-size:8px;
  123. letter-spacing:2px;
  124. text-transform:uppercase;
  125. font-family:'CAMBRIA';
  126. font-style:none;
  127. line-height:10px;
  128. text-align:left;
  129. padding:0px;
  130. }
  131.  
  132. b, strong {
  133. color:{color:Bold};
  134. }
  135.  
  136. i, em {
  137. color:{color:Italic};
  138. }
  139.  
  140. #entries {
  141. padding:10px;
  142. width:500px;
  143. margin-left:560px;
  144. margin-top:5px;
  145. font-size:10px;
  146. font-family:'arial';
  147. letter-spacing:0px;
  148. }
  149.      
  150. #post {
  151. width:500px;
  152. padding-bottom:40px;
  153. padding:25px;
  154. margin-top:50px;
  155. }
  156.  
  157. #title {
  158. position:fixed;
  159. color:{color:Title};
  160. font-family:arial;
  161. font-size:16px;
  162. margin-top:100px;
  163. color:white;
  164. margin-left:4px;
  165. width:170px;
  166. text-align:center;
  167. border-bottom:4px double {color:white};
  168. padding-bottom:3px;
  169. font-weight:bold;
  170. }
  171.  
  172. #titlebg {
  173. position:fixed;
  174. background-color:{color:TitleBG};
  175. height:110%;
  176. width:180px;
  177. margin-top:-8px;
  178. }
  179.  
  180. #sidebar {
  181. position:fixed;
  182. margin-left:100px;
  183. margin-top:80px;
  184. margin-left:170px;
  185. }
  186.      
  187. #sidebarimage img {
  188. position:fixed;
  189. width:220px;
  190. margin-top:40px;
  191. padding:3px;
  192. margin-left:90px;
  193. height:220px;
  194. }
  195.  
  196. .links {
  197. position:fixed;
  198. width:101px;
  199. font-family:calibri;
  200. padding:4px;
  201. text-align:center;
  202. text-transform:uppercase;
  203. position:fixed;
  204. margin-top:10px;
  205. margin-left:30px;
  206. }
  207.      
  208. .links a {
  209. display:inline-block;
  210. width:100px;
  211. padding:4px;
  212. font-size:9px;
  213. letter-spacing:0px;
  214. margin-top:5px;
  215. color:{color:Sidebar Links};
  216. background-color:{color:Sidebar Links BG};
  217. }
  218.      
  219. .links a:hover {
  220. -moz-transition-duration:0.3s;
  221. -webkit-transition-duration:0.3s;
  222. -o-transition-duration:0.3s;
  223. color:{color:Sidebar Links BG};
  224. background-color:{color:Sidebar Links};
  225. font-style:italic;
  226. }  
  227.  
  228. #description {
  229. text-align:justify;
  230. font-family:'Arial';
  231. width:200px;
  232. margin-top:350px;
  233. margin-left:262px;
  234. font-size:9px;
  235. position:fixed;
  236. text-transform:none;
  237. color:gray;
  238. background-color:#f7f7f7;
  239. padding:10px;
  240. }
  241.  
  242. #pagination {
  243. font-style:bold;
  244. padding:2px;
  245. font-family:'arial';
  246. letter-spacing:0px;
  247. font-size:9px;
  248. text-align:center;
  249. padding:2px;
  250. margin-top:10px;
  251. text-transform:lowercase;
  252. }
  253.  
  254. #pagination a {
  255. width:50px;
  256. padding:1px;
  257. }
  258.  
  259. #info {  
  260. width:492px;
  261. text-align:left;
  262. font-family:'trebuchet ms';
  263. margin-top:3px;
  264. margin-left:px;
  265. letter-spacing:1px;
  266. font-size:8px;
  267. font-style:none;
  268. padding:1px;
  269. line-height:10px;
  270. text-transform:uppercase;
  271. background-color:#f7f7f7;
  272. color:white;
  273. height:auto;
  274. background-color:black;
  275. padding:4px;
  276. }
  277.    
  278. #info a {
  279. text-align:center;
  280. color:white;
  281. }
  282.    
  283. #info a:hover {
  284. -moz-transition-duration:0.3s;
  285. -webkit-transition-duration:0.3s;
  286. -o-transition-duration:0.3s;
  287. color:{color:Hover}
  288. }
  289.  
  290. #tags {
  291. float:left;
  292. width:489px;
  293. margin-top:-1px;
  294. margin-left:-5px;
  295. text-align:left;
  296. font-size:8px;
  297. padding:5px;
  298. font-size:8px;
  299. opacity:1;
  300. transition-duration: 0.5s;
  301. -moz-transition-duration: 0.5s;
  302. -webkit-transition-duration: 0.5s;
  303. -o-transition-duration: 0.5;
  304. }
  305.    
  306. #tags a {
  307. letter-spacing:0px;
  308. font-size:8px;
  309. text-align:center;
  310. font-family:calibri;
  311. text-decoration:none;
  312. display:inline-block;
  313. color:#ddd;
  314. color:{color:Post Links};
  315. }
  316.  
  317. #tags a:hover {
  318. -moz-transition-duration:0.3s;
  319. -webkit-transition-duration:0.3s;
  320. -o-transition-duration:0.3s;
  321. color:{color:Hover};
  322. }
  323.  
  324. #asker {
  325. color:#fcfcfc;
  326. padding:14px;
  327. font-family:'arial';
  328. font-size:11px;
  329. letter-spacing:0px;
  330. text-align:left;
  331. margin-top:0px;
  332. text-transform:lowercase;
  333. line-height:100%;
  334. background-color:{color:Answer Backg}
  335. }
  336.  
  337. #audiopost {
  338.     width:500px;
  339.     height:70px;
  340.     margin-bottom:50px;
  341. }
  342.    
  343. .albumart {
  344.     width:115px;
  345.     height:115px;
  346.     margin-left:0px;
  347.     position:absolute;
  348. }
  349.  
  350. .albumart img {
  351.     float:left;
  352.     width:115px;
  353.     height:115px;
  354. }
  355.  
  356. .player {
  357.     opacity:0.9;
  358.     display:block;
  359.     position:absolute;
  360.     margin-top:5px;
  361.     margin-left:435px;
  362.     width:60px;
  363.     height:60px;
  364.     -webkit-transition:all 0.6s;
  365.     -moz-transition:all 0.6s;
  366.     -o-transition:all 0.6s;
  367.     -ms-transition: all 0.6s;
  368.     transition:all 0.5s;
  369.     background:transparent;
  370.     z-index:1;
  371. }
  372.  
  373. .audioplayer {
  374.     margin-top:65px;
  375.     margin-left:-315px;
  376.     width:418px;
  377.     height:30px;
  378.     padding:3px;
  379.     padding-top:10px;
  380.     background-color:white;
  381.     text-align:center;
  382. }
  383.  
  384. .audioinfo {
  385.     display:block;
  386.     width:420px;
  387.     height:48px;
  388.     padding-top:25px;
  389.     padding-left:80px;
  390.     font-family:georgia;
  391.     font-style:italic;
  392.     font-weight:bold;
  393.     font-size:22px;
  394.     letter-spacing:-2px;
  395.     text-transform:lowercase;
  396.     text-align:center;
  397.     color:#919090;
  398.     background:#f8f8f8;
  399. }
  400.  
  401. .audioinfo1 {
  402.     margin-top:5px;
  403.     font-family:times;
  404.     font-size:14px;
  405.     text-transform:lowercase;
  406.     letter-spacing:0px;
  407.     font-weight:normal;
  408. }
  409.  
  410. #cred {
  411. position:fixed;
  412. font-family:'Calibri';
  413. text-transform:uppercase;
  414. font-size:8px;
  415. right:9px;
  416. bottom:9px;
  417. padding:4px;
  418. letter-spacing:1px;
  419. }
  420.  
  421. {CustomCSS}</style></head><body>
  422.  
  423. <div id="sidebar">
  424.  
  425. <div id="sidebarimage">
  426. <img src="{image:Sidebar}">
  427. </div></div>
  428.  
  429. <div id="titlebg">
  430. <div id="title">{Title}
  431.  
  432. <div class="links">
  433. <a href="/">Home</a>
  434. <a href="/ask">Ask</a>
  435. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  436. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  437. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  438. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  439. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  440. {block:IfShowLink6}<a href="{text:Link 6}">{text:Link 6 Text}</a>{/block:IfShowLink6}
  441. {block:IfShowLink7}<a href="{text:Link 7}">{text:Link 7 Text}</a>{/block:IfShowLink7}
  442. {block:IfShowLink8}<a href="{text:Link 8}">{text:Link 8 Text}</a>{/block:IfShowLink8}
  443. {block:IfShowLink9}<a href="{text:Link 9}">{text:Link 9 Text}</a>{/block:IfShowLink9}
  444. {block:IfShowLink10}<a href="{text:Link 10}">{text:Link 10 Text}</a>{/block:IfShowLink10}
  445. {block:IfShowLink11}<a href="{text:Link 11}">{text:Link 11 Text}</a>{/block:IfShowLink11}
  446. {block:IfShowLink12}<a href="{text:Link 12}">{text:Link 12 Text}</a>{/block:IfShowLink12}</div></div></div>
  447.  
  448. <div id="description">{Description}
  449.  
  450. {block:Pagination}
  451. <div id="pagination">
  452. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  453. — {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  454. </div>
  455. {/block:Pagination}
  456. </div>
  457. </div>
  458.  
  459. <div id="entries">
  460. {block:Posts}
  461. <div id="post">
  462.  
  463. {block:Text}
  464. <h1>{block:Title}{Title}{/block:Title}</h1>
  465. {Body}{/block:Text}
  466.  
  467. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  468. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  469.  
  470. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  471. {/block:Caption}{/block:Photoset}
  472.  
  473. {block:Quote}<h2>"{Quote}"</h2>
  474. {block:Source}<div class="qsource"> —{Source}</div>
  475. {/block:Source}{/block:Quote}
  476.  
  477. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  478.  
  479. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  480.  
  481. {block:Audio}<div id="audiopost">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<div class="audioinfo1">{block:Artist} by {Artist}{/block:Artist}<br></div></div></div>{/block:Audio}
  482.  
  483. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  484.  
  485. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  486.    
  487. <div id="info">
  488. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  489. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  490. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  491. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  492. with {NoteCountWithLabel}</a>
  493. {block:HasTags}<div id="tags">
  494.  
  495. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  496. </div>{block:HasTags}
  497. </div>
  498. </div>
  499. {/block:Posts}
  500. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  501. {/block:Posts}</div></div></div>
  502. <br><br><br><br>
  503.    
  504. <div id="cred">
  505. <a href="http://fantasy1x1.tumblr.com/">fantasy1x1</a>    
  506. </div>
  507. </div>
  508.  
  509.  
  510.        
  511.     </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!