API tools faq
paste
Advertisement
striaton-city

Luminous Sword

striaton-city
May 20th, 2014
410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.09 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.                 <!----- [1] Luminous Sword ------------
  10.                
  11.                + Theme by SANYOUCITY.TUMBLR.COM
  12.                                
  13.                Feel free to do whatever you want with
  14.                the  code  as long as you don't remove
  15.                the  credit!! If  you  have any quest-
  16.                ions or comments please don't hesitate
  17.                to  hmu.  I  apoligize  in  advance to
  18.                anyone trying  to  find  something  in
  19.                the  code because I'm very unorganized
  20.                and this code is a bit old! I'll  make
  21.                 an effort to revamp it soon!!
  22.                
  23.                Thank you so much for using my theme!!
  24.            
  25.                + monochrome tutorial:
  26.                            a--themes.tumblr.com
  27.                
  28.                -------------------------ver 1.1------>
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <style type="text/css">
  35. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  36. </style>
  37.  
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43.  
  44.  
  45. <meta name="image:Sidebar" content="http://static.tumblr.com/edb174307080360d81650cbc32578b1b/wrjqiql/jlln5wa1m/tumblr_static_csv1eml5gm0c8ogoocko8c04s.gif"/>
  46. <meta name="image:Side Image" content="http://static.tumblr.com/56cdebf9edf3987c5bf78ffe41eb24f5/wrjqiql/lKdn5wg2q/tumblr_static_aqa2uvk2py0c4sks4ckck0koc.png"/>
  47. <meta name="color:Background" content="#f6f7f8"/>
  48. <meta name="color:Title" content=""/>
  49. <meta name="color:Title" content=""/>
  50. <meta name="color:Title Hover" content="#f2992e"/>
  51. <meta name="color:Blockquote" content=""/>
  52. <meta name="color:Text" content=""/>
  53. <meta name="color:sidebar links" content=""/>
  54. <meta name="color:sidebar links hover" content=""/>
  55. <meta name="color:Border" content="#cccccc"/>
  56. <meta name="color:Link" content="#f2992e"/>
  57. <meta name="color:Link Hover" content="#00e7e7"/>
  58. <meta name="text:Link URL" content=""/>
  59. <meta name="text:Link Text" content=""/>
  60.  
  61. <style type="text/css">
  62.  
  63. body {
  64.     background: {color:Background};
  65.     font-family: Calibri;
  66.     font-size: 12px;
  67.     color: {color:Text};
  68.     text-align: justify;
  69. }
  70.  
  71. blockquote {
  72.     padding-left:5px;
  73.     border-left:1px solid;
  74.     color: {color:Blockquote};
  75.    
  76. }
  77.  
  78. a {
  79.     text-decoration: none;
  80.     color: {color:Link};
  81.     transition:1s;
  82. }
  83. a:hover {
  84.     color: {color:Link Hover};
  85.     transition: 2s;
  86. }
  87.  
  88. #sidebar {
  89.     position: fixed;
  90.     margin-left:150px;
  91.     margin-top: 160px;
  92.     width: 220px;
  93.     padding: 10px;
  94.     border: 1px solid {color:Border};
  95.     background-color: {color:background}
  96. }
  97.  
  98. #side {
  99.     position:left;
  100.     width:auto;
  101.     height:auto;
  102.    
  103. }
  104.  
  105. #title {
  106.     z-index: 99999;
  107.     position: fixed;
  108.     margin-top: 130px;
  109.     margin-left: 150px;
  110.     font-size: 25px;
  111.     width: 240px;
  112.     text-align: left;
  113.     font-variant:small-caps;
  114.     color: {color:Title};
  115.     transition:1s;
  116. }
  117. #title:hover {
  118.     color: {color:Title Hover};
  119.     transition: 2s;
  120. }
  121. #description {
  122.     position: relative;
  123.     margin: 0px;
  124.     padding: 10px;
  125.     width: 200px;
  126.     text-align: justify;
  127. }
  128.  
  129. #container {
  130.     margin-top: 20px;
  131.     margin-bottom: 20px;
  132.     margin-left: 520px;
  133.     width: 500px;
  134. }
  135.  
  136. .entry {
  137.     float:left;
  138.     position: relative;
  139.     width:450px;
  140.     padding: 10px;
  141.     margin-bottom:20px;
  142.     border: 1px solid {color:Border};
  143.     background-color: {color:background};
  144.     opacity:.85;
  145. }
  146.  
  147.  
  148. img {
  149.     max-width: 100%;
  150.     -webkit-filter: Grayscale(50%);
  151.     -webkit-transition-duration: 2s;
  152.     -moz-transition-duration:2s;
  153.     transition-duration:2s;
  154.     -o-transition-duration:2s;
  155.    
  156. }
  157.  
  158. img:hover{
  159.     -webkit-filter: Grayscale(0%);
  160.     -webkit-transition: all 1s ease-out;
  161.     -moz-transition: all 1s ease-out;
  162.     transition: all 1s ease-out;
  163.    
  164. }
  165.  
  166. h1 {
  167.     text-align: center;
  168.     font-size: 15px;
  169.     color: {color:Title};
  170.     font-variant:small-caps;
  171. }
  172.  
  173. #pagination {
  174.     position: relative;
  175.     padding: 2px;
  176.     margin-top: 10px;
  177. }
  178.  
  179. #pagination a {
  180.     display: inline-block;
  181.     padding: 3px 6px 3px 6px;
  182.     margin: 4px;
  183.     text-align: center;
  184. }
  185.  
  186. #portrait img {
  187.     float: left;
  188.     margin-right: 5px;
  189. }
  190.  
  191. #permalink {
  192.     text-align: center;
  193.     border-top: 1px solid {color:Border};
  194.     position: relative;
  195.     margin-top: 5px;
  196.     padding-top: 5px;
  197.    
  198. }
  199.  
  200. #stuff img{
  201.     -webkit-filter: Grayscale(100%);
  202.     width:60px;
  203. }
  204.  
  205. #stuff img:hover{
  206.     -webkit-filter: Grayscale(0%);
  207.     }
  208.    
  209.    
  210. #stuff .home {
  211.     position: fixed;
  212.     margin-left:60px;
  213.     margin-top: 160px;
  214. }
  215. #stuff .ask {
  216.     position: fixed;
  217.     margin-left:60px;
  218.     margin-top: 230px;
  219. }
  220. #stuff .past {
  221.     position: fixed;
  222.     margin-left:60px;
  223.     margin-top: 300px;
  224. }
  225. #stuff .theme {
  226.     position: fixed;
  227.     margin-left:60px;
  228.     margin-top: 370px;
  229. }
  230. </style>
  231.  
  232. </head>
  233.  
  234. <body>
  235.  
  236. <div style="position:fixed; bottom:0px; right:0px;">
  237. <img src= "{image:Side Image}" /> <br></div>
  238.  
  239. <div id="title">{Title}</div>
  240.  
  241. <div id="sidebar">
  242.  
  243.   <img src="{image:Sidebar}">
  244.  
  245.     <div id="description">{Description}
  246.    
  247.      
  248.      
  249.      <!-- {block:ifLinkText}  / <a href="{text:Link URL}">{text:Link Text}</a>{/block:ifLinkText} -->
  250.      
  251.       <div id="pagination">
  252.       {block:PreviousPage}<a href="{PreviousPage}">Previous Page</a>{/block:PreviousPage}
  253.       {block:NextPage}/ <a href="{NextPage}">Next Page</a>{/block:NextPage}
  254.       </div>
  255.      
  256.     </div>
  257.    
  258. </div>
  259. <div id="stuff">
  260.       <div class=home><a href="/"><img src= "http://i60.tinypic.com/2howrpx_th.png"></a> </div>
  261.      
  262.       <div class=ask><a href="/ask"><img src="http://i58.tinypic.com/15g8pdx_th.png"></a></div>
  263.      
  264.       <div class=past><a href="/archive"><img src="http://i58.tinypic.com/qx8kz4_th.png"></a></div>
  265.      
  266.       <div class=theme><a href="http://sanyoucity.tumblr.com/"><img src="http://i62.tinypic.com/jj1boz_th.png"></a></div>
  267.      
  268.       </div>
  269.  
  270. <div id="container">
  271. {block:Posts}
  272. <div class="entry">
  273.  
  274.  
  275. {block:Text}
  276. <h1>{block:Title}{Title}{/block:Title}</h1>
  277. {Body}
  278. {/block:Text}
  279.  
  280. {block:Photo}
  281. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:Photo}
  284.  
  285. {block:Photoset}
  286. {Photoset-500}
  287. {block:Caption}{Caption}{/block:Caption}
  288. {/block:Photoset}
  289.  
  290. {block:Quote}
  291. {Quote}
  292. {block:Source}<br>—{Source}{/block:Source}
  293. {/block:Quote}
  294.  
  295. {block:Link}
  296. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  297. {block:Description}{Description}{/block:Description}
  298. {/block:Link}
  299.  
  300. {block:Chat}
  301. {block:Title}<h1>{Title}</h1>{/block:Title}
  302. {block:Lines}
  303. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  304. {/block:Lines}
  305. {/block:Chat}
  306.  
  307. {block:Audio}
  308. {AudioPlayerWhite}
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:Audio}
  311.  
  312. {block:Video}
  313. {Video-500}
  314. {block:Caption}{Caption}{/block:Caption}
  315. {/block:Video}
  316.  
  317. {block:Answer}
  318. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  319. {Asker}:<br>"{Question}"<p>{Answer}
  320. {/block:Answer}
  321.  
  322.  
  323.  
  324. <div id="permalink">
  325. {block:Date}Posted: {TimeAgo}{/block:Date} with <a href="{Permalink}">
  326. {NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  327.  
  328. {block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  329.  
  330. <br>{block:HasTags}Tagged: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  331. </div>
  332.  
  333.  
  334.  
  335. </div> <!-- /div entry --->
  336.  
  337. {/block:Posts}
  338.  
  339. </div><!-- /div container --->
  340.  
  341.  
  342.  
  343.  
  344.  
  345. </body>
  346. <script language="JavaScript">
  347. // FHS Text Counter
  348. var height = '52';
  349. document.write('<script src="http://s1.freehostedscripts.net/ocount.php?site=ID2563736&s=1&h=' + height + '&name=Visits"><\/script>');
  350. </script>
  351.  
  352. </html>
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!