API tools faq
paste
Advertisement
jasonmcann

Theme: Dark and powerful

jasonmcann
Feb 2nd, 2014
2,247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  2. <html>
  3.  
  4. <!--
  5. - theme #17 / jasonmcann(tumblr.com) -
  6. don't take parts of this.
  7. don't remove the credits.
  8. -->
  9.  
  10. <head>
  11.  
  12. <title>{Title}{block:PostTitle}, {PostTitle}{/block:PostTitle}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <meta name="color:background" content="#ffffff" />
  20. <meta name="color:text" content="#7e7175" />
  21. <meta name="color:link" content="#b64a6b" />
  22. <meta name="color:link hover" content="#7e7175" />
  23. <meta name="color:border" content="#f5f5f5" />
  24. <meta name="color:blockquote" content="#f5f5f5" />
  25. <meta name="color:selection" content="#b64a6b" />
  26. <meta name="color:selection text" content="#ffffff" />
  27. <meta name="color:extra links text" content="#7e7175" />
  28. <meta name="color:extra links bg" content="#f8f8f8" />
  29. <meta name="color:links hover bg" content="#b64a6b" />
  30. <meta name="color:side border" content="#fafafa" />
  31. <meta name="color:sb image border" content="#fafafa" />
  32. <meta name="color:audio bg" content="#fafafa" />
  33. <meta name="color:audio border" content="#f5f5f5" />
  34.  
  35. <meta name="text:Link 01 URL" content="/" />
  36. <meta name="text:Link 01 title" content="Link 01">
  37. <meta name="text:Link 02 URL" content="/" />
  38. <meta name="text:Link 02 title" content="Link 02">
  39. <meta name="text:Link 03 URL" content="/" />
  40. <meta name="text:Link 03 title" content="Link 03">
  41.  
  42. <meta name="text:Link One URL" content="/" />
  43. <meta name="text:Link One title" content="home">
  44. <meta name="text:Link Two URL" content="/ask" />
  45. <meta name="text:Link Two title" content="askbox">
  46. <meta name="text:Link Three URL" content="/" />
  47. <meta name="text:Link Three title" content="links">
  48.  
  49. <meta name="text:plus title" content="plus title" />
  50. <meta name="text:plus text" content="plus text">
  51. <meta name="text:rgba color" content="rgba(85, 194, 195, 0.5)">
  52.  
  53. <meta name="if:extra links" content="1">
  54. <meta name="if:400px posts" content="0">
  55. <meta name="if:bg image" content="0">
  56.  
  57. <meta name="image:background" content="">
  58. <meta name="image:sidebar" content="">
  59.  
  60. <!--- extras --->
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips({
  68. tip_follows_cursor:false,
  69. tip_delay_time:20,
  70. tip_fade_speed:300,
  71. attribute:"title"
  72. });});})(jQuery);
  73. </script>
  74.  
  75. <script type="text/javascript">
  76. jQuery(document).ready(function() {
  77. jQuery(".sub").hide();
  78. //toggle the componenet with class msg_body
  79. jQuery(".cthrough").click(function()
  80. {
  81. jQuery(this).next(".sub").slideToggle(500);
  82. });});
  83. </script>
  84.  
  85. <style type="text/css">
  86.  
  87. body{
  88. font:09px sans-serif;
  89. padding:0;
  90. margin:0;
  91. background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
  92. color:{color:text};}
  93.  
  94. a{
  95. text-decoration:none;
  96. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  97. -o-transition:all 0.6s ease-in-out;/*opera*/
  98. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  99. -ms-transition:all 0.6s ease-in-out;/*ie*/
  100. transition:all 0.6s ease-in-out;/*w3c*/
  101. color:{color:link};}
  102.  
  103. a:hover{
  104. color:{color:link hover};}
  105.  
  106. em, strong {
  107. color:{color:link};}
  108.  
  109. blockquote{
  110. border-left:3px solid {color:blockquote};
  111. margin:0;
  112. padding-left:5px;}
  113.  
  114. ol { list-style-type:lower-roman; }
  115.  
  116. sub, sup{
  117. font-size: 10px; /*credit to pohroro*/}
  118.  
  119. #entries {
  120. margin:80px 0 0 420px;
  121. /*top/bottom/right/left*/
  122. {block:ifNot400pxPosts}
  123. width:500px;
  124. {/block:ifNot400pxPosts}
  125. {block:if400pxPosts}
  126. width:400px;
  127. {/block:if400pxPosts}
  128. position:absolute;}
  129.  
  130. .posts {
  131. {block:ifNot400pxPosts}
  132. width:500px;
  133. {/block:ifNot400pxPosts}
  134. {block:if400pxPosts}
  135. width:400px;
  136. {/block:if400pxPosts}
  137. overflow:hidden;
  138. margin-bottom:40px;
  139. word-wrap: break-word;}
  140.  
  141. .title{
  142. text-transform:uppercase;
  143. letter-spacing:1px;
  144. font:14px helvetica;
  145. padding-bottom:10px;
  146. font-weight:bold;}
  147.  
  148. #side{
  149. position:fixed;
  150. width:100px;
  151. height:100%;
  152. background-color:{color:side border};}
  153.  
  154. #sidebar{
  155. position:fixed;
  156. width:120px;
  157. margin:200px 0 0 150px;}
  158.  
  159. #sidebarimage:hover #links{
  160. opacity:1;}
  161.  
  162. #sidebarimage:hover #title{
  163. margin-top:-17px;
  164. opacity:0;
  165. z-index:9;}
  166.  
  167. #sidebarimage img{
  168. width:100px;
  169. height:100px;
  170. padding:5px;
  171. border:1px solid {color:sb image border};
  172. background-color:white;
  173. margin-left:5px;
  174. overflow:hidden;
  175. margin-top:25px;
  176. z-index:99;}
  177.  
  178. #title{
  179. margin-top:0px;
  180. width:120px;
  181. text-transform:uppercase;
  182. letter-spacing:1px;
  183. font:bold 14px helvetica;
  184. text-align:center;
  185. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  186. -o-transition:all 0.6s ease-in-out;/*opera*/
  187. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  188. -ms-transition:all 0.6s ease-in-out;/*ie*/
  189. transition:all 0.6s ease-in-out;/*w3c*/}
  190.  
  191. .description{
  192. margin:0px 0 0 0;
  193. text-align:center;}
  194.  
  195. #links {
  196. text-align:center;
  197. margin-top:33px;
  198. position:fixed;
  199. width:120px;
  200. opacity:0;
  201. z-index:999;
  202. -webkit-transition:all 0.4s ease-in-out 0.3s;/*chrome-safari*/
  203. -o-transition:all 0.4s ease-in-out 0.3s;/*opera*/
  204. -moz-transition:all 0.4s ease-in-out 0.3s;/*mozilla firefox*/
  205. -ms-transition:all 0.4s ease-in-out 0.3s;/*ie*/
  206. transition:all 0.4s ease-in-out 0.3s;/*w3c*/}
  207.  
  208. #links a{
  209. padding:5px;
  210. width:60px;
  211. display:inline-block;
  212. margin-top:3px;
  213. color:white;
  214. font:bold 15px sans-serif;
  215. letter-spacing:-1px;
  216. background-color: {text:rgba color};}
  217.  
  218. #links a:hover {
  219. box-shadow: inset 65px 9px 0px 0px {color:links hover bg}, inset -65px -9px 0px 0px {color:links hover bg};
  220. color:white;}/*credit to html-and-etc*/
  221.  
  222. #pagination{
  223. font-family:consolas;
  224. margin-top:20px;}
  225.  
  226. #pagination a{
  227. padding:2px;
  228. color:{color:text};}
  229.  
  230. #answer{
  231. padding:10px;
  232. background-color:{color:ask bg};
  233. border-radius:5px;}
  234.  
  235. #answer img{
  236. float:left;
  237. border-radius:5px;
  238. margin:0 10px 10px 0;}
  239.  
  240. .answer:first-letter{
  241. text-transform:uppercase;}
  242.  
  243. .answer{
  244. background-color:transparent;}
  245.  
  246. .answer img{
  247. {block:ifNot400pxPosts}
  248. max-width:500px;
  249. {/block:ifNot400pxPosts}
  250. {block:if400pxPosts}
  251. max-width:400px;
  252. {/block:if400pxPosts}}
  253.  
  254. .caption img{
  255. {block:ifNot400pxPosts}
  256. max-width:500px;
  257. {/block:ifNot400pxPosts}
  258. {block:if400pxPosts}
  259. max-width:400px;
  260. {/block:if400pxPosts}}
  261.  
  262. .au{
  263. padding:5px;
  264. background-color:{color:audio bg};
  265. border:1px solid {color:audio border};
  266. height:27px;
  267. display: block;
  268. text-align:center;}
  269.  
  270. .autext{
  271. height:27px;
  272. width:281px;
  273. display: table-cell;
  274. vertical-align: middle;
  275. font:italic 14px helvetica;
  276. letter-spacing:1px;
  277. text-transform:lowercase;}
  278.  
  279. .autext a:hover{
  280. color:{color:link};
  281. cursor:help;}
  282.  
  283. ol.notes {
  284. padding-left: 30px;
  285. margin: 25px 0px;
  286. list-style-type:lower-roman;}
  287.  
  288. ol.notes li.note {
  289. padding: 10px;}
  290.  
  291. ol.notes li.note img.avatar {
  292. display:none;}
  293.  
  294. ol.notes li.note blockquote {
  295. border-color: {color:blockquote};
  296. padding: 4px 10px;
  297. margin: 10px 0px 0px 25px;}
  298.  
  299. ol.notes li.note a{
  300. color:{color:text};}
  301.  
  302. #info{
  303. text-transform:lowercase;
  304. font:09px sans-serif;
  305. padding:3px;
  306. text-align:left;
  307. padding-bottom:0;
  308. margin-top:10px;
  309. border-top:1px solid {color:border};}
  310.  
  311. #info a{
  312. color:{color:text};}
  313.  
  314. #quotes{
  315. font-style:italic;
  316. margin-left:40px;
  317. padding-top:10px;}
  318.  
  319. .quotes{
  320. font-family:consolas;
  321. float:left;
  322. font-size:70px;
  323. position:absolute;
  324. color:{color:blockquote};}
  325.  
  326. #c{
  327. position:fixed;
  328. bottom:10px;
  329. right:10px;
  330. text-align:right;
  331. z-index:99;}
  332.  
  333. /* extras */
  334.  
  335. #s-m-t-tooltip{
  336. z-index:10;
  337. margin:24px 14px 7px 12px;
  338. padding:0 3px 0 3px;
  339. font:08px sans-serif;
  340. text-transform:uppercase;
  341. letter-spacing:1px;
  342. line-height:16px;
  343. background-color:{color:background};
  344. -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  345. -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
  346. box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);}
  347.  
  348. ::selection {
  349. background: {color:selection};
  350. color: {color:selection text};}
  351. ::-moz-selection {
  352. background: {color:selection};
  353. color: {color:selection text};}
  354. ::-webkit-selection {
  355. background: {color:selection};
  356. color: {color:selection text};}
  357.  
  358. iframe#tumblr_controls {
  359. right:3px !important;
  360. position: fixed !important;
  361. -webkit-transition: opacity 0.7s linear;
  362. opacity: 0.2;
  363. -webkit-transition: all 0.8s ease-out;
  364. -moz-transition: all 0.8s ease-out;
  365. transition: all 0.8s ease-out;}
  366. iframe#tumblr_controls:hover{
  367. -webkit-transition: opacity 0.7s linear;
  368. opacity: 1;
  369. -webkit-transition: all 0.4s ease-out;
  370. -moz-transition: all 0.4s ease-out;
  371. transition: all 0.4s ease-out;}
  372. iframe#tumblr_controls {
  373. top: 0% !important;
  374. right:0% !important;
  375. position: fixed !important;}
  376.  
  377. ::-webkit-scrollbar {
  378. height:06px;
  379. width:06px;
  380. background-color:{color:background};}
  381. ::-webkit-scrollbar-thumb {
  382. border: 2px solid {color:background};
  383. background-color:{color:link};}
  384.  
  385. .sub{
  386. margin-top:10px;
  387. padding-left:5px;
  388. text-align:left;
  389. border-left:2px solid {color:border};}
  390.  
  391. .cthrough{
  392. cursor:help;}
  393.  
  394. #c{
  395. position:fixed;
  396. bottom:10px;
  397. right:10px;
  398. font:italic 12px georgia;
  399. letter-spacing:1px;
  400. text-align:right;
  401. z-index:99;}
  402.  
  403. .elinks{
  404. text-transform:uppercase;
  405. font:09px calibri;
  406. margin-top:5px;}
  407.  
  408. .elinks a{
  409. background-color:{color:extra links bg};
  410. color:{color:extra links text};
  411. padding:3px;}
  412.  
  413. </style>
  414. </head>
  415.  
  416. <body>
  417.  
  418. <div id="side"></div><!---side--->
  419. <div id="sidebar">
  420. <div id="sidebarimage">
  421. <div id="links">
  422. <a href="{text:Link One URL}">{text:Link One title}</a>
  423. <a href="{text:Link Two URL}">{text:Link Two title}</a>
  424. <a href="{text:Link Three URL}">{text:Link Three title}</a>
  425. </div>
  426. <img src="{image:sidebar}"/>
  427. <div id="title">{Title}</div></div>
  428. <div class="description">
  429. {Description} (<a class="cthrough" title="{text:plus title}">+</a>)
  430. <div class="sub">{text:plus text}
  431. {block:ifExtraLinks}<div class="elinks">
  432. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  433. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  434. <a href="{text:Link 03 URL}">{text:Link 03 title}</a></div>
  435. {/block:ifExtraLinks}</div><!---credit to lostmemento--->
  436. </div>
  437.  
  438. {block:Pagination}<div id="pagination"><center>
  439. {block:PreviousPage}<a href="{PreviousPage}"><b><span style="font-family:sans-serif!important;">&larr;</span></b></a>
  440. {/block:PreviousPage}
  441. {block:JumpPagination length="5"}
  442. {block:CurrentPage}<span style="padding-left:3px;padding-right:3px;color:{color:text};background-color:#fafafa;">{CurrentPage}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  443. {block:NextPage}
  444. <a href="{NextPage}"><b><span style="font-family:sans-serif!important;">&rarr;</span></b></a>
  445. {/block:NextPage}</center>
  446. </div>{/block:Pagination}
  447.  
  448. </div><!--- sidebar --->
  449.  
  450. <div id="c">
  451. <a href="http://caulfielld.tumblr.com" target="_blank" title="theme by jasonmcann">J</a>
  452. </div>
  453.  
  454. <div id="entries">
  455. {block:Posts}
  456.  
  457. {block:ContentSource}
  458. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  459. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  460. {/block:SourceLogo}
  461. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  462. {/block:ContentSource}
  463.  
  464. <div class="posts">
  465.  
  466. {block:Text}
  467. {block:Title}
  468. <div class="title">
  469. {Title}</div>
  470. {/block:Title}
  471. {Body}
  472. {/block:Text}
  473.  
  474. {block:Photo}
  475. {LinkOpenTag}
  476. {block:ifNot400pxPosts}
  477. <img src="{PhotoURL-500}"/>
  478. {/block:ifNot400pxPosts}
  479. {block:if400pxPosts}
  480. <img src="{PhotoURL-500}"/>
  481. {/block:if400pxPosts}
  482. {LinkCloseTag}
  483. {block:Caption}
  484. <div class="caption">
  485. {Caption}
  486. </div>
  487. {/block:Caption}
  488. {/block:Photo}
  489.  
  490. {block:Photos}
  491. {block:ifNot400pxPosts}
  492. <img src="{Photoset-500}"/>
  493. {/block:ifNot400pxPosts}
  494. {block:if400pxPosts}
  495. <img src="{Photoset-400}"/>
  496. {/block:if400pxPosts}
  497. {block:Caption}
  498. <div class="caption">
  499. {Caption}
  500. </div>
  501. {/block:Caption}
  502. {/block:Photos}
  503.  
  504. {block:Quote}
  505. <div class="quotes">“</div>
  506. <div id="quotes">
  507. <p>{Quote}</p>
  508. {block:Source}
  509. <span style="text-transform:lowercase;float:right">— <u>{Source}</u></span>
  510. {/block:Source}
  511. </div><br />
  512. {/block:Quote}
  513.  
  514. {block:Link}
  515. <div class="title">
  516. <a href="{URL}" target="{Target}">
  517. {Name} &rarr;</a></div>
  518. {block:Description}
  519. {Description}
  520. {/block:Description}
  521. {/block:Link}
  522.  
  523. {block:Chat}
  524. {block:Title}
  525. <div class="title">
  526. {Title}</div>{/block:Title}
  527. {block:Lines}{block:Label}{Label}{/block:Label} {Line}<br>{/block:Lines}
  528. {/block:Chat}
  529.  
  530. {block:Audio}
  531. <div class="au">
  532. <span style="float:left;">{AudioPlayerGrey}</span>
  533. <div class="autext">
  534. {block:TrackName}<a title="{block:Artist}by {Artist}{/block:Artist}">{TrackName}</a>{/block:TrackName}</div></div>
  535. {block:Caption}<br>{Caption}{/block:Caption}
  536. {/block:Audio}
  537.  
  538. {block:Video}
  539. {block:ifNot400pxPosts}
  540. {Video-500}
  541. {/block:ifNot400pxPosts}
  542. {block:if400pxPosts}
  543. {Video-400}
  544. {/block:if400pxPosts}
  545. {block:Caption}
  546. <div class="caption">
  547. {Caption}
  548. </div>
  549. {/block:Caption}
  550. {PlayCountWithLabel}
  551. {/block:Video}
  552.  
  553. {block:Answer}
  554. <div id="answer">
  555. <img src="{AskerPortraitURL-24}"/><b><u>{Asker}</u></b><br>
  556. {Question}</div>
  557. <div class="answer">
  558. {Answer}
  559. </div>
  560. {/block:Answer}
  561.  
  562. <div id="info">
  563. {block:Date}<a href="{Permalink}">{NoteCountWithLabel} &nbsp; </a>
  564. {block:RebloggedFrom}
  565. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">
  566. <u>via</u></a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">
  567. +source</a> &nbsp; {/block:RebloggedFrom}
  568. <span style="float:right;"><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</a></span>{/block:Date}<br>
  569. {block:HasTags}<b>under</b>: {block:Tags}
  570. <a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}
  571. </div>
  572.  
  573. {block:PermalinkPage}
  574. {block:PostNotes}
  575. <div id="notes">{PostNotes}</div>
  576. {/block:PostNotes}
  577. {/block:PermalinkPage}
  578.  
  579. </div><!--- posts --->
  580.  
  581. {/block:Posts}
  582. </div> <!--- container --->
  583.  
  584. </body>
  585. </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!