API tools faq
paste
Advertisement
TitanJelly

THEME 014 - SPEECH BUBBLES (By TitanJelly)

TitanJelly
Mar 17th, 2014
5,137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ▀▀█▀▀ ▀█▀ ▀▀█▀▀ ░█▀▀█ ▒█▄░▒█
  4. ░▒█░░ ▒█░ ░▒█░░ ▒█▄▄█ ▒█▒█▒█
  5. ░▒█░░ ▄█▄ ░▒█░░ ▒█░▒█ ▒█░░▀█
  6. ( http://titanjelly.tumblr.com )
  7.  
  8. SPEECH BUBBLES by TitanJelly
  9.  
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT CLAIM AS YOUR OWN
  12. - DO NOT USE AS A BASE
  13.  
  14. -->
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17.  
  18. <title>{title}</title>
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/1b9e2d195f0f2f88fcb0a83315ce7a1f/9hiqgmd/tKqn2l89y/tumblr_static_greyzz.png" />
  21. <meta name="image:Sidebar" content="http://static.tumblr.com/8a8c790232f863b088a142c6ca3271ce/9hiqgmd/mn6n2l7zb/tumblr_static_tumblr_mmtoi7khnc1snximfo1_500.png" />
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Sidebox" content="#ffffff"/>
  25. <meta name="color:Title Text" content="#ffffff"/>
  26. <meta name="color:Title Background" content="#0f0f0f"/>
  27. <meta name="color:Nav Background" content="#0f0f0f"/>
  28. <meta name="color:Links Background" content="#0f0f0f"/>
  29. <meta name="color:Image Background" content="#EAEAEA"/>
  30. <meta name="color:Borders" content="#0f0f0f"/>
  31. <meta name="color:Links" content="#5aca74"/>
  32. <meta name="color:Links Hover" content="#a68cff"/>
  33. <meta name="color:Scrollbar" content="#0f0f0f"/>
  34. <meta name="color:Notes" content="#0f0f0f"/>
  35.  
  36. <meta name="if:Infinite Scroll" content="0"/>
  37. <meta name="if:Custom Links" content="1"/>
  38. <meta name="if:Show Tags" content="1"/>
  39. <meta name="if:Show Captions" content="1"/>
  40. <meta name="if:Show Musicplayer" content="1"/>
  41.  
  42. <meta name="text:CLink 01" content="CUSTOM 01"/>
  43. <meta name="text:CLink 01 URL" content="/link01"/>
  44. <meta name="text:CLink 02" content="CUSTOM 02"/>
  45. <meta name="text:CLink 02 URL" content="/link02"/>
  46. <meta name="text:CLink 03" content="CUSTOM 03"/>
  47. <meta name="text:CLink 03 URL" content="/link03"/>
  48.  
  49.  
  50. <link rel="shortcut icon" href="{Favicon}" />
  51.  
  52. <link rel="stylesheet" href="http://static.tumblr.com/9hiqgmd/kpbn2laia/hintbubbles.css">
  53.  
  54. <style type="text/css">
  55.  
  56. iframe#tumblr_controls {opacity:1;}
  57.  
  58. body {
  59. font-size: 10px;
  60. font-family: Calibri, Candara, Segoe;
  61. color: #000;
  62. background:{color:Background} url('{image:Background}') fixed repeat;
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb:vertical {
  66. background: {color:Scrollbar};}
  67. ::-webkit-scrollbar-thumb:horizontal {
  68. background: {color:Scrollbar};
  69. height:10px!important;}
  70. ::-webkit-scrollbar {
  71. background:{color:Background} url('{image:Background}');
  72. height:10px;
  73. width: 4px;}
  74.  
  75. a {
  76. color:{color:Links};
  77. text-decoration: none;
  78. -moz-transition-duration: 0.2s;
  79. -o-transition-duration: 0.2s;
  80. -webkit-transition-duration: 0.2s;
  81. transition-duration: 0.2s;}
  82.  
  83. a:hover{color:{color:Links Hover};}
  84.  
  85. img {margin:0;margin-bottom:0px;}
  86.  
  87.  
  88. /* Container CSS */
  89.  
  90.  
  91. .container{
  92. width:800px;
  93. margin:-1px auto -10px;}
  94.  
  95. .musicplayer {
  96. display:block;
  97. overflow:hidden;
  98. width:15px;
  99. height:10px;
  100. background:#fff;
  101. border:1px solid {color:Borders};
  102. padding:5px;
  103. position:fixed;
  104. z-index:3;
  105. top:12px;
  106. left:13px;
  107. -moz-transition-duration: 0.2s;
  108. -o-transition-duration: 0.2s;
  109. -webkit-transition-duration: 0.2s;
  110. transition-duration: 0.2s;
  111. }
  112.  
  113. .musicplayer img {
  114. position:absolute;
  115. background:#fff;}
  116.  
  117. .musicplayer:hover {width:100px;}
  118.  
  119.  
  120. /* Sidebar CSS */
  121.  
  122.  
  123. .sidebar_left {
  124. width:200px;
  125. padding-top:130px;
  126. margin-left:0px;
  127. margin-top:0px;
  128. position: fixed;}
  129.  
  130. .sidebar_right {
  131. width:30px;
  132. background:{color:Links Background};
  133. text-align:center;
  134. position:fixed;
  135. top:0;
  136. bottom:0;
  137. padding-top:140px;
  138. margin-left:220px;}
  139.  
  140. .sidebox {
  141. width:200px;
  142. position:relative;
  143. background:{color:Sidebox};
  144. }
  145.  
  146. .arrow-down {
  147. width:0;
  148. height:0;
  149. border-left: 10px solid transparent;
  150. border-right: 10px solid transparent;
  151. border-top: 10px solid #0F0F0F;
  152. position:absolute;
  153. }
  154.  
  155. .arrow-up {
  156. width:0;
  157. height:0;
  158. border-left: 10px solid transparent;
  159. border-right: 10px solid transparent;
  160. border-bottom: 10px solid #0F0F0F;
  161. position:absolute;
  162. margin-left:50px;
  163. margin-top:-8px;
  164. }
  165.  
  166. .sidebarimage {
  167. width:200px;
  168. background:{color:Image Background};
  169. }
  170.  
  171. .sidebarimage img {
  172. margin-bottom:0px;
  173. }
  174.  
  175. .hometitle{
  176. background:{color:Title Background};
  177. height:10px;
  178. width:200px;
  179. line-height:90%;
  180. padding:15px 0px;
  181. font-size:15px;
  182. font-style:italic;
  183. text-align:center;
  184. text-transform:lowercase;
  185. }
  186.  
  187. .hometitle a{color:{color:Title Text};}
  188. .hometitle a:hover{color:{color:Links Hover};}
  189.  
  190. .homelinks {
  191. padding:0px;
  192. margin-top:5px;
  193. text-align:center;
  194. text-transform:uppercase;
  195. position:relative;
  196. }
  197.  
  198. .homelinks img {
  199. width:16px;
  200. }
  201.  
  202. .homelinks a {
  203. display:block;
  204. background:#0F0F0F;
  205. padding: 2px 5px;
  206. margin-bottom:8px;
  207. }
  208.  
  209. .homelinks a:hover {
  210. background:{color:Links Hover};
  211. }
  212.  
  213. .description {
  214. padding:15px;
  215. text-align:justify;}
  216.  
  217.  
  218. /* Navigation CSS */
  219.  
  220.  
  221. .nav {
  222. background:{color:Nav Background};
  223. width:200px;
  224. text-align:center;
  225. text-transform:lowercase;
  226. font-size:11px;
  227. position:absolute;
  228. padding:1px 0px;
  229. }
  230.  
  231. .nav a {
  232. display:inline-block;
  233. font-weight:normal;
  234. color:#fff;
  235. padding:5px 10px;
  236. }
  237.  
  238. .nav a:hover {
  239. color:{color:Links Hover};
  240. background:{color:Background};}
  241.  
  242.  
  243. /* Posts CSS */
  244.  
  245.  
  246. .postcol {
  247. padding-top:10px;
  248. width:410px;
  249. margin-left:260px;
  250. margin-bottom:-10px;}
  251.  
  252. .posts {
  253. width:400px;
  254. background:#fff;
  255. margin-top:30px;
  256. padding:15px;
  257. overflow:hidden;}
  258.  
  259. .posts h2, .posts h2 a {
  260. font-size:12px;
  261. color:{color:Links};
  262. font-weight:normal;
  263. text-align:center;
  264. margin:0px;}
  265.  
  266. .posts li {list-style: square;}
  267.  
  268. .posts blockquote {
  269. border-left: 1px solid #000;
  270. padding-left: 5px;}
  271.  
  272. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  273.  
  274. .question {
  275. border-bottom:1px solid {color:Notes};
  276. border-left:1px solid {color:Notes};
  277. background-color: {color:background};
  278. padding:2px 10px;
  279. margin-top:10px;
  280. min-height:20px;}
  281.  
  282. .askr {
  283. color: #cf2d85;}
  284.  
  285. .answer {
  286. margin-top:5px;
  287. border-bottom:1px solid {color:Notes};
  288. border-left:1px solid {color:Notes};
  289. background-color: {color:background};
  290. padding:0px 10px;
  291. }
  292.  
  293. .quote {
  294. width: 80%;
  295. margin: auto;}
  296.  
  297. .quotetext_short {font-size: 18px;}
  298. .quotetext_medium {font-size: 14px;}
  299. .quotetext_long {font-size: 11px;}
  300. .source {text-align: right;}
  301. .convo li {list-style: none; margin-left:-40px;}
  302. .convo .label {text-transform: uppercase;}
  303. .line_odd .label {color: #cf2d85;}
  304. .line_even .label {color: #11d8be;}
  305.  
  306. .cover {
  307. position: relative;
  308. margin-bottom: 10px;
  309. color:#000;
  310. height: 58px;
  311. width: 58px;
  312. z-index: 1
  313. }
  314.  
  315. .cover img {
  316. height: 58px;
  317. z-index: 1
  318. }
  319.  
  320. .playbutton {
  321. width: 18px;
  322. height: 30px;
  323. overflow: hidden;
  324. position: relative;
  325. z-index: 1000;
  326. margin: 15px 24px 13px 16px;
  327. }
  328.  
  329. .playbox {
  330. background-color: #000;
  331. position: absolute;
  332. margin-top: -68px;
  333. z-index: 1000;
  334. opacity: 0.5;
  335. }
  336.  
  337. .audioinfo {
  338. height: 30px;
  339. position: absolute;
  340. margin-top: -70px;
  341. margin-left: 70px;
  342. }
  343.  
  344. .audiotrack {
  345. font-size: 14px;
  346. font-weight: bold;
  347. }
  348.  
  349. .audiocap {
  350. position: relative;
  351. margin-top: 0px;
  352. }
  353.  
  354.  
  355. /* Post Information CSS */
  356.  
  357.  
  358. .postinfo {
  359. background:{color:Notes};
  360. color:#fff;
  361. width:370px;
  362. position:absolute;
  363. padding:10px 15px;
  364. margin-top:-30px;
  365. font-size:8px;
  366. font-weight:bold;
  367. text-transform:uppercase;
  368. letter-spacing:1px;
  369. }
  370.  
  371. .postinfo a {color:{color:Links};}
  372. .postinfo a:hover {color:{color:Links Hover};}
  373. .noteinfo {float: right;}
  374.  
  375. .tags {
  376. position:relative;
  377. width:400px;
  378. text-transform:uppercase;
  379. font-style:normal;
  380. font-size:8px;
  381. padding:0px 3px;
  382. margin-top:0px;
  383. margin-left:10px;}
  384.  
  385. .tags a {
  386. color:#000;
  387. letter-spacing:1px;
  388. padding:1px;}
  389.  
  390. .tags a:hover {
  391. color:{color:Links};}
  392.  
  393. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  394.  
  395. .credit a {
  396. color:#22231E;
  397. position:fixed;
  398. right:5px;
  399. bottom:5px;
  400. opacity:0.5;}
  401.  
  402. .credit a:hover{color:{color:Base};}
  403.  
  404. </style>
  405.  
  406. </head>
  407. <body>
  408.  
  409. {block:ifShowMusicplayer}
  410. <div class="musicplayer">
  411. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  412. <!— YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. —>
  413.  
  414. <!— YOUR MUSIC CODE GOES HERE, RIGHT BEFORE THIS LINE. —>
  415. </div>
  416. {/block:ifShowMusicplayer}
  417.  
  418. <div class="container">
  419.  
  420. <div class="sidebar_left">
  421.  
  422. <div class="sidebox">
  423.  
  424. <div class="hometitle">
  425. <a href="/">{title}</a>
  426. </div>
  427.  
  428. <div class="arrow-down" style="border-top: 10px solid {color:Title Background};margin-left:150px;"></div>
  429.  
  430. <a href="/"><img src="{image:Sidebar}" class="sidebarimage"></a>
  431.  
  432. <div class="arrow-down" style="border-top: 10px solid {color:Image Background};margin-left:20px;margin-top:-4px;"></div>
  433.  
  434. <div class="description">{Description}</div>
  435.  
  436. </div>
  437.  
  438. <div class="arrow-up" style="border-bottom: 10px solid {color:Nav Background};"></div>
  439.  
  440. {block:Pagination}
  441. <div class="nav">
  442. {block:ifnotInfiniteScroll}
  443. {block:PreviousPage}
  444. <a href="{PreviousPage}" title="back"> < </a>
  445. {/block:PreviousPage}
  446. {block:JumpPagination length="5"}
  447. {block:CurrentPage}
  448. <span style="font-weight:normal;color:#000;padding:5px 10px;background:{color:Image Background};">{PageNumber}</span>
  449. {/block:CurrentPage}
  450. {block:JumpPage}
  451. <a href="{URL}">{PageNumber}</a>
  452. {/block:JumpPage}
  453. {/block:JumpPagination}
  454. {block:NextPage}
  455. <a href="{NextPage}" title="next"> > </a>
  456. {/block:NextPage}
  457. {/block:ifnotInfiniteScroll}
  458. </div>
  459. {/block:Pagination}
  460.  
  461. </div>
  462.  
  463. <div class="sidebar_right">
  464.  
  465. <div class="homelinks">
  466. <a href="/">
  467. <span class="hint--right" data-hint="home">
  468. <img src="http://static.tumblr.com/qglwiwx/skNmso5n2/sin_t__tulo.png">
  469. </span>
  470. </a>
  471. <a href="/ask">
  472. <span class="hint--right" data-hint="message">
  473. <img src="http://static.tumblr.com/qglwiwx/2Xsmso5nv/2.png">
  474. </span>
  475. </a>
  476. <a href="/about">
  477. <span class="hint--right" data-hint="about">
  478. <img src="http://static.tumblr.com/qglwiwx/gztmtdyrn/sin_t__tulo.png">
  479. </span>
  480. </a>
  481.  
  482. {block:ifCustomLinks}
  483. <a href="{text:CLink 01 URL}">
  484. <span class="hint--right" data-hint="{text:CLink 01}">
  485. <img src="http://static.tumblr.com/9hiqgmd/qFTn2l9k8/1395087293_89.png">
  486. </span>
  487. </a>
  488. <a href="{text:CLink 02 URL}">
  489. <span class="hint--right" data-hint="{text:CLink 02}">
  490. <img src="http://static.tumblr.com/9hiqgmd/qFTn2l9k8/1395087293_89.png">
  491. </span>
  492. </a>
  493. <a href="{text:CLink 03 URL}">
  494. <span class="hint--right" data-hint="{text:CLink 03}">
  495. <img src="http://static.tumblr.com/9hiqgmd/qFTn2l9k8/1395087293_89.png">
  496. </span>
  497. </a>
  498. {/block:ifCustomLinks}
  499.  
  500. <a href="/archive">
  501. <span class="hint--right" data-hint="archive">
  502. <img src="http://static.tumblr.com/qglwiwx/TeQmso5pl/4.png">
  503. </span>
  504. </a>
  505. </div>
  506.  
  507. </div>
  508.  
  509. {block:ifInfiniteScroll}
  510. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  511. {/block:ifInfiniteScroll}
  512.  
  513. <div class="postcol">
  514. <div class="autopagerize_page_element">
  515. {block:Posts}
  516. <div class="posts">
  517.  
  518. {block:ContentSource}<div class="sources">
  519. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  520. {/block:SourceLogo}
  521. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  522. </div>{/block:ContentSource}
  523.  
  524. {block:Date}
  525. <div class="postinfo">Posted <a href="{Permalink}">{TimeAgo}</a>
  526. {block:Notecount}
  527. With <a href="{Permalink}">{NoteCountWithLabel}</a>
  528. {/block:Notecount}
  529. <div class="noteinfo">
  530. <a href="{ReblogURL}" target=”_blank”>Reblog</a></div>
  531. <div class="arrow-down" style="margin-top:10px;"></div>
  532. </div>{/block:Date}
  533.  
  534. {block:Text}
  535. {block:Title}<h2>{Title}</h2>{/block:Title}
  536. {Body}
  537. {/block:Text}
  538.  
  539. {block:Answer}
  540. <div class="question">
  541. {Asker} asked: {Question}
  542. </div>
  543. <div class="answer">
  544. {Answer}
  545. </div>
  546. {/block:Answer}
  547.  
  548. {block:Quote}
  549. <div class="quote">
  550. <div class="quotetext_{Length}">"{Quote}"</div>
  551. {block:Source}<div class="source">{Source}</div>{/block:Source}
  552. </div>
  553. {/block:Quote}
  554.  
  555. {block:Link}
  556. <h2><a href="{URL}">{Name}</a></h2>
  557. {block:Description}{Description}{/block:Description}
  558. {/block:Link}
  559.  
  560. {block:Chat}
  561. {block:Title}<h2>{Title}</h2>{/block:Title}
  562. <ul class="convo">
  563. {block:Lines}<li class="line_{Alt}">{block:Label}
  564. <span class="label">{Label}</span>
  565. {/block:Label}{Line}</li>{/block:Lines}</ul>
  566. {/block:Chat}
  567.  
  568. {block:Photo}
  569. {LinkOpenTag}
  570. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  571. {LinkCloseTag}
  572. {block:ifShowCaptions}
  573. {block:Caption}
  574. <div class="captions">
  575. {Caption}
  576. </div>
  577. {/block:Caption}
  578. {/block:ifShowCaptions}
  579. {block:ifnotShowCaptions}
  580. {block:PermalinkPage}
  581. {block:Caption}
  582. <div class="captions">
  583. {Caption}
  584. </div>
  585. {/block:Caption}
  586. {/block:PermalinkPage}
  587. {/block:ifnotShowCaptions}
  588. {/block:Photo}
  589.  
  590. {block:Photoset}
  591. {Photoset-400}
  592. {block:ifShowCaptions}
  593. {block:Caption}
  594. <div class="captions">
  595. {Caption}
  596. </div>
  597. {/block:Caption}
  598. {/block:ifShowCaptions}
  599. {block:ifnotShowCaptions}
  600. {block:PermalinkPage}
  601. {block:Caption}
  602. <div class="captions">
  603. {Caption}
  604. </div>
  605. {/block:Caption}
  606. {/block:PermalinkPage}
  607. {/block:ifnotShowCaptions}
  608. {/block:Photoset}
  609.  
  610. {block:Audio}
  611. <div class="cover">{block:AlbumArt}
  612. <img src="{AlbumArtURL}" height="58px">
  613. {/block:AlbumArt}</div>
  614. <div class="audioinfo">
  615. <div class="audiotrack">
  616. {block:TrackName}{TrackName}{/block:TrackName}</div>
  617. <div class="audioartist">
  618. {block:Artist}{Artist}{/block:Artist}</div>
  619. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  620. </div>
  621. <div class="playbox">
  622. <div class="playbutton">
  623. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  624. </div></div>
  625. <div class="audiocap">
  626. {block:Caption}{Caption} {/block:Caption}
  627. </div>
  628. {/block:Audio}
  629.  
  630. {block:Video}
  631. {Video-400}
  632. {block:ifShowCaptions}
  633. {block:Caption}
  634. <div class="captions">
  635. {Caption}
  636. </div>
  637. {/block:Caption}
  638. {/block:ifShowCaptions}
  639. {block:ifnotShowCaptions}
  640. {block:PermalinkPage}
  641. {block:Caption}
  642. <div class="captions">
  643. {Caption}
  644. </div>
  645. {/block:Caption}
  646. {/block:PermalinkPage}
  647. {/block:ifnotShowCaptions}
  648. {/block:Video}
  649.  
  650. {block:ifShowTags}
  651. {block:HasTags}
  652. <div class="tags">
  653. {block:Tags}
  654. <a href="{TagURL}"># {Tag}</a>
  655. {/block:Tags}
  656. </div>
  657. {/block:HasTags}
  658. {/block:ifShowTags}
  659.  
  660. {block:PermalinkPage}
  661. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA {ReblogParentName} </a> / <a href="{ReblogRootURL}">SOURCE {ReblogRootName} </a>{/block:RebloggedFrom}
  662. {/block:PermalinkPage}
  663.  
  664. {block:PostNotes} {PostNotes} {/block:PostNotes}
  665.  
  666. </div>
  667. {/block:Posts}
  668. </div>
  669. </div>
  670.  
  671. </div>
  672.  
  673.  
  674. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  675.  
  676. <div class="credit"><a href="http://titanjelly.tumblr.com/themes">titan</a></div>
  677.  
  678. </body>
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!