Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 7: Distances

By: AlanaJewel on Sep 7th, 2012  |  syntax: None  |  size: 8.33 KB  |  hits: 831  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. THEME DISTANCES BY JYURA/ETERNALLYWRITTEN
  3. PLEASE DO NOT CLAIM THEME AS YOURS, TAKE OUT CREDITS OR
  4. USE THIS THEME AS A BASE CODE FOR YOUR OWN. THANK YOU AND ENJOY!
  5. -->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  14.  
  15. {PostSummary} - {/block:PostSummary}{Title}</title>
  16.  
  17. <style type="text/css">
  18.  
  19. img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  20.  
  21.  
  22. body {margin:0px;background-color: #fff; background-image:url(http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto1_250.png);
  23. background-attachment: fixed;background-repeat: repeat;}body, div, p, textarea, submit, input{
  24. font-family: tinytots;font-size: 8px;line-height:12px;letter-spacing:0px;color:#000;}
  25.  
  26. p {margin:0px;margin-top:0px;}
  27.  
  28. A:link, A:visited, A:active{color: #000; text-decoration:none; -webkit-transition: .4s;text-align: justify;}
  29.  
  30. A:hover{
  31. color: #ededed;
  32.  
  33. }
  34.  
  35. @font-face {
  36.  
  37. font-family: "tinytots";
  38.  
  39. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  40.  
  41. #title {
  42.     text-transform:uppercase;
  43.     margin-left:40px;
  44.     margin-right:40px;
  45.     padding-bottom:5px;
  46.     margin-top: 40px;
  47.     font-family:trebuchet ms;
  48.     font-size:20px;
  49.     letter-spacing:2px;
  50.     border-bottom:4px dashed #F5A9BC;
  51.     }
  52.  
  53. #sidepic{
  54.     margin-top:30px;
  55.     background-color:#fff;
  56.     -webkit-border-radius:100px;
  57.     width:150px;
  58.     height:150px;
  59.     border:4px solid #fff;
  60.    
  61.     }
  62.    
  63.    
  64.  
  65.  
  66. #desc {
  67.     text-align:left;
  68.     font-family:trebuchet ms;
  69.     font-size:10px;
  70.     letter-spacing: 1px;
  71.     margin-bottom:30px;
  72.     line-height:11px;
  73.     color: #6e6e6e;
  74.     width:190px;
  75.     padding-top:5px;
  76.     padding-bottom:5px;
  77.     }
  78.    
  79.  
  80.    
  81. #links {
  82.  
  83.     text-align:center;
  84.     text-transform:uppercase;
  85.     font-family:tinytots;
  86.     font-size:8px;
  87.     width:190px;
  88.     height:10px;
  89.     background-color: #F5A9BC;
  90.     -moz-transition: all .5s ease-in-out;
  91.     -webkit-transition: all .5s ease-in-out;
  92. }
  93.  
  94. #links:hover {
  95.      width:150px;
  96.     background-color: #848484;
  97.    
  98.    
  99. }
  100.  
  101. div#center{
  102.     margin:auto;
  103.     position:relative;
  104.     width:840px;
  105.     background-color:;
  106.     overflow:auto;
  107.     overflow-y:hidden;}
  108.  
  109.  
  110.  
  111. div#content{  
  112. float:right;
  113. width:400px;
  114. padding-right:2px;
  115. padding-left:2px;
  116. margin-right: 180px;  
  117. height:auto;
  118. padding:10px;
  119. margin-bottom:5px;
  120. border:0px solid #fff;
  121. font-family:tinytots;
  122. font-size:9px;
  123. color: #000;
  124. background-color:transparent;  
  125. opacity:1;
  126.  
  127. }
  128.  
  129.  
  130.  
  131. #postlay {
  132.     background-color: #fff;
  133.     border:1px solid #ededed;
  134.     width:400px;
  135.     padding:5px;
  136. }
  137.  
  138.  
  139. div#entry{
  140. background-color:transparent;
  141. margin-top:0px;
  142. padding-right:solid #fff 5px;
  143. padding-left: solid #fff 5px;
  144. padding-top:0px;
  145. padding-bottom:1px;
  146. margin-bottom:-15px;
  147. border-bottom: solid transparent 10px;}
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. div#sidebar{
  155.     position:fixed !important;
  156.     width: 200px;
  157.     height: 100%;
  158.     padding-left:-2px;
  159.     font-size: 10px;
  160.     line-height:8px;
  161.     letter-spacing:0px;
  162.     background-image:url(http://24.media.tumblr.com/tumblr_ls2e05Cme11r3vazto2_250.png);
  163.     border: 4px solid transparent;}
  164.    
  165.    
  166.  
  167.  
  168.  
  169. #postnotes{text-align: justify;}
  170.  
  171. #postnotes blockquote{border: 0px;}
  172.  
  173. .title {
  174. font-family: trebuchet ms;
  175. text-align:center;
  176. font-size: 15px;
  177. margin-bottom: 20px;
  178. line-height: 15px;
  179. color: #000;
  180. letter-spacing: 1px;
  181. font-weight: lighter;
  182. padding:0px 0px 0px 0px; }
  183.  
  184.  
  185.  
  186. .title2 {
  187.     font-family: trebuchet ms;
  188.     text-align:center;
  189.     margin-bottom: 20px;
  190.     font-size: 12px;
  191.     line-height: 12px;
  192.     color: #848484;
  193.     letter-spacing: 0px;
  194.     font-weight: normal;
  195.     padding:0px 0px 0px 0px; }
  196.    
  197.  
  198. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 1px;border-left: 1px solid #555555;}
  199.  
  200. blockquote p, ul{margin:0px; padding:0px; }
  201.  
  202. a img{border: 0px;}
  203.  
  204. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  205.  
  206. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  207. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  208.  
  209. .notes img{width:10px; position:relative; top:3px;}
  210.  
  211. .permalink{display: block;font-size: 10px;text-align: right;}
  212.  
  213. small{font-size: 90%;}
  214.  
  215. </style>
  216.  
  217.  
  218.  
  219. <link rel="shortcut icon" href="{Favicon}">
  220. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  221. <meta name="viewport" content="width=820" />
  222.  
  223. </head>
  224.  
  225. <body>
  226.  
  227.  
  228. <div id="cage">
  229. <div id="center">
  230. <div id="sidebar">
  231.  
  232.  
  233. <div id="title">{Title}</div>
  234.  
  235.  
  236. <br>
  237. <div align="center">
  238.  
  239. <div id="sidepic">
  240. <img src="http://24.media.tumblr.com/tumblr_m745j9jXZA1rstqqao1_500.jpg" width=150px; height=150px; style=" -webkit-border-radius:100px;
  241.  "></a></div>
  242.      
  243.  </div>
  244.  
  245.  
  246. <br><br>
  247.  
  248. <div align="center">
  249.  
  250. <div id="desc">
  251. {Description}
  252. </div>
  253.  
  254. <br>
  255.  
  256.  
  257. <div id="links">
  258. <a href="/">i n d e x</a>
  259. </div>
  260.  
  261. <br>
  262.  
  263. <div id="links">
  264. <a href="/ask">m e s s a g e</a>
  265. </div>
  266.  
  267. <br>
  268.  
  269. <div id="links">
  270. <a href="/archive">p a s t</a></center>
  271. </div>
  272.  
  273. <br>
  274.  
  275. <div id="links">
  276. <a href="http://jyura.tumblr.com">t h e m e</a></center>
  277. </div>
  278. </div>
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. <div align="right">
  286. <br>
  287.  
  288. </div>
  289.  
  290. </div>
  291.  
  292. <div id="content">
  293. {block:Posts}
  294. <div id="entry">
  295.  
  296. <div id="postlay">
  297. {block:Text}
  298. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  299. <br>
  300.  
  301. <span class="entrytext">{Body}</span>
  302. <span class="permalink"><a href="{Permalink}">♡</a></span>
  303. {/block:Text}
  304.  
  305.  
  306.  
  307. {block:Link}
  308. <a href="{URL}" class="title"><center>{Name}</center></a>
  309. <br>
  310.  
  311. {block:Description}{Description}{/block:Description}
  312. <span class="permalink"><a href="{Permalink}">♡</a>
  313. {block:Link}
  314.  
  315.  
  316.  
  317. {block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400"  {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions} {/block:Photo}
  318.  
  319.  
  320.  
  321. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:IndexPage}<div style="padding:1px; float:right;"><a href="{Permalink}">♡</a></div>{/block:IndexPage}{/block:Photoset}
  322.  
  323.  
  324. {block:Quote}
  325. <span class="title"><center>{Quote}</center></span>
  326. <br>
  327. {block:Source}- {Source}{/block:Source}
  328. <span class="permalink"><a href="{Permalink}">♡</a>
  329. {/block:Quote}
  330.  
  331.  
  332.  
  333. {block:Chat}
  334. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  335. <br>
  336. <ul class="chat">
  337. {block:Lines}
  338. <li class="user_{UserNumber}">
  339. {block:Label}
  340. <span class="label">{Label}</span>
  341. {/block:Label}
  342. {Line}
  343. </li>
  344. {/block:Lines}
  345. </ul>
  346. {/block:Chat}
  347.  
  348.  
  349.  
  350. {block:Audio}
  351. <center><div class="audio"><div style="width:300px; height:-10px;"><div style="float:center"><center>{AudioPlayerBlack}</center></div><div style="margin-top:10px; float:center;">
  352. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
  353. <span class="permalink"><a href="{Permalink}">♡</a>
  354. {/block:Audio}
  355.  
  356. </div>
  357.  
  358.  
  359. {block:Video}<center>
  360. {Video-400}</center>
  361. <span class="permalink"><a href="{Permalink}">♡</a>
  362. {block:Video}
  363. <br>
  364.  
  365. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  366.  
  367. {block:PostNotes}{PostNotes}
  368. {/block:PostNotes}
  369. </div>
  370.  
  371. {/block:Posts}
  372.  
  373. <center></a>
  374. </div></div>
  375.  
  376. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  377.  
  378. <style type="text/css">a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}</style>
  379. <style>  body, a { cursor:url('http://www.dolliehost.com/dolliecrave/graphics/cursors-arrow/19.gif'), auto }</style>
  380.  
  381. </div>
  382. </center>
  383.  
  384. </body>
  385. </html>
create a new version of this paste RAW Paste Data