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

theme #02 want u back

By: mysticwood on Jun 22nd, 2012  |  syntax: None  |  size: 8.80 KB  |  hits: 1,729  |  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 HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <!--
  5. Theme by salvattores.tumblr.com
  6. If you remove my credit, i'll kick your ass. Got that? Please don't steal codes from my themes, use them as a base or anything of that nature. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10.  
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  16.  
  17.  
  18. <meta name="color:background" content="#fff9f0"/>
  19. <meta name="color:post bg" content="#fff9f0"/>
  20. <meta name="color:link" content="#e9d6c8"/>
  21. <meta name="color:question" content="#f8f1e4"/>
  22. <meta name="color:text" content="#ddcac1"/>
  23. <meta name="color:description" content="#e9d6c8"/>
  24. <meta name="color:sidebar border" content="#f8f1e4">
  25. <meta name="color:scrollbar bg" content="#fff9f0"/>
  26. <meta name="color:scrollbar" content="#f8f1e4"/>
  27.  
  28. <meta name="font:text" content="Helvetica Neue"/>
  29. <meta name="font:description" content="Helvetica Neue"/>
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:sidebar" content=""/>
  33.  
  34. <meta name="if:Tags" content="1"/>
  35. <meta name="text:link1url" content=""/>
  36. <meta name="text:link1" content=""/>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Mr+Bedfort' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:scrollbar bg}; }
  45.  
  46. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  47.  
  48. body{color:{color:text};
  49. font-family:{font:text};
  50. font-size:11px;
  51. background-color:{color:background};
  52. text-wrap: normal;
  53. word-wrap: break-word;
  54. margin:10px 10px;
  55. text-align:left;
  56. height: 100%;
  57. background-image:url('{image:background}');
  58. background-attachment: fixed;
  59. background-repeat: repeat;
  60. background-position: left top;
  61. }
  62.  
  63. b{font-weight:bold;}i{font-style:italic;}u{text-decoration:underline;}
  64.  
  65. #cent{
  66. width:510px;
  67. margin-left:480px;
  68. position:absolute;
  69. padding:5px;
  70. }
  71.  
  72. #post{
  73. padding:0px;
  74. background-color:{color:post bg};
  75. width:500px;
  76. float:left;
  77. margin:15px;
  78. }  
  79.  
  80. #post:hover .info{
  81. opacity:0.9;
  82. filter:alpha(opacity=90);}
  83.  
  84. #sideb{
  85. background-color:transparent;
  86. width:200px;
  87. margin-top:140px;
  88. margin-left:220px;
  89. position:fixed;
  90. padding:3px;  
  91. }
  92.  
  93. .sidebar img{ width:200px;
  94. border:5px solid {color:sidebar border};
  95. padding:5px;
  96. }
  97. #cab{ font-size:15px; letter-spacing:2px; margin: 3px 3px 3px 3px; font-family:{font:text}; font-style:italic; font-weight:lighter;}
  98. #desc{
  99.     background-color:transparent;
  100.     width: 220px;
  101.     position:fixed;
  102.     padding-top:5px;
  103.     font-size:10px;
  104.     text-align:center;
  105.     color:{color:description};
  106.     font-family:{font:description};
  107. }
  108.  
  109. .info { padding-left:5px;border-left:3px solid {color:text};font-size:8px;width:200px;position:absolute;left:535px;text-align:left;display: block;font-family:{font:text};text-transform:uppercase;opacity:0; filter:alpha(opacity=0); transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s;}
  110.  
  111. .chat-bubble {
  112.   background-color:{color:question};
  113.   font-size:10px;
  114.   line-height:10px;
  115.   margin:5px auto;
  116.   padding:7px;
  117.   position:relative;
  118.   text-align:center;
  119. }
  120.  
  121. a, a:active, a:visited{
  122.  text-decoration: none;
  123.  color: {color:link};opacity:10; filter:alpha(opacity=100); transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;}
  124.  
  125. a:hover{opacity:0.1;filter:alpha(opacity=10);}
  126.  
  127.  
  128. blockquote{
  129.  background-color: transparent;
  130.  border-left: 3px solid {color:link};
  131.  padding: 0px 0px 0px 3px;
  132.  margin: 0px 0px 0px 10px;
  133. }
  134. blockquote img{ overflow-x:hidden;}
  135.  
  136. img, a img {
  137. max-width:500px;
  138. }
  139.  
  140. h3{
  141.  font-size:15px;
  142.  letter-spacing:2px;
  143.  margin: 3px 3px 3px 3px;
  144.  font-family:{font:text};
  145.  font-weight:lighter;font-style:italic;
  146. }
  147.  
  148. .quote{ font-size: 17px; font-style: italic;font-family:Georgia;}
  149.  
  150. .source{
  151.  text-align: right;
  152. }  
  153.  
  154. ul.chat {
  155.  margin: 0 0 0 0;
  156.  padding: 0 0 0 0;
  157. }
  158. .chat li {
  159.  list-style-type: none;
  160.  margin-left: 0px;
  161.  padding: 3px;
  162. }
  163. .chat li.odd {
  164.  background-color: transparent;
  165. }
  166. .chat li.even {
  167.  background-color: transparent;
  168.  border-left: 5px solid {color:link};
  169. }
  170. .label {
  171. font-weight: bold;
  172. }
  173. .albumart img{ float: left;margin-right: 20px; max-width: 75px; background-color: {color:sidebar border}; padding:5px;}
  174.  ol.notes { padding: 0px; margin: 5px 0px; list-style-type: none;}
  175.  
  176. ol.notes li.note {padding: 3px;}
  177.  
  178. ol.notes li.note img.avatar {vertical-align: -4px;margin-left: 30px;width: 16px;height: 16px;}
  179.  
  180. ol.notes li.note span.action {font-weight: normal;}
  181.  
  182. ol.notes li.note .answer_content {font-weight: normal;}
  183.  
  184. ol.notes li.note blockquote {
  185.                 border-color:{color:text};
  186.                 padding: 4px 10px;
  187.                 margin: 10px 0px 0px 25px;
  188.             }
  189.  
  190.             ol.notes li.note blockquote a {
  191.                 text-decoration: none;
  192.             }
  193. .yoyoyo{bottom:5px;right:12px;position:fixed;font-style:italic;}.video{ width:500px;}
  194.  
  195. .toplinks{ text-align:center;font-size:11px;font-family:{font:description};font-weight:bold;width:220px;text-transform:uppercase}
  196. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  197.  
  198. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  199.  
  200. {CustomCSS]</style>
  201.  
  202. </head>
  203. <body>
  204.  
  205.  
  206.   <div class="yoyoyo"><a href="http://salvattores.tumblr.com/tagged/theme">theme</a></div>
  207.  
  208.  
  209. <div id="sideb">
  210. <div class="toplinks">{block:PreviousPage}  <a href="{PreviousPage}">-</a>{/block:PreviousPage} <a href="/">home</a> <a href="/ask">message</a> <a href="{text:link1url}">{text:link1}</a> &nbsp;{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
  211. <div class="sidebar img">
  212. <img src="{image:sidebar}"></div>
  213. <div id="desc">
  214. {block:Description}{Description}{/block:Description}
  215. </div></div>
  216. </div>
  217. </div>
  218.  
  219. <div id="cent">
  220.  
  221.  
  222. {block:Posts}
  223. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  224. {block:ContentSource}
  225. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  226. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  227. {/block:SourceLogo}
  228. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  229. {/block:ContentSource}
  230.  
  231. <div id="post">
  232.  
  233. <div class="info">
  234. {block:Date}{block:RebloggedFrom}Reblogged&nbsp;{/block:RebloggedFrom}{block:NotReblog}Posted{/block:NotReblog}&nbsp;<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}<br>{NoteCount} notes{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogRootName}</a> {/block:RebloggedFrom} {block:ifTags}{block:Tags}<br><a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:ifTags}
  235. </div>
  236.  
  237. {block:Title}
  238. <h3>{Title}</h3>
  239. {/block:Title}
  240.  
  241. {block:Text}
  242. {Body}
  243. {block:Caption}{Caption}{/block:Caption}
  244. {/block:Text}
  245.  
  246.  
  247. <div style="border:none">
  248. {block:Photo}
  249. <img src="{PhotoURL-500}"/>
  250. {block:Caption}{Caption}{/block:Caption}
  251. {/block:Photo}</div>
  252.  
  253. {block:Photoset}
  254. {Photoset-500}
  255. {block:Caption}{Caption}{/block:Caption}
  256. {/block:Photoset}
  257.  
  258.  
  259. {block:Quote}
  260. <div class="quote">"{Quote}"</div>
  261. <div align="right">
  262. {block:Source}-{Source}{/block:Source}
  263. {block:Caption}{Caption}{/block:Caption}
  264. </div>
  265. {/block:Quote}
  266.  
  267.  
  268. {block:Video}
  269. <div class="video">{Video-500}</div>
  270. {PlayCountWithLabel}
  271. {block:Caption}{Caption}{/block:Caption}
  272. {/block:Video}
  273.  
  274.  
  275. {block:Link}
  276. <div id="cab"><a href="{URL}" class="link" {Target}>{Name} ยป</a></div>
  277. {block:Description}{Description}{/block:Description}
  278. {block:Caption}{caption}{/block:Caption}
  279. {/block:Link}
  280.  
  281. {block:Chat}
  282. {block:Lines}
  283. {block:Label}
  284. <br>{Label}
  285. {/block:Label}
  286. &nbsp;{Line}
  287. {/block:Lines}
  288. {block:Caption}{Caption}{/block:Caption}
  289. {/block:Chat}
  290.  
  291. {block:Audio}<div class="albumart img">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>{AudioPlayerGrey}<br>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}{/block:Audio}
  292.  
  293.  
  294. {block:Answer}
  295. <div class="chat-bubble">
  296. {Asker} wondered : {Question}
  297. </div>
  298. {Answer}
  299. {/block:Answer}
  300. </div>
  301. {/block:Posts}
  302.  
  303.  
  304. {block:PermalinkPage}
  305. {block:NoteCount}
  306. {NoteCount} notes
  307. {/block:NoteCount}
  308. <Br>
  309. <br>
  310. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  311. {/block:PermalinkPage}
  312.  
  313.  
  314. </div>
  315.  
  316. </body>
  317. </html>
create a new version of this paste RAW Paste Data