Advertisement
fantasy1x1

Theme 006

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