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

Basic Fly

By: lupinithemes on May 12th, 2012  |  syntax: None  |  size: 12.29 KB  |  hits: 205  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.         <!-- theme Basic Fly by lupini , don't remove the credit; never; -->
  5.  
  6.         <html>
  7.         <head>
  8.  
  9.  
  10.         <meta name="color:Background" content="#FAFBFC" />
  11.         <meta name="color:Posts" content="#E9F5F2" />
  12.         <meta name="color:Sidebar" content="#F3F7F8" />
  13.         <meta name="color:Accent" content="#ffffff" />
  14.         <meta name="color:Border" content="#d8e674" />
  15.         <meta name="color:Text" content="#7D69C0" />
  16.         <meta name="color:Links" content="#fbb9b8" />
  17.         <meta name="color:Linkshover" content="#ceddd3" />
  18.         <meta name="color:Scrollbar Bg" content="#C7E97E" />
  19.         <meta name="color:sfont" content="#646B8D" />
  20.  
  21.  
  22.         <meta name="color:navigation" content="#d8e674" />
  23.         <meta name="color:navigationhover" content="#F3BC5C" />
  24.  
  25.  
  26.         <meta name="font:Title" content="Georgia, Comic San MS" />
  27.         <meta name="font:Body" content="Helvetica" />
  28.  
  29.         <meta name="image:Background" content="" />
  30.         <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_m3xo45r2781qdmlfso7_r1_250.gif"/>
  31.          
  32.  
  33.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34.         <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}                {block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  35.         <link rel="shortcut icon" href="{Favicon}" />
  36.         <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  37.         <style type="text/css">
  38.  
  39.      
  40.  
  41. ::-webkit-scrollbar{width:5px;height:4px;}
  42. ::-webkit-scrollbar-button:start:decrement
  43. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  44. ::-webkit-scrollbar-track-piece{background-color: {color:background};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-
  45.  
  46. webkit-border-bottom-left-radius:3px;}
  47. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:Scrollbar Bg};-webkit-border-radius:px;}
  48. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:Scrollbar Bg};-webkit-border-radius:px;}
  49.  
  50. a:link, a:active, a:visited{color: {color:links}; text-decoration:none;-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  51.  
  52. a:hover{color: {color:Linkshover}; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  53.  
  54. .accent  {background-color:{color:accent}; color:{color:Text}; font-family:{font:Body}; font-size:7.5pt; margin-top:10px; margin-bottom:5px; margin-left:5px; margin-right:5px; overflow:hidden; padding-top:3px; padding-bottom:3px; padding-left:3px; padding-right:3px;}
  55.  
  56. .asks {background-color: {color:Accent}; color:{color:Text}; font-family:{font:Body}; font-size:7pt; margin-bottom:5px; margin-left:0px; margin-right:0px; padding-top:5px; padding-bottom:3px; padding-left:3px; padding-right:3px; text-align: left;}
  57.  
  58. body,html {background-attachment:fixed; background-color: {color:Background}; background-image: url('{image:Background}'); background-repeat: repeat; font-family:{font:Body}; margin:0; padding:0;}
  59.  
  60. blockquote {border-left: 3px solid {color:border}; color: {color:Text}; margin-left: 15px; padding-left: 4px; padding-top:0; padding-right:0; padding-bottom:0;}
  61.  
  62. .inposts {padding-left:5px; padding-right:5px;}
  63.  
  64. h1 {color: {color:Links}; font-family: {font:Title}; font-size:13px; font-style: italic; font-weight: normal; margin:0; margin-bottom:1px;}
  65.  
  66. h2 {color: {color:text}; font-family: {font:Title}; font-size:10pt; font-style: normal; font-weight: normal; margin:0 0 0;}
  67.  
  68. .posts  {background-color: {color:posts}; opacity:0.8; background-image: url('{image:Content}'); color:{color:Text}; font-family:{font:Body}; font-size:7.5pt; margin-bottom:5px; overflow:hidden; padding-top:5px; padding-bottom:3px; padding-left:3px; padding-right:3px; border-bottom:1px dashed {color:border}; z-index:999; opacity:1;border-radius: 0px 10px 0px 0px;}
  69.  
  70. .tagswrap  {color:{color:Text}; font-family:{font:Body}; font-size:9px; margin-top:-25px;  margin-bottom:10px; padding-top:5px; padding-bottom:3px; padding-left:3px; padding-right:3px; text-align: right;}
  71.  
  72. .asks {background-color: {color:accent}; color:{color:text}; font-family:{font:Body}; font-size:7pt; margin-bottom:5px; margin-left:0px; margin-right:0px; padding-top:5px; padding-bottom:3px; padding-left:3px; padding-right:3px; text-align: left;}
  73.  
  74. .chat {line-height: 12px; list-style: none }
  75. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  76. .person1 {background-color:{color:accent}; color: {color:text}; }
  77. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  78. .person2 {color: {color:text} }
  79. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  80. .person3 {background-color:{color:accent}; color: {color:text}; }
  81. .person3 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  82. .person4 {color: {color:text} }
  83. .person4 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  84.  
  85. #entry {float:left; margin-top:-15px; margin-left:549px; width:516px;}
  86.  
  87. #entry img {max-width:500px;}  
  88.  
  89. .question {color:{color:text}; font-size: 9px; font-weight: normal; font-family: {font:body};
  90. line-height:95%; background:{color:accent}; margin: 0 0 10px 0; padding: 10px 15px; position: relative;}
  91.  
  92. .questionarrow {width: 13px; height: 7px; font-size:30px; font-family:'trebuchet ms';
  93. position: absolute; color:{color:accent}; bottom: -3.5px; left: 240px;}
  94.  
  95. .asker {width:500px; text-align:left; text-transform:uppercase; color:{color:text};}
  96. .asker a {color:{color:text};}
  97. .asker img {float:left; margin-left:220px; vertical-align:top; margin-right:3px; max-height:15px;}
  98.  
  99. .answer {color:{color:text};}
  100.  
  101. #audio {display:block; height:auto; position:relative; min-height:120px;}
  102. .audentry {width:490px; background-color:{color:accent}; position:relative;  padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:120px;}
  103.  
  104. .circulo {position: absolute; z-index: 3; background: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; top: 35px; left: 35px; opacity: .7; filter:alpha(opacity=70)}
  105.  
  106. .player {width: 20px; height: 30px; overflow: hidden; margin: 17px 24px 13px 16px;}
  107.  
  108. .audioinfo {font-family:georgia; font:10px; color:{color:text}; height:15px; padding:0px 7px!important; background-color:{color:posts};}
  109. .audioinfo b{color:{color:links};}
  110.  
  111. .audioinfo2 {color:{color:text}; font:10px georgia; line-height:90%; text-align:left; min-height:34px; background-color:{color:posts}; padding:2px 7px!important;}
  112.  
  113. .txt {font-family:georgia; font-size:10px; text-align:justify; font-style:normal; color:{color:text};}
  114.  
  115. #nav a {display: inline; font-size: 10px; letter-spacing: 1px; color: {color:text}; background-color: {color:navigation}; color:{color:text}; text-transform: lowercase; text-decoration: none; font-size: 10px; font-family:georgia; padding:4px; margin-left:-1px; margin-right:3px}
  116. #nav a:hover {background-color:{color:navigationhover}; color:{color:text}; letter-spacing: 1px; font-style: italic}
  117.  
  118. #imagen img{
  119.     width:245px;
  120.     height:auto;
  121.     text-align:center;
  122.     position:fixed;
  123.     margin-left:-470px;
  124.     margin-top:220px;
  125.     }
  126.  
  127. #sidebar {width:250px; height:auto; background-color: {color:sidebar}; padding:7px;opacity:3; position:fixed;font-style:none;margin-left:200px;opacity:3;margin-top:320px;}
  128.  
  129. #sbarinfo {font-family:Georgia; font-size:9px; width:250px;height:100px;overflow:auto;letter-spacing:0px;text-align:justify; font-style:normal;text-transform:none;margin-top:0px;color:{color:sfont};padding:5px;}
  130.  
  131. #pagination {font-family:Calibri;text-transform:lowercase;width:75px;margin-top:215px;margin-left:90px;letter-spacing:1px;font-size:10px;text-align:right;padding:10px;position:fixed;}
  132.  
  133.  
  134. </style>
  135. </head>
  136. <body>
  137.  
  138. <div class="Sidebar">
  139. </div>{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev.</a>
  140. &nbsp;&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next.</a>{/block:NextPage}</div>
  141. {/block:Pagination}</div>
  142. <center>
  143. {block:ifSidebarImage}<div id="imagen"><img src="{image:Sidebar}"/><br><br></div>{/block:ifSidebarImage}
  144. <center><div id="sidebar"
  145. <br /><center><div id="nav"><a href="/" title="refresh"><img src="http://i.imgur.com/9sdnP.png"></a>
  146. <a href="/ask" title="message"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/balloon-ellipsis-icon.png"></a>
  147. <a href="/submit" title="submit"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/border-color-icon.png"></a>
  148. <a href="/archive" title="archive"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/calendar-day-icon.png"></a>
  149. </a><a href="http://lupini.tumblr.com/themes" title="theme"><img src="http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/clapperboard-icon.png"></a><br />
  150. </center><div id="sbarinfo">{block:Description}{Description}{/block:Description}</div>
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157. </div>
  158. </div>
  159.  
  160. <div id="entry">
  161.  
  162. {block:Posts}
  163.  
  164. <div class="posts">
  165. <div class="inposts">
  166.  
  167. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  168. {block:Text}{Body}{/block:Text}
  169.  
  170. {block:Quote}<h2>❝<i>{Quote}</i>❞</h2><div style="text-align:right;"> - {Source}<br></div>{/block:Quote}
  171.  
  172. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  173. {block:Description}<P>{Description}{/block:Description}</p>{/block:Link}
  174.  
  175. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  176.  
  177. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  178.  
  179. {block:Chat}
  180. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  181.  
  182. <div class="chat"><ul>{block:Lines}
  183. <li class="person{UserNumber}">{block:Label}
  184. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  185. {/block:Chat}
  186.  
  187. {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  188.  
  189. {block:Answer}
  190. <div class="question"><div class="questionarrow">▼</div>{Question}
  191. </div><div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  192. <div class="answer">{Answer}</div>
  193. {/block:answer}
  194.  
  195.  
  196. {block:Audio}
  197. <div id="audio">
  198. <div class="audentry">
  199.  
  200. <img src="http://static.tumblr.com/2lqtwbf/hLRlz1vgy/2.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />
  201. {block:AlbumArt}
  202. <img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  203. {/block:AlbumArt}
  204.  
  205. <div class="circulo"><div class="player">{AudioPlayerWhite}</div></div>
  206. <div class="something">
  207. <table style="float:right;" width="360px" cellspacing="1px" cellpadding="0">
  208.  
  209. {block:TrackName}<tr>
  210. <td class="audioinfo"><b>Song: </b>{TrackName}</td></tr>
  211. {/block:TrackName}
  212.  
  213. {block:Artist}<tr>
  214. <td class="audioinfo"><b>Artist: </b> {Artist}</td></tr>
  215. {/block:Artist}{block:Album}<tr>
  216. <td class="audioinfo"><b>Album: </b>{Album}</td></tr>
  217. {/block:Album}<tr>
  218. <td class="audioinfo">Played {FormattedPlayCount} times</td></tr>
  219. {block:ExternalAudio}<tr>
  220. <td class="audioinfo"><a href="{ExternalAudioURL}" target="_blank">Source</a></td></tr>
  221. {/block:ExternalAudio}
  222. {block:Caption}<tr>
  223. <td class="audioinfo2">{Caption}</td></tr>
  224. {/block:Caption}
  225. </table>
  226. </div></div>
  227. </div>{/block:Audio}
  228.  
  229.  
  230. </div>
  231.  
  232. {block:Date}<div class="accent">
  233.  
  234. <i><a href="{Permalink}">{TimeAgo}</a>
  235. {/block:Date}
  236.  
  237.  
  238. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
  239.  
  240. {block:IndexPage}{block:RebloggedFrom} - <a href="{ReblogRootURL}"> {ReblogRootName}</a>{/block:RebloggedFrom}{/block:IndexPage}
  241.  
  242. </div></div><br>
  243.  
  244. {block:HasTags}<div class="tagswrap"><div class="tags">{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div></div>{/block:HasTags}</i>
  245.  
  246.  
  247. {/block:Posts}
  248. {block:PostNotes}
  249. <div class="posts">
  250. <div class="inposts">
  251. <ol class="pnotes">
  252. {PostNotes}
  253. </ol>
  254.  
  255. </div>
  256.  
  257. {/block:PostNotes}
  258.  
  259. </div>
  260. </div>
  261.  
  262. </body>
  263. </html>
create a new version of this paste RAW Paste Data