Advertisement
fantasy1x1

Theme 007

Dec 6th, 2013
2,889
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.77 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. <!--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 ♥
  10.  
  11. credit to cssand-html for the ask code ♥♥♥♥ (http://cssand-html.tumblr.com/post/27917860272)
  12. -->
  13.  
  14. <!--COLOURS-->
  15.  
  16. <meta name="color:Accent" content="#a7a7a7"/>
  17. <meta name="color:Blog Title"content="#070707"/>
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:link" content="#a7a7a7"/>
  20. <meta name="color:Text" content="#cccccc"/>
  21. <meta name="color:title"content="#070707"/>
  22.  
  23. <!--IMAGES-->
  24.  
  25. <meta name="image:sidebar image" content=""/>
  26.  
  27. <!--TEXT STUFF/LINKS-->
  28.  
  29. <meta name="text:Main Links Title" content="go ahead and put a quote here or something if you'd like" />
  30.  
  31. <meta name="text:Main Link 1 URL" content="" />
  32. <meta name="text:Main Link 1" content="" />
  33. <meta name="text:Main Link 2 URL" content="" />
  34. <meta name="text:Main Link 2" content="" />
  35. <meta name="text:Main Link 3 URL" content="" />
  36. <meta name="text:Main Link 3" content="" />
  37. <meta name="text:Main Link 4 URL" content="" />
  38. <meta name="text:Main Link 4" content="" />
  39.  
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 3" content="" />
  46. <meta name="text:Link 4 URL" content="" />
  47. <meta name="text:Link 4" content="" />
  48. <meta name="text:Link 5 URL" content="" />
  49. <meta name="text:Link 5" content="" />
  50. <meta name="text:Link 6 URL" content="" />
  51. <meta name="text:Link 6" content="" />
  52. <meta name="text:Link 7 URL" content="" />
  53. <meta name="text:Link 7" content="" />
  54. <meta name="text:Link 8 URL" content="" />
  55. <meta name="text:Link 8" content="" />
  56. <meta name="text:Link 9 URL" content="" />
  57. <meta name="text:Link 9" content="" />
  58. <meta name="text:Link 10 URL" content="" />
  59. <meta name="text:Link 10" content="" />
  60. <meta name="text:Link 11 URL" content="" />
  61. <meta name="text:Link 11" content="" />
  62. <meta name="text:Link 12 URL" content="" />
  63. <meta name="text:Link 12" content="" />
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. height:auto;
  70. background-color:{color:Accent};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:9px;
  75. width:4px;
  76. background-color:{color:Background};
  77. }
  78.  
  79. body {
  80. background:{color:background};
  81. color:{color:text};
  82. font-family:arial;
  83. font-size:11px;
  84. text-align:justify;
  85. margin:0;
  86. line-height:14px;
  87. }
  88.  
  89. a {
  90. color:{color:link};
  91. text-decoration:none;
  92. }
  93.  
  94. a:hover {
  95. color:{color:Accent};
  96. }
  97.  
  98. img{
  99. border:none;
  100. text-decoration:none;
  101. }
  102.  
  103. blockquote {
  104. padding-left:5px;
  105. background-color:#f8f8f8;
  106. border:1px solid #e7e7e7;
  107. padding:3px;
  108. margin-left:10px;
  109. }
  110.  
  111.  
  112. b, strong {
  113. color:{color:bold};
  114. }
  115.  
  116. i, em {
  117. color:{color:italic};
  118. }
  119.  
  120. p {
  121. margin-top:5px;
  122. margin-bottom:5px;
  123. }
  124.  
  125. small {
  126. font-size:9px;
  127. }
  128.  
  129. big {
  130. font-size:12px;
  131. }
  132.  
  133.  
  134. #sidebar {
  135. position:fixed;
  136. top:250px;
  137. margin-left:-685px;
  138. width:150px;
  139. }
  140.  
  141. #sidebarimage img {
  142. position:fixed;
  143. width:400px;
  144. height:100%;
  145. margin-top:-250px;
  146. border-right:255px solid {color:Accent};
  147. }
  148.  
  149. #blogtitle {
  150. position:fixed;
  151. margin-top:65px;
  152. max-width:120px;
  153. font-size:14px;
  154. font-weight:bold;
  155. margin-left:335px;
  156. margin-bottom:10px;
  157. color:{color:blog title};
  158. background-color:#f7f7f7;
  159. padding:6px;
  160. border-top-right-radius:4px;
  161. border-bottom-left-radius:4px;
  162. border-bottom:2px solid {color:Blog Title};
  163. }
  164.  
  165. #mainstuff {
  166. margin-top:-280px;
  167. }
  168.  
  169. #mainlinkstitle {
  170. position:fixed;
  171. background-color:#f7f7f7;
  172. max-height:70px;
  173. width:100px;
  174. margin-left:528px;
  175. margin-top:100px;
  176. padding:5px;
  177. border:4px double #e1e1e1;
  178. border-radius:7px;
  179. -webkit-transition: all 1s ease;
  180. -moz-transition: all 1s ease;
  181. -o-transition: all 1s ease;
  182. }
  183.  
  184. #mainlinks {
  185. position:fixed;
  186. margin-left:530px;
  187. margin-top:195px;
  188. width:100px;
  189. text-transform:uppercase;
  190. font-family:'arial';
  191. font-weight:bold;
  192. }
  193.  
  194. #mainlinks a {
  195. display:inline-block;
  196. color:{color:Accent};
  197. margin-top:5px;
  198. padding:3px;
  199. width:100px;
  200. background-color:#f7f7f7;
  201. border-left:5px solid #e1e1e1;
  202. border-bottom-left-radius:5px;
  203. border-top-left-radius:5px;
  204. }
  205.  
  206. #mainlinks a:hover {
  207. border-left:none;
  208. }
  209.  
  210. #navigationstuff {
  211. margin-top:380px;
  212. margin-left:400px;
  213. }
  214.  
  215. #navigationtitle {
  216. position:fixed;
  217. background-color:#f7f7f7;
  218. padding:5px;
  219. width:200px;
  220. text-align:center;
  221. border:5px double #e1e1e1;
  222. border-radius:7px;
  223. margin-left:15px;
  224. font-size:14px;
  225. font-weight:bold;
  226. color:{color:Accent};
  227. }
  228.  
  229. #links {
  230. width:250px;
  231. position:fixed;
  232. margin-top:30px;
  233. margin-left:-5px;
  234. font-size:10px;
  235. text-align:center;
  236. text-transform:uppercase;
  237. font-weight:normal;
  238. }
  239.  
  240. #links a {
  241. display:inline-block;
  242. width:95px;
  243. margin-top:10px;
  244. margin-left:10px;
  245. padding:7px;
  246. background-color:#f7f7f7;
  247. color:{color:Accent};
  248. border-radius:7px;
  249. }
  250.  
  251. #links a:hover {
  252. background-color:transparent;
  253. color:white;
  254. -webkit-transition: all 0.9s ease;
  255. -moz-transition: all 0.9s ease;
  256. -o-transition: all 0.9s ease
  257. }
  258.  
  259. #description {
  260. position:fixed;
  261. margin-top:100px;
  262. background-color:#f7f7f7;
  263. width:210px;
  264. padding:15px;
  265. margin-left:278px;
  266. border:3px solid #e1e1e1;
  267. border-radius:5px;
  268. }
  269.  
  270. #pagination {
  271. position:fixed;
  272. background-color:#f7f7f7;
  273. text-align:center;
  274. font-size:10px;
  275. margin-left:-285px;
  276. margin-top:640px;
  277. width:235px;
  278. padding:10px;
  279. }
  280.  
  281. #pagination a {
  282. padding-left:5px;
  283. }
  284.  
  285. #container {
  286. left:50%;
  287. margin-left:0px;
  288. position:absolute;
  289. }
  290.  
  291. #entries {
  292. margin-left:0px;
  293. margin-top:100px;
  294. width:500px;
  295. }
  296.  
  297. #posts {
  298. width:500px;
  299. margin-bottom:50px;
  300. }
  301.  
  302.  
  303. #posts img {
  304. max-width: 500px;
  305. }
  306.  
  307.  
  308. #posts img, #posts li, #posts blockquote {
  309. max-width: 100%;
  310. }
  311.  
  312.  
  313. .caption img {
  314. max-width:100%;
  315. }
  316.  
  317. .caption {
  318. width:100%;
  319. margin-top:5px;
  320. }
  321.  
  322. #title {
  323. font-size:10px;
  324. letter-spacing:2px;
  325. text-transform:uppercase;
  326. font-family:'calibri';
  327. font-style:italic;
  328. line-height:10px;
  329. text-align:center;
  330. padding:7px;
  331. background-color:#f7f7f7;
  332. color:#1a1a1a;
  333. border-bottom:4px solid {color:Accent};
  334. }
  335.  
  336. #title a {
  337. color:#f7f7f7;
  338. }
  339.  
  340.  
  341. #quote{
  342. background-color:{color:Accent};
  343. padding:20px;
  344. color:white;
  345. -moz-border-radius:8px;
  346. border-radius:8px;
  347. font-size:12px;
  348. }
  349.  
  350. #source {
  351. text-align:right;
  352. background-color:#f8f8f8;
  353. padding:8px;
  354. border-top:2px solid #e8e8e8;
  355. margin-top:-10px;
  356. font-size:10px;
  357. font-family:arial;
  358. font-weight:bold;
  359. font-style:italic;
  360. }
  361.  
  362. .album_art {height:70px;
  363. float:left;}
  364.  
  365. .album_art img {width:70px;
  366. margin-right:10px;
  367. height:70px;}
  368.  
  369. .player {
  370. }
  371.  
  372. .audioinfo {
  373. line-height:16px;
  374. min-height:40px;
  375. font-weight:bold;
  376. }
  377.  
  378. .question {
  379. text-align:center;
  380. background:#f7f7f7;
  381. width:480px;
  382. margin-top:-7px;
  383. margin-left:0px;
  384. font-family:Verdana;
  385. color:{color:Accent};
  386. padding:10px;
  387. }
  388.  
  389. .mail {
  390. background:#fff;
  391. margin-top:3px;
  392. padding:7px;
  393. margin-left:4px;
  394. display:block;
  395. font-family:Verdana;
  396. }
  397.  
  398. .asked {
  399. display:block;
  400. margin-left:0px;
  401. margin-top:10px;
  402. background:{color:Accent};
  403. line-height:5px;
  404. font-style:none;
  405. color:#fff;
  406. height:16px;
  407. text-align:right, text-shadow: 1px 1px 1px #59,493th;
  408. line-height:18px;
  409. padding-left:6px;
  410. padding-right:9px;
  411. font-family:"04b03", small fonts, font-size: 8px;
  412. text-transform:uppercase;
  413. }
  414.  
  415. .asked a {
  416. font-style:italic;
  417. color:{color:Accent};
  418. }
  419.  
  420. .photo {
  421. float:left;
  422. margin-left:15px;
  423. margin-top:9px;
  424. }
  425.  
  426. .border {
  427. float:right;
  428. margin-left:500px;
  429. z-index:5;
  430. margin-top:-32px;
  431. -webkit-border-bottom-right-radius: 30px;
  432. -Webkit-border-bottom-left-radius: 30px;
  433. -Moz-border-radius-BottomRight: 30px;
  434. -Moz-border-radius-BottomLeft: 30px;
  435. border-bottom-right-radius: 30px;
  436. border-bottom-left-radius: 30px;
  437. }
  438.  
  439. .arrow {
  440. position:absolute;
  441. background:url ('http://static.tumblr.com/frmjfs3/lvtm7n93t/setinha.png') no-repeat;
  442. width:20px;
  443. height:10px;
  444. margin-left:350px;
  445. margin-top:0px;
  446. }
  447.  
  448. .askline {
  449. margin-top:7px;
  450. margin-bottom:7px;
  451. }
  452.  
  453.  
  454. .chat ol {
  455. padding:0;
  456. list-style:none;
  457. }
  458.  
  459. .line {padding:2px 0;}
  460.  
  461. .label {
  462. padding-right:1px;
  463. letter-spacing:1px;
  464. text-transform:uppercase;
  465. color:{color:title};
  466. }
  467.  
  468. #permalink {
  469. width:500px;
  470. text-align:left;
  471. font-family:'trebuchet ms';
  472. margin-top:3px;
  473. margin-left:px;
  474. letter-spacing:1px;
  475. font-size:7px;
  476. font-style:none;
  477. padding:1px;
  478. line-height:10px;
  479. text-transform:uppercase;
  480. border-left:12px solid gray;
  481. padding-left:7px;
  482. }
  483.  
  484. #permalink:hover {
  485. border-left:40px solid gray;
  486. -webkit-transition: all 0.9s ease;
  487. -moz-transition: all 0.9s ease;
  488. -o-transition: all 0.9s ease;
  489. }
  490.    
  491. #permalink a {
  492. text-align:center;
  493. color:{color:Post Links};
  494. }
  495.    
  496. #permalink a:hover {
  497. -moz-transition-duration:0.3s;
  498. -webkit-transition-duration:0.3s;
  499. -o-transition-duration:0.3s;
  500. color:{color:Hover}
  501. }
  502.  
  503. .tags {
  504. word-break:break-all;
  505. font-size:9px;
  506. text-transform:none;}
  507.  
  508. .tags a{
  509. letter-spacing:1px;
  510. margin:0 2px;
  511. }
  512.  
  513. .tags a:hover {
  514. color:{color:Accent};
  515. }
  516.  
  517. .pagenotes {
  518. width:500px;
  519. {block:IndexPage}
  520. display:none;
  521. {/block:IndexPage}}
  522. .pagenotes li {
  523. line-height:150%;
  524. }
  525.  
  526. #cred {
  527. position:fixed;
  528. font-family:'Calibri';
  529. text-transform:uppercase;
  530. font-size:8px;
  531. right:9px;
  532. bottom:9px;
  533. padding:4px;
  534. letter-spacing:1px;
  535. }
  536.  
  537. #cred a {
  538. background-color:{color:Accent};
  539. color:white;
  540. padding:3px;
  541. }
  542.  
  543. #cred a:hover {
  544. color:{color:Accent};
  545. background-color:transparent;
  546. }
  547.  
  548. {CustomCSS}</style></head><body>
  549.  
  550. <div id="container">
  551.  
  552. <div id="sidebar">
  553.  
  554.     <div id="sidebarimage">
  555.     <img src="{image:sidebar image}">
  556.     </div>
  557.  
  558.     <div id="mainstuff">
  559.     <div id="blogtitle">{Title}</div>
  560.    
  561.     <div id="description"><div style="max-height:200px; width:204px; overflow:auto; padding:5px;">{Description}</div></div>
  562.    
  563.     <div id="mainlinkstitle">{text:Main Links Title}</div>
  564.     <div id="mainlinks">
  565.         <a href="/">home</a>
  566.         <a href="/ask">ask</a>
  567.         {block:ifMainLink1}<a href="{text:Main Link 1 URL}">{text:Main Link 1}</a>{/block:ifMainLink1}
  568.         {block:ifMainLink2}<a href="{text:Main Link 2 URL}">{text:Main Link 2}</a>{/block:ifMainLink2}
  569.         {block:ifMainLink3}<a href="{text:Main Link 3 URL}">{text:Main Link 3}</a>{/block:ifMainLink3}
  570.         {block:ifMainLink4}<a href="{text:Main Link 4 URL}">{text:Main Link 4}</a>{/block:ifMainLink4}
  571.     </div></div>
  572.    
  573.     <div id="navigationstuff">
  574.     <div id="navigationtitle">NAVIGATION</div>
  575.     <div id="links">
  576.         {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  577.         {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  578.         {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  579.         {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  580.         {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  581.         {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  582.         {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  583.         {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  584.         {block:ifLink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>{/block:ifLink9}
  585.         {block:ifLink10}<a href="{text:Link 10 URL}">{text:Link 10}</a>{/block:ifLink10}
  586.         {block:ifLink11}<a href="{text:Link 11 URL}">{text:Link 11}</a>{/block:ifLink11}
  587.         {block:ifLink12}<a href="{text:Link 12 URL}">{text:Link 12}</a>{/block:ifLink12}
  588.     </div>
  589.     </div>
  590.     </div>
  591.    
  592.     <div id="pagination">
  593.         {block:Pagination}
  594.             {block:PreviousPage}<a href="{PreviousPage}">PREV</a> / {/block:PreviousPage}
  595.             {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  596.         {/block:Pagination}
  597.     </div>
  598.  
  599.  
  600. <div id="entries">
  601.  
  602.     {block:Posts}
  603.         <div id="posts">
  604.  
  605.             {block:Quote}
  606.  
  607.                 <div id="quote">“{Quote}”</div>
  608.                
  609.                 {block:Source}
  610.                 <div id="source">&mdash; {Source}</div>
  611.                 {/block:Source}
  612.                
  613.             {/block:Quote}
  614.  
  615.  
  616.             {block:Text}
  617.  
  618.                 {block:Title}
  619.                     <div id="title">{Title}</div>
  620.                 {/block:Title}
  621.                
  622.                 {Body}
  623.  
  624.  
  625.             {/block:Text}
  626.  
  627.  
  628.             {block:Link}
  629.  
  630.             <div id="title"><a href="{URL}">{Name}</a></div>
  631.            
  632.             {block:Description}
  633.             {Description}
  634.             {/block:Description}
  635.  
  636.             {/block:Link}
  637.  
  638.  
  639.             {block:Chat}
  640.                 {block:Title}
  641.                 <h1>{Title}</h1>
  642.                 {/block:Title}
  643.    
  644.                 <div class="chat">
  645.                     <ol>{block:Lines}
  646.                         <li class="line">
  647.                         {block:Label}
  648.                         <span class="label">
  649.                         {Label}</span>
  650.                         {/block:Label}
  651.                         {Line}</li>
  652.                     {/block:Lines}
  653.                     </ol>
  654.                 </div>
  655.                
  656.             {/block:Chat}
  657.  
  658.  
  659.             {block:Photo}
  660.                 <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  661.                
  662.             {block:Caption}
  663.             <span class="caption">{Caption}</span>
  664.             {/block:Caption}
  665.  
  666.             {/block:Photo}
  667.            
  668.  
  669.             {block:Photoset}
  670.  
  671.                 <center>{Photoset-500}</center>
  672.                 {block:Caption}
  673.                 <div class="caption">{Caption}</div>
  674.                 {/block:Caption}
  675.  
  676.             {/block:Photoset}
  677.  
  678.  
  679.  
  680.             {block:Video}
  681.    
  682.                 {Video-500}
  683.            
  684.                 {block:Caption}
  685.                 <div class="caption">{Caption}</div>
  686.                 {/block:Caption}
  687.            
  688.             {/block:Video}
  689.            
  690.  
  691.             {block:Audio}
  692.  
  693.                 <div class="album_art">
  694.                     {block:AlbumArt}
  695.                         <img src="{AlbumArtURL}">
  696.                     {/block:AlbumArt}
  697.                 </div>
  698.                
  699.                 <div class="player">{AudioPlayerWhite}</div>
  700.  
  701.                 <div class="audioinfo">
  702.                     {block:TrackName}{TrackName}{/block:TrackName}
  703.                     {block:Artist}<br>{Artist}{/block:Artist}
  704.                 </div>
  705.                
  706.                 {block:Caption}
  707.                 <div class="caption">{Caption}</div>
  708.                 {/block:Caption}
  709.  
  710.             {/block:Audio}
  711.  
  712.  
  713.             {block:Answer}
  714.                 <div class="box"> <div class="asked"> Asked by:                  <center> {Asker} </center> </div>
  715.                 <div class="arrow"> </div>
  716.                 <div class="askline"> </div>
  717.                 <div class="photo"> <img src="{AskerPortraitURL-64}" align="left" width="55px" class="border"> </div>
  718.                 <div class="question"> {Question} </div>
  719.                 <div class="mail"> {Answer} </div> </div>
  720.                
  721.  
  722.             {/block:Answer}
  723.  
  724.  
  725.             {block:Date}
  726.                 <div id="permalink">
  727.                     <a href="{Permalink}">{TimeAgo}</a>
  728.                    
  729.                     {block:NoteCount}
  730.                     <a href="{Permalink}">{NoteCountWithLabel}</a>
  731.                     {/block:NoteCount}
  732.                    
  733.                     {block:RebloggedFrom}
  734.                     <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  735.                         {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  736.                         {/block:ContentSource}
  737.                     {/block:RebloggedFrom}
  738.                    
  739.                     {block:HasTags}
  740.                         <div class="tags">
  741.                             {block:Tags}
  742.                                 <a href="{TagUrl}">#{Tag}</a>
  743.                             {/block:Tags}
  744.                         </div>
  745.                     {/block:HasTags}
  746.                
  747.                 </div>
  748.             {/block:Date}
  749. </div>
  750.  
  751.  
  752.  
  753.         {block:PermalinkPage}
  754.         {/block:PermalinkPage}
  755.  
  756.         <div class="pagenotes">
  757.             {PostNotes}
  758.             </ol>
  759.             {/block:PostNotes}
  760.         </div>
  761. {/block:Posts}
  762.  
  763.  
  764.  
  765.  
  766. <div id="cred">
  767. <a href="http://fantasieswriter.tumblr.com/">FANTASIESWRITER</a>    
  768. </div>
  769. </div>
  770. </div>
  771.  
  772. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement