API tools faq
paste
Advertisement
TitanJelly

theme49 v1.3

TitanJelly
Jul 1st, 2015
1,006
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.68 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. #chubby // chubbythemes.tumblr.com
  3. do not claim as your own or remove the theme credit
  4. -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <title>{title}</title>
  10.  
  11. <meta charset="UTF-8">
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13. <meta name="description" content="{description}">
  14. <meta name="author" content="Chubby Themes">
  15.  
  16. <link rel="shortcut icon" href="{Favicon}" />
  17.  
  18. <meta name="image:Background" content="" />
  19. <meta name="image:Sidebar Icon" content="" />
  20.  
  21. <meta name="select:BG Repeat" content="repeat" title="Repeat">
  22. <meta name="select:BG Repeat" content="repeat-x" title="X Repeat">
  23. <meta name="select:BG Repeat" content="repeat-y" title="Y Repeat">
  24. <meta name="select:BG Repeat" content="no-repeat" title="No Repeat">
  25. <meta name="select:BG Attachment" content="fixed" title="Fixed">
  26. <meta name="select:BG Attachment" content="scroll" title="Scroll">
  27. <meta name="select:Sidebar Position" content="left" title="Left">
  28. <meta name="select:Sidebar Position" content="right" title="Right">
  29.  
  30. <meta name="color:Body Background" content="#FFFFFF"/>
  31. <meta name="color:Body Text" content="#797979"/>
  32. <meta name="color:Body Scrollbar" content="#000000"/>
  33. <meta name="color:Body Links" content="#b6b6b6"/>
  34. <meta name="color:Body Links Hover" content="#000000"/>
  35. <meta name="color:Body Borders" content="#edecec"/>
  36. <meta name="color:Body Accent" content="#797979"/>
  37. <meta name="color:Menu Text" content="#ffffff"/>
  38. <meta name="color:Menu Background" content="#000000"/>
  39. <meta name="color:Sidebar Text" content="#797979"/>
  40. <meta name="color:Sidebar Background" content="#FBFBFB"/>
  41. <meta name="color:Post Background" content="#FFFFFF"/>
  42.  
  43. <meta name="text:Link01 title" content="home" />
  44. <meta name="text:Link01 URL" content="/" />
  45. <meta name="text:Link02 title" content="message" />
  46. <meta name="text:Link02 URL" content="/ask" />
  47. <meta name="text:Link03 title" content="about" />
  48. <meta name="text:Link03 URL" content="/about" />
  49.  
  50. <meta name="text:PopLink01 title" content="link" />
  51. <meta name="text:PopLink01 URL" content="/" />
  52. <meta name="text:PopLink02 title" content="link" />
  53. <meta name="text:PopLink02 URL" content="/" />
  54. <meta name="text:PopLink03 title" content="link" />
  55. <meta name="text:PopLink03 URL" content="/" />
  56. <meta name="text:PopLink04 title" content="link" />
  57. <meta name="text:PopLink04 URL" content="/" />
  58. <meta name="text:PopLink05 title" content="link" />
  59. <meta name="text:PopLink05 URL" content="/" />
  60. <meta name="text:PopLink06 title" content="link" />
  61. <meta name="text:PopLink06 URL" content="/" />
  62. <meta name="text:PopLink07 title" content="link" />
  63. <meta name="text:PopLink07 URL" content="/" />
  64. <meta name="text:PopLink08 title" content="link" />
  65. <meta name="text:PopLink08 URL" content="/" />
  66. <meta name="text:PopLink09 title" content="link" />
  67. <meta name="text:PopLink09 URL" content="/" />
  68. <meta name="text:PopLink10 title" content="link" />
  69. <meta name="text:PopLink10 URL" content="/" />
  70.  
  71. <meta name="if:Infinite Scroll" content="0"/>
  72. <meta name="if:Custom Blog Values" content="1"/>
  73. <meta name="if:250px Posts" content="0"/>
  74. <meta name="if:400px Posts" content="0"/>
  75. <meta name="if:500px Posts" content="1"/>
  76. <meta name="if:Show Captions" content="1"/>
  77. <meta name="if:Show Tags" content="1"/>
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <link rel="stylesheet" href="http://static.tumblr.com/9hiqgmd/urWnqfw5e/hint.css">
  81.  
  82. <script>
  83. $(document).ready(function(){
  84. $(".update_1 #tab_button").click(function(){
  85. $(".update_1 #tab_content").slideToggle("fast");
  86. });
  87. $(".update_2 #tab_button").click(function(){
  88. $(".update_2 #tab_content").slideToggle("fast");
  89. });
  90. $(".update_3 #tab_button").click(function(){
  91. $(".update_3 #tab_content").slideToggle("fast");
  92. });
  93. $(".update_4 #tab_button").click(function(){
  94. $(".update_4 #tab_content").slideToggle("fast");
  95. });
  96. });
  97. </script>
  98.  
  99. <script language="javascript">
  100. $(document).ready(function() {
  101. $('a#clickbutton').click(function() {
  102. $('.links',this).toggle();
  103. });
  104.  
  105. $("#links").css({"bottom": "-270px"})
  106. $("#clickbutton").toggle(
  107. function () {
  108. $("#links").animate({"bottom": "0"}, "slow");
  109. },
  110. function () {
  111. $("#links").animate({"bottom": "-270px"}, "slow");
  112. });
  113. });
  114. </script>
  115.  
  116. <style type="text/css">
  117. iframe#tumblr_controls {
  118. opacity: .7;
  119. bottom: 0% !important;
  120. right: 0% !important;
  121. position: fixed !important;
  122. -webkit-filter: invert(100%);
  123. filter: invert(100%);
  124. }
  125.  
  126. /* Main Body CSS
  127. -------------------------------------------------*/
  128. html {
  129. font-size: 100%;
  130. -webkit-text-size-adjust: 100%;
  131. -ms-text-size-adjust: 100%;
  132. }
  133.  
  134. html, button, input, select, textarea {
  135. font-family: sans-serif;
  136. color: {color:Body Text};
  137. }
  138.  
  139. body {
  140. margin: 0px;
  141. padding: 0px;
  142. font-size: 1em;
  143. color: {color:Body Text};
  144. background-color: {color:Body Background};
  145. {block:ifbackgroundimage}
  146. background-image: url('{image:Background}');
  147. background-attachment: {select:BG Attachment};
  148. background-repeat: {select:BG Repeat};
  149. {/block:ifbackgroundimage}
  150. }
  151.  
  152. a {
  153. color: {color:Body Links};
  154. text-decoration: none;
  155. -webkit-transition: 0.8s;
  156. transition: 0.8s;
  157. }
  158.  
  159. a:hover{
  160. color: {color:Body Links Hover};
  161. text-decoration: none;
  162. }
  163.  
  164. pre,code,kbd,samp,tt {
  165. font-family: monospace;
  166. }
  167.  
  168. b {
  169. color: {color:Body Accent};
  170. }
  171.  
  172. ::-webkit-scrollbar-thumb:vertical {
  173. background: {color:Body Scrollbar};
  174. border: 3px solid {color:Body Background};
  175. }
  176. ::-webkit-scrollbar-thumb:horizontal {
  177. background: {color:Body Scrollbar};
  178. height: 0;
  179. }
  180. ::-webkit-scrollbar {
  181. background: {color:Body Background} url('{image:Background}');
  182. height: 0;
  183. width: 10px;
  184. }
  185.  
  186. /* Container CSS
  187. -------------------------------------------------*/
  188. .main_container{
  189. position: relative;
  190. z-index: 200;
  191. {block:if250pxPosts}
  192. width: 270px;
  193. {/block:if250pxPosts}
  194. {block:if400pxPosts}
  195. width: 420px;
  196. {/block:if400pxPosts}
  197. {block:if500pxPosts}
  198. width: 520px;
  199. {/block:if500pxPosts}
  200. margin: 0 auto;
  201. }
  202.  
  203. /* Sidebar CSS
  204. -------------------------------------------------*/
  205. .sidebar {
  206. position: fixed;
  207. top: 0;
  208. right: 0;
  209. left: 0;
  210. min-height: 155px;
  211. color: {color:Sidebar Text};
  212. background: {color:Sidebar Background};
  213. border-bottom: 1px solid {color:Body Borders};
  214. }
  215.  
  216. .sidebar #container {
  217. width: 60px;
  218. margin: 0 auto;
  219. padding: 0;
  220. }
  221.  
  222. .sidebar .container_left .content {
  223. {block:if250pxPosts}
  224. margin: 40px 0 0 -210px;
  225. {/block:if250pxPosts}
  226. {block:if400pxPosts}
  227. margin: 40px 0 0 -290px;
  228. {/block:if400pxPosts}
  229. {block:if500pxPosts}
  230. margin: 40px 0 0 -330px;
  231. {/block:if500pxPosts}
  232. padding: 20px 0 0 0;
  233. width: 60px;
  234. text-align: right;
  235. font-size: .7em;
  236. }
  237.  
  238. .sidebar .container_right .content {
  239. {block:if250pxPosts}
  240. margin: 40px 0 0 210px;
  241. {/block:if250pxPosts}
  242. {block:if400pxPosts}
  243. margin: 40px 0 0 290px;
  244. {/block:if400pxPosts}
  245. {block:if500pxPosts}
  246. margin: 40px 0 0 340px;
  247. {/block:if500pxPosts}
  248. padding: 20px 0 0 0;
  249. width: 60px;
  250. text-align: left;
  251. font-size: .7em;
  252. }
  253.  
  254. {block:ifCustomBlogValues}
  255. .sidebar #container .icon {
  256. width: 50px;
  257. padding: 5px;
  258. border: 1px solid {color:Body Borders};
  259. }
  260.  
  261. .sidebar #container .icon img {
  262. display: block;
  263. max-width: 50px;
  264. }
  265. {/block:ifCustomBlogValues}
  266.  
  267. {block:ifnotCustomBlogValues}
  268. .sidebar #container .icon_circle {
  269. width: 60px;
  270. border: 1px solid {color:Body Borders};
  271. border-radius: 50px;
  272. overflow: hidden;
  273. }
  274.  
  275. .sidebar #container .icon_circle img {
  276. display: block;
  277. max-width: 60px;
  278. }
  279.  
  280. .sidebar #container .icon_square {
  281. width: 50px;
  282. padding: 5px;
  283. border: 1px solid {color:Body Borders};
  284. }
  285.  
  286. .sidebar #container .icon_square img {
  287. display: block;
  288. max-width: 50px;
  289. }
  290. {/block:ifnotCustomBlogValues}
  291.  
  292. .sidebar #container .title, .sidebar #container .description {
  293. margin: 2px 0;
  294. }
  295.  
  296. .menu {
  297. position: fixed;
  298. top: 100px;
  299. right: 0;
  300. left: 0;
  301. }
  302.  
  303. .menu #container {
  304. width: 60px;
  305. margin: 0 auto;
  306. padding: 0;
  307. }
  308.  
  309. .menu .container_left .content {
  310. {block:if250pxPosts}
  311. margin: 40px 0 0 -210px;
  312. {/block:if250pxPosts}
  313. {block:if400pxPosts}
  314. margin: 40px 0 0 -290px;
  315. {/block:if400pxPosts}
  316. {block:if500pxPosts}
  317. margin: 40px 0 0 -330px;
  318. {/block:if500pxPosts}
  319. padding: 20px 0;
  320. width: 60px;
  321. text-align: right;
  322. font-size: .7em;
  323. }
  324.  
  325. .menu .container_right .content {
  326. {block:if250pxPosts}
  327. margin: 40px 0 0 210px;
  328. {/block:if250pxPosts}
  329. {block:if400pxPosts}
  330. margin: 40px 0 0 290px;
  331. {/block:if400pxPosts}
  332. {block:if500pxPosts}
  333. margin: 40px 0 0 340px;
  334. {/block:if500pxPosts}
  335. padding: 20px 0;
  336. width: 60px;
  337. text-align: left;
  338. font-size: .7em;
  339. }
  340.  
  341. .menu .container_left .line {
  342. text-align: right;
  343. }
  344.  
  345. .menu .container_right .line {
  346. text-align: left;
  347. }
  348.  
  349. .menu .container_left a {
  350. display: inline-block;
  351. padding: 2px;
  352. color: {color:Menu Text};
  353. text-align: right;
  354. text-transform: lowercase;
  355. background: {color:Menu Background};
  356. }
  357.  
  358. .menu .container_right a {
  359. display: inline-block;
  360. padding: 2px;
  361. color: {color:Menu Text};
  362. text-align: left;
  363. text-transform: lowercase;
  364. background: {color:Menu Background};
  365. }
  366.  
  367. .menu .container_left a:hover {
  368. padding: 2px 10px 2px 2px;
  369. }
  370.  
  371. .menu .container_right a:hover {
  372. padding: 2px 2px 2px 10px;
  373. }
  374.  
  375. /* Pops Css
  376. -------------------------------------------------*/
  377. #links {
  378. position: fixed;
  379. bottom: -270px;
  380. left: 1px;
  381. right: 0;
  382. z-index: 250;
  383. height: 155px;
  384. color: {color:Sidebar Text};
  385. background: {color:Sidebar Background};
  386. border-top: 1px solid {color:Body Borders};
  387. }
  388.  
  389. #links .content {
  390. padding: 10px;
  391. margin: 0 auto;
  392. min-height: 135px;
  393. {block:if250pxPosts}
  394. width: 250px;
  395. {/block:if250pxPosts}
  396. {block:if400pxPosts}
  397. width: 400px;
  398. {/block:if400pxPosts}
  399. {block:if500pxPosts}
  400. width: 500px;
  401. {/block:if500pxPosts}
  402. font-size: .7em;
  403. text-transform: lowercase;
  404. background: {color:Post Background};
  405. border-left: 1px solid {color:Body Borders};
  406. border-right: 1px solid {color:Body Borders};
  407. }
  408.  
  409. #links .title {
  410. padding: 2px 0;
  411. margin: 3px 0;
  412. border-bottom: 1px solid {color:Body Borders};
  413. }
  414.  
  415. #links .content a {
  416. display: inline-block;
  417. padding: 2px;
  418. margin: 2px 0;
  419. color: {color:Menu Text};
  420. text-align: right;
  421. background: {color:Menu Background};
  422. }
  423.  
  424. #links .content a:hover {
  425. text-decoration: underline;
  426. }
  427.  
  428. /* Posts CSS
  429. -------------------------------------------------*/
  430. .post_container {
  431. position: relative;
  432. z-index:140;
  433. {block:if250pxPosts}
  434. width: 270px;
  435. {/block:if250pxPosts}
  436. {block:if400pxPosts}
  437. width: 420px;
  438. {/block:if400pxPosts}
  439. {block:if500pxPosts}
  440. width: 520px;
  441. {/block:if500pxPosts}
  442. margin: 0 auto;}
  443.  
  444. .entry {
  445. {block:if250pxPosts}
  446. width: 270px;
  447. {/block:if250pxPosts}
  448. {block:if400pxPosts}
  449. width: 420px;
  450. {/block:if400pxPosts}
  451. {block:if500pxPosts}
  452. width: 520px;
  453. {/block:if500pxPosts}
  454. color: {color:Body Text};
  455. background: {color:Post Background};
  456. border: 1px solid {color:Body Borders};
  457. margin: 40px auto;
  458. padding: 0;
  459. font-size: .8em;
  460. overflow: hidden;
  461. }
  462.  
  463. /* Post Elements CSS
  464. -------------------------------------------------*/
  465. .entry .entry_content {
  466. padding: 10px;
  467. }
  468.  
  469. .entry h2 {
  470. text-transform: uppercase;
  471. font-size: .9em;
  472. }
  473.  
  474. .entry h2 a {
  475. color: {color:Body Text};
  476. }
  477.  
  478. .entry h2 a:hover {
  479. color: {color:Body Links};
  480. }
  481.  
  482. .entry li {
  483. list-style: square;
  484. }
  485.  
  486. .entry blockquote {
  487. border-left: 1px solid {color:Body Borders};
  488. margin: 0px 0px 2px 3px;
  489. padding: 0px 0px 0px 5px;
  490. }
  491.  
  492. .entry p {
  493. padding: 5px 0;
  494. margin: 2px 0;
  495. word-wrap: break-word;
  496. }
  497.  
  498. .entry b {
  499. color: {color:Body Accent};
  500. font-weight: bold;
  501. }
  502.  
  503. .entry .caption img {
  504. display: block;
  505. {block:if250pxPosts}
  506. max-width: 240px;
  507. {/block:if250pxPosts}
  508. {block:if400pxPosts}
  509. max-width: 390px;
  510. {/block:if400pxPosts}
  511. {block:if500pxPosts}
  512. max-width: 490px;
  513. {/block:if500pxPosts}
  514. height: auto;
  515. }
  516.  
  517. .entry li, .entry blockquote {
  518. max-width: 100%;
  519. }
  520.  
  521. .entry pre {
  522. white-space: pre-wrap;
  523. white-space: -moz-pre-wrap !important;
  524. white-space: -pre-wrap;
  525. white-space: -o-pre-wrap;
  526. word-wrap: break-word;
  527. overflow-x: auto;
  528. }
  529.  
  530. .entry .caption {
  531. padding: 10px;
  532. text-align: justify;
  533. border-top: 1px solid {color:Body Borders};
  534. }
  535.  
  536. .entry .post_text, .entry .post_link, .entry .post_quote, .entry .post_chat, .entry .post_photo, .entry .post_photoset, .entry .post_video {
  537. padding: 10px;
  538. }
  539.  
  540. /* Ask Post CSS
  541. -------------------------------------------------*/
  542. .entry .user_icon {
  543. position: absolute;
  544. margin: 0 0 0 -60px;
  545. padding: 10px;
  546. width: 30px;
  547. border: 1px solid {color:Body Borders};
  548. }
  549.  
  550. .entry .user_icon img {
  551. display: block;
  552. }
  553.  
  554. .entry .user {
  555. display: block;
  556. font-weight: bold;
  557. }
  558.  
  559. .entry .question {
  560. margin: 0 0 0 0;
  561. padding: 10px 10px 10px 70px;
  562. min-height: 52px;
  563. border-bottom: 1px solid {color:Body Borders};
  564. }
  565.  
  566. .entry .answer {
  567. padding: 10px;
  568. }
  569.  
  570. /* Quote Post CSS
  571. -------------------------------------------------*/
  572. .entry .quote {
  573. width: 100%;
  574. text-align: center;
  575. margin: auto;
  576. }
  577.  
  578. .quotetext {
  579. font-size: 1.3em;
  580. }
  581.  
  582. .source {
  583. text-align: right;
  584. }
  585.  
  586. /* Chat Post CSS
  587. -------------------------------------------------*/
  588. .convo {
  589. margin-left: 0px;
  590. }
  591.  
  592. .line {
  593. text-align: left;
  594. margin: 3px 0;}
  595.  
  596. /* Audio Post CSS
  597. -------------------------------------------------*/
  598. .playbox {
  599. height: 35px;
  600. overflow: hidden;
  601. border-bottom:1px solid {color:Body Borders};
  602. z-index: 10000;
  603. }
  604.  
  605. .playbutton {
  606. overflow: hidden;
  607. position: absolute;
  608. margin: 4px;
  609. z-index: 100000;
  610. }
  611.  
  612. .audioinfo {
  613. margin: 0;
  614. padding: 10px;
  615. }
  616.  
  617. /* Post Information CSS
  618. -------------------------------------------------*/
  619. .entry .info_container {
  620. display: block;
  621. font-size: 9px;
  622. margin: 0;
  623. padding: 10px;
  624. border-top: 1px solid {color:Body Borders};
  625. {block:PermalinkPage}
  626. border-bottom: 1px solid {color:Body Borders};
  627. {/block:PermalinkPage}
  628. }
  629.  
  630. .entry .info_content {
  631. display: inline-block;
  632. text-align: left;
  633. text-transform: uppercase;
  634. letter-spacing: 0px;
  635. margin: 0;
  636. padding: 0;
  637. }
  638.  
  639. .entry .info_content .date,
  640. .entry .info_content .notes,
  641. .entry .info_content .reblog {
  642. display: inline-block;
  643. margin: 0;
  644. padding: 0;
  645. }
  646.  
  647. .entry .info_content a {
  648. display: inline-block;
  649. padding: 0;
  650. color: {color:Body Links};
  651. text-shadow: 0 -15px 0 transparent;
  652. }
  653.  
  654. .entry .info_content a:hover {
  655. color: transparent;
  656. text-shadow: 0 0 0 {color:Body Links Hover};
  657. }
  658.  
  659. .entry .info_content .sep {
  660. display: inline-block;
  661. padding: 0 3px;
  662. }
  663.  
  664. .entry .info_content .reblog,
  665. .entry .info_content .like {
  666. display: inline-block;
  667. margin: 0 3px;
  668. padding: 0;
  669. }
  670.  
  671. .entry .info_content .buttons_right {
  672. display: inline-block;
  673. position: absolute;
  674. {block:if250pxPosts}
  675. margin: -11px 0 0 207px;
  676. {/block:if250pxPosts}
  677. {block:if400pxPosts}
  678. margin: -12px 0 0 360px;
  679. {/block:if400pxPosts}
  680. {block:if500pxPosts}
  681. margin: -12px 0 0 460px;
  682. {/block:if500pxPosts}
  683. }
  684.  
  685. .entry .tags_container {
  686. display: block;
  687. font-size: 9px;
  688. margin: 0;
  689. padding: 10px;
  690. border-top: 1px solid {color:Body Borders};
  691. {block:PermalinkPage}
  692. border-bottom: 1px solid {color:Body Borders};
  693. {/block:PermalinkPage}
  694. }
  695.  
  696. .entry .tags_content {
  697. display: inline-block;
  698. text-align: left;
  699. text-transform: uppercase;
  700. letter-spacing: 0px;
  701. margin: 0;
  702. padding: 0;
  703. }
  704.  
  705. .entry .tags_content a {
  706. display: inline-block;
  707. padding: 0 5px;
  708. color: {color:Body Links};
  709. text-shadow: 0 -15px 0 transparent;
  710. }
  711.  
  712. .entry .tags_content a:hover {
  713. color: transparent;
  714. text-shadow: 0 0 0 {color:Body Links Hover};
  715. }
  716.  
  717. /* Post Notes CSS
  718. -------------------------------------------------*/
  719. .sources {
  720. filter:alpha(opacity=0);
  721. opacity: 0;
  722. display: none;
  723. }
  724.  
  725. .postnotes {
  726. position: relative;
  727. padding: 10px;
  728. margin: 0;
  729. color: {color:Body Text};
  730. }
  731.  
  732. .postnotes a {
  733. color: {color:Body Links};
  734. font-weight: bold;
  735. }
  736.  
  737. .postnotes a:hover {
  738. color: {color:Body Text};
  739.  
  740. }
  741.  
  742. .postnotes ol, .notes, .notes ol {
  743. list-style-type: none;
  744. padding: 0;
  745. margin: 0;
  746. }
  747.  
  748. .postnotes li, .notes, .notes li {
  749. list-style-type: none;
  750. padding: 2px;
  751. margin: 5px 0;
  752. }
  753.  
  754. .postnotes img {
  755. display: none;
  756. }
  757.  
  758. .avatar_frame {
  759. display: none;
  760. }
  761.  
  762. /* Navigation CSS
  763. -------------------------------------------------*/
  764. .nav_container {
  765. width: 100%;
  766. padding: 0;
  767. margin: 0;
  768. }
  769.  
  770. .nav_content {
  771. {block:if250pxPosts}
  772. width: 270px;
  773. {/block:if250pxPosts}
  774. {block:if400pxPosts}
  775. width: 420px;
  776. {/block:if400pxPosts}
  777. {block:if500pxPosts}
  778. width: 520px;
  779. {/block:if500pxPosts}
  780. margin: 0 auto 20px auto;
  781. padding: 0;
  782. text-transform: lowercase;
  783. text-align: center;
  784. font-size: .55em;
  785. font-weight: normal;
  786. }
  787.  
  788. .nav_content .current, .nav_content a {
  789. display: inline-block;
  790. padding: 12px;
  791. color: {color:Body Text};
  792. text-shadow: 0 -15px 0 transparent;
  793. }
  794.  
  795. .nav_content .current:hover, .nav_content a:hover {
  796. color: transparent;
  797. text-shadow: 0 0 0 {color:Body Links Hover};
  798. }
  799.  
  800. /* Credit CSS
  801. -------------------------------------------------*/
  802. .credit {
  803. position: fixed;
  804. bottom: 10px;
  805. right: 10px;
  806. font-size: 18px;
  807. font-family: Helvetica Neue,Arial,Helvetica,FreeSans,sans-serif;
  808. text-transform:uppercase;
  809. z-index: 300;
  810. }
  811.  
  812. .credit a {
  813. color: #000000;
  814. }
  815.  
  816. .credit a:hover {
  817. color: #000000;
  818. }
  819.  
  820. .hint--left:after {
  821. margin-bottom: -8px;
  822. font-family: Helvetica Neue,Arial,Helvetica,FreeSans,sans-serif;
  823. background: #000000;
  824. color: #ffffff;
  825. }
  826.  
  827. .hint--left:before {
  828. border-left-color: transparent;
  829. }
  830.  
  831. .hint:after, [data-hint]:after {
  832. content: attr(data-hint);
  833. background: #000000;
  834. color: #ffffff;
  835. padding: 3px 4px;
  836. font-size: 8px;
  837. line-height: 9px;
  838. white-space: nowrap;
  839. border: 1px solid #000;
  840. }
  841.  
  842. .hint--left:before, .hint--left:after {
  843. right: 100%;
  844. bottom: 35%; }
  845.  
  846. .hint:after, [data-hint]:after {
  847. text-shadow: 0 -1px 0px black;
  848. box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  849.  
  850. /* Custom CSS
  851. -------------------------------------------------*/
  852. {CustomCSS}
  853.  
  854. </style>
  855.  
  856. {block:ifInfiniteScroll}
  857. <!--Infinite Scrolling-->
  858. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  859. <!--Infinite Scrolling-->
  860. {/block:ifInfiniteScroll}
  861.  
  862. </head>
  863. <body>
  864.  
  865. <a id="home"></a>
  866.  
  867. <div id="links">
  868. <div class="content">
  869. <div class="custom_links">
  870. <div class="title">Navigation:</div>
  871. {block:ifPopLink01URL}<a href="{text:PopLink01 URL}" target="_blank">{text:PopLink01 title}</a>{/block:ifPopLink01URL}
  872. {block:ifPopLink02URL}<a href="{text:PopLink02 URL}" target="_blank">{text:PopLink02 title}</a>{/block:ifPopLink02URL}
  873. {block:ifPopLink03URL}<a href="{text:PopLink03 URL}" target="_blank">{text:PopLink03 title}</a>{/block:ifPopLink03URL}
  874. {block:ifPopLink04URL}<a href="{text:PopLink04 URL}" target="_blank">{text:PopLink04 title}</a>{/block:ifPopLink04URL}
  875. {block:ifPopLink05URL}<a href="{text:PopLink05 URL}" target="_blank">{text:PopLink05 title}</a>{/block:ifPopLink05URL}
  876. {block:ifPopLink06URL}<a href="{text:PopLink06 URL}" target="_blank">{text:PopLink06 title}</a>{/block:ifPopLink06URL}
  877. {block:ifPopLink07URL}<a href="{text:PopLink07 URL}" target="_blank">{text:PopLink07 title}</a>{/block:ifPopLink07URL}
  878. {block:ifPopLink08URL}<a href="{text:PopLink08 URL}" target="_blank">{text:PopLink08 title}</a>{/block:ifPopLink08URL}
  879. {block:ifPopLink09URL}<a href="{text:PopLink09 URL}" target="_blank">{text:PopLink09 title}</a>{/block:ifPopLink09URL}
  880. {block:ifPopLink10URL}<a href="{text:PopLink10 URL}" target="_blank">{text:PopLink10 title}</a>{/block:ifPopLink10URL}
  881. </div>
  882. {block:HasPages}
  883. <div class="page_links">
  884. <div class="title">Pages:</div>
  885. {block:Pages}
  886. <a href="{URL}" target="_blank">{Label}</a>
  887. {/block:Pages}
  888. </div>
  889. {/block:HasPages}
  890. </div>
  891. </div>
  892.  
  893. <!--Sidebar-->
  894. <div class="sidebar">
  895. <div id="container" class="container_{select:Sidebar Position}">
  896. <div class="content">
  897. {block:ifCustomBlogValues}
  898. <div class="icon"><img src="{image:Sidebar Icon}" alt="icon"></div>
  899. <div class="title">{title}</div>
  900. <div class="description">{description}</div>
  901. {/block:ifCustomBlogValues}
  902. {block:ifnotCustomBlogValues}
  903. {block:ShowAvatar}
  904. <div class="icon_{AvatarShape}">
  905. <img src="{Favicon}" alt="icon">
  906. </div>
  907. {/block:ShowAvatar}
  908. {block:ShowTitle}
  909. <div class="title">
  910. {title}
  911. </div>
  912. {/block:ShowTitle}
  913. {block:ShowDescription}
  914. <div class="description">
  915. {description}
  916. </div>
  917. {/block:ShowDescription}
  918. {/block:ifnotCustomBlogValues}
  919. </div>
  920. </div>
  921. </div>
  922. <div class="menu">
  923. <div id="container" class="container_{select:Sidebar Position}">
  924. <div class="content">
  925. {block:ifLink01URL}
  926. <div class="line">
  927. <a href="{text:Link01 URL}">{text:Link01 title}</a>
  928. </div>
  929. {/block:ifLink01URL}
  930. {block:ifLink02URL}
  931. <div class="line">
  932. <a href="{text:Link02 URL}" target="_blank">{text:Link02 title}</a>
  933. </div>
  934. {/block:ifLink02URL}
  935. {block:ifLink03URL}
  936. <div class="line">
  937. <a href="{text:Link03 URL}" target="_blank">{text:Link03 title}</a>
  938. </div>
  939. {/block:ifLink03URL}
  940. <a id="clickbutton" class="links" style="cursor:pointer;"><span class="links">links</span><span class="links" style="display:none">links</span></a>
  941. </div>
  942. </div>
  943. </div>
  944. <!--Sidebar-->
  945.  
  946. <div class="main_container">
  947.  
  948. <!--Post Column-->
  949. <div class="post_container">
  950. {block:Posts}
  951. <div class="entry">
  952.  
  953. {block:ContentSource}
  954. <div class="sources">
  955. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  956. </div>
  957. {/block:ContentSource}
  958.  
  959. {block:Text}
  960. <div class="post_text">
  961. {block:Title}
  962. <h2>{Title}</h2>
  963. {/block:Title}
  964. {Body}
  965. </div>
  966. {/block:Text}
  967.  
  968. {block:Link}
  969. <div class="post_link">
  970. <h2><a href="{URL}">{Name}</a></h2>
  971. {block:Description}
  972. {Description}
  973. {/block:Description}
  974. </div>
  975. {/block:Link}
  976.  
  977. {block:Answer}
  978. <div class="post_ask">
  979. <div class="question">
  980. <div class="user_icon">
  981. <img src="{AskerPortraitURL-30}" alt="icon" />
  982. </div>
  983. <div class="user">{Asker} asked:</div>
  984. {Question}
  985. </div>
  986. <div class="answer">{Answer}</div>
  987. </div>
  988. {/block:Answer}
  989.  
  990. {block:Quote}
  991. <div class="post_quote">
  992. <div class="quotetext">"{Quote}"</div>
  993. {block:Source}<div class="source">{Source}</div>{/block:Source}
  994. </div>
  995. {/block:Quote}
  996.  
  997. {block:Chat}
  998. <div class="post_chat">
  999. {block:Title}<h2>{Title}</h2>{/block:Title}
  1000. <div class="text">
  1001. <div class="convo">
  1002. {block:Lines}
  1003. <div class="line">
  1004. {block:Label}
  1005. <span class="label">{Label}</span>
  1006. {/block:Label}
  1007. {Line}
  1008. </div>
  1009. {/block:Lines}
  1010. </div>
  1011. </div>
  1012. </div>
  1013. {/block:Chat}
  1014.  
  1015. {block:Photo}
  1016. <div class="post_photo">
  1017. {block:IndexPage}
  1018. <a href="{Permalink}" title="Permalink">
  1019. {/block:IndexPage}
  1020. {block:PermalinkPage}
  1021. {LinkOpenTag}
  1022. {/block:PermalinkPage}
  1023. {block:if250pxPosts}
  1024. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px">
  1025. {/block:if250pxPosts}
  1026. {block:if400pxPosts}
  1027. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">
  1028. {/block:if400pxPosts}
  1029. {block:if500pxPosts}
  1030. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  1031. {/block:if500pxPosts}
  1032. {block:IndexPage}
  1033. </a>
  1034. {/block:IndexPage}
  1035. {block:PermalinkPage}
  1036. {LinkCloseTag}
  1037. {/block:PermalinkPage}
  1038. </div>
  1039. {block:ifShowCaptions}
  1040. {block:Caption}
  1041. <div class="caption">
  1042. {Caption}</div>
  1043. {/block:Caption}
  1044. {/block:ifShowCaptions}
  1045. {block:ifnotShowCaptions}
  1046. {block:PermalinkPage}
  1047. {block:Caption}
  1048. <div class="caption">
  1049. {Caption}</div>
  1050. {/block:Caption}
  1051. {/block:PermalinkPage}
  1052. {/block:ifnotShowCaptions}
  1053. {/block:Photo}
  1054.  
  1055. {block:Photoset}
  1056. <div class="post_photoset">
  1057. {block:if250pxPosts}
  1058. {Photoset-250}
  1059. {/block:if250pxPosts}
  1060. {block:if400pxPosts}
  1061. {Photoset-400}
  1062. {/block:if400pxPosts}
  1063. {block:if500pxPosts}
  1064. {Photoset-500}
  1065. {/block:if500pxPosts}
  1066. </div>
  1067. {block:ifShowCaptions}
  1068. {block:Caption}
  1069. <div class="caption">
  1070. {Caption}</div>
  1071. {/block:Caption}
  1072. {/block:ifShowCaptions}
  1073. {block:ifnotShowCaptions}
  1074. {block:PermalinkPage}
  1075. {block:Caption}
  1076. <div class="caption">
  1077. {Caption}</div>
  1078. {/block:Caption}
  1079. {/block:PermalinkPage}
  1080. {/block:ifnotShowCaptions}
  1081. {/block:Photoset}
  1082.  
  1083. {block:Audio}
  1084. <div class="post_audio">
  1085. <div class="playbox">
  1086. <div class="playbutton">
  1087. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1088. </div>
  1089. </div>
  1090. <div class="audiobox">
  1091. <div class="audioinfo">
  1092. {block:Artist}{Artist}{/block:Artist} -
  1093. {block:TrackName}{TrackName}{/block:TrackName}
  1094. </div>
  1095. </div>
  1096. </div>
  1097. {block:ifShowCaptions}
  1098. {block:Caption}
  1099. <div class="caption">
  1100. {Caption}</div>
  1101. {/block:Caption}
  1102. {/block:ifShowCaptions}
  1103. {block:ifnotShowCaptions}
  1104. {block:PermalinkPage}
  1105. {block:Caption}
  1106. <div class="caption">
  1107. {Caption}</div>
  1108. {/block:Caption}
  1109. {/block:PermalinkPage}
  1110. {/block:ifnotShowCaptions}
  1111. {/block:Audio}
  1112.  
  1113. {block:Video}
  1114. <div class="post_video">
  1115. {block:if250pxPosts}
  1116. {Video-250}
  1117. {/block:if250pxPosts}
  1118. {block:if400pxPosts}
  1119. {Video-400}
  1120. {/block:if400pxPosts}
  1121. {block:if500pxPosts}
  1122. {Video-500}
  1123. {/block:if500pxPosts}
  1124. </div>
  1125. {block:ifShowCaptions}
  1126. {block:Caption}
  1127. <div class="caption">
  1128. {Caption}</div>
  1129. {/block:Caption}
  1130. {/block:ifShowCaptions}
  1131. {block:ifnotShowCaptions}
  1132. {block:PermalinkPage}
  1133. {block:Caption}
  1134. <div class="caption">
  1135. {Caption}</div>
  1136. {/block:Caption}
  1137. {/block:PermalinkPage}
  1138. {/block:ifnotShowCaptions}
  1139. {/block:Video}
  1140.  
  1141. {block:Date}
  1142. <div class="info_container">
  1143. <div class="info_content">
  1144. <div class="date">
  1145. <a href="{Permalink}" target="_blank">{ShortMonth} {DayOfMonthWithZero}</a>
  1146. </div>
  1147. <div class="sep"></div>
  1148. <div class="notes">
  1149. <a href="{Permalink}"target="_blank">{NoteCount}</a>
  1150. </div>
  1151. <div class="sep"></div>
  1152. <div class="buttons_right">
  1153. <div class="reblog">
  1154. {ReblogButton size="15"}
  1155. </div>
  1156. <div class="like">
  1157. {LikeButton size="15"}
  1158. </div>
  1159. </div>
  1160. {block:PermalinkPage}
  1161. {block:RebloggedFrom}
  1162. <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">src</a>
  1163. <a href="{ReblogParentURL}" title="{ReblogParentTitle}" target="_blank">via</a>
  1164. {/block:RebloggedFrom}
  1165. {/block:PermalinkPage}
  1166. </div>
  1167. </div>
  1168. {/block:Date}
  1169.  
  1170. {block:ifnotShowTags}
  1171. {block:PermalinkPage}
  1172. {block:HasTags}
  1173. <div class="tags_container">
  1174. <div class="tags_content">
  1175. Filed Under: {block:Tags}<a href="{TagURL}" title="{Tag}" target="_blank">#{Tag}</a>{/block:Tags}
  1176. </div>
  1177. </div>
  1178. {/block:HasTags}
  1179. {/block:PermalinkPage}
  1180. {/block:ifnotShowTags}
  1181.  
  1182. {block:ifShowTags}
  1183. {block:HasTags}
  1184. <div class="tags_container">
  1185. <div class="tags_content">
  1186. Filed Under: {block:Tags}<a href="{TagURL}" title="{Tag}" target="_blank">#{Tag}</a>{/block:Tags}
  1187. </div>
  1188. </div>
  1189. {/block:HasTags}
  1190. {/block:ifShowTags}
  1191.  
  1192. {block:PermalinkPage}
  1193. {block:PostNotes}
  1194. <div class="postnotes">
  1195. {PostNotes}
  1196. </div>
  1197. {/block:PostNotes}
  1198. {/block:PermalinkPage}
  1199.  
  1200. </div>
  1201. {/block:Posts}
  1202. </div>
  1203. <!--Post Column-->
  1204.  
  1205. <!--Page Navigation-->
  1206. {block:Pagination}
  1207. <div class="nav_container">
  1208. <div class="nav_content">—
  1209. {block:PreviousPage}<a href="{PreviousPage}">prev.</a>{/block:PreviousPage}
  1210. {block:NextPage}<a href="{NextPage}" id="next">next.</a>{/block:NextPage}
  1211. </div>
  1212. </div>
  1213. {/block:Pagination}
  1214. <!--Page Navigation-->
  1215.  
  1216. </div>
  1217.  
  1218. <!--Credit Link-->
  1219. <div class="credit">
  1220. <a href="http://chubbygod.tumblr.com/themes" target="_blank" class="hint--left" data-hint="Chubby Themes">♛</a>
  1221. </div>
  1222. <!--Credit Link-->
  1223.  
  1224. <!--Back to top Button-->
  1225. <script type="text/javascript">
  1226. $(document).ready(function(){
  1227. $('.nav_content a[href^="#"]').on('click',function (e) {
  1228. e.preventDefault();
  1229.  
  1230. var target = this.hash;
  1231. $target = $(target);
  1232.  
  1233. $('html, body').stop().animate({
  1234. 'scrollTop': $target.offset().top
  1235. }, 1400, 'swing');
  1236. });
  1237. });
  1238. </script>
  1239. <!--Back to top Button-->
  1240.  
  1241. </body>
  1242. </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!