phantasieren

Year 9

Dec 26th, 2012
530
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.70 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. <html>
  4.  
  5. <!--
  6.  
  7. Year 9 Theme by Priscilla
  8. http://phantasieren.tumblr.com
  9.  
  10. ~
  11.  
  12. If you use this theme, you must abide by these rules:
  13.  
  14. - Do not remove/change the place of the credit.
  15. - Do not claim this theme as your own or redistribute.
  16. - Do not use this as a base or modify then claim as your own.
  17.  
  18. Thank you and enjoy! :)
  19.  
  20. Note: I will gladly help you tweak bits and pieces of this theme but ONLY bits and pieces. I will not help you change major aspects of my theme.
  21.  
  22. !-->
  23.  
  24. <head>
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml">
  27.  
  28. <html lang="en">
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  31.  
  32. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  33.  
  34. {block:Description}
  35.  
  36. <meta name="description" content="{MetaDescription}" />
  37.  
  38. {/block:Description}
  39.  
  40. <link rel="icon" href="{Favicon}"/>
  41.  
  42. <meta name="color:background" content="#ffffff" />
  43. <meta name="color:title" content="#3b373d" />
  44. <meta name="color:text" content="#2b2120" />
  45. <meta name="color:link" content="#ad3238" />
  46. <meta name="color:link text" content="#534840">
  47. <meta name="color:link hover background" content="#FEFC6E" />
  48.  
  49. <meta name="image:background" content="" />
  50. <meta name="image:sidepic" content="http://static.tumblr.com/i9frq7y/2Yfmfo0vu/year9.png" />
  51.  
  52. <meta name="font:title" content="Georgia" />
  53. <meta name="font:post title" content="Arial" />
  54. <meta name="font:body" content="Arial" />
  55.  
  56. <meta name="text:Link1" content="/" />
  57. <meta name="text:Link1 Title" content="link 1" />
  58. <meta name="text:Link2" content="/" />
  59. <meta name="text:Link2 Title" content="link 2" />
  60. <meta name="text:Link3" content="/" />
  61. <meta name="text:Link3 Title" content="link 3" />
  62. <meta name="text:Link4" content="/" />
  63. <meta name="text:Link4 Title" content="link 4" />
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. /*START SELECTION COLORS*/
  69.  
  70. ::selection {background: #dce8ae; color: #2b2120;}
  71.  
  72. ::-moz-selection {background: #dce8ae; color: #2b2120;}
  73.  
  74. ::-webkit-selection {background: #dce8ae; color: #2b2120;}
  75.  
  76. /*END SELECTION COLORS*/
  77.  
  78. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:background}'); background-position:right bottom; background-repeat:no-repeat; background-attachment:fixed; font-family:{font:body}; font-size:10px; line-height:110%; text-align:justify}
  79.  
  80. a:link, a:active, a:visited {color:{color:link}; text-decoration:none}
  81.  
  82. a:hover{color:{color:text}; text-decoration:none; background-color: #FEFC6E}
  83.  
  84. /*START TITLE*/
  85.  
  86. .title {position:fixed; margin-top:145px; margin-left:35px; text-align: center; width:150px; font-family: 'courier new'; text-transform: uppercase; font-size: 20px; line-height: 15px; z-index:-999; opacity:0.8; color:#333333; text-shadow: 0.1em 0.1em 0.1em gray}
  87.  
  88. /*END TITLE*/
  89.  
  90. /*START SIDEBAR*/
  91.  
  92. /*START SIDEPIC*/
  93.  
  94. #sidebar {position:fixed; width:125px;}
  95.  
  96. #sidebar img {margin-left:290px; width:125px; margin-top:100px; border: 1px dashed #989898; padding: 3px; transition: 0.6s;-moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; }
  97.  
  98. #sidebar img:hover {opacity:0.8; transition: 0.6s;-moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}
  99.  
  100. /*END SIDEPIC*/
  101.  
  102. /*START LINKS*/
  103.  
  104. #links {position:fixed; margin-top:95px; margin-left:83px; text-align:right; width:200px;}
  105.  
  106. #links a {text-transform:uppercase; line-height:20px; color:{color:link text};}
  107.  
  108. /*END LINKS*/
  109.  
  110. /*START DESCRIPTION*/
  111.  
  112. #description {position:fixed; margin-top:7px; margin-left:292px; width:128px; font-size:11px; text-align: justify;}
  113.  
  114. /*END DESCRIPTION*/
  115.  
  116. /*START PAGINATION*/
  117.  
  118. #pageno {position:fixed; margin-top:15px; font-size:11px; text-align:center; width:125px;}
  119.  
  120. /*END PAGINATION*/
  121.  
  122. /*END SIDEBAR*/
  123.  
  124. /*START POSTS*/
  125.  
  126. #posts {position:relative; top:-20px; margin-left:460px; width:520px; }
  127.  
  128. .entry {padding:10px; margin-top:15px; text-align:justify;}
  129.  
  130. /*START POST INFO*/
  131.  
  132. #infobar {border-top: 1px solid #e1e1e1; padding:5px; margin-top:0px; text-align:justify;}
  133.  
  134. .info{margin-bottom: 0px; margin-top: 0px; font-size:10px; letter-spacing:1px; color:{color:text};text-transform:auto; text-align:left;}
  135.  
  136. /*END POST INFO*/
  137.  
  138. /*END POSTS*/
  139.  
  140. /*START TITLES*/
  141.  
  142. h1{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:17px; letter-spacing:2px; font-weight:normal; text-transform:auto; margin:0px; padding:0px; text-align:left}
  143.  
  144. h2{font:15px georgia; color: {color:title}; letter-spacing: 1px; text-transform: auto; text-align:left; margin-top: 1px; padding: 2px; border-bottom:1px dashed #dddddd}
  145.  
  146. /*END TITLES*/
  147.  
  148. /*START QUOTES*/
  149.  
  150. #quote {text-align:left; font-family:{font:title}}
  151.  
  152. #quotesource {font-family:{font:title}; font-size:10px; text-align:right}
  153.  
  154. /*END QUOTES*/
  155.  
  156. /*START SOURCES*/
  157.  
  158. /*START ORIGINAL POSTER ICON*/
  159.  
  160. .original {position: absolute; margin-left:550px; margin-top:2px; font-size: 10px; color:transparent; font-family: Helvetica; text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; }
  161.  
  162. .original:hover {margin-top: 2px; margin-left:550px; color: {color:text};}
  163.  
  164. .original img{float: left; margin-top:-20px; margin-left:-30px; opacity:0.7; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; border-radius:20px;}
  165.  
  166. .original img:hover {opacity:1; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; border-radius:5px;}
  167.  
  168. /*END ORIGINAL POSTER ICON*/
  169.  
  170. /*START VIA POSTER ICON*/
  171.  
  172. .via {position: absolute; margin-left:550px; margin-top:30px; color: transparent; font-size: 10px; font-family: Helvetica; text-transform: uppercase; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
  173.  
  174. .via:hover {margin-top: 30px; margin-left:550px; color: {color:text};}
  175.  
  176. .via img{float: left; margin-top:-3px; margin-left:-30px; opacity:0.7; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; border-radius:20px;}
  177.  
  178. .via img:hover {opacity:1; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; border-radius:5px;}
  179.  
  180. /*END VIA POSTER ICON*/
  181.  
  182. /*END SOURCES*/
  183.  
  184. /*START Q&A*/
  185.  
  186. #questions {padding:0px; color:{color:text}; margin-top:0px; margin-bottom:5px;}
  187.  
  188. #questions a {color:{color:link}}
  189.  
  190. .ask {overflow: hidden; padding:5px; border: 1px dashed #ECECEC; font-size:11px; text-transform: auto;}
  191.  
  192. /*END Q&A*/
  193.  
  194. /*START POST DETAIL*/
  195.  
  196. b, strong{color: {color:text}}
  197.  
  198. i, em {color:{color:title};}
  199.  
  200. p {margin-top:3px; margin-bottom:3px}
  201.  
  202. blockquote {margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left: 2px solid {color:title}}
  203.  
  204. /*END POST DETAIL*/
  205.  
  206. /*START AUDIO*/
  207.  
  208. img a {border:none}
  209.  
  210. .audio{ overflow:hidden; text-align:center}
  211.  
  212. /*END AUDIO*/
  213.  
  214. /*START CHAT*/
  215.  
  216. .chat ul { list-style-type: none; width: 500px; display: block; margin: auto; padding: 0px; font-spacing: 1px;}
  217.  
  218. .odd {padding: 2px; color: {color:text}; background-color: {color:#ECECEC}; font-size: 10px; }
  219.  
  220. .even {padding: 2px;
  221.  
  222. color: {color:link};font-size: 10px; }
  223.  
  224. /*END CHAT*/
  225.  
  226. .notes img{width:10px; position:relative; top:1px;}
  227.  
  228. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  229.  
  230. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  231.  
  232. /*GET RID OF SOURCE*/
  233.  
  234. <script type="text/javascript">
  235.  
  236. $(window).load(function(){
  237.  
  238. $("p").remove(":contains('(Source:')”);
  239.  
  240. });
  241.  
  242. </script>
  243.  
  244. /*END GET RID OF SOURCE*/
  245.  
  246. </style>
  247.  
  248. <style type="text/css">{CustomCSS}</style>
  249.  
  250. </head>
  251.  
  252. <body>
  253.  
  254. <BR>
  255.  
  256. <div class="title">{Title}</div>
  257.  
  258. <div id="sidebar">
  259.  
  260. <div id="links">
  261.  
  262. <a href="/">home</a><br>
  263.  
  264. <a href="/ask">message</a><br>
  265.  
  266. <a href="/archive">archive</a><br>
  267.  
  268. <a href="{text:Link1}">{text:Link1 Title}</a><br>
  269.  
  270. <a href="{text:Link2}">{text:Link2 Title}</a><br>
  271.  
  272. <a href="{text:Link3}">{text:Link3 Title}</a><br>
  273.  
  274. <a href="{text:Link4}">{text:Link4 Title}</a><br>
  275.  
  276. <a href="http://phantasieren.tumblr.com">theme</a>
  277.  
  278. </div>
  279.  
  280. <img src="{image:sidepic}">
  281.  
  282. <div id="description">{Description}
  283.  
  284. <div id="pageno">
  285.  
  286. {block:Pagination}
  287.  
  288. {block:PreviousPage}
  289.  
  290. <a href="{PreviousPage}"><</a>
  291.  
  292. {/block:PreviousPage}
  293.  
  294. {/block:Pagination}
  295.  
  296. {block:JumpPagination length="5"}
  297.  
  298. {block:CurrentPage}
  299.  
  300. <span class="current_page">{PageNumber}</span>
  301.  
  302. {/block:CurrentPage}
  303.  
  304. {block:JumpPage}
  305.  
  306. <a class="jump_page" href="{URL}">{PageNumber}</a>
  307.  
  308. {/block:JumpPage}
  309.  
  310. {/block:JumpPagination}
  311.  
  312. {block:NextPage}
  313.  
  314. <a href="{NextPage}">></a><br>
  315.  
  316. {/block:NextPage}
  317.  
  318. {/block:Pagination}
  319.  
  320. </div>
  321.  
  322. </div>
  323.  
  324. </div>
  325.  
  326. <br>
  327.  
  328. <div id="posts">
  329.  
  330. {block:Posts}
  331.  
  332. <div class="entry">
  333.  
  334. {block:RebloggedFrom}
  335.  
  336. {block:ContentSource}
  337.  
  338. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  339.  
  340. <div class="original">
  341.  
  342. <p>SRC</p>
  343.  
  344. <a href="{ReblogRootURL}">
  345.  
  346. <img src="{ReblogRootPortraitURL-24}" title="{ReblogRootName}"></a>
  347.  
  348. </div>
  349.  
  350. <div class="via">
  351.  
  352. <a href="{ReblogParentURL}">
  353.  
  354. <img src="{ReblogParentPortraitURL-24}" title="{ReblogParentName}"></a>
  355.  
  356. <p>VIA</p>
  357.  
  358. </div>
  359.  
  360. {/block:ContentSource}
  361.  
  362. {/block:RebloggedFrom}
  363.  
  364. {block:Text}
  365.  
  366. {block:Title}
  367.  
  368. <h2>{Title}</h2>
  369.  
  370. {/block:Title}
  371.  
  372. {Body}
  373.  
  374. {/block:Text}
  375.  
  376.  
  377.  
  378. {block:Photo}
  379.  
  380. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  381.  
  382. {block:Caption}{Caption}
  383.  
  384. {/block:Caption}
  385.  
  386. {/block:Photo}
  387.  
  388.  
  389.  
  390. {block:Photoset}
  391.  
  392. <a href="{LinkUrl}">{Photoset-500}</a>
  393.  
  394. {block:Caption}
  395.  
  396. {Caption}
  397.  
  398. {/block:Caption}
  399.  
  400. {/block:Photoset}
  401.  
  402.  
  403.  
  404. {block:Quote}
  405.  
  406. <div id="quote"><h1>"{Quote}"</h1></div>
  407.  
  408. {block:Source}
  409.  
  410. <div id="quotesource">-{Source}</div>
  411.  
  412. {/block:Source}
  413.  
  414. {/block:Quote}
  415.  
  416.  
  417.  
  418. {block:Answer}
  419.  
  420. <div id="questions">
  421.  
  422. <div class="ask"><img src="{AskerPortraitURL-16}">
  423.  
  424. <font style="text-transform: uppercase">{Asker} said:</font> "{Question}"</div>
  425.  
  426. </div>
  427.  
  428. {Answer}
  429.  
  430. {/block:Answer}
  431.  
  432. {block:Link}
  433.  
  434. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  435.  
  436. {block:Description}
  437.  
  438. {Description}
  439.  
  440. {/block:Description}
  441.  
  442. {/block:Link}
  443.  
  444. {block:Chat}
  445.  
  446. <div class="post chat">
  447.  
  448. {block:Title}
  449.  
  450. <a href="{Permalink}">{Title}</a>
  451.  
  452. {/block:Title}
  453.  
  454. <ul class="chat">
  455.  
  456. {block:Lines}
  457.  
  458. <li class="{Alt} user_{UserNumber}">
  459.  
  460. {block:Label}
  461.  
  462. <span class="label">{Label}</span>
  463.  
  464. {/block:Label}
  465.  
  466. {Line}
  467.  
  468. </li>
  469.  
  470. {/block:Lines}
  471.  
  472. </ul>
  473.  
  474. </div>
  475.  
  476. {/block:Chat}
  477.  
  478. {block:Video}
  479.  
  480. {Video-500}
  481.  
  482. {block:Caption}
  483.  
  484. {Caption}
  485.  
  486. {/block:Caption}
  487.  
  488. {/block:Video}
  489.  
  490.  
  491.  
  492. {block:Audio}
  493.  
  494. <div class="audio">
  495.  
  496. {AudioPlayerBlack}
  497.  
  498. </div>
  499.  
  500. {block:Caption}
  501.  
  502. {Caption}
  503.  
  504. {/block:Caption}
  505.  
  506. {/block:Audio}
  507.  
  508. </div>
  509.  
  510. <div id="infobar">
  511.  
  512. {block:Date}
  513.  
  514. <div class="info">
  515.  
  516. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  517.  
  518. {/block:Date}
  519.  
  520. {block:NoteCount}
  521.  
  522. ♥ <a href="{Permalink}">{NoteCount}</a>
  523.  
  524. {/block:NoteCount}
  525.  
  526. {block:HasTags}<br>
  527.  
  528. {block:Tags}#<a href="{TagURL}">{Tag}</a>
  529.  
  530. {/block:Tags}
  531.  
  532. {/block:HasTags}
  533.  
  534. </div>
  535.  
  536. </div>
  537.  
  538. {block:PermalinkPage}
  539. <br>
  540.  
  541. {block:PostNotes}{PostNotes}{/block:PostNotes}
  542.  
  543. {/block:PermalinkPage}
  544.  
  545. {/block:Posts}
  546.  
  547. </div>
  548.  
  549. </body>
  550.  
  551. </html>
Advertisement
Add Comment
Please, Sign In to add comment