API tools faq
paste
Advertisement
TitanJelly

THEME 017 - EMPTY BULLET (By TitanJelly)

TitanJelly
May 8th, 2014
3,908
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▀▀█▀▀ ▀█▀ ▀▀█▀▀ ░█▀▀█ ▒█▄░▒█
  3. ░▒█░░ ▒█░ ░▒█░░ ▒█▄▄█ ▒█▒█▒█
  4. ░▒█░░ ▄█▄ ░▒█░░ ▒█░▒█ ▒█░░▀█
  5. ( http://titanjelly.tumblr.com )
  6.  
  7. EmptyBullet by TitanJelly
  8. - DO NOT Remove the theme credit!
  9. - DO NOT Claim/Repost as your own!
  10. - DO NOT Use as a theme base!
  11. -->
  12. <head>
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14.  
  15. <title>{title}</title>
  16.  
  17. <meta name="image:Background" content="" />
  18. <meta name="image:Icon 01" content="http://static.tumblr.com/06671e4149f621c085b2ea1f5a86a60e/9hiqgmd/4Xtn59i43/tumblr_static_35fy2e68zyecok8w8w48owoss.png" />
  19. <meta name="image:Icon 02" content="http://static.tumblr.com/7310228302eeed6a4969f0cb296a6298/9hiqgmd/8rVn59i43/tumblr_static_1vx1a971fvhcgogcs88cws0c0.png" />
  20. <meta name="image:Side Image" content="http://static.tumblr.com/fe9e27d899379232326c64f853593731/9hiqgmd/Llhn59og7/tumblr_static_brv1nzui4zk0g0wsw4o448k08.png" />
  21.  
  22. <meta name="color:Body Background" content="#ffffff"/>
  23. <meta name="color:Body Text" content="#C4C4C4"/>
  24. <meta name="color:Sidebar Text" content="#ffffff"/>
  25. <meta name="color:Sidebar Background" content="#F24668"/>
  26. <meta name="color:Menu Background" content="#000000"/>
  27.  
  28. <meta name="if:Show Overlay" content="1"/>
  29. <meta name="if:Show Tags" content="1"/>
  30. <meta name="if:Show Captions" content="1"/>
  31. <meta name="if:Show Left Panel" content="1"/>
  32. <meta name="if:500px Posts" content="1"/>
  33.  
  34. <meta name="text:Left Panel Info" content="Put some stuff here"/>
  35.  
  36. <meta name="text:Link01 Title" content="link 01"/>
  37. <meta name="text:Link01 URL" content="/link01"/>
  38. <meta name="text:Link02 Title" content="link 02"/>
  39. <meta name="text:Link02 URL" content="/link02"/>
  40. <meta name="text:Link03 Title" content="link 03"/>
  41. <meta name="text:Link03 URL" content="/link03"/>
  42. <meta name="text:Link04 Title" content="link 04"/>
  43. <meta name="text:Link04 URL" content="/link04"/>
  44. <meta name="text:Link05 Title" content="link 05"/>
  45. <meta name="text:Link05 URL" content="/link05"/>
  46. <meta name="text:Link06 Title" content=""/>
  47. <meta name="text:Link06 URL" content="/"/>
  48.  
  49.  
  50. <link rel="shortcut icon" href="{Favicon}" />
  51.  
  52. <style type="text/css">
  53.  
  54. iframe#tumblr_controls {opacity:0.4;}
  55.  
  56. body {
  57. font-size:9px;
  58. font-family: "Arial Narrow", Arial, sans-serif;
  59. line-height:11px;
  60. margin:0;
  61. color:{color:Body Text};
  62. background:{color:Body Background} url('{image:Background}') fixed repeat;}
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {
  65. background:{color:Sidebar Background};}
  66. ::-webkit-scrollbar-thumb:horizontal {
  67. background:{color:Sidebar Background};height:10px;}
  68. ::-webkit-scrollbar {
  69. background:{color:Menu Background};height:10px;width:6px;}
  70.  
  71. a {-webkit-transition: 0.3s;transition: 0.3s;}
  72. .border_top {-webkit-transition: 1s;transition: 1s;}
  73. .border_middle {-webkit-transition: 1.5s;transition: 1.5s;}
  74.  
  75. a {color:{color:Sidebar Background};text-decoration:none;}
  76. a:hover{color:{color:Menu Background};}
  77.  
  78.  
  79. /* Container CSS */
  80. .container{width:700px;margin:0px 45px;}
  81.  
  82.  
  83. /* Side Content CSS */
  84. .side_container {
  85. {block:if500pxPosts}
  86. margin-left:560px;
  87. {/block:if500pxPosts}
  88. {block:ifnot500pxPosts}
  89. margin-left:460px;
  90. {/block:ifnot500pxPosts}
  91. top:0;bottom:0;
  92. position:fixed;}
  93.  
  94. .side_content {
  95. width:100px;
  96. position:absolute;
  97. top:0;bottom:0;
  98. padding:10px;
  99. padding-top:100px;
  100. margin-left:120px;
  101. color:{color:Sidebar Text};
  102. background:{color:Sidebar Background};}
  103.  
  104. .side_menu {
  105. width:100px;
  106. position:absolute;
  107. z-index:9999999;
  108. top:0;bottom:0;
  109. padding:10px;
  110. padding-top:100px;
  111. background:{color:Menu Background};}
  112.  
  113. .icon01, .icon02 {
  114. padding:10px;
  115. max-width:100px;
  116. margin-bottom:5px;
  117. margin-left:-10px;}
  118.  
  119. .icon01 {background:{color:Sidebar Background};}
  120. .icon02 {background:{color:Menu Background};}
  121.  
  122. .sideimage {
  123. max-width:300px;
  124. position:absolute;
  125. bottom:-5px;
  126. margin-left:-100%;
  127. pointer-events:none;}
  128.  
  129. .title {
  130. color:{color:Sidebar Text};
  131. font-weight:bold;
  132. font-size:12px;
  133. text-align:center;
  134. text-transform:lowercase;
  135. letter-spacing:1px;}
  136.  
  137. .menu {
  138. text-align:center;
  139. text-transform:lowercase;
  140. padding:3px;}
  141.  
  142. .menu a {
  143. display:block;
  144. padding:2px 5px;
  145. margin-bottom:2px;
  146. background:{color:Menu Background};
  147. color:{color:Sidebar Text};}
  148.  
  149. .menu a:hover {
  150. color:{color:Menu Background};
  151. background:{color:Sidebar Background};}
  152.  
  153. .description{
  154. padding:3px;
  155. text-align:justify;}
  156.  
  157.  
  158. /* Side Panel CSS */
  159. {block:ifShowLeftPanel}
  160. .borders:hover .border_middle {margin-left:-95px;}
  161. {/block:ifShowLeftPanel}
  162.  
  163. .border_top{
  164. width:20px;
  165. {block:ifnotShowLeftPanel}
  166. padding-right:5px;
  167. {/block:ifnotShowLeftPanel}
  168. position:fixed;
  169. z-index:99999;
  170. top:0;left:0;bottom:0;
  171. background:{color:Sidebar Background};}
  172.  
  173. .border_middle{
  174. {block:if500pxPosts}
  175. width:700px;
  176. margin-left:-675px;
  177. {/block:if500pxPosts}
  178. {block:ifnot500pxPosts}
  179. width:600px;
  180. margin-left:-575px;
  181. {/block:ifnot500pxPosts}
  182. min-height:120px;
  183. position:fixed;
  184. z-index:999999;
  185. margin-top:100px;
  186. background:{color:Menu Background};}
  187.  
  188. .pull_tab {
  189. {block:if500pxPosts}
  190. margin-left:685px;
  191. {/block:if500pxPosts}
  192. {block:ifnot500pxPosts}
  193. margin-left:585px;
  194. {/block:ifnot500pxPosts}
  195. position:absolute;
  196. font-size:11px;
  197. text-transform:lowercase;
  198. text-align:center;
  199. padding:5px 6px;
  200. margin-top:20px;
  201. color:{color:Menu Background};
  202. background:{color:Sidebar Background};}
  203.  
  204. .panel_info {
  205. text-align:justify;
  206. padding-left:150px;
  207. padding-right:50px;
  208. padding-top:30px;
  209. }
  210.  
  211.  
  212. /* Navigation CSS */
  213. .nav {
  214. width:100px;
  215. position:absolute;
  216. bottom:10px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. margin-top:15px;
  220. padding:2px 0px;}
  221.  
  222. .nav a {
  223. display:inline-block;
  224. font-weight:bold;
  225. padding:0px 10px;}
  226.  
  227. .nav a:hover {
  228. background:{color:Sidebar Background};
  229. color:{color:Menu Background};}
  230.  
  231.  
  232. /* Posts CSS */
  233. .postcol {
  234. {block:if500pxPosts}width:700px;{/block:if500pxPosts}
  235. {block:ifnot500pxPosts}width:600px;{/block:ifnot500pxPosts}
  236. padding-top:30px;
  237. padding-left:30px;
  238. margin-left:-30px;
  239. {block:PermalinkPage}
  240. background:#ededed;
  241. {/block:PermalinkPage}}
  242.  
  243. .posts {
  244. {block:if500pxPosts}
  245. width:500px;
  246. {/block:if500pxPosts}
  247. {block:ifnot500pxPosts}
  248. width:400px;
  249. {/block:ifnot500pxPosts}
  250. background:#fff;
  251. border:10px solid {color:Menu Background};
  252. padding:10px 10px 16px 10px;
  253. overflow:hidden;}
  254.  
  255.  
  256. /* Post Elements CSS */
  257. .posts h2, .posts h2 a {
  258. font-size:12px;
  259. color:{color:Links};
  260. font-weight:normal;
  261. text-align:center;
  262. margin:0px;}
  263.  
  264. .posts li {list-style: square;}
  265. .posts blockquote {
  266. border-left: 1px solid #000;
  267. margin-left:10px;
  268. padding-left: 5px;}
  269. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  270.  
  271. .question {
  272. background:#f4f4f4;
  273. padding:5px;
  274. min-height:35px;
  275. margin-left:55px;
  276. margin-bottom:15px;}
  277. .asker {
  278. max-width:300px;
  279. text-transform:uppercase;
  280. color:#5A5A5A;
  281. margin-bottom:2px;
  282. border-bottom:1px solid #5A5A5A;}
  283. .askicon img {
  284. width:48px;
  285. position:absolute;
  286. z-index:9999;
  287. margin-left:-65px;
  288. margin-top:-10px;
  289. border:5px solid #f4f4f4;}
  290. .asker a {color:{color:Sidebar Background};}
  291.  
  292. .quote {width: 80%; margin: auto;}
  293. .quotetext_short {font-size: 18px;}
  294. .quotetext_medium {font-size: 14px;}
  295. .quotetext_long {font-size: 11px;}
  296.  
  297. .source {text-align: right;}
  298.  
  299. .convo li {list-style: none; margin-left:-40px;}
  300. .convo .label {text-transform: uppercase;}
  301. .line .label {color: #cf2d85;}
  302.  
  303.  
  304. /* Audio CSS */
  305. .cover {
  306. position: relative;
  307. margin-bottom: 10px;
  308. color:#000;
  309. height: 58px;
  310. width: 58px;
  311. z-index: 1}
  312.  
  313. .cover img {height: 58px; z-index: 1}
  314.  
  315. .playbutton {
  316. width: 18px;
  317. height: 30px;
  318. overflow: hidden;
  319. position: relative;
  320. z-index: 1000;
  321. margin: 15px 24px 13px 16px;}
  322.  
  323. .playbox {
  324. background-color: #000;
  325. position: absolute;
  326. margin-top: -68px;
  327. z-index: 1000;
  328. opacity: 0.5;}
  329.  
  330. .audioinfo {
  331. height: 30px;
  332. position: absolute;
  333. margin-top: -70px;
  334. margin-left: 70px;}
  335.  
  336. .audiotrack {font-size: 14px;font-weight: bold;}
  337.  
  338. .audiocap {position: relative; margin-top: 0px;}
  339.  
  340.  
  341. /* Post Information CSS */
  342. .postinfo {
  343. {block:if500pxPosts}
  344. width:520px;
  345. {/block:if500pxPosts}
  346. {block:ifnot500pxPosts}
  347. width:420px;
  348. {/block:ifnot500pxPosts}
  349. margin-left:10px;
  350. margin-top:-16px;
  351. margin-bottom:25px;
  352. font-size:9px;
  353. text-transform:lowercase;
  354. text-align:left;}
  355.  
  356. .info_line01 {
  357. padding:0px 10px;
  358. color:{color:Menu Background};
  359. background:{color:Sidebar Background};}
  360. .info_line02 {
  361. padding:0px 12px;
  362. min-height:10px;
  363. color:{color:Sidebar Background};
  364. background:{color:Menu Background};}
  365.  
  366. .info_line01 a {
  367. padding:2px;
  368. display:inline-block;
  369. color:{color:Menu Background};}
  370. .info_line02 a {
  371. color:{color:Sidebar Background};}
  372.  
  373. .info_line01 a:hover {
  374. color:{color:Sidebar Background};
  375. background:{color:Menu Background};}
  376. .info_line02 a:hover {
  377. color:{color:Menu Background};
  378. background:{color:Sidebar Background};}
  379.  
  380. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  381.  
  382. .overlay{
  383. position:fixed;
  384. opacity:0.15;
  385. z-index:9999999;
  386. pointer-events:none;}
  387.  
  388. /* Credit CSS - DO NOT REMOVE */
  389. .credit a {
  390. display:block;
  391. line-height:70%;
  392. color:#fff;
  393. background:#000;
  394. padding:3px 6px;
  395. font-size:9px;
  396. text-align:center;
  397. text-transform:uppercase;
  398. opacity:1;
  399. border-bottom:3px solid {color:Sidebar Background};
  400. position:fixed;right:5px;bottom:5px;}
  401.  
  402. .titan {
  403. display:block;
  404. line-height:92%;
  405. font-size:13px;
  406. font-weight:bold;}
  407.  
  408. .credit a:hover{opacity:1;}
  409. </style>
  410. </head>
  411. <body>
  412. {block:ifShowOverlay}
  413. <div class="overlay">
  414. <img src="http://static.tumblr.com/9hiqgmd/e5Ln59pry/afsa.png">
  415. </div>
  416. {/block:ifShowOverlay}
  417.  
  418. <div class="borders">
  419. <div class="border_top"></div>
  420. {block:ifShowLeftPanel}
  421. <div class="border_middle">
  422. <div class="pull_tab"> > </div>
  423. <div class="panel_info">
  424. {text:Left Panel Info}
  425. </div>
  426. </div>
  427. {/block:ifShowLeftPanel}
  428. </div>
  429.  
  430. <div class="container">
  431.  
  432. <div class="side_container">
  433.  
  434. <div class="side_menu">
  435. <a href="/"><img src="{image:Icon 01}" class="icon01"></a>
  436. <div class="description">
  437. <div class="title">{title}</div>
  438. {Description}
  439. </div>
  440. {block:Pagination}
  441. <div class="nav">
  442. {block:PreviousPage}
  443. <a href="{PreviousPage}"> Back </a>
  444. {/block:PreviousPage}
  445. {block:NextPage}
  446. <a href="{NextPage}"> Next </a>
  447. {/block:NextPage}
  448. </div>
  449. {/block:Pagination}
  450.  
  451. </div>
  452.  
  453. <div class="side_content">
  454. <a href="/"><img src="{image:Icon 02}" class="icon02"></a>
  455. <div class="menu">
  456. <a href="/">Index</a>
  457. <a href="/ask">Message</a>
  458. <a href="{text:Link01 URL}">{text:Link01 Title}</a>
  459. <a href="{text:Link02 URL}">{text:Link02 Title}</a>
  460. <a href="{text:Link03 URL}">{text:Link03 Title}</a>
  461. <a href="{text:Link04 URL}">{text:Link04 Title}</a>
  462. <a href="{text:Link05 URL}">{text:Link05 Title}</a>
  463. <a href="{text:Link06 URL}">{text:Link06 Title}</a>
  464. </div>
  465.  
  466. <img src="{image:Side Image}" class="sideimage">
  467.  
  468. </div>
  469.  
  470. </div>
  471.  
  472. <div>
  473. <div class="postcol">
  474. {block:Posts}
  475. <div class="posts">
  476.  
  477. {block:ContentSource}<div class="sources">
  478. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  479. {/block:SourceLogo}
  480. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  481. </div>{/block:ContentSource}
  482.  
  483. {block:Text}
  484. {block:Title}<h2>{Title}</h2>{/block:Title}
  485. {Body}
  486. {/block:Text}
  487.  
  488. {block:Answer}
  489. <div class="question">
  490. <div class="askicon"><img src="{AskerPortraitURL-48}"></div>
  491. <div class="asker"><b>{Asker}</b> asked:</div>
  492. {Question}
  493. </div>
  494. {Answer}
  495. {/block:Answer}
  496.  
  497. {block:Quote}
  498. <div class="quote">
  499. <div class="quotetext_{Length}">"{Quote}"</div>
  500. {block:Source}<div class="source">{Source}</div>{/block:Source}
  501. </div>
  502. {/block:Quote}
  503.  
  504. {block:Link}
  505. <h2><a href="{URL}">{Name}</a></h2>
  506. {block:Description}{Description}{/block:Description}
  507. {/block:Link}
  508.  
  509. {block:Chat}
  510. {block:Title}<h2>{Title}</h2>{/block:Title}
  511. <ul class="convo">
  512. {block:Lines}
  513. <li class="line">{block:Label}
  514. <span class="label">{Label}</span>
  515. {/block:Label}{Line}</li>{/block:Lines}</ul>
  516. {/block:Chat}
  517.  
  518. {block:Photo}
  519. <a href="{PermalinkPage}">
  520. {block:if500pxPosts}
  521. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  522. {/block:if500pxPosts}
  523. {block:ifnot500pxPosts}
  524. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  525. {/block:ifnot500pxPosts}</a>
  526. {block:ifShowCaptions}
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:ifShowCaptions}
  529. {block:ifnotShowCaptions}
  530. {block:PermalinkPage}
  531. {block:Caption}{Caption}{/block:Caption}
  532. {/block:PermalinkPage}
  533. {/block:ifnotShowCaptions}
  534. {/block:Photo}
  535.  
  536. {block:Photoset}
  537. {block:if500pxPosts}
  538. {Photoset-500}
  539. {/block:if500pxPosts}
  540. {block:ifnot500pxPosts}
  541. {Photoset-400}
  542. {/block:ifnot500pxPosts}
  543. {block:ifShowCaptions}
  544. {block:Caption}{Caption}{/block:Caption}
  545. {/block:ifShowCaptions}
  546. {block:ifnotShowCaptions}
  547. {block:PermalinkPage}
  548. {block:Caption}{Caption}{/block:Caption}
  549. {/block:PermalinkPage}
  550. {/block:ifnotShowCaptions}
  551. {/block:Photoset}
  552.  
  553. {block:Audio}
  554. <div class="cover">{block:AlbumArt}
  555. <img src="{AlbumArtURL}" height="58px">
  556. {/block:AlbumArt}</div>
  557. <div class="audioinfo">
  558. <div class="audiotrack">
  559. {block:TrackName}{TrackName}{/block:TrackName}</div>
  560. <div class="audioartist">
  561. {block:Artist}{Artist}{/block:Artist}</div>
  562. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  563. </div>
  564. <div class="playbox">
  565. <div class="playbutton">
  566. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  567. </div></div>
  568. <div class="audiocap">
  569. {block:ifShowCaptions}
  570. {block:Caption}{Caption}{/block:Caption}
  571. {/block:ifShowCaptions}
  572. {block:ifnotShowCaptions}
  573. {block:PermalinkPage}
  574. {block:Caption}{Caption}{/block:Caption}
  575. {/block:PermalinkPage}
  576. {/block:ifnotShowCaptions}
  577. </div>
  578. {/block:Audio}
  579.  
  580. {block:Video}
  581. {block:if500pxPosts}
  582. {Video-500}
  583. {/block:if500pxPosts}
  584. {block:ifnot500pxPosts}
  585. {Video-400}
  586. {/block:ifnot500pxPosts}
  587. {block:ifShowCaptions}
  588. {block:Caption}{Caption}{/block:Caption}
  589. {/block:ifShowCaptions}
  590. {block:ifnotShowCaptions}
  591. {block:PermalinkPage}
  592. {block:Caption}{Caption}{/block:Caption}
  593. {/block:PermalinkPage}
  594. {/block:ifnotShowCaptions}
  595. {/block:Video}
  596.  
  597. </div>
  598.  
  599. <div class="postinfo">
  600. <div class="info_line01">
  601. <a href="{ReblogURL}" target=”_blank” title="reblog?">Reblog</a> +
  602. {block:Date}
  603. <a href="{Permalink}">{TimeAgo}</a> +
  604. {/block:Date}
  605. {block:Notecount}
  606. <a href="{Permalink}">{NoteCountWithLabel}</a>
  607. {/block:Notecount}
  608. </div>
  609.  
  610. <div class="info_line02">
  611. {block:ifShowTags}
  612. {block:HasTags}
  613. <div class="tags">
  614. {block:Tags}
  615. <a href="{TagURL}">#{Tag}</a>
  616. {/block:Tags}
  617. </div>
  618. {/block:HasTags}
  619. {/block:ifShowTags}
  620. </div>
  621. </div>
  622.  
  623. {block:PermalinkPage}
  624. {block:RebloggedFrom}
  625. <a href="{ReblogParentURL}">VIA {ReblogParentName} </a> /
  626. <a href="{ReblogRootURL}">SOURCE {ReblogRootName} </a>
  627. {/block:RebloggedFrom}
  628. {/block:PermalinkPage}
  629.  
  630. {block:PostNotes} {PostNotes} {/block:PostNotes}
  631.  
  632. {/block:Posts}
  633. </div>
  634. </div>
  635.  
  636. </div>
  637.  
  638.  
  639. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  640.  
  641. <div class="credit">
  642. <a href="http://titanjelly.tumblr.com/themes">Theme by
  643. <span class="titan">Titan</span></a>
  644. </div>
  645.  
  646. </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!