API tools faq
paste
Advertisement
striaton-city

Sea Stone

striaton-city
Jun 10th, 2014
500
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.88 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.                 <!----- [2] Sea Stone ---------------
  9.                
  10.                + Theme by SANYOUCITY.TUMBLR.COM
  11.                                
  12.                Feel free to do whatever you want with
  13.                the  code  as long as you don't remove
  14.                the  credit!! If  you  have any quest-
  15.                ions or comments please don't hesitate
  16.                to  hmu.  I  apologize  in  advance to
  17.                anyone trying  to  find  something  in
  18.                the  code because I'm very unorganized
  19.                and this code is a bit old! I'll  make
  20.                 an effort to revamp it soon!!
  21.                
  22.                Thank you so much for using my theme!!
  23.                
  24.                ------------------------ ver 1.3 ----->
  25.  
  26.  <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Side Image" content="http://static.tumblr.com/c45d53c3aec5304ab4cf83aa0a2f44b6/wrjqiql/5aon6xkkx/tumblr_static_1dcv8m052casoccgkso444wcc.png"/>
  35. <meta name="color:Background" content="#fff"/>
  36. <meta name="color:Title" content="#8c2424"/>
  37. <meta name="color:Title Hover" content="#cfe8f8"/>
  38. <meta name="color:Blockquote" content=""/>
  39. <meta name="color:Text" content="#c1c1c1"/>
  40.  
  41. <meta name="color:Border" content="#04070c"/>
  42. <meta name="color:Link" content="#ff7272"/>
  43. <meta name="color:Link Hover" content="#97c5e0"/>
  44.  
  45. <meta name="image:background" content="http://37.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png"/>
  46. <meta name="color:post shadow" content="#04070c"/>
  47. <meta name="color:sidebar shadow" content=""/>
  48. <meta name="color:sidebar" content="#544b4b"/>
  49. <meta name="color:bold" content="#c91010"/>
  50. <meta name="color:italics" content="#2c8ab3"/>
  51.  
  52. <meta name="text:link 1 title" content="LINK 1"/>
  53. <meta name="text:link 1" content="/"/>
  54. <meta name="text:link 2 title" content="LINK 2"/>
  55. <meta name="text:link 2" content="/"/>
  56. <meta name="text:link 3 title" content="LINK 3"/>
  57. <meta name="text:link 3" content="/"/>
  58. <meta name="text:link 4 title" content="LINK 4"/>
  59. <meta name="text:link 4" content="/"/>
  60. <meta name="text:link 5 title" content="LINK 5"/>
  61. <meta name="text:link 5" content="/"/>
  62.  
  63. <meta name="color:Scrollbar" content="#bad8eb"/>
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68. /*
  69. ::-webkit-scrollbar { z-index: 99999; width: 6px; height: 4px; background: #ffffff; }
  70. ::-webkit-scrollbar-thumb {  z-index: 99999; background-color: #000000; -webkit-border-radius: 1ex; } */
  71.  
  72.  
  73. ::-webkit-scrollbar {
  74.     width: 5px;
  75.     height: 4px;
  76. }
  77.  
  78. ::-webkit-scrollbar-thumb {
  79.     background-color: {color:Scrollbar};
  80. }
  81. body {
  82.     background: {color:Background};
  83.     font-family: 'courier', sans-serif;
  84.     font-size: 12px;
  85.     color: {color:Text};
  86.     text-align: justify;
  87.     background-image: url('{image:background}');
  88.    
  89. }
  90.  
  91. blockquote {
  92.     padding-left:5px;
  93.     border-left:1px solid;
  94.     color: {color:Blockquote};
  95.    
  96. }
  97.  
  98. a {
  99.     text-decoration: none;
  100.     color: {color:Link};
  101.     transition:1s;
  102. }
  103. a:hover {
  104.     color: {color:Link Hover};
  105.     transition: 2s;
  106. }
  107.  
  108. #sidebar {
  109.     z-index: 99999;
  110.     position: fixed;
  111.     margin-left:400px;
  112.     margin-top: 230px;
  113.     width: 220px;
  114.     height:140px;
  115.     padding: 10px;
  116.     border: none;
  117.     border-radius:5px;
  118.     box-shadow: 4px 4px 0px {color:post shadow};
  119.     background-color: {color:sidebar};
  120.  
  121.     opacity: .8;
  122. }
  123.  
  124. #side {
  125.     position:left;
  126.     width:auto;
  127.     height:auto;
  128.    
  129. }
  130.  
  131. #title {
  132.     font-family:'Inconsolata', sans-serif;
  133.     z-index: 99999;
  134.     position: fixed;
  135.     margin-top: -50px;
  136.     margin-left: 0px;
  137.     font-size: 25px;
  138.     font-weight:bold;
  139.     width: 240px;
  140.     text-align: left;
  141.     font-variant:small-caps;
  142.     color: {color:Title};
  143.     transition:1s;
  144. }
  145. #title:hover {
  146.     color: {color:Title Hover};
  147.     text-shadow:  -10px 0 .9px {color:Title}, 10px 0 .9px {color:Title};
  148.     transition: 2s;
  149.    
  150. }
  151. #description {
  152.     position: absolute;
  153.     margin: 0px;
  154.     padding: 10px;
  155.     width: 200px;
  156.     text-align: justify;
  157.     max-height: 65px;
  158.     overflow-y:scroll;
  159.     font-family: 'Inconsolata', ;
  160. }
  161.  
  162. #container {
  163.     margin-top: 20px;
  164.     margin-bottom: 20px;
  165.     margin-left: auto;
  166.     margin-right:auto;
  167.     width: 500px;
  168. }
  169.  
  170. .entry {
  171.     margin-top:100px;
  172.     margin-left:-100px;
  173.     float:left;
  174.     position: relative;
  175.     width:400px;
  176.     padding: 10px;
  177.     margin-bottom:20px;
  178.     border: 1px solid {color:Border};
  179.     background-color: {color:background};
  180.     border-radius: 5px;
  181.     opacity:.7;
  182.     box-shadow: 4px 4px 0px {color:post shadow};
  183.     transition: 2s;
  184. }
  185. .entry:hover {
  186.     opacity: .9;
  187.     transition:1s;
  188. }
  189.  
  190.  
  191. img {
  192.     max-width: 430px; }
  193.  
  194. h1 {
  195.     text-align: center;
  196.     font-size: 15px;
  197.     color: {color:Title};
  198.     text-transform:uppercase;
  199.     font-family:'Inconsolata', sans-serif;
  200. }
  201.  
  202. #pagination {
  203.     position: relative;
  204.     padding: 2px;
  205.     margin-top: 10px;
  206.     margin-left:10px;
  207. }
  208.  
  209. #pagination a {
  210.     display: inline-block;
  211.     padding: 3px 6px 3px 6px;
  212.     margin: 4px;
  213.     text-align: center;
  214. }
  215.  
  216. #portrait img {
  217.     float: left;
  218.     margin-right: 5px;
  219. }
  220.  
  221. #permalink {
  222.     text-align: center;
  223.     border-top: 1px solid {color:Border};
  224.     position: relative;
  225.     margin-top: 5px;
  226.     padding-top: 5px;
  227.    
  228. }
  229.  
  230. .navi{
  231.     margin-top:90px;
  232.     margin-left:10px;
  233.     z-index:9999999999;
  234. }
  235.  
  236.  
  237. strong, b {
  238.     color: {color:bold};
  239. }
  240.  
  241. em, i {
  242.     color: {color:italics};
  243. }
  244.  
  245.  
  246.    
  247. #permalink #notecontainer ol.notes {
  248.       list-style-type: none;
  249.      
  250.       padding: 0;
  251.       margin-top:100;
  252. }
  253. #permalink #notecontainer img.avatar {
  254.       margin-right: 10px;
  255.       width: 16px;
  256.       height: 16px;
  257. }  
  258.  
  259. #swagmoney {
  260.     position:fixed;
  261.     font-weight:700;
  262.     font-size:20px;
  263.     line-height:20px;
  264.     width: 100px;
  265.     height:21px;
  266.     overflow:hidden;
  267.     z-index:9999999;
  268.     inline:block;
  269.     color:{color:Text};
  270.     margin-top:2px;
  271.     margin-left:20px;
  272.    
  273. }
  274. .swag {margin-top:0px;position:relative;transition:.3s;}
  275. .swag:hover {margin-top:-21px;transition:.3s;}
  276. .swag a {color:{color:Text}; letter-spacing:1px;transition:0s;}
  277. .swag a:hover {text-decoration:none;color:#FF3399; transition:0s;}
  278.  
  279.  
  280. </style>
  281.  
  282. </head>
  283.  
  284. <body>
  285.  
  286. <div id="swagmoney">
  287. <div class="swag"><span style="margin-left:0px;font-size:20px">♔</span><br><a  style="font-size:11px" href="http://sanyoucity.tumblr.com/">&nbsp;SANYOUCITY</a>
  288. </div>
  289. </div>
  290.  
  291. <div style="position:fixed; bottom:0px; right:0px; ">
  292. <img sty;e="width: 80%" src= "{image:Side Image}" /> <br></div>
  293.  
  294. <!--<div id="credit"><p><a href="http://striaton--city.tumblr.com/"> ♔<span style="font-size:10px">theme credit</span> </a></p><p></div>-->
  295.  
  296.  
  297.  
  298.  
  299.  
  300. <div id="container">
  301.  
  302.     <div id="sidebar">
  303.      <div id="title">{Title}</div>
  304.       <!--<img src="{image:Sidebar}"> -->
  305.      
  306.         <div id="description">{Description}
  307.         <p>
  308.        
  309.        
  310.          
  311.          
  312.          <!-- {block:ifLinkText}  / <a href="{text:Link URL}">{text:Link Text}</a>{/block:ifLinkText} -->
  313.          
  314.          </div>
  315.            
  316.          <select class="navi"
  317.            style="font-family:lucida console;
  318.                   color:#696969;background:#fff;
  319.                   width:200px;font-size:9px;
  320.                   letter-spacing:1px;
  321.                   border:2px solid #ccc;
  322.                   text-transform:uppercase;"
  323.            
  324.            onChange="location.href=this.options[this.selectedIndex].value;">
  325.                  
  326.                 <option value=''>NAVIGATION</option>
  327.                
  328.                 <option value="/">REFRESH</option>
  329.                
  330.                 <option value="/ask">MESSAGE</option>
  331.                  
  332.                 <option value="/archive">PAST</option>
  333.                  
  334.                 <option value="/submit">SUBMIT</option>
  335.                  
  336.                 <option value="{text:link 1}">{text:link 1 title}</option>
  337.                  
  338.                 <option value="{text:link 2}">{text:link 2 title}</option>
  339.                  
  340.                 <option value="{text:link 3}">{text:link 3 title}</option>
  341.                  
  342.                 <option value="{text:link 4}">{text:link 4 title}</option>
  343.                
  344.                 <option value="{text:link 5}">{text:link 5 title}</option>
  345.                  
  346.                 </select>
  347.           <div id="pagination">
  348.           {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  349.           {block:NextPage}/ <a href="{NextPage}">next</a>{/block:NextPage}
  350.           </div>
  351.  
  352.        
  353.     </div> <!-- /div sidebar -->
  354.  
  355.  
  356. {block:Posts}
  357. <div class="entry">
  358.  
  359.  
  360. {block:Text}
  361. <h1>{block:Title}{Title}{/block:Title}</h1>
  362. {Body}
  363. {/block:Text}
  364.  
  365. {block:Photo}
  366. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  367. {block:Caption}{Caption}{/block:Caption}
  368. {/block:Photo}
  369.  
  370. {block:Photoset}
  371. {Photoset-400}
  372. {block:Caption}{Caption}{/block:Caption}
  373. {/block:Photoset}
  374.  
  375. {block:Quote}
  376. {Quote}
  377. {block:Source}<br>—{Source}{/block:Source}
  378. {/block:Quote}
  379.  
  380. {block:Link}
  381. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  382. {block:Description}{Description}{/block:Description}
  383. {/block:Link}
  384.  
  385. {block:Chat}
  386. {block:Title}<h1>{Title}</h1>{/block:Title}
  387. {block:Lines}
  388. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  389. {/block:Lines}
  390. {/block:Chat}
  391.  
  392. {block:Audio}
  393. {AudioPlayerWhite}
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Audio}
  396.  
  397. {block:Video}
  398. {Video-500}
  399. {block:Caption}{Caption}{/block:Caption}
  400. {/block:Video}
  401.  
  402. {block:Answer}
  403. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  404. <b>{Asker} asked</b>:<br>"{Question}"<p><br/>{Answer}
  405. {/block:Answer}
  406.  
  407.  
  408.  
  409. <div id="permalink">
  410. {block:Date}Posted: {TimeAgo}{/block:Date} with <a href="{Permalink}">
  411. {NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">Reblog</a>
  412.  
  413. {block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  414.  
  415. <br>{block:HasTags}Tagged: {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  416.  
  417. {block:PostNotes}
  418. <div id="notecontainer">{PostNotes}</div>
  419. {/block:PostNotes}
  420. </div>
  421.  
  422.  
  423.  
  424.  
  425. </div> <!-- /div entry --->
  426.  
  427. {/block:Posts}
  428.  
  429. </div><!-- /div container --->
  430.  
  431.  
  432.  
  433.  
  434.  
  435. </body>
  436.  
  437. </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!