API tools faq
paste
Advertisement
cindie

Tiny Bubble

cindie
Jun 26th, 2011
340
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.01 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">
  3.  
  4. <!--
  5.  
  6. "Tiny Bubble" THEMED BY CINDIE.TUMBLR.COM
  7. Please do not remove this credit!
  8. Thanks for using my public theme, enjoy!
  9.  
  10. -->
  11.  
  12.  
  13. <head>
  14.  
  15. <!-- Default Colors -->
  16. <META name="image:Background" content="">
  17. <META name="color:Background" content="#eeeeee">
  18. <META name="color:Tables" content="#ffffff">
  19. <META name="color:Headers" content="#909090">
  20. <META name="color:Font" content="#666666">
  21. <META name="color:Link" content="#666666">
  22. <META name="color:Link hover" content="#000000">
  23. <META name="color:Sidebar font" content="#dddddd">
  24. <META name="color:Borders" content="#f9f9f9">
  25. <META name="color:Nav font" content="#dddddd">
  26. <META name="color:Nav hover" content="#909090">
  27. <META name="color:Nav background" content="#f9f9f9">
  28. <META name="color:Main title font" content="#eeeeee">
  29. <META name="color:Scrollbar" content="#ffffff">
  30. <META name="color:Scrollbar Main" content="#eeeeee">
  31. <META name="if:Show Notes" content="1"/>
  32. <META name="if:Show Time" content="1"/>
  33. <META name="if:Show Custom Scrollbar" content="1"/>
  34. <META name="text:Custom Link One" content=""/>
  35. <META name="text:Custom Link One URL" content=""/>
  36. <META name="text:Custom Link Two" content=""/>
  37. <META name="text:Custom Link Two URL" content=""/>
  38. <META name="text:Custom Link Three" content=""/>
  39. <META name="text:Custom Link Three URL" content=""/>
  40. <!-- End Default Colors -->
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <meta name="description" content="{MetaDescription}" />
  44.  
  45. <title>{title}</title>
  46. <pnk rel="shortcut icon" href="{Favicon}">
  47. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  48.  
  49. <style type="text/css">
  50. body {
  51. background-color: {color:Background};
  52. background-image: url('{image:Background}');
  53. background-position:center center;
  54. background-attachment: fixed;
  55. background-repeat: repeat;
  56. color:{color:font};
  57. cursor: url(""), default;
  58. text-align:justify;
  59. margin: 0px;
  60. padding: 0px;
  61. font-family: Comic Sans MS;
  62. text-transform:;
  63. font-size:7pt;
  64. }
  65.  
  66. a:link, a:visited, a:active {
  67. color: {color:Link};
  68. cursor: default;
  69. text-decoration:none;
  70. transition-duration: 0.50s;
  71. -moz-transition-duration: 0.50s;
  72. -webkit-transition-duration: 0.50s;
  73. -o-transition-duration: 0.50s;
  74. }
  75.  
  76. a:hover {
  77. color: {color:link hover};
  78. cursor: crosshair;
  79. text-decoration:none;
  80. }
  81.  
  82. {block:IfShowCustomScrollbar}
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background-color:{color:Scrollbar};
  85. height:100px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal {
  89. background-color:{color:Scrollbar};
  90. height:10px !important;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94. height:10px;
  95. width:15px;
  96. background-color:{color:Scrollbar Main};
  97. }
  98. {/block:IfShowCustomScrollbar}
  99.  
  100. li {
  101. text-align:left;
  102. }
  103.  
  104. .header {
  105. color:{color:Headers};
  106. font-family:Comic Sans MS;
  107. text-transform:uppercase;
  108. font-size:7pt;
  109. }
  110.  
  111. .header2 {
  112. color:{color:Headers};
  113. font-family: Comic Sans MS;
  114. text-transform:uppercase;
  115. font-size:9pt;
  116. }
  117.  
  118. .header3 {
  119. color:{color:Headers};
  120. font-family: Comic Sans MS;
  121. text-transform:uppercase;
  122. font-size:9pt;
  123. }
  124.  
  125. .mainh{
  126. color:{color:Main title font};
  127. font-family: Comic Sans MS;
  128. text-transform:uppercase;
  129. font-size:9pt;
  130. }
  131.  
  132. h2 {
  133. margin: 0;padding: 0;
  134. font: normal 10px Comic Sans MS;
  135. padding-bottom: 0px;
  136. text-align: right;
  137. color: {color:Main title font};
  138. letter-spacing: -1px;
  139. border-bottom: 3px solid {color:Borders};
  140. line-height: 100%;
  141. text-transform: lowercase;
  142. width: 200;
  143. }
  144.  
  145.  
  146. a.menu {
  147. display: block;
  148. background: {color:Nav background};
  149. color: {color:Nav font};
  150. font-family: Comic Sans MS;
  151. font-size:7pt;
  152. letter-spacing:1px;
  153. width: 100px;
  154. padding: 0px 5px 0 5px;
  155. margin: 2px;
  156. text-align: right;
  157. cursor: crosshair;
  158. transition-duration: 0.50s;
  159. -moz-transition-duration: 0.50s;
  160. -webkit-transition-duration: 0.50s;
  161. -o-transition-duration: 0.50s;
  162. -moz-border-radius: 10px 30px;
  163. border-radius: 10px 30px / 15px 25px;
  164. }
  165.  
  166. a.menu:hover {
  167. color:{color:Nav hover};
  168. }
  169.  
  170. img {
  171. border: 0px solid {color:Borders};
  172. padding: 3px;
  173. filter: alpha (opacity=100);
  174. opacity: 1.0;
  175. }
  176.  
  177. img:hover {
  178. filter: alpha (opacity=97);
  179. opacity: 0.97;
  180. }
  181.  
  182. #sidebar {
  183. margin:0 auto;
  184. margin-top:17px;
  185. margin-left:40px;
  186. padding:5px;
  187. position:fixed;
  188. width: 125px;
  189. text-align: left;
  190. background-image: url('{image:Sidebar}');
  191. background-position:center center;
  192. background-attachment: fixed;
  193. background-repeat: repeat;
  194. background-color:{color:Tables};
  195. -moz-border-radius: 10px 30px;
  196. border-radius: 10px 30px / 15px 25px;
  197. }
  198.  
  199. .menu1 {
  200. padding:0px;
  201. background-color:transparent;
  202. }
  203.  
  204. .des{
  205. font-size:9px;
  206. background-color:{color:Tables};
  207. color: {color:Sidebar font};
  208. padding:1px;
  209. -moz-border-radius: 10px 30px;
  210. border-radius: 10px 30px / 15px 25px;
  211. }
  212.  
  213. .ava {
  214. float:left;
  215. margin-top:4px;
  216. }
  217.  
  218. .name1{
  219. margin-top:4px;
  220. }
  221.  
  222.  
  223. .pagess a{
  224. color:#f9f9f9;
  225. font-size:40px;
  226. transition-duration: 0.50s;
  227. -moz-transition-duration: 0.50s;
  228. -webkit-transition-duration: 0.50s;
  229. -o-transition-duration: 0.50s;
  230. }
  231.  
  232. .pagess a:hover {
  233. color:#909090;
  234. }
  235.  
  236. #content {
  237. margin:0 auto;
  238. margin-left:180px;
  239. margin-top:0px;
  240. margin-bottom:5px;
  241. padding:10px;
  242. width: 300px;
  243. position: absolute;
  244. text-align: center;
  245. background-color: transparent;
  246. overflow: auto;
  247. }
  248.  
  249. #post {
  250. background-color:{color:Tables};
  251. text-align: center;
  252. padding:1px;
  253. margin-top:0px;
  254. -moz-border-radius: 10px 30px;
  255. border-radius: 10px 30px / 15px 25px;
  256. }
  257. }
  258.  
  259. .bottom {
  260. font-size:8px;
  261. background-color:transparent;
  262. border-bottom: 0px solid {color:Borders};
  263. }
  264.  
  265. blockquote{
  266. border-left: 5px solid {color:Borders};
  267. padding:1px; padding-left: 5px; margin: 0px;
  268. }
  269.  
  270. #entry{
  271. background-color:{color:Tables};
  272. padding:4px;
  273. margin-bottom:5px;
  274. -moz-border-radius: 10px 30px;
  275. border-radius: 10px 30px / 15px 25px;
  276. }
  277.  
  278. #entry img {
  279. max-width: 250px;
  280. width: 250px;
  281. }
  282.  
  283. #ask img {
  284. width:40px;
  285. padding-right:10px;
  286. }
  287.  
  288. ol.notes {
  289. padding:1px;
  290. margin: 5px 0px;
  291. list-style-type: none;
  292. background-color:{color:Tables};
  293. border-bottom: solid 1px {color:Borders};
  294. text-align:left;
  295. -moz-border-radius: 10px 30px;
  296. border-radius: 10px 30px / 15px 25px;
  297. }
  298.  
  299. ol.notes li.note {
  300. border-bottom: solid 1px {color:Borders};
  301. padding: 2px;
  302. }
  303.  
  304. ol.notes li.note img.avatar {
  305. vertical-align: -4px;
  306. margin-right: 5px;
  307. width: 10px;
  308. height: 10px;
  309. }
  310.  
  311. ol.notes li.note span.action {
  312. font-weight: bold;
  313. }
  314.  
  315. ol.notes li.note .answer_content {
  316. font-weight: normal;
  317. }
  318.  
  319. ol.notes li.note blockquote {
  320. border-color: {color:Borders};
  321. padding: 4px 4px;
  322. margin: 2px 0px 0px 5px;
  323. }
  324.  
  325. ol.notes li.note blockquote a {
  326. text-decoration: none;
  327. }
  328.  
  329. .jump_page{
  330. color:#fff;
  331. font-size:18px;
  332. padding:3px 5px 3px 5px;
  333. margin:1px;
  334. }
  335.  
  336. a.jump_page:hover {
  337. text-decoration:none;
  338. }
  339.  
  340. .current_page{
  341. color:#fff;
  342. font-size:18px;
  343. font-weight:bold;
  344. padding:3px 5px 3px 5px;
  345. margin:1px;
  346. }
  347.  
  348. {CustomCSS}
  349. </style>
  350. </head>
  351.  
  352. <body>
  353. <div id="sidebar">
  354. <div class="ava">
  355. <center><a href="/"><img style="border:2px solid {color:Borders}" src="{PortraitURL-48}";></a></center>
  356. </div>
  357.  
  358. <div class="name1">
  359. <center>
  360. <div class="mainh">{title}</div>
  361.  
  362.  
  363. <div class="menu1">
  364. <a href="/" class="menu">Home</a>
  365. <a href="/archive" class="menu">Archive</a>
  366. <a href="/ask" class="menu">Ask</a>
  367. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}" class="menu">{text:Custom Link One}{/block:IfCustomLinkOne}</a>
  368.  
  369. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}" class="menu">{text:Custom Link Two}{/block:IfCustomLinkTwo}</a>
  370.  
  371. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}" class="menu">{text:Custom Link Three}{/block:IfCustomLinkThree}</a>
  372.  
  373. <a href="http://cindie.tumblr.com" class="menu">Theme</a>
  374. </div>
  375.  
  376. <div class="des">
  377. {block:Description}{Description}{/block:Description}
  378. </div>
  379.  
  380.  
  381. <div class="pagess">
  382. {block:Pagination}<center>
  383. {block:PreviousPage}<a href="{PreviousPage}" title="newer posts" class="jump_page"><big>»</big></a>
  384. {/block:PreviousPage}
  385. {block:NextPage}<a href="{NextPage}" title="older posts" class="jump_page"><big>«</big></a>{/block:NextPage}
  386. {/block:Pagination}
  387. </center>
  388. </div>
  389. </div>
  390. </div>
  391.  
  392.  
  393. <div id="content">
  394. {block:Posts}
  395. {block:Text}
  396.  
  397. <div id="entry">
  398. <div id="post">
  399. {block:Title}
  400. <div class="header3"><a href="{Permalink}">{Title}</a></div>
  401. {/block:Title}
  402.  
  403. <p>{Body}</p>
  404.  
  405. </li>
  406. </div>
  407. <div class="bottom">
  408. {block:IfShowTime}
  409. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  410. {block:IfShowNotes}
  411. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  412. {/block:IfShowNotes}
  413. </div>
  414. </div>
  415. {/block:Text}
  416. {block:Photo}
  417.  
  418. <div id="entry">
  419. <div id="post">
  420.  
  421. {LinkOpenTag}<img id="pic" src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}
  422. </li>
  423.  
  424.  
  425. </div>
  426. <div class="bottom">
  427. {block:IfShowTime}
  428. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  429. {block:IfShowNotes}
  430. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  431. {/block:IfShowNotes}
  432. </div>
  433. </div>
  434.  
  435.  
  436. {/block:Photo}
  437.  
  438. {block:Quote}
  439.  
  440. <div id="entry">
  441. <div id="post">
  442.  
  443. <div class="header3">"{Quote}"</div>
  444.  
  445. {block:Source}
  446. <span class="source"><br><i>{Source}</i></span>
  447. {/block:Source}
  448. </p>
  449.  
  450. </li>
  451. </div>
  452. <div class="bottom">
  453. {block:IfShowTime}
  454. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  455. {block:IfShowNotes}
  456. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  457. {/block:IfShowNotes}
  458. </div>
  459. </div>
  460. {/block:Quote}
  461.  
  462. {block:Link}
  463.  
  464. <div id="entry">
  465. <div id="post">
  466. <p><a href="{URL}"{Target}><div class="header3">{Name}</a></div>
  467.  
  468. {block:Description}
  469. {Description}
  470. {/block:Description}
  471.  
  472.  
  473. </li>
  474.  
  475.  
  476. </div>
  477. <div class="bottom">
  478. {block:IfShowTime}
  479. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  480. {block:IfShowNotes}
  481. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  482. {/block:IfShowNotes}
  483. </div>
  484. </div>
  485.  
  486. {/block:Link}
  487.  
  488. {block:Chat}
  489.  
  490. <div id="entry">
  491. <div id="post">
  492. {block:Title}
  493. <div class="header3"><a href="{Permalink}">{Title}</a></div>
  494. {/block:Title}
  495.  
  496. <a href="{Permalink}/>
  497. <ul class="chat">
  498. {block:Lines}
  499. <li class="{Alt}">
  500. {block:Label}
  501. <span class="label">{Label}</span> </a>
  502. {/block:Label}
  503.  
  504. {Line}
  505.  
  506. {/block:Lines}
  507. </ul>
  508.  
  509. </li></li>
  510.  
  511. </div>
  512. <div class="bottom">
  513. {block:IfShowTime}
  514. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  515. {block:IfShowNotes}
  516. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  517. {/block:IfShowNotes}
  518. </div>
  519. </div>
  520. {/block:Chat}
  521. {block:Video}
  522.  
  523. <div id="entry">
  524. <div id="post">
  525. {Video-250}
  526. {block:Caption}
  527. <p>{Caption}</p>
  528. {/block:Caption}
  529.  
  530.  
  531. </li>
  532.  
  533. </div>
  534. <div class="bottom">
  535. {block:IfShowTime}
  536. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  537. {block:IfShowNotes}
  538. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  539. {/block:IfShowNotes}
  540. </div>
  541. </div>
  542.  
  543. {/block:Video}
  544. {block:Audio}
  545.  
  546. <div id="entry">
  547. <div id="post">
  548. <p align="center">{AudioPlayergrey}</p>
  549.  
  550. {block:Caption}
  551. <p>{Caption}</p>
  552. {/block:Caption}
  553.  
  554. </li>
  555. </div>
  556. <div class="bottom">
  557. {block:IfShowTime}
  558. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  559. {block:IfShowNotes}
  560. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  561. {/block:IfShowNotes}
  562. </div>
  563. </div>
  564.  
  565. {/block:Audio}
  566.  
  567. {block:Answer}
  568. <div id="entry">
  569. <div id="post">
  570. <div id="ask">
  571. <img style="-moz-border-radius: 10px 30px;
  572. border-radius: 10px 30px / 15px 25px"src="{AskerPortraitURL-40}"align="right" /></div>
  573. <div id="question"><div id="asked">{Asker} Asked:<BR>{Question}</div></div>
  574. <br>
  575. <div id="answerr">My Answer:<BR>{Answer}</div>
  576.  
  577. <div class="bottom">
  578. {block:IfShowTime}
  579. Posted:{block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}|{/block:IfShowTime}
  580. {block:IfShowNotes}
  581. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  582. {/block:IfShowNotes}
  583. </div>
  584. </div>
  585. </div>
  586. {/block:Answer}
  587.  
  588. {block:PostNotes}
  589. {PostNotes}
  590. {/block:PostNotes}
  591.  
  592. {/block:Posts}
  593. {/block:Posts}
  594.  
  595.  
  596. </div>
  597.  
  598. </body>
  599. </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!