API tools faq
paste
Advertisement
crista

theme 15 light

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