API tools faq
paste
Advertisement
crista

Theme #11 version 1

crista
Sep 6th, 2013
1,741
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. Theme by lets-get-it-poppin.tumblr.com
  3. You can edit as much as you like, but please don't remove the credit or claim as your own. Thank you~ ^^
  4. -->
  5. <html>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10.  
  11. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  15.  
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />{/block:Description}
  19. <title>
  20. {block:PostSummary}
  21. {PostSummary} - {/block:PostSummary}{Title}</title>
  22. </style>
  23.  
  24.  
  25.  
  26. <!--Default Variables-->
  27. <!--Colors-->
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Description Background" content="#fcfcfc"/>
  30. <meta name="color:Description Border" content="#f6f6f6"/>
  31. <meta name="color:Description text" content="#979696"/>
  32. <meta name="color:Text" content="#979696"/>
  33. <meta name="color:Link" content="#c7c4c4"/>
  34. <meta name="color:Link Hover" content="#e4e4e4"/>
  35. <meta name="color:Sidebar Link" content="#c7c4c4"/>
  36. <meta name="color:Sidebar Link Hover" content="#e4e4e4"/>
  37. <meta name="color:Sidelinks Background" content="#f7f5f5"/>
  38. <meta name="color:Sidelinks Background Hover" content="#ffffff"/>
  39. <meta name="color:Sidelinks Border" content="#e8e8e8"/>
  40. <meta name="color:Blockquote Color" content="#d6d8d8"/>
  41. <meta name="color:Entries" content="#ffffff" />
  42. <meta name="color:Sidebar img Border" content="#f6f6f6"/>
  43. <meta name="color:Post Border" content="#f6f6f6"/>
  44. <meta name="color:Scrollbar" content="#cac9c9">
  45. <meta name="color:Scrollbar Border" content="#ffffff">
  46. <meta name="color:Scrollbar Background" content="#d8d8d8">
  47. <meta name="color:Selection Text" content="#ffffff"/>
  48. <meta name="color:Selection Background" content="#949494"/>
  49. <meta name="color:Question Background" content="#f7f7f7"/>
  50. <meta name="color:Audio Background" content="#f7f7f7"/>
  51. <meta name="color:Blockquote bg color" content="#fcfcfc"/>
  52. <meta name="color:Permalink background" content="#ffffff" />
  53. <meta name="color:Text Bold" content="#8b8989"/>
  54. <meta name="color:Text Italic" content="#bbbaba"/>
  55. <meta name="color:Permalink" content="#696969"/>
  56. <meta name="color:Permalink Hover" content="#e4e4e4"/>
  57. <meta name="color:Permalink Tags" content="#696969"/>
  58. <meta name="color:Chat Line 1" content="#f7f7f7"/>
  59. <meta name="color:Chat Line 2" content="#fbfbfb"/>
  60. <meta name="color:Tags Background" content="#f7f5f5"/>
  61. <meta name="color:Tags Background Hover" content="#ffffff"/>
  62. <meta name="color:smt tooltip text" content="#ffffff"/>
  63. <meta name="color:smt tooltip bg" content="#7e7e7e"/>
  64. <meta name="color:smt tooltip border" content="#696969"/>
  65.  
  66. <!--Images-->
  67. <meta name="image:Background" content""/>
  68. <meta name="image:Sidebar" content""/>
  69.  
  70. <!--Options-->
  71. <meta name="if:InfiniteScrolling" content="0" />
  72. <meta name="if:ShowCaptions" content="0">
  73. <meta name="if:ShowTags" content="0">
  74. <meta name="if:Cursor" content="1">
  75. <meta name="if:Audio Player Black" content="0">
  76. <meta name="if:Audio Player White" content="1">
  77. <meta name="if:Invert Follow and Dashboard Buttons" content="1">
  78. <meta name="if:Hover Fade Images" content="1">
  79. <meta name="if:Fade Images" content="0">
  80. <meta name="if:250post" content="0">
  81. <meta name="if:400post" content="0">
  82. <meta name="if:500post" content="1">
  83. <meta name="text:Link 1" content="/" />
  84. <meta name="text:Link 1 Text" content="Link" />
  85. <meta name="text:Link 1 Title" content="Link 1 Title" />
  86. <meta name="text:Link 2" content="/" />
  87. <meta name="text:Link 2 Text" content="Link" />
  88. <meta name="text:Link 2 Title" content="Link 2 Title" />
  89. <meta name="text:Link 3" content="/" />
  90. <meta name="text:Link 3 Text" content="Link" />
  91. <meta name="text:Link 3 Title" content="Link 3" />
  92. <meta name="text:Link 4" content="/" />
  93. <meta name="text:Link 4 Text" content="Link" />
  94. <meta name="text:Link 4 Title" content="Link 4" />
  95. <meta name="text:Link 5" content="" />
  96. <meta name="text:Link 5 Text" content="" />
  97. <meta name="text:Link 5 Title" content="" />
  98. <meta name="text:Link 6" content="" />
  99. <meta name="text:Link 6 Text" content="" />
  100. <meta name="text:Link 6 Title" content="" />
  101. <meta name="text:Back to top img" content=""/>
  102. <meta name="text:Sidebar img Title" content="Sidebar img Title" />
  103. <meta name="text:Sidebar Position Top" content="210">
  104. <meta name="text:Sidebar Position Left" content="190">
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109. {block:IfCursor}*, body, a, a:hover {
  110. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  111. }
  112. {/block:IfCursor}
  113.  
  114.  
  115.  
  116. iframe#tumblr_controls {
  117. right:2px !important;
  118. opacity:0.4;
  119. position: fixed !important;
  120. {block:IfInvertFollowandDashboardButtons}
  121. -webkit-filter: invert(100%);
  122. opacity:0.3;
  123. {/block:IfInvertFollowandDashboardButtons}
  124. filter:alpha(opacity=30);
  125. -webkit-transition: all 0.7s ease;
  126. -moz-transition: all 0.7s ease;
  127. -o-transition: all 0.7s ease;
  128. }
  129. iframe#tumblr_controls:hover{
  130. position: fixed !important;
  131. filter:alpha(opacity=80);
  132. -webkit-transition: all 0.7s ease;
  133. -moz-transition: all 0.7s ease;
  134. -o-transition: all 0.7s ease;
  135. }
  136.  
  137.  
  138.  
  139. ::selection {
  140. background:{color:Selection Background};
  141. color:{color:Selection Text};
  142. }
  143.  
  144.  
  145.  
  146. ::-webkit-scrollbar-thumb {
  147. background-color:{color:scrollbar};
  148. border:2px solid {color:scrollbar border};
  149. height:50px;
  150. }
  151.  
  152. ::-webkit-scrollbar {
  153. height:9px;
  154. width:9px;
  155. background-color:{color:scrollbar background};
  156. border:4px solid {color:background};
  157. }
  158.  
  159.  
  160.  
  161. {block:IfHoverFadeImages}
  162. img{
  163. -webkit-transition: opacity 0.7s linear;
  164. }
  165. img:hover{
  166. -webkit-transition: opacity 0.7s linear;
  167. opacity: 0.70;
  168. }
  169. {/block:IfHoverFadeImages}
  170.  
  171.  
  172.  
  173. {block:IfHoverFadeImages}
  174. iframe.photoset {
  175. -webkit-transition: opacity 0.7s linear;
  176. }
  177. iframe.photoset:hover {
  178. -webkit-transition: opacity 0.7s linear;
  179. opacity: 0.70;
  180. }
  181. {/block:IfHoverFadeImages}
  182.  
  183.  
  184.  
  185.  
  186. {block:IfFadeImages}
  187. img{
  188. -webkit-transition: opacity 0.7s linear;
  189. opacity: 0.70;
  190. }
  191. img:hover{
  192. -webkit-transition: opacity 0.7s linear;
  193. opacity: 1;
  194. }
  195. {/block:IfFadeImages}
  196.  
  197. {block:IfFadeImages}
  198. iframe.photoset {
  199. -webkit-transition: opacity 0.7s linear;
  200. opacity: 0.70;
  201. }
  202. iframe.photoset:hover {
  203. -webkit-transition: opacity 0.7s linear;
  204. opacity: 1;
  205. }
  206. {/block:IfFadeImages}
  207.  
  208.  
  209.  
  210.  
  211. body{
  212. background-color: {color:Background};
  213. background-image:url({image:Background});
  214. background-attachment:fixed;
  215. background-repeat:repeat;
  216. background-position:center;
  217. font-family:times;
  218. font-size:11px;
  219. line-height:12px;
  220. color:{color:Text};
  221. overflow-x:hidden;
  222. }
  223.  
  224. a {
  225. text-decoration:none;
  226. color:{color:Link};
  227. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  228.  
  229. a:hover{
  230. color:{color:Link Hover};
  231. text-decoration:underline;
  232. -webkit-transition: all 0.4s ease;
  233. -moz-transition: all 0.4s ease;
  234. -o-transition: all 0.4s ease;
  235. }
  236.  
  237. b, strong {color:{color:Text Bold};}
  238. i, em {color:{color:Text Italic};}
  239.  
  240.  
  241. #container {
  242. margin:48px;
  243. width:450px;
  244. }
  245.  
  246.  
  247.  
  248. #entry {
  249. {block:IndexPage}
  250. {block:If250Post}width:250px;{/block:If250Post}
  251. {block:If400Post}width:400px;{/block:If400Post}
  252. {block:If500Post}width:500px;{/block:If500post}
  253. {/block:IndexPage}
  254. {block:PermalinkPage}
  255. width:500px;
  256. {/block:PermalinkPage}
  257. background:{color:Entries};
  258. margin-left:370px;
  259. margin-top:19px;
  260. {block:IndexPage}
  261. padding:10px;
  262. {/block:IndexPage}
  263. {block:PermalinkPage}
  264. padding:10px;
  265. {/block:PermalinkPage}
  266. border:1px solid {color:Post Border};
  267. }
  268.  
  269. #entry img{
  270. {block:IndexPage}
  271. {block:If250Post}max-width:250px;{/block:If250Post}
  272. {block:If400Post}max-width:400px;{/block:If400Post}
  273. {block:If500Post}max-width:500px;{/block:If500post}
  274. {/block:IndexPage}
  275. {block:PermalinkPage}
  276. max-width:500px;
  277. {/block:PermalinkPage}
  278. }
  279.  
  280.  
  281. #entry:hover .perma {
  282. opacity:0.9;
  283. {block:If250Post}margin-top:5px;{/block:If250Post}
  284. {block:If400Post}margin-top:5px;{/block:If400Post}
  285. {block:If500Post}margin-top:5px;{/block:If500Post}
  286. -webkit-transition:all .3s;
  287. -moz-transition:all .3s;
  288. -o-transition:all .3s;
  289. }
  290.  
  291.  
  292.  
  293.  
  294. .perma {
  295. {block:If250Post}margin-left:27px;{/block:If250Post}
  296. {block:If400Post}margin-left:100px;{/block:If400Post}
  297. {block:If500Post}margin-left:150px;{/block:If500Post}
  298. width:190px;
  299. position:absolute;
  300. font-family:calibri;
  301. line-height:10px;
  302. text-align:center;
  303. overflow:hidden;
  304. padding:2px;
  305. padding-top:5px;
  306. padding-bottom:4px;
  307. margin-top:-2px;
  308. border:1px solid {color:post border};
  309. -moz-border-radius:1px;
  310. -webkit-border-radius:1px;
  311. border-radius:1px;
  312. box-shadow:1px 1px 1px {color:post border};
  313. opacity:0;
  314. z-index:5000;
  315. background-color:{color:permalink background};
  316. -webkit-transition:all .3s ease-out;
  317. -moz-transition:all .3s ease-out;
  318. -o-transition:all .3s ease-out;
  319. }
  320.  
  321.  
  322. .perma a {
  323. color:{color:Permalink};
  324. font-size:10px;
  325. text-transform:uppercase;
  326. letter-spacing:0px;}
  327.  
  328. .perma a:hover {
  329. color:{color:Permalink Hover};
  330. }
  331.  
  332.  
  333.  
  334.  
  335. .tagsperma {
  336. font-family:calibri;
  337. line-height:10px;
  338. font-style:normal;
  339. }
  340.  
  341.  
  342. .tagsperma a {
  343. font-size:10px;
  344. letter-spacing:0px;
  345. color:{color:Permalink Tags};
  346. text-transform:none;
  347. transition-duration: 0.60s;
  348. -moz-transition-duration: 0.60s;
  349. -webkit-transition-duration: 0.60s;
  350. -o-transition-duration: 0.60s;
  351. }
  352.  
  353. .tagsperma a:hover {
  354. color:{color:Permalink Hover};
  355. letter-spacing:0px;
  356. }
  357.  
  358.  
  359.  
  360.  
  361. #permalink{
  362. {block:PermalinkPage}
  363. width:520px;
  364. margin-left:370px;
  365. text-align:center;
  366. margin-top:5px;
  367. padding:1px;
  368. padding-top:3px;
  369. padding-bottom:3px;
  370. font-size:10px;
  371. font-family:calibri;
  372. text-transform:uppercase;
  373. font-style:none;
  374. background-color:{color:permalink background};
  375. {/block:PermalinkPage}
  376. }
  377.  
  378.  
  379.  
  380.  
  381. ol.notes {
  382. width:522px;
  383. padding:0px;
  384. margin-left:370px;
  385. list-style-type:none;
  386. margin-top:5px;
  387. border-bottom:1px solid {color:Post Border};
  388. background-color:{color:Entries};
  389. }
  390.  
  391. ol.notes li.note {
  392. padding:5px;
  393. border-top:1px solid {color:Post Border};
  394. }
  395.  
  396. ol.notes li.note img.avatar {
  397. vertical-align:-4px;
  398. margin-right:10px;
  399. width:16px;
  400. height:16px;
  401. }
  402.  
  403. ol.notes li.note blockquote {
  404. padding:1px;
  405. padding-left:5px;
  406. margin:7px;
  407. background-color:{color:Blockquote bg color};
  408. }
  409.  
  410.  
  411.  
  412. #side {
  413. width:101px;
  414. text-align:center;
  415. position:fixed;
  416. margin-top:{text:Sidebar Position Top}px;
  417. margin-left:{text:Sidebar Position Left}px;
  418. z-index:1;
  419. padding:6px;
  420. }
  421.  
  422.  
  423. #sideimage img {
  424. width:107px;
  425. border:1px solid {color:Sidebar img Border};
  426. padding:4px;
  427. background-color:{color:entries};
  428. }
  429.  
  430.  
  431.  
  432.  
  433. .desc {
  434. width:109px;
  435. color:{color:Description text};
  436. font-family:times;
  437. font-size:9px;
  438. line-height:11px;
  439. background-color:{color:Description Background};
  440. margin-left:0px;
  441. margin-top:2px;
  442. padding:4px;
  443. padding-top:2px;
  444. padding-bottom:4px;
  445. font-style:none;
  446. text-align:left;
  447. text-transform:none;
  448. letter-spacing:0px;
  449. border-bottom:2px solid {color:Description Border};
  450. }
  451.  
  452.  
  453.  
  454.  
  455.  
  456. .navigate{
  457. font-family:times new roman;
  458. text-align:center;
  459. margin-left:0px;
  460. margin-top:2px;
  461. font-size:10px;
  462. width:117px;
  463. text-transform:lowercase;
  464. font-style:italic;
  465. letter-spacing:0px;
  466. line-height:15px;
  467. }
  468.  
  469.  
  470. .navigate a {
  471. color:{color:Sidebar Link};
  472. background-color:{color:Sidelinks Background};
  473. border-bottom:1px solid {color:Sidelinks Border};
  474. width:49px;
  475. padding:4px;
  476. padding-top:4px;
  477. padding-bottom:4px;
  478. margin-top:3px;
  479. margin-bottom:3px;
  480. line-height:10px;
  481. display:inline-block;
  482. transition-duration: 0.40s;
  483. -moz-transition-duration: 0.40s;
  484. -webkit-transition-duration: 0.40s;
  485. -o-transition-duration: 0.40s;
  486. }
  487.  
  488. .navigate a:hover {
  489. color:{color:Sidebar Link Hover};
  490. background-color:{color:Sidelinks Background Hover};
  491. text-decoration:none;
  492. letter-spacing:1px;
  493. transition-duration:0.50s;
  494. -moz-transition-duration:0.50s;
  495. -webkit-transition-duration:0.50s;
  496. -o-transition-duration:0.50s;
  497. }
  498.  
  499.  
  500.  
  501.  
  502. .tags {
  503. {block:PermalinkPage}
  504. text-align:center;
  505. margin-top:0px;
  506. width:526px;
  507. padding:0px;
  508. font-size:10px;
  509. text-transform:none;
  510. font-style:normal;
  511. font-family:calibri;
  512. {/block:PermalinkPage}
  513. }
  514.  
  515.  
  516. .tags a {
  517. color:{color:Link};
  518. padding:0px;
  519. margin:2px;
  520. line-height:14px;
  521. transition-duration: 0.60s;
  522. -moz-transition-duration: 0.60s;
  523. -webkit-transition-duration: 0.60s;
  524. -o-transition-duration: 0.60s;
  525. letter-spacing:0px;
  526. background-color:{color:Tags Background};
  527. }
  528.  
  529. .tags a:hover {
  530. color:{color:Link Hover};
  531. padding:0px;
  532. margin:2px;
  533. letter-spacing:0px;
  534. background-color:{color:Tags Background Hover};
  535. }
  536.  
  537.  
  538. .vid{
  539. {block:IfFadeImages}
  540. opacity:0.70;
  541. -webkit-transition: opacity 0.7s linear;
  542. {/block:IfFadeImages}
  543. {block:IfHoverFadeImages}
  544. -webkit-transition: opacity 0.7s linear;
  545. {/block:IfHoverFadeImages}
  546. }
  547.  
  548. .vid:hover{
  549. {block:IfFadeImages}
  550. opacity:1;
  551. -webkit-transition: opacity 0.7s linear;
  552. {/block:IfFadeImages}
  553. {block:IfHoverFadeImages}
  554. -webkit-transition: opacity 0.7s linear;
  555. opacity: 0.70;
  556. {/block:IfHoverFadeImages}
  557. }
  558.  
  559.  
  560.  
  561.  
  562.  
  563. .pagi {
  564. width:105px;
  565. font-size:10px;
  566. margin-left:3px;
  567. font-family:times;
  568. text-transform:lowercase;
  569. letter-spacing:0px;
  570. font-style:none;
  571. text-align:center;
  572. }
  573.  
  574. .pagi a {
  575. color:{color:link};
  576. }
  577.  
  578. .pagi a:hover {
  579. color:{color:link hover};
  580. }
  581.  
  582.  
  583. .blogtitle{
  584. width:132px;
  585. font-size:26px;
  586. margin-left:-10px;
  587. margin-top:0px;
  588. line-height:20px;
  589. letter-spacing:-2px;
  590. text-align:center;
  591. font-family:trebuchet ms;
  592. font-style:normal;
  593. font-weight:normal;
  594. padding:1px;
  595. padding-bottom:4px;
  596. padding-top:0px;
  597. text-transform:normal;
  598. }
  599.  
  600. .blogtitle a{
  601. color:{color:Link};
  602. }
  603.  
  604. .blogtitle a:hover{
  605. color:{color:Link hover};
  606. text-decoration:none;
  607. }
  608.  
  609.  
  610.  
  611. .posttitle{
  612. font-size:16px;
  613. line-height:15px;
  614. padding:2px;
  615. font-family:times;
  616. text-transform:normal;
  617. text-align:left;
  618. font-style:normal;
  619. font-weight:normal;
  620. letter-spacing:0px;
  621. border-bottom:1px solid {color:Post Border};
  622. padding-bottom:5px;
  623. }
  624.  
  625.  
  626. .quote{
  627. font-size:15px;
  628. line-height:15px;
  629. padding-top:7px;
  630. padding-left:25px;
  631. padding-right:25px;
  632. text-indent:10px;
  633. letter-spacing:0px;
  634. font-family:times;
  635. text-transform:normal;
  636. text-align:left;
  637. font-style:italic;
  638. font-weight:normal;
  639. }
  640.  
  641. .quotemark{
  642. position:absolute;
  643. margin-top:11px;
  644. margin-left:6px;
  645. line-height:19px;
  646. font-family:georgia;
  647. font-size:35px;
  648. font-weight:bold;
  649. opacity:.5;
  650. }
  651.  
  652.  
  653. blockquote {
  654. border-left:2px solid {color:Blockquote Color};
  655. background-color:{color:Blockquote bg color};
  656. padding-left:4px;
  657. margin:4px 1px;
  658. }
  659.  
  660. #entry blockquote img {
  661. max-width:100%;
  662. }
  663.  
  664.  
  665. .albumart {
  666. width:60px;
  667. height:60px;
  668. background:url('http://static.tumblr.com/rckvjnp/vFKmpmhmg/music_itunes1.png') no-repeat center;
  669. position:relative;
  670. z-index:1;
  671. margin-right:10px;
  672. padding:0px;
  673. border:6px solid {color:post border};
  674. background-color:{color:entries};
  675. }
  676.  
  677. .albumart img {
  678. opacity:1;
  679. }
  680.  
  681.  
  682. .playbutton {
  683. width:28px;
  684. height:28px;
  685. overflow:hidden;
  686. position:relative;
  687. z-index:1000;
  688. margin: 18px 15px 14px 17px;
  689.  
  690. }
  691.  
  692. .playbox {
  693. {block:IfAudioPlayerWhite}
  694. background-color:#fff;
  695. {/block:IfAudioPlayerWhite}
  696. {block:IfAudioPlayerBlack}
  697. background-color:#000;
  698. {/block:IfAudioPlayerBlack}
  699. position:absolute;
  700. z-index:1000;
  701. margin-top:6px;
  702. margin-left:6px;
  703. {block:IfAudioPlayerWhite}
  704. opacity:.2;
  705. {/block:IfAudioPlayerWhite}
  706. {block:IfAudioPlayerBlack}
  707. opacity:.1;
  708. {/block:IfAudioPlayerBlack}
  709. transition: 0.7s;
  710. -moz-transition: 0.7s;
  711. -webkit-transition: 0.7s;
  712. -o-transition: 0.7s;
  713. }
  714.  
  715. #entry:hover .playbox {
  716. opacity:.9;
  717. transition: 0.7s;
  718. -moz-transition: 0.7s;
  719. -webkit-transition: 0.7s;
  720. -o-transition: 0.7s;
  721. }
  722.  
  723. .audioinfo {
  724. {block:IndexPage}
  725. {block:If250Post}width:169px;{/block:If250Post}
  726. {block:If400Post}width:319px;{/block:If400Post}
  727. {block:If500Post}width:419px;{/block:If500post}
  728. {/block:IndexPage}
  729. {block:PermalinkPage}
  730. width:418px;
  731. {/block:PermalinkPage}
  732. height:64px;
  733. line-height:12px;
  734. position:absolute;
  735. font-family:cambria;
  736. {block:IndexPage}
  737. {block:If400Post}font-size:11px;{/block:If400Post}
  738. {block:If500Post}font-size:11px;{/block:If500post}
  739. {block:If250Post}font-size:10px;{/block:If250Post}
  740. {/block:IndexPage}
  741. {block:PermalinkPage}
  742. font-size:11px;
  743. {/block:PermalinkPage}
  744. text-align:center;
  745. background:{color:Audio Background};
  746. margin:-72px 0px 0px 81px;
  747. padding-top:4px;
  748. padding-bottom:4px;
  749. text-transform:none;
  750. }
  751.  
  752.  
  753.  
  754. .askbg {
  755. text-align:left;
  756. background:{color:Question Background};
  757. margin:1px 0px 0px 54px;
  758. padding:17px;
  759. padding-left:7px;
  760. padding-top:0px;
  761. padding-bottom:11px;
  762. position:relative;
  763. }
  764.  
  765. .askborder {
  766. float:left;
  767. margin:1px 4px 0 0;
  768. padding:4px;
  769. background:{color:Question Background};
  770. }
  771.  
  772.  
  773. .chatlines .line {
  774. background-color:{color:Chat Line 1};
  775. padding:2px;
  776. margin-bottom:2px;
  777. padding-left:4px;
  778. padding-right:4px;
  779. }
  780.  
  781. .chatlines .line.odd {
  782. background-color:{color:Chat Line 2};
  783. }
  784.  
  785.  
  786. #credit {
  787. font-size:9px;
  788. position:fixed;
  789. font-family:cambria;
  790. bottom:4px;
  791. left:5px;
  792. padding:2px;
  793. line-height:8px;
  794. }
  795.  
  796.  
  797.  
  798. #s-m-t-tooltip{
  799. max-width:200px;
  800. z-index:5000;
  801. margin:13px 5px 3px 4px;
  802. padding:2px;
  803. padding-left:4px;
  804. padding-right:4px;
  805. background-color:{color:smt tooltip bg};
  806. border:1px solid {color:smt tooltip border};
  807. -moz-border-radius:1px;
  808. -webkit-border-radius:1px;
  809. border-radius:1px;
  810. box-shadow:1px 1px 1px {color:smt tooltip border};
  811. font-family:cambria;
  812. color:{color:smt tooltip text};
  813. font-size:9px;
  814. font-style:none;
  815. line-height:12px;
  816. text-transform:lowercase;
  817. letter-spacing:1px;
  818. }
  819.  
  820.  
  821.  
  822.  
  823. {CustomCSS}
  824. </style>
  825.  
  826. <!----- SCROLL TOP ---->
  827.  
  828. <script type="text/javascript"
  829. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  830. </script>
  831. <script type="text/javascript" language="javascript">
  832. $(function () {
  833. $('#scrlBotm').click(function () {
  834. $('html, body').animate({
  835. scrollTop: $(document).height()
  836. },
  837. 1500);
  838. return false;
  839. });
  840.  
  841. $('#scrlTop').click(function () {
  842. $('html, body').animate({
  843. scrollTop: '0px'
  844. },
  845. 1500);
  846. return false;
  847. });
  848. });
  849. </script>
  850.  
  851.  
  852. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  853. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  854.  
  855.  
  856. <script>
  857. (function($){
  858. $(document).ready(function(){
  859. $("[title],a[title],img[title]").style_my_tooltips({
  860. tip_follows_cursor:true,
  861. tip_delay_time:0,
  862. tip_fade_speed:50,
  863. attribute:"title"
  864. });
  865. });
  866. })(jQuery);
  867. </script>
  868.  
  869.  
  870.  
  871. </head>
  872.  
  873. {block:IfInfiniteScrolling}
  874. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  875.  
  876.  
  877.  
  878.  
  879. <body>
  880.  
  881.  
  882.  
  883. <div id="container">
  884. <div id="side">
  885. <div class="blogtitle"><a href="/">{Title}</a></div>
  886. <div id="sideimage">
  887. <a href="/"><img src="{image:Sidebar}" {block:Ifsidebarimgtitle}title="{text:Sidebar img Title}"{/block:Ifsidebarimgtitle}></a></div>
  888.  
  889. <div class="desc">
  890. {Description}
  891. </div>
  892. <div class="navigate">
  893. <a href="/" title="Home">Home</a>
  894. <a href="/ask" title="Ask">Ask</a>
  895. {block:IfLink1}<a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Text}</a>{/block:IfLink1}
  896. {block:IfLink2} <a href="{text:Link 2}" title="{text:Link 2 Title}">{text:Link 2 Text}</a>{/block:IfLink2}
  897. {block:IfLink3} <a href="{text:Link 3}" title="{text:Link 3 Title}">{text:Link 3 Text}</a>{/block:IfLink3}
  898. {block:IfLink4} <a href="{text:Link 4}" title="{text:Link 4 Title}">{text:Link 4 Text}</a>{/block:IfLink4}
  899. {block:IfLink5} <a href="{text:Link 5}" title="{text:Link 5 Title}">{text:Link 5 Text}</a>{/block:IfLink5}
  900. {block:IfLink6} <a href="{text:Link 6}" title="{text:Link 6 Title}">{text:Link 6 Text}</a>{/block:IfLink6}
  901. {block:IfLink7} <a href="{text:Link 7}" title="{text:Link 7 Title}">{text:Link 7 Text}</a>{/block:IfLink7}
  902. </div>
  903.  
  904.  
  905. <br>
  906. {block:ifNotInfiniteScrolling}
  907. {block:Pagination}
  908. <div class="pagi">
  909. {block:PreviousPage}
  910. <a href="{PreviousPage}" title="Prev Page">Prev</a>
  911. {/block:PreviousPage}
  912. {block:NextPage}
  913. — <a href="{NextPage}" title="Next Page">Next</a>
  914. {/block:NextPage}
  915. </div>
  916. {/block:Pagination}
  917. {/block:ifNotInfiniteScrolling}
  918. </div>
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927. {block:IfInfiniteScrolling}<div class = "autopagerize_page_element" >{/block:IfInfiniteScrolling}
  928. {block:Posts}
  929. <div id="entry">
  930.  
  931. {block:Text}
  932. {block:IndexPage}
  933. <div class="perma">
  934. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  935. {/block:Date}
  936. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  937. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  938. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  939. </div>
  940. {/block:IndexPage}
  941. {block:Title}
  942. <div class="posttitle">{Title}</div>
  943. {/block:Title}
  944. {Body}
  945. {/block:Text}
  946.  
  947. {block:Link}
  948. {block:IndexPage}
  949. <div class="perma">
  950. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  951. {/block:Date}
  952. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  953. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  954. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  955. </div>
  956. {/block:IndexPage}
  957. <div class="posttitle">
  958. <a href="{URL}">{Name} →</a>
  959. </div>
  960. {block:Description}{Description}{/block:Description}
  961. {/block:Link}
  962.  
  963. {block:Photo}
  964. {block:IndexPage}
  965. <div class="perma">
  966. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  967. {/block:Date}
  968. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  969. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  970. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  971. </div>
  972. {/block:IndexPage}
  973. <center>
  974. {LinkOpenTag}
  975. {block:IndexPage}
  976. <a href="{permalink}"><img class="Photo" src="{PhotoURL-500}"
  977. {block:If250Post}max-width="250"{/block:If250Post}
  978. {block:If400Post}max-width="400"{/block:If400Post}
  979. {block:If500Post}max-width="500"{/block:If500Post}
  980. alt="{PhotoAlt}"/></a>
  981. {/block:IndexPage}
  982. {block:PermalinkPage}
  983. <img class="Photo" src="{PhotoURL-500}"width="500"alt="{PhotoAlt}"/></a>
  984. {/block:PermalinkPage}
  985. {LinkCloseTag}
  986. </center>
  987. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  988. {block:ContentSource}
  989. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  990. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  991. {/block:SourceLogo}
  992. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  993. {/block:ContentSource}
  994. {block:ReblogParentURL}
  995. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  996. {/block:ReblogParentURL}
  997. {/block:Photo}
  998.  
  999. {block:Photoset}
  1000. {block:IndexPage}
  1001. <div class="perma">
  1002. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1003. {/block:Date}
  1004. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1005. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  1006. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1007. </div>
  1008. {/block:IndexPage}
  1009. {block:IndexPage}
  1010. {block:If250Post}{Photoset-250}{/block:If250Post}
  1011. {block:If400Post}{Photoset-400}{/block:If400Post}
  1012. {block:If500Post}{Photoset-500}{/block:If500Post}
  1013. {/block:IndexPage}
  1014. {block:PermalinkPage}
  1015. {Photoset-500}
  1016. {/block:PermalinkPage}
  1017. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1018. {/block:Photoset}
  1019.  
  1020. {block:Quote}
  1021. {block:IndexPage}
  1022. <div class="perma">
  1023. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1024. {/block:Date}
  1025. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1026. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  1027. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1028. </div>
  1029. {/block:IndexPage}
  1030. <div class="quotemark">“</div>
  1031. <div class="quote">{Quote}</div>
  1032. {block:Source}
  1033. <p align="center">— {Source}</p>
  1034. {/block:Source}
  1035. {/block:Quote}
  1036.  
  1037. {block:Chat}
  1038. {block:IndexPage}
  1039. <div class="perma">
  1040. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1041. {/block:Date}
  1042. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1043. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  1044. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1045. </div>
  1046. {/block:IndexPage}
  1047. {block:Title}
  1048. <div class="posttitle">
  1049. {Title}
  1050. </div>
  1051. {/block:Title}
  1052. <div class="chatlines">
  1053. {block:Lines}
  1054. <div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  1055. {/block:Lines}
  1056. </div>
  1057. {/block:Chat}
  1058.  
  1059.  
  1060. {block:Answer}
  1061. {block:IndexPage}
  1062. <div class="perma">
  1063. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1064. {/block:Date}
  1065. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1066. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1067. </div>
  1068. {/block:IndexPage}
  1069. <img src="{AskerPortraitURL-40}" align="left" class="askborder"><div class="askbg"><span></span><span style="font-family:trebuchet ms;font-size:16px; text-transform:lowercase;letter-spacing:0px;line-height:25px;font-style:italic;">{Asker}</span> <br>{Question}</div>{Answer}
  1070. {/block:Answer}
  1071.  
  1072.  
  1073. {block:Audio}
  1074. {block:IndexPage}
  1075. <div class="perma">
  1076. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1077. {/block:Date}
  1078. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1079. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  1080. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1081. </div>
  1082. {/block:IndexPage}
  1083. <div class="playbox"><div class="playbutton">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  1084. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60" height="60">{/block:AlbumArt}</div>
  1085. <div class="audioinfo">
  1086. {block:TrackName}{TrackName}<br/>{/block:TrackName}
  1087. <div style="font-family:calibri;font-size:9px;{block:If250Post}font-size:9px;{/block:If250Post}text-transform:none;margin-top:4px;">
  1088. {block:Artist}{Artist}<br/>{/block:Artist}
  1089. {block:Album} {Album}<br/>{/block:Album}
  1090. {block:PlayCount}({PlayCountWithLabel}){/block:PlayCount}
  1091. </div></div>
  1092.  
  1093. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1094.  
  1095. {/block:Audio}
  1096.  
  1097. {block:Video}
  1098. {block:IndexPage}
  1099. <div class="perma">
  1100. {block:Date}<a href="{Permalink}" title="Permalink"> {Month} {DayOfMonthWithZero}</a>
  1101. {/block:Date}
  1102. {block:NoteCount} <small><small><small>・</small></small></small> <a href="{Permalink}" title="{NoteCountwithlabel}">{NoteCountwithlabel}</a>{/block:NoteCount}
  1103. <small><small><small>・</small></small></small> <a href="{ReblogURL}" target="_blank" title="Reblog">reblog</a>
  1104. <div class="tagsperma">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}; </a>{/block:Tags}{/block:HasTags}{/block:IfShowTags} </div>
  1105. </div>
  1106. {/block:IndexPage}
  1107. <div class="vid">
  1108. {block:IndexPage}
  1109. {block:If250Post}{Video-250}{/block:If250Post}
  1110. {block:If400Post}{Video-400}{/block:If400Post}
  1111. {block:If500Post}{Video-500}{/block:If500Post}
  1112. {/block:IndexPage}
  1113. {block:PermalinkPage}
  1114. {Video-500}
  1115. {/block:PermalinkPage}
  1116. </div>
  1117. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1118. {/block:Video}
  1119.  
  1120.  
  1121. {block:PermalinkPage}
  1122. </div>
  1123. {block:Date}
  1124. <div id="permalink">
  1125. <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  1126. {block:NoteCount} <small><small><small>・</small></small></small>
  1127. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1128. {block:RebloggedFrom}
  1129. <small><small><small>・</small></small></small> <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">(source)</a>
  1130. {/block:RebloggedFrom}
  1131.  
  1132. {block:HasTags}
  1133. <div class="tags">
  1134. {block:Tags}<a href="{TagURL}">#{Tag};</a>
  1135. {/block:Tags}
  1136. </div>
  1137. {/block:HasTags}
  1138. </div>
  1139. {/block:PermalinkPage}
  1140.  
  1141.  
  1142. {block:PostNotes}
  1143. {PostNotes}</div>
  1144. {/block:PostNotes}
  1145. </div>
  1146. {/block:Posts}
  1147.  
  1148. </div>
  1149.  
  1150.  
  1151.  
  1152. <div id="credit"><a href="http://lets-get-it-poppin.tumblr.com/" title="theme by lets-get-it-poppin"><big>th ♡</big></a></div>
  1153.  
  1154.  
  1155.  
  1156. <a id="scrlTop" title="Top" href="#" style="position: fixed; bottom:-1px; right: 19px;"><img src="{text:Back to top img}"></a>
  1157.  
  1158.  
  1159.  
  1160.  
  1161. </body>
  1162. </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!