Advertisement
striaton-city

Luminous Sword

May 20th, 2014
408
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.09 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 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