API tools faq
paste
Advertisement
crista

Theme 13

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