API tools faq
paste
Advertisement
capturingdreams

Lovely coffee latte 2 theme

capturingdreams
Jun 18th, 2011
3,791
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6.  
  7.  
  8.  
  9. <!--
  10.  
  11.  
  12.  
  13. Theme by http://capturingdreams.tumblr.com || "Lovely coffee latte" theme for Tumblr
  14.  
  15. Please don't steal/copy any codes here. Never use my codes as base codes. I spent hours/days on this theme to share it not to GIVE it.
  16.  
  17. EDITING THE CODES BELOW MIGHT CAUSE A MALFUNCTION TO THE THEME, SO DON'T EDIT ANY THING. DON'T ASK ME HOW TO FIX IT.
  18.  
  19.  
  20. !-->
  21.  
  22. <script><!--
  23.  
  24. document.write(unescape("%3Ca%20href%3D%22http%3A//tumblr.com/themes/by/capturingdreams%22%20title%3D%22Get%20this theme!%22%20style%3D%22display%3A%20block%3B%20position%3Afixed%3B%20top%3A%2026px%3B%20right%3A%203px%3B%20z-index%3A100%3B%22%3E%3Cimg%20src%3D%22http%3A//i1102.photobucket.com/albums/g455/capturingdreams/creditup.png%22%20style%3D%22opacity%3A%20100%3B%20filter%3Aalpha%28opacity%3D100%29%3B%22%20/%3E%3C/a%3E")); //--></script>
  25.  
  26.  
  27.  
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30.  
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.  
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35.  
  36. {/block:Description}
  37.  
  38.  
  39. <meta name="font:body" content="helvetica" />
  40. <meta name="text:font size" content="10px" />
  41. <meta name="text:description font size" content="10px"/>
  42. <meta name="color:background" content="#ccbcad" />
  43. <meta name="color:postbox" content="#eee1d7" />
  44. <meta name="color:title" content="#d5bfb0" />
  45. <meta name="color:text" content="#ccbcad" />
  46. <meta name="color:link" content="#dfccbf" />
  47. <meta name="color:link background" content="#eee1d7"/>
  48. <meta name="color:link hover" content="#d1b7a6"/>
  49. <meta name="color:border" content="#dac9ba" />
  50. <meta name="image:background" content="http://i1102.photobucket.com/albums/g455/capturingdreams/lol.png"/>
  51. <meta name="image:side picture" content="http://i55.tinypic.com/33xkoxv.png"/>
  52.  
  53.  
  54. <img style="position: fixed; top: 0px; left: 161px; z-index: 2;" src="http://i1102.photobucket.com/albums/g455/capturingdreams/yanna.png" usemap="#Image-Maps_4201106161023224" border="0" width="945" height="193" alt="" />
  55. <map id="_Image-Maps_4201106161023224" name="Image-Maps_4201106161023224">
  56. <area shape="rect" coords="12,126,99,160" href="http://capturingdreams.tumblr.com/" alt="View my entries" title="View my entries" />
  57. <area shape="rect" coords="130,131,252,166" href="http://capturingdreams.tumblr.com/ask" alt="Ask a question here!" title="Ask a question here!" />
  58. <area shape="rect" coords="270,130,390,161" href="http://capturingdreams.tumblr.com/archive" alt="My blog archives" title="My blog archives" />
  59. <area shape="rect" coords="582,124,660,174" href="http://capturingdreams.tumblr.com/faq" alt="Frequently Asked Questions" title="Frequently Asked Questions" />
  60. <area shape="rect" coords="678,123,786,161" href="http://tumblr.com/themes/by/capturingdreams" alt="Themes" title="Themes" />
  61. <area shape="rect" coords="809,123,902,160" href="/links" alt="Other links" title="Other links" />
  62. <area shape="rect" coords="943,191,945,193" href="http://www.image-maps.com/index.php?aff=mapped_users_4201106161023224" alt="Image Map" title="Image Map" />
  63. </map>
  64. </div>
  65.  
  66.  
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore&v1' rel='stylesheet' type='text/css'><style type="text/css">
  69.  
  70. html::-webkit-scrollbar {width:15;height:auto;background:#f2e8dd;}
  71. html::-webkit-scrollbar-corner { background:#f2e8dd; }
  72. html::-webkit-scrollbar-button:vertical {height:2px;display:block;}
  73. html::-webkit-scrollbar-button:horizontal {width:2px;display:block;}
  74. html::-webkit-scrollbar-thumb:vertical {background-color: #eaded3;border: 1px solid #e8d8cd;border-right:none;}
  75. html::-webkit-scrollbar-thumb:horizontal {background-color: #eaded3;border: 1px solid #e8d8cd;border-bottom;}
  76. html::-webkit-scrollbar-thumb {background-color: #eaded3;}
  77. html:-webkit-scrollbar-thumb:hover {background-color: #eaded3;}
  78. html::-webkit-scrollbar-track-piece {background: none;}
  79. html::-webkit-scrollbar:vertical {border-left:1px solid #e8d8cd;}
  80. html::-webkit-scrollbar:horizontal {border-top:1px solid #e8d8cd;}
  81.  
  82. body {
  83. color:{color:Text};
  84. background-color:{color:background};
  85. background-image:url({image:Background});
  86. background-position:center;
  87. background-attachment: fixed;
  88. background-repeat: no-repeat;
  89. top: 0px;
  90. left: 297px;
  91. font-family:{font:body};
  92. font-size:{text:font size};
  93. line-height: 12px;
  94. text-align:justify;
  95. cursor: url("http://i340.photobucket.com/albums/o352/kayharu/Cursors/smalls.gif"), default;
  96. }
  97.  
  98.  
  99.  
  100.  
  101.  
  102.  
  103. a:link, a:active, a:visited {
  104. color: {color:link};
  105. text-decoration:none;
  106. font-weight:bold;
  107. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  108. background-color: {color:link background};
  109. -moz-border-radius: 7px 7px ;
  110. border-radius: 7px 7px / 7px 7px ;
  111.  
  112. }
  113.  
  114.  
  115.  
  116. a:hover{
  117. color:{color:link hover};
  118. font-weight:bold;
  119. }
  120.  
  121.  
  122.  
  123. a img{
  124. border: 0px;
  125. }
  126.  
  127.  
  128.  
  129. h1, big{
  130. color:{color:title};
  131. font-family: 'La Belle Aurore', arial, serif;
  132. font-size:30px;
  133. line-height:30px;
  134. letter-spacing:-1px;
  135. font-weight:normal;
  136. margin:0px;
  137. padding:0px;
  138. text-align:center;
  139. }
  140.  
  141.  
  142.  
  143. h3{
  144. color:{color:text};
  145. font-family: 'La Belle Aurore', arial, serif;
  146. font-size:21px;
  147. line-height:14px;
  148. letter-spacing:-1px;
  149. font-weight:normal;
  150. text-transform:;
  151. margin:0px;
  152. padding:0px;
  153. margin-bottom:-0px;
  154. text-align:left;
  155. }
  156.  
  157.  
  158.  
  159. #content {
  160. background-color: trans;
  161. margin: 0 0px 15px 0;
  162. margin-left:430px;
  163. margin-top:175px;
  164. width:700px;
  165. padding:6px;
  166. height: auto;
  167. opacity: 0.95;
  168. position: absolute;
  169. }
  170.  
  171.  
  172.  
  173.  
  174. #postbox {
  175. background-color:{color:postbox};
  176. float:left;
  177. {block:IndexPage}
  178. width: 210px;
  179. height: 150px;
  180. overflow:hidden;
  181. {/block:IndexPage}
  182. {block:PermalinkPage}
  183. width:625px;
  184. {/block:PermalinkPage}
  185. padding:0px;
  186. padding-top:7px;
  187. margin:4px;
  188. -moz-border-radius: 10px;
  189. -webkit-border-radius: 10px;
  190. -webkit-box-shadow: 0 0 20px #dac9ba;
  191. box-shadow: 0 0 20px #dac9ba;
  192. opacity:1.0;
  193. }
  194.  
  195.  
  196.  
  197. #sidebar1 {
  198. position: fixed;
  199. top: 180px;
  200. left: 165px;
  201. background-color: trans;
  202. width: 270px;
  203. height: auto;
  204. padding-left:8px;
  205. padding-right:6px;
  206. padding-bottom:12px;
  207. padding-top:3px;
  208. font-size: {text:description font size};
  209. }
  210.  
  211.  
  212.  
  213. #sidepicture {
  214. border: 10px solid #dac9ba;
  215. width: 235px;
  216. height: 145px;
  217. }
  218.  
  219.  
  220. #notesandtags{
  221. border-bottom:1px solid {color:border};
  222. display:block;
  223. font-size: 7.5pt;
  224. }
  225.  
  226.  
  227.  
  228.  
  229. .tags {
  230.  
  231. font-size: 10px;
  232. float: right;
  233. text-transform: lowercase;
  234.  
  235. }
  236.  
  237.  
  238.  
  239. .tag {
  240.  
  241. font-weight: normal;
  242. margin-right: 2px;
  243. font-style: normal;
  244.  
  245. }
  246.  
  247.  
  248.  
  249.  
  250. #perma {
  251. font-size:9px;
  252. margin-top:0px;
  253. position:absolute;
  254. right:50%;
  255. margin-right:260px;
  256. }
  257.  
  258.  
  259.  
  260.  
  261. blockquote {
  262.  
  263. font-size: 11px;
  264. background-color: #f2e6dd;
  265. padding: 5px;
  266. border-left: 5px groove #ccbcad;
  267. margin: 5px;
  268.  
  269. }
  270.  
  271.  
  272.  
  273. blockquote:hover {
  274.  
  275. font-size: 11px;
  276. background-color: #f2e6dd;
  277. padding: 5px;
  278. border-left: 5px ridge #ccbcad;
  279. margin: 5px;
  280.  
  281. }
  282.  
  283.  
  284. b, strong{color:{color:text};}
  285. i, em {color:{color:text};}
  286. p{margin-top:3px; margin-bottom:3px;}
  287.  
  288.  
  289.  
  290. ul.chat, .chat ol, .chat li {
  291. list-style:none;
  292. margin:0px;
  293. padding:0px;
  294. }
  295.  
  296.  
  297.  
  298. .notes img {
  299. width:10px;
  300. position:relative;
  301. top:1px;
  302. }
  303.  
  304.  
  305.  
  306. ol.notes, .notes li {
  307. list-style:none;
  308. margin:0px;
  309. padding:0px;
  310. }
  311.  
  312.  
  313. #toTop {
  314. position:fixed;
  315. bottom:55px;
  316. right:40px;
  317. cursor:pointer;
  318. background:url(http://i1102.photobucket.com/albums/g455/capturingdreams/yey.png) no-repeat;
  319. text-indent:-9999px;
  320. width:51px;
  321. height:51px;
  322. }
  323.  
  324. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  325. background-color:transparent!important;
  326. }
  327.  
  328. iframe#tumblr_controls {
  329. top: 4.25% !important;
  330. margin: -30px 0 0 0;
  331. right: 1px !important;
  332. position: fixed !important;
  333. }
  334.  
  335. </style>
  336.  
  337.  
  338.  
  339. <style type="text/css">{CustomCSS]</style>
  340.  
  341.  
  342. </head>
  343.  
  344.  
  345.  
  346. <body>
  347.  
  348. <a href="#" id="toTop"><img src="http://i1102.photobucket.com/albums/g455/capturingdreams/yey.png"></a>
  349.  
  350. <!– Scroll –>
  351. <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js”></script>
  352. <script type=”text/javascript” src=”http://static.tumblr.com/fgfmpgh/Qqfkzalyi/jquery.scroll.pack.js”></script>
  353. <script type=”text/javascript” src=”http://static.tumblr.com/fgfmpgh/7xukzalz8/jquery.easing.js”></script>
  354. <script type=”text/javascript”>
  355. $(function() {
  356. $(“#toTop”).scrollToTop({speed:500,start:700});
  357. });
  358. </script>
  359. <!– / Scroll –>
  360.  
  361.  
  362. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  363.  
  364. <div id="content"><br>
  365. <div class="autopagerize_page_element">
  366. {block:Posts}
  367.  
  368. <div id="postbox">
  369. <div id="notesandtags"><center>✿&nbsp; <a href="{ReblogURL}" target="_blank" class="details"> Reblog</a> | <a href="{Permalink}">{notecountwithlabel}</a> ✿</center></span>
  370. {block:Text}{block:Title}{/block:Title} {/block:Text}{block:Chat}{/block:Chat}{block:Link}{/block:Link}{block:Quote}{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
  371.  
  372.  
  373. {block:IndexPage}<div id="bar"></div>{/block:IndexPage}<div id="title"><a href="{Permalink}" class="date" target = "_blank"><span>
  374.  
  375. </div>
  376.  
  377. {block:Text}{block:Title}<div class="title"><h3>{Title}</h3></div>{/block:Title}{Body}
  378. {/block:Text}
  379.  
  380. {block:Photo}<center>
  381. {block:IndexPage}<a href="{permalink}" target = "_blank"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="210px"/></a>{/block:IndexPage}
  382. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  383. </center>{/block:Photo}
  384.  
  385. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  386.  
  387. {block:Quote}<h3><i>"{Quote}"&nbsp;</i></h3>
  388. <div style="padding-left:20px;">
  389. {block:Source}<BR>— {Source}{/block:Source}
  390. </div>
  391. {/block:Quote}
  392.  
  393. {block:Link}<a href="{URL}" class="link" {Target} target = "_blank"><h3>{Name}</h3></a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
  394.  
  395. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  396.  
  397. {block:Video}<center>{block:IndexPage}<div id="video">{Video-500}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
  398.  
  399. {block:Audio}<span class="audio">{AudioPlayerWhite}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  400.  
  401. {block:Answer}
  402. <img src="{AskerPortraitURL-30}"/>{Asker}: <b>{Question}</b><br>{Answer}
  403. {/block:Answer}</div>
  404. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  405.  
  406. <div id="permainfo">
  407. Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}<BR>
  408. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  409. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  410. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>
  411. Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  412. {block:HasTags}<BR>Tags: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount} &hearts;
  413. </div></div> {/block:Date}{/block:PermalinkPage}
  414. {/block:Posts}
  415. </div>
  416.  
  417. <br>
  418. {PostNotes}
  419. <p id="footer">
  420. </div>
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435. <div id="sidebar1"><br>
  436. <center><div id="sidepicture"><img width="235" height="145" src="{image:side picture}"/></div><br></center>
  437. {block:Description}
  438. {Description}{/block:Description}
  439.  
  440. <br><br>
  441. <img src="http://i1102.photobucket.com/albums/g455/capturingdreams/ugh.png"><br>
  442. Put anything here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta.
  443. <br><br>
  444.  
  445. <center>Theme by <a href="http://capturingdreams.tumblr.com">capturingdreams</a></center>
  446.  
  447. </div>
  448.  
  449. </body>
  450. </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!