API tools faq
paste
Advertisement
htmlilove

theme a saga (tema 09)

htmlilove
Dec 3rd, 2011
958
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.95 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <Title>{Title}</Title>
  4.  
  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. <link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
  9.  
  10. <!-- APPEARANCE -->
  11. <meta name="color:Background" content="#FFFFFF"/>
  12. <META name="color:Chat Color Line 1" content="#FFFFFF">
  13. <META name="color:Chat Color Line 2" content="#FFFFFF">
  14. <meta name="color:Font" content="#666666"/>
  15. <meta name="color:Line" content="#CCC"/>
  16. <meta name="color:Link" content="#D44A91"/>
  17. <meta name="color:Link Background" content="#FFFFFF"/>
  18. <meta name="color:Link Hover" content="#000000"/>
  19. <meta name="color:Link Hover Background" content="#FFFFFF"/>
  20. <meta name="color:Menu Font" content="#000000"/>
  21. <meta name="color:Menu Background" content="#EDC5CC"/>
  22. <meta name="color:Menu Background Hover" content="#5FCBBC"/>
  23. <meta name="color:Notes" content="#BBBBBB"/>
  24. <meta name="color:Pagination Background" content="#FFFFFF"/>
  25. <meta name="color:Pagination Background Hover" content="#FFFFFF"/>
  26. <meta name="color:Pagination Font" content="#666666"/>
  27. <meta name="color:Quote" content="#666666"/>
  28. <meta name="color:Title" content="#D44A91"/>
  29.  
  30. <meta name="font:Font Body" content="Century Gothic"/>
  31. <meta name="font:Title" content="Century Gothic"/>
  32.  
  33. <meta name="image:Background" content=""/>
  34.  
  35. <meta name="if:Background Image Fixed" content="1"/>
  36. <meta name="if:Enable Image Opacity" content="1"/>
  37. <meta name="if:Enable Silent Click" content="1"/>
  38.  
  39. {block:IfEnableSilentClick}
  40. <script language=JavaScript>
  41. <!--
  42. var message="";
  43. ///////////////////////////////////
  44. function clickIE() {if (document.all) {(message);return false;}}
  45. function clickNS(e) {if
  46. (document.layers||(document.getElementById&&!document.all)) {
  47. if (e.which==2||e.which==3) {(message);return false;}}}
  48. if (document.layers)
  49. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  50. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  51.  
  52. document.oncontextmenu=new Function("return false")
  53. // -->
  54. </script>
  55. {/block:IfEnableSilentClick}
  56.  
  57. <style type="text/css">
  58.  
  59. body {
  60. background-color:{color:Background};
  61. background-image:url(http://meninasvampiras.files.wordpress.com/2010/08/f85e35ad18b97fd767aab183dfa48.jpg);
  62. background-repeat:repeat;
  63. {block:IfBackgroundImageFixed}background-attachment:fixed;{/block:IfBackgroundImageFixed}
  64. color:{color:Font};
  65. font-size:11px;
  66. line-height:15px;
  67. font-family:Century Gothic;
  68. text-align:right;
  69. }
  70.  
  71. a, a:visited, a:active {
  72. color:{color:Link};
  73. background-color:{color:Link Background};
  74. -webkit-transition-duration: 0.4s;
  75. text-decoration: none;
  76. }
  77.  
  78. a:hover {
  79. color:#000000;
  80. background-color:#ffffff;
  81. text-decoration: underline;
  82. }
  83.  
  84. p {
  85. margin: 2px 2px 2px 2px;
  86. line-height:12px;
  87. }
  88.  
  89. .title {
  90. font-size:35px;
  91. font-family:Freestyle Script;
  92. color:{color:Title}
  93. }
  94.  
  95. .post {
  96. font-size:35px;
  97. font-family:Freestyle Script;
  98. color:{color:Title}
  99. }
  100.  
  101. .quote {
  102. font-size:28px;
  103. line-height:18px;
  104. font-family:Freestyle Script;
  105. color:{color:Quote}
  106. }
  107.  
  108. .pd a {
  109. font: 10px century gothic;
  110. letter-spacing: 2px;
  111. color:#A5A5A5;
  112. background:#F3F3E6;
  113. padding:5px;
  114. text-align:center;
  115. -webkit-transition:.6s;
  116.  
  117. }
  118.  
  119. .pd a:hover {
  120. background:#F3F3E6;
  121. color: #D44A91;
  122. }
  123.  
  124. .odd {
  125. background-color:{color:Chat Color Line 1};
  126. padding: 1px;
  127. }
  128.  
  129.  
  130. .even {
  131. background-color:{color:Chat Color Line 2};
  132. padding: 1px;
  133. }
  134.  
  135. .current_page {
  136. font-weight: none;
  137. color:{color:Pagination Font};
  138. padding:1px 5px;
  139. margin:1px;
  140. background-color:{color:Pagination Background};
  141. }
  142.  
  143. .jump_page {
  144. font-weight: none;
  145. padding:1px 5px;
  146. margin:1px;
  147. background-color:{color:Pagination Background};
  148. color:{Pagination Font}!important;
  149. }
  150.  
  151. .jump_page:hover, .current {
  152. font-weight: none;
  153. color:{color:Pagination Font};
  154. padding:1px 5px;
  155. margin:1px;
  156. background-color:{color:Pagination Background Hover};
  157. }
  158.  
  159. .bottom {
  160. font-family:Century Gothic;
  161. font-size:11px;
  162. }
  163.  
  164. hr {
  165. border: none;
  166. border-bottom: 1px dashed {color:Line};
  167. }
  168.  
  169. blockquote {
  170. border-left:1px dotted {color:Notes};
  171. padding: 5px;
  172. }
  173.  
  174.  
  175. #sidebar {
  176. font-color:{color:Text};
  177. top:50px;
  178. left:220px;
  179. width:210px;
  180. background-color:transparent;
  181. padding:10px;
  182. position:fixed;
  183. overflow:shown;
  184. }
  185.  
  186. #content {
  187. position:absolute;
  188. top:50px;
  189. left:455px;
  190. width:500px;
  191. background-color:#FFFFFF;
  192. padding:10px;
  193. margin:auto;
  194. opacity: 0.7;
  195. }
  196.  
  197. img {
  198. {block:IfEnableImageOpacity}
  199. opacity: 0.8; filter:alpha(opacity=85);
  200. {/block:IfEnableImageOpacity}
  201. -webkit-transition-duration: 0.8s;
  202. }
  203.  
  204. img:hover {
  205. {block:IfEnableImageOpacity}
  206. opacity:1; filter:alpha(opacity=99);
  207. {/block:IfEnableImageOpacity}
  208. }
  209.  
  210. img, a img {
  211. max-width:500px !important;
  212. border: 0px !important;
  213. }
  214.  
  215. ol.notes {
  216. padding: 5px;
  217. margin: 25px 0px;
  218. list-style-type: none;
  219. border-bottom:1px dashed {color:Notes};
  220. border-top:1px dashed {color:Notes};
  221. }
  222.  
  223. ol.notes li.note img.avatar {
  224. width: 16px;
  225. height: 16px;
  226. }
  227.  
  228. ol.notes li.note span.action {
  229. font-weight: bold;
  230. }
  231.  
  232. ol.notes li.note .answer_content {
  233. font-weight: normal;
  234. }
  235.  
  236. {CustomCSS}
  237.  
  238. </style>
  239.  
  240. </head>
  241.  
  242. <body>
  243.  
  244. <div align="left">
  245.  
  246. <div id="sidebar">
  247. <div class="title">{Title}</div>
  248. {Description}<hr><br>
  249.  
  250. <span class="pd"><a href="/submit">submit</a></span> <span class="pd"><a href="/random">random</a></span> <span class="pd"><a href="/archive">archive</a></span> {block:AskEnabled} <span class="pd"><a href="/ask">ask</a></span>{/block:AskEnabled}</center><br><br>
  251.  
  252.  
  253. </div>
  254.  
  255. <div id="content">
  256.  
  257. {block:Posts}
  258.  
  259. <!--TEXT-->
  260. {block:Text}
  261. {block:IndexPage}
  262. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  263. {block:Title}<div class="post">{Title}</div>{/block:Title}<br>
  264. <p>{Body}</p>
  265. {/block:IndexPage}
  266. {block:PermalinkPage}
  267. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  268. {block:Title}<div class="post">{Title}</div>{/block:Title}<br>
  269. <p>{Body}</p><hr>
  270. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  271. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  272. {/block:PermalinkPage}<br><br><br>
  273. {/block:Text}
  274.  
  275. <!--PHOTO-->
  276. {block:Photo}
  277. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  278. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  279. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0px">
  280. {block:IndexPage}</a>{/block:IndexPage}
  281. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:Photo}
  284.  
  285. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  286. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  287.  
  288.  
  289. <!--PHOTOSET-->
  290. {block:Photoset}
  291. {block:IndexPage}
  292. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  293. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</center>
  294. {block:Caption}{Caption}{/block:Caption}
  295. {/block:IndexPage}
  296. {block:PermalinkPage}
  297. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  298. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</center>
  299. {block:Caption}{Caption}{/block:Caption}<hr>
  300. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  301. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  302. {/block:PermalinkPage}<br><br><br>
  303. {/block:Photoset}
  304.  
  305. <!--QUOTE-->
  306. {block:Quote}
  307. {block:IndexPage}
  308. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  309. <div class="quote">"{Quote}"</div><br>
  310. {block:Source}— {Source}{/block:Source}
  311. {/block:IndexPage}
  312. {block:PermalinkPage}
  313. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  314. <div class="quote">"{Quote}"</div><br>
  315. {block:Source}— {Source}{/block:Source}<hr>
  316. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  317. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  318. {/block:PermalinkPage}<br><br><br>
  319. {/block:Quote}
  320.  
  321. <!--LINK-->
  322. {block:Link}
  323. {block:IndexPage}
  324. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr><br>
  325. <div class="post"><a href='{URL}' target='_blank'>{Name} &#151;&#155;</a></div><br>
  326. {Description}
  327. {/block:IndexPage}
  328. {block:PermalinkPage}
  329. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  330. <div class="post"><a href='{URL}' target='_blank'>{Name} &#151;&#155;</a></div><br>
  331. {Description}<hr>
  332. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  333. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  334. {/block:PermalinkPage}<br><br><br>
  335. {/block:Link}
  336.  
  337. <!--CHAT-->
  338. {block:Chat}
  339. {block:IndexPage}
  340. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  341. {block:Title}<div class="post">{Title}</div>{/block:Title}
  342. {block:Lines}<div class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}
  343. {/block:IndexPage}
  344. {block:PermalinkPage}
  345. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  346. {block:Title}<div class="post">{Title}</div>{/block:Title}
  347. {block:Lines}<div class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}<hr>
  348. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  349. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  350. {/block:PermalinkPage}<br><br><br>
  351. {/block:Chat}
  352.  
  353. <!--AUDIO-->
  354. {block:Audio}
  355. {block:IndexPage}
  356. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  357. <div style="width:100%; background:#e3e3e3;">{AudioPlayerGrey}</div>
  358. {block:Caption}{Caption}{/block:Caption}
  359. {/block:IndexPage}
  360. {block:PermalinkPage}
  361. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  362. <div style='width:100%; background:#e3e3e3;'>{AudioPlayerGrey}</div>
  363. {block:Caption}{Caption}{/block:Caption}<hr>
  364. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  365. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  366. {/block:PermalinkPage}<br><br><br>
  367. {/block:Audio}
  368.  
  369. <!--VIDEO-->
  370. {block:Video}
  371. {block:IndexPage}
  372. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  373. <center>{Video-500}</center>
  374. {block:IndexPage}
  375. {block:PermalinkPage}
  376. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> &middot; <a target="blank" href='http://tmv.proto.jp/reblog.php?post_url={Permalink};'>REBLOG THIS</a><hr>
  377. <center>{Video-500}</center>
  378. {block:Caption}{Caption}{/block:Caption}<hr>
  379. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  380. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  381. {/block:PermalinkPage}<br><br><br>
  382. {/block:Video}
  383.  
  384. <!--Q&A-->
  385. {block:Answer}
  386. {block:IndexPage}
  387. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  388. <b>{Asker}</b>: {Question}<br>
  389. {Answer}
  390. {/block:IndexPage}
  391. {block:PermalinkPage}
  392. <a href="{Permalink}">&#9812;</a> {block:NoteCount}&middot; <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><hr>
  393. <b>{Asker}</b>: {Question}<br>
  394. {Answer}<hr>
  395. {block:HasTags}Tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}<br>
  396. {block:Date}Posted On: {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}{/block:Date}
  397. {/block:PermalinkPage}<br><br><br>
  398. {/block:Answer}
  399.  
  400. <!--NOTES-->
  401. {block:PostNotes}
  402. {PostNotes}
  403. {/block:PostNotes}
  404.  
  405. {/block:Posts}
  406.  
  407. </ol>
  408.  
  409. <center>{block:PreviousPage}<a href="{PreviousPage}" class="jump_page"><font size="3">«</font></a>{/block:PreviousPage}
  410. <font size="3">
  411. {block:JumpPagination length="5"}
  412. {block:CurrentPage}
  413. <span class="current_page">{PageNumber}</span>
  414. {/block:CurrentPage}
  415. {block:JumpPage}
  416. <a class="jump_page" href="{URL}">{PageNumber}</a>
  417. {/block:JumpPage}
  418. {/block:JumpPagination}</font>
  419. {block:NextPage}<a href="{NextPage}" class="jump_page"><font size="3">»</font></a>{/block:NextPage}
  420. {block:PermalinkPagination}
  421. {block:NextPost}<a href="{NextPost}"><font size="3">«</font></a>{/block:NextPost}
  422. {block:PreviousPost} <a href="{PreviousPost}"><font size="3">»</font></a>{/block:PreviousPost}
  423. {/block:PermalinkPagination}</center>
  424.  
  425. <div class="bottom"><div align="center"><a href="http://www.packagedsmiles.tumblr.com">blue floral theme by packagedsmiles</a><br>
  426.  
  427. </div>
  428.  
  429. </body>
  430.  
  431. </html>
  432.  
  433.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!