API tools faq
paste
Advertisement
TitanJelly

THEME 019 - THUNDERBOLT (By TitanJelly)

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