API tools faq
paste
Advertisement
franzkaiser

#3 LIME THEME

franzkaiser
Aug 30th, 2014
6,584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9. lime theme by koduck.tumblr ✰ terms of use:
  10. 1. do not remove credit
  11. 2. do not use as base
  12. 3. do not redistribute/claim as your own
  13. 4. do not use any part of the code without permission
  14. + edit it as much as you like
  15. + you can move the credit link in a seperate page,
  16. just don't remove it completely
  17. + thank you for using my theme \o/
  18. -->
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/223510064e59028060b36c572ee5f32a/eyiktef/qW3nbdx6r/tumblr_static_frsuxq5r8xkwoskwc08o4cs.png" />
  21. <meta name="image:SideColumn" content="http://static.tumblr.com/76e842ac7823d51dea9471bab506147a/eyiktef/ZyGnboskf/tumblr_static_9unm1v1yckwso08s0ocokcgow.png" />
  22.  
  23. <meta name="if:Background Cover" content="1" />
  24. <meta name="if:SideColumn" content="1" />
  25. <meta name="if:More Links" content="1" />
  26. <meta name="if:Webkit Scrollbar" content="1" />
  27. <meta name="if:Infinite Scroll" content="0"/>
  28. <meta name="if:Lazyload Content" content="0"/>
  29. <meta name="if:Lazyload Photos" content="0"/>
  30. <meta name="if:White Audio" content="0"/>
  31. <meta name="if:Small Posts" content="0"/>
  32. <meta name="if:Bubble TextPosts" content="1"/>
  33.  
  34. <meta name="color:Text" content="#111" />
  35. <meta name="color:Background" content="#f2f2f2" />
  36. <meta name="color:Links" content="#bbb" />
  37. <meta name="color:LinksHover" content="#111" />
  38. <meta name="color:Bold" content="#111" />
  39. <meta name="color:Italic" content="#444444" />
  40. <meta name="color:Title" content="#111" />
  41. <meta name="color:SidebarLinks" content="#ccc" />
  42. <meta name="color:SidebarLinksBG" content="#222" />
  43. <meta name="color:SidebarLinksHover" content="#eee" />
  44. <meta name="color:Description" content="#111" />
  45. <meta name="color:MoreLinks" content="#fff" />
  46. <meta name="color:MoreLinksHover" content="#000" />
  47. <meta name="color:Permalink" content="#111" />
  48. <meta name="color:PermalinkLinks" content="#fff" />
  49. <meta name="color:Borders" content="#ddd" />
  50. <meta name="color:QuestionText" content="#fff" />
  51. <meta name="color:QuestionBG" content="#111" />
  52. <meta name="color:Pagination" content="#fff" />
  53. <meta name="color:PaginationHover" content="#111" />
  54. <meta name="color:BlockquoteBorder" content="#111" />
  55. <meta name="color:SideColumn" content="#ffffe2" />
  56. <meta name="color:Scrollbar" content="#E8C5E4" />
  57. <meta name="color:Selection" content="#E8C5E4" />
  58. <meta name="color:BackToTop" content="#fff" />
  59. <meta name="color:BackToTopHover" content="#222" />
  60. <meta name="color:TooltipBG" content="#000" />
  61. <meta name="color:TooltipText" content="#fff" />
  62.  
  63. <meta name="text:Link 1" content=""/>
  64. <meta name="text:Link 1 URL" content=""/>
  65. <meta name="text:Link 2" content=""/>
  66. <meta name="text:Link 2 URL" content=""/>
  67. <meta name="text:Link 3" content=""/>
  68. <meta name="text:Link 3 URL" content=""/>
  69. <meta name="text:Link 4" content=""/>
  70. <meta name="text:Link 4 URL" content=""/>
  71. <meta name="text:Link 5" content=""/>
  72. <meta name="text:Link 5 URL" content=""/>
  73. <meta name="text:Link 6" content=""/>
  74. <meta name="text:Link 6 URL" content=""/>
  75. <meta name="text:Link 7" content=""/>
  76. <meta name="text:Link 7 URL" content=""/>
  77.  
  78. <meta name="select:PostBackground" content="#fff" title="White">
  79. <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.75)" title="Less Transparent White">
  80. <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.5)" title="Semi Transparent White">
  81. <meta name="select:PostBackground" content="rgba(255, 255, 255, 0.25)" title="More Transparent White">
  82. <meta name="select:PostBackground" content="transparent" title="Transparent">
  83. <meta name="select:PostBackground" content="#000" title="Black">
  84. <meta name="select:PostBackground" content="rgba(0, 0, 0, 0.75)" title="Less Transparent Black">
  85. <meta name="select:PostBackground" content="rgba(0, 0, 0, 0.5)" title="Semi Transparent Black">
  86. <meta name="select:PostBackground" content="rgba(0, 0, 0, 0.25)" title="More Transparent Black">
  87.  
  88. <meta name="select:SidebarBackground" content="#fff" title="White">
  89. <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.75)" title="Less Transparent White">
  90. <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.5)" title="Semi Transparent White">
  91. <meta name="select:SidebarBackground" content="rgba(255, 255, 255, 0.25)" title="More Transparent White">
  92. <meta name="select:SidebarBackground" content="transparent" title="Transparent">
  93. <meta name="select:SidebarBackground" content="#000" title="Black">
  94. <meta name="select:SidebarBackground" content="rgba(0, 0, 0, 0.75)" title="Less Transparent Black">
  95. <meta name="select:SidebarBackground" content="rgba(0, 0, 0, 0.5)" title="Semi Transparent Black">
  96. <meta name="select:SidebarBackground" content="rgba(0, 0, 0, 0.25)" title="More Transparent Black">
  97.  
  98. <meta name="select:Blockquote" content="#fff" title="White">
  99. <meta name="select:Blockquote" content="rgba(250, 250, 250, 0.5);" title="Lighter">
  100. <meta name="select:Blockquote" content="rgba(240, 240, 240, 0.5);" title="Light">
  101. <meta name="select:Blockquote" content="rgba(130, 130, 130, 0.5);" title="Dark">
  102. <meta name="select:Blockquote" content="rgba(80, 80, 80, 0.5);" title="Darker">
  103. <meta name="select:Blockquote" content="#000" title="Black">
  104. <meta name="select:Blockquote" content="transparent" title="Transparent">
  105.  
  106. <meta name="select:FontFamily" content="inconsolata" title="Inconsolata">
  107. <meta name="select:FontFamily" content="consolas" title="Consolas">
  108. <meta name="select:FontFamily" content="lucida console" title="Lucida Console">
  109. <meta name="select:FontFamily" content="cousine" title="Cousine">
  110. <meta name="select:FontFamily" content="courier new" title="Courier New">
  111. <meta name="select:FontFamily" content="arial" title="Arial">
  112. <meta name="select:FontFamily" content="tahoma" title="Tahoma">
  113. <meta name="select:FontFamily" content="verdana" title="Verdana">
  114. <meta name="select:FontFamily" content="oxygen mono" title="Oxygen Mono">
  115. <meta name="select:FontFamily" content="lekton" title="Lekton">
  116. <meta name="select:FontFamily" content="signika" title="Signika">
  117. <meta name="select:FontFamily" content="droid sans mono" title="Droid Sans">
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  120. <link href='http://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  121. <link href='http://fonts.googleapis.com/css?family=Signika' rel='stylesheet' type='text/css'>
  122. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  123. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  124. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  125.  
  126. <style type="text/css">
  127.  
  128. #ena{
  129. top:-1%;
  130. left:-1%;
  131. background:{color:sidecolumn} url('{image:sidecolumn}') repeat fixed;
  132. z-index:2;
  133. overflow: hidden;
  134. width: 60px;
  135. height: 110%;
  136. position: fixed;
  137. border-right:6px solid {color:sidecolumn};
  138. }
  139.  
  140. ::selection {
  141. background: {color:selection};
  142. color: {color:text};
  143. }
  144.  
  145. ::-moz-selection {
  146. background: {color:selection};
  147. color: {color:text};
  148. }
  149.  
  150. {block:ifwebkitscrollbar}
  151. ::-webkit-scrollbar {
  152. background-color: {color:background};
  153. width:10px;
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb {
  157. background: {color:scrollbar};
  158. border:2px solid {color:borders};
  159. height:auto;
  160. -webkit-border-radius:3px;
  161. border-radius: 3px;
  162. }
  163.  
  164. {/block:ifwebkitscrollbar}
  165.  
  166. iframe#tumblr_controls {
  167. opacity:0.6;
  168. -webkit-transition: all 0.4s ease-in-out;
  169. -moz-transition: all 0.4s ease-in-out;
  170. -o-transition: all 0.4s ease-in-out;
  171. -ms-transition: all 0.4s ease-in-out;
  172. transition: all 0.4s ease-in-out;
  173. }
  174.  
  175. iframe#tumblr_controls:hover {
  176. opacity:1;
  177. -webkit-transition: all 0.4s ease-in-out;
  178. -moz-transition: all 0.4s ease-in-out;
  179. -o-transition: all 0.4s ease-in-out;
  180. -ms-transition: all 0.4s ease-in-out;
  181. transition: all 0.4s ease-in-out;
  182. }
  183.  
  184. body {
  185. color: {color:text};
  186. line-height:16px;
  187. word-wrap:break-word;
  188. text-align:justify;
  189. text-overflow:ellipsis;
  190. font-size: 11px;
  191. font-family: {select:fontfamily};
  192. background-color:{color:background};
  193. {block:ifbackgroundimage}background-image:url('{image:background}');
  194. background-repeat:repeat;
  195. background-attachment: fixed;{/block:ifbackgroundimage}
  196. {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
  197. }
  198.  
  199. a, a:visited {
  200. color: {color:links};
  201. -webkit-transition:all 0.3s ease-in-out;
  202. -moz-transition:all 0.3s ease-in-out;
  203. -o-transition:all 0.3s ease-in-out;
  204. transition:all 0.3s ease-in-out;
  205. }
  206.  
  207. a:hover {
  208. color: {color:linkshover};
  209. cursor:help;
  210. -webkit-transition:all 0.3s ease-in-out;
  211. -moz-transition:all 0.3s ease-in-out;
  212. -o-transition:all 0.3s ease-in-out;
  213. transition:all 0.3s ease-in-out;
  214. }
  215.  
  216. b, strong {
  217. font-weight:700 !important;
  218. color:{color:bold};
  219. }
  220.  
  221. i, em {
  222. font-weight:light;
  223. color:{color:italic};
  224. font-style:italic;
  225. }
  226.  
  227. small {
  228. font-size:9px;
  229. letter-spacing:1px;
  230. }
  231.  
  232. big {
  233. font-size:13px;
  234. }
  235.  
  236. pre {
  237. font-size: 10px;
  238. letter-spacing:1px !important;
  239. overflow:auto;
  240. background:{select:blockquote};
  241. border-radius:2px;
  242. -moz-border-radius:2px;
  243. padding:10px;
  244. }
  245.  
  246. ul {
  247. list-style:square;
  248. text-align:justify;
  249. }
  250.  
  251. blockquote {
  252. background: {select:blockquote};
  253. {block:ifnotsmallposts}padding:0px 8px; margin:0px 15px;{/block:ifnotsmallposts}
  254. {block:ifsmallposts}padding:0px 2px 0px 8px; margin:0px 10px 0px 15px; {/block:ifsmallposts}
  255. border-top-right-radius:3px;
  256. border-bottom-right-radius:3px;
  257. -moz-border-top-right-radius:3px;
  258. -moz-border-bottom-right-radius:3px;
  259. border-left:2px solid {color:blockquoteborder};
  260. }
  261.  
  262. blockquote a {
  263. text-decoration:none;
  264. }
  265.  
  266. ol {
  267. margin:0;
  268. padding:0;
  269. list-style:none;
  270. }
  271.  
  272. #perix {
  273. left:50%;
  274. margin-left:-150px;
  275. position:absolute;
  276. {block:ifnotsmallposts}width:400px;{/block:ifnotsmallposts}
  277. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  278. margin-top: 25px;
  279. margin-bottom: 25px;
  280. }
  281.  
  282. #sidebar {
  283. margin-left: -290px;
  284. line-height:15px;
  285. width: 200px;
  286. position: fixed;
  287. margin-bottom: 15px;
  288. text-align: center;
  289. margin-top:100px;
  290. }
  291.  
  292. #links {
  293. text-align:center;
  294. text-overflow:ellipsis;
  295. padding:10px;
  296. background: {color:sidebarlinksbg};
  297. }
  298.  
  299. #links a {
  300. padding:4px;
  301. text-decoration:none;
  302. color:{color:sidebarlinks};
  303. }
  304.  
  305. #links a:hover {
  306. color:{color:sidebarlinkshover};
  307. }
  308.  
  309. #descr {
  310. width:180px;
  311. padding:10px;
  312. margin-top:10px;
  313. text-align:justify;
  314. background: {select:sidebarbackground};
  315. color: {color:description};
  316. border-radius:4px;
  317. -moz-border-radius:4px;
  318. }
  319.  
  320. #descr a {
  321. text-decoration:none;
  322. }
  323.  
  324. #titlos {
  325. font-size:15px;
  326. margin-top:14px;
  327. font-weight:bold;
  328. text-align:right;
  329. border-top:1px solid {color:borders};
  330. padding-top:5px;
  331. }
  332.  
  333. #titlos a{
  334. text-decoration:none;
  335. color:{color:title};
  336. text-shadow: 2px 2px 0px #ccc,
  337. 3px 3px 0px #e8e8e8;
  338. }
  339.  
  340. #titlos a:hover {
  341. color:{color:sidebarlinkshover};
  342. }
  343.  
  344. .pio {
  345. display:inline;
  346. }
  347.  
  348. .tsa {
  349. height:0;
  350. margin-top: -70px;
  351. border-bottom-right-radius:5px;
  352. border-bottom-left-radius:5px;
  353. -moz-border-bottom-right-radius:5px;
  354. -moz-border-bottom-left-radius:5px;
  355. border-left: 1px solid {color:borders};
  356. border-right: 1px solid {color:borders};
  357. border-bottom:1px solid {color:borders};
  358. overflow:hidden;
  359. background-color:{select:sidebarbackground};
  360. -webkit-transition:all 0.4s ease-in-out;
  361. -moz-transition:all 0.4s ease-in-out;
  362. -o-transition:all 0.4s ease-in-out;
  363. transition:all 0.4s ease-in-out;
  364. opacity:0;
  365. text-align:center;
  366. line-height:16px;
  367. }
  368.  
  369. .tsa a {
  370. color:{color:morelinks};
  371. width:180px;
  372. text-decoration:none;
  373. text-transform:uppercase;
  374. }
  375.  
  376. .tsa a:hover {
  377. letter-spacing:2px;
  378. color:{color:morelinkshover};
  379. }
  380.  
  381. .tsaa {
  382. margin-top:12px;
  383. height:auto;
  384. opacity:1;
  385. padding:10px 5px;
  386. }
  387.  
  388. .post h1 {
  389. font-size: 12px;
  390. }
  391.  
  392. .post h1 a {
  393. text-decoration:none;
  394. color:{color:text};
  395. }
  396.  
  397. #selides {
  398. {block:ifnotsmallposts}width: 400px; {/block:ifnotsmallposts}
  399. {block:ifsmallposts}width: 250px; {/block:ifsmallposts}
  400. margin-top: 14px;
  401. border-top:1px solid {color:borders};
  402. font-size:40px;
  403. font-family:consolas;
  404. }
  405.  
  406. #selides a {
  407. color:{color:pagination};
  408. text-decoration:none;
  409. text-shadow:12px 0px transparent,
  410. -12px 0px transparent;
  411. }
  412.  
  413. #selides a:hover {
  414. color:{color:paginationhover};
  415. text-shadow:0px 0px {color:paginationhover},
  416. 0px 0px {color:paginationhover};
  417. }
  418.  
  419. #selides .next{
  420. float:right;
  421. text-align:right;
  422. width:50%;
  423. }
  424.  
  425. #selides .prev{
  426. float:left;
  427. text-align:left;
  428. width:50%;
  429. }
  430.  
  431. #selida {
  432. {block:ifnotsmallposts}width: 400px; {/block:ifnotsmallposts}
  433. {block:ifsmallposts}width: 250px; {/block:ifsmallposts}
  434. margin-top: 8px;
  435. margin-bottom:40px;
  436. border-top:1px solid {color:borders};
  437. text-align:center;
  438. font-size:40px;
  439. font-family:consolas;
  440. }
  441.  
  442. #selida a {
  443. color:{color:pagination};
  444. text-decoration:none;
  445. text-shadow:12px 0px transparent,
  446. -12px 0px transparent;
  447. }
  448.  
  449. #selida a:hover {
  450. color:{color:paginationhover};
  451. text-shadow:0px 0px {color:paginationhover}, 0px 0px {color:paginationhover};
  452. }
  453.  
  454. #selida .prin{
  455. float:right;
  456. text-align:right;
  457. width:40%;
  458. }
  459.  
  460. #selida .meta{
  461. float:left;
  462. text-align:left;
  463. width:40%;
  464. }
  465.  
  466. .post {
  467. line-height: 16px;
  468. clear: both;
  469. overflow:hidden;
  470. border-radius:5px;
  471. -moz-border-radius:5px;
  472. }
  473.  
  474. .post text {
  475. text-align: left;
  476. background:{select:PostBackground};
  477. word-wrap:break-word;
  478. text-align:justify;
  479. text-overflow:ellipsis;
  480. }
  481.  
  482. .caption{
  483. margin-top:10px;
  484. text-align:left;
  485. background: {select:PostBackground};
  486. padding:8px 15px;
  487. border-right: 1px solid {color:borders};
  488. border-left:1px solid {color:borders};
  489. border-bottom:1px solid {color:borders};
  490. border-bottom-right-radius:5px;
  491. border-bottom-left-radius:5px;
  492. -moz-border-bottom-right-radius:5px;
  493. -moz-border-bottom-left-radius:5px;
  494. z-index:1;
  495. }
  496.  
  497. .textcap{
  498. text-align:left;
  499. background: {select:PostBackground};
  500. padding:8px 15px;
  501. border-top-right-radius:5px;
  502. border-top-left-radius:5px;
  503. -moz-border-top-right-radius:5px;
  504. -moz-border-top-left-radius:5px;
  505. z-index:1;
  506. }
  507.  
  508. .txt{
  509. width:0;
  510. height:0;
  511. border-top:20px solid {select:PostBackground};
  512. border-right:25px solid transparent;
  513. z-index:9999;
  514. position:relative;
  515. {block:ifnotbubbletextposts}opacity:0;{/block:ifnotbubbletextposts}
  516. {block:ifnotsmallposts}margin-left:225px;{/block:ifnotsmallposts}
  517. {block:ifsmallposts}margin-left:140px;{/block:ifsmallposts}
  518. }
  519.  
  520. .caption img, .textcap img {
  521. max-width: 100%;
  522. }
  523.  
  524. .post photo {
  525. margin-bottom: 5px;
  526. text-align: center;
  527. }
  528.  
  529. .post photo img {
  530. border: none;
  531. width:100%;
  532. border-radius:5px;
  533. -moz-border-radius:5px;
  534. }
  535.  
  536. .foto img {
  537. {block:ifnotsmallposts}width:400px;{/block:ifnotsmallposts}
  538. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  539. }
  540.  
  541. .question {
  542. margin-bottom: 0px;
  543. {block:ifnotsmallposts}width:380px; {/block:ifnotsmallposts}
  544. {block:ifsmallposts}width:230px; {/block:ifsmallposts}
  545. color:{color:questiontext};
  546. background:{color:questionbg};
  547. padding:10px;
  548. border-top-left-radius:5px;
  549. border-top-right-radius:5px;
  550. z-index:9999;
  551. }
  552.  
  553. .question a {
  554. letter-spacing:1px;
  555. color:{color:questiontext};
  556. text-decoration:none;
  557. border-bottom:1px solid {color:questiontext};
  558. }
  559.  
  560. .question a:hover {
  561. letter-spacing:2px;
  562. border-bottom:1px solid transparent;
  563. }
  564.  
  565. .inside {
  566. margin-left:30px;
  567. }
  568.  
  569. .question img {
  570. margin-right:5px;
  571. border-radius:3px;
  572. -moz-border-radius:3px;
  573. }
  574.  
  575. .nipple {
  576. width:0;
  577. height:0;
  578. border-left: 10px solid transparent;
  579. border-right: 10px solid transparent;
  580. border-top: 10px solid {color:questionbg};
  581. z-index:9999;
  582. position:relative;
  583. }
  584.  
  585. .linky{
  586. text-align: center;
  587. background:{color:questionbg};
  588. padding:7px 0px;
  589. border-top-right-radius:5px;
  590. border-top-left-radius:5px;
  591. -moz-border-top-right-radius:5px;
  592. -moz-border-top-left-radius:5px;
  593. }
  594.  
  595. .linky a {
  596. text-decoration:none;
  597. color:{color:questiontext};
  598. }
  599.  
  600. .post audio {
  601. text-align: left;
  602. font-size:10px;
  603. }
  604.  
  605. .tumblr_audio_player {
  606. width: 27px;
  607. overflow:hidden;
  608. margin-bottom:-10px;
  609. margin-left:7px;
  610. border-radius:3px;
  611. -moz-border-radius:3px;
  612. }
  613.  
  614. .post quote {
  615. font-size:13px;
  616. background: {select:PostBackground};
  617. }
  618.  
  619. .post quote .source {
  620. font-size: 11px;
  621. }
  622.  
  623. .quot {
  624. background: {select:PostBackground};
  625. border-radius:5px;
  626. -moz-border-radius:5px;
  627. padding:5px;
  628. }
  629.  
  630. .post video {
  631. text-align: center;
  632. }
  633.  
  634. .chat {
  635. background:{select:PostBackground};
  636. padding:12px;
  637. border-radius:5px;
  638. -moz-border-radius:5px;
  639. }
  640.  
  641. #perma {
  642. {block:indexpage}margin-bottom: 60px;{/block:indexpage}
  643. {block:permalinkpage}margin-bottom: 30px;{/block:permalinkpage}
  644. line-height:16px;
  645. font-size: 10px;
  646. margin-top: 10px;
  647. color:{color:permalink};
  648. }
  649.  
  650. #perma a {
  651. text-decoration:none;
  652. color:{color:permalinklinks};
  653. }
  654. #perma a:hover{
  655. color:{color:linkshover};
  656. }
  657.  
  658. .tags a {
  659. margin-right:5px;
  660. text-decoration:none;
  661. }
  662.  
  663. .notes {
  664. text-align:left;
  665. border-radius:5px;
  666. -moz-border-radius:5px;
  667. background: {select:postbackground};
  668. border:1px solid {color:borders};
  669. padding:8px;
  670. }
  671.  
  672. .notes img {
  673. vertical-align: -4px;
  674. margin-right: 10px;
  675. margin-top:-2px;
  676. width: 14px;
  677. height: 14px;
  678. -moz-border-radius: 50%;
  679. border-radius: 50%;
  680. }
  681.  
  682. .notes a{
  683. text-decoration:none;
  684. }
  685.  
  686. ol.notes {
  687. display:block;
  688. text-align:left;
  689. }
  690.  
  691. ol.notes li.note{
  692. padding:5px;
  693. }
  694.  
  695. #tumblr_lightbox {
  696. background-color: rgba(255, 255, 255, 0.7)!important;
  697. }
  698.  
  699. #tumblr_lightbox_left_image, #tumblr_lightbox_center_image, #tumblr_lightbox_right_image {
  700. opacity:1!important;
  701. background-color:#fff!important;
  702. -webkit-border-radius:10px!important;
  703. -moz-border-radius:10px!important;
  704. border-radius:10px!important;
  705. overflow:hidden!important;
  706. -webkit-box-shadow:none!important;
  707. -moz-box-shadow:none!important;
  708. box-shadow:none!important;
  709. }
  710.  
  711. #tumblr_lightbox img {
  712. display:none;
  713. }
  714.  
  715. #cre {position:fixed;background:{select:PostBackground};bottom:10px;right:0px;font-family:droid sans mono;font-size:11px;z-index:9;margin-right:-50px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;padding:4px 12px 4px 5px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
  716. #cre:hover {margin-right:0;background:#fff; color:#111;}
  717. #cre a {text-decoration:none;color:#111;background:transparent;}
  718.  
  719. #s-m-t-tooltip {
  720. min-width:20px;
  721. z-index:999;
  722. background:{color:tooltipbg};
  723. font-size: 9px;
  724. letter-spacing: 2px;
  725. text-transform: uppercase;
  726. color:{color:tooltiptext};
  727. word-wrap: break-word;
  728. padding: 2px 5px;
  729. display: block;
  730. margin:-20px 0px 0px 0px;
  731. -moz-border-radius: 4px;
  732. border-radius: 4px;
  733. -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  734. -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  735. box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);margin-top:-30px;}
  736.  
  737. #s-m-t-tooltip:after {
  738. position: absolute;
  739. display: block;
  740. content: "";
  741. bottom:-11px;
  742. left:1em;
  743. border-color: {color:tooltipbg} transparent transparent transparent;
  744. border-style: solid;
  745. border-width: 6px;
  746. height:0;
  747. width:0;
  748. }
  749.  
  750. .topp {
  751. {block:ifnotsmallposts}margin-left:440px;{/block:ifnotsmallposts}
  752. {block:ifsmallposts}margin-left:290px;{/block:ifsmallposts}
  753. bottom:25px;
  754. position:fixed;
  755. font-size:35px;
  756. }
  757.  
  758. .topp a{
  759. color:{color:backtotop};
  760. text-decoration:none;
  761. text-shadow:0px 0px {color:backtotophover};
  762. background:transparent;
  763. border-bottom:none;
  764. }
  765.  
  766. .topp a:hover{
  767. color:{color:backtotophover};
  768. text-shadow:-0px -50px
  769. transparent;
  770. border-bottom:none;
  771. }
  772.  
  773. {block:iflazyloadcontent}
  774. #animu{
  775. -webkit-animation:anim 3s;
  776. animation:anim 3s;
  777. }
  778.  
  779. @-webkit-keyframes anim {
  780. 0% {opacity:0;}
  781. 100% {opacity:1;}
  782. }
  783. {/block:iflazyloadcontent}
  784.  
  785. {CustomCSS}
  786.  
  787. </style>
  788.  
  789. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  790. <script>
  791. $(document).ready(function(){
  792. $(".pio").click(function(){
  793. $(".tsa").toggleClass("tsaa");
  794. });
  795. });
  796. </script>
  797. {block:iflazyloadphotos}
  798. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  799. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  800. <script type="text/javascript" charset="utf-8">
  801. var $j = jQuery.noConflict();
  802. $j(function() {
  803. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  804. $j("img").lazyload({
  805. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  806. effect: "fadeIn",
  807. });
  808. });
  809. </script>
  810.  
  811. <script type="text/javascript">
  812. $(window).scroll(function() {
  813. var headerH = $('.top').outerHeight(true);
  814. var scrollTopVal = $(this).scrollTop();
  815. if ( scrollTopVal > headerH ) {
  816. $('#scrolll').css({'opacity':'1'});
  817.  
  818. } else {
  819. $('#scrolll').css({'opacity':'0'});
  820. }
  821.  
  822. });
  823. </script>
  824. {/block:iflazyloadphotos}
  825.  
  826. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  827. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  828. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  829. <script>
  830. (function($){
  831. $(document).ready(function(){
  832. $("a[title]").style_my_tooltips({
  833. tip_follows_cursor:true,
  834. tip_delay_time:50,
  835. tip_fade_speed:500,
  836. attribute:"title"
  837. });
  838. });
  839. })(jQuery);
  840. </script>
  841.  
  842. {block:ifInfiniteScroll}
  843. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  844. </script>{/block:ifInfiniteScroll}
  845.  
  846.  
  847. </head>
  848.  
  849. <body id="animu">
  850. <ol>
  851. {block:ifsidecolumn}
  852. <div id="ena"></div>
  853. {/block:ifsidecolumn}
  854.  
  855. <div id="perix">
  856. <div id="sidebar">
  857. <div id="links">
  858. <a href="/">/home</a> <a href="/ask">/ask</a> <a href="/archive">/past</a>{block:ifmorelinks}<div class="pio"><a>/more</a></div>{/block:ifmorelinks}
  859. </div>
  860. <div id="descr">{description}<div id="titlos"><a href="/">{title}</a></div>
  861. </div>
  862.  
  863. <div class="tsa">
  864. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<br><a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<br><a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<br><a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<br><a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}<br><a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}<br><a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  865. </div>
  866. </div>
  867. <ol id="posts">
  868. <div class = "autopagerize_page_element" >
  869. {block:Posts}
  870.  
  871. {block:Text}<li class="post text">{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="textcap">{Body}</div></li><div class="txt"></div><div style="margin-top:-20px;"></div>{/block:Text}
  872.  
  873. {block:Photo}<li class="post photo"><div class="foto"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</li>{/block:Photo}
  874.  
  875. {block:Photoset}<li class="post photoset"><div class="foto">{block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}{block:ifnotsmallposts}{Photoset-400}{/block:ifnotsmallposts} </div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</li>{/block:Photoset}
  876.  
  877. {block:Video}<li class="post video">{block:ifsmallposts}{VideoEmbed-250}{/block:ifsmallposts}{block:ifnotsmallposts}{VideoEmbed-400}{/block:ifnotsmallposts}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</li>{/block:Video}
  878.  
  879. {block:Audio}<li class="post audio">
  880. {block:ifnotwhiteaudio}{AudioPlayerBlack}{/block:ifnotwhiteaudio}
  881. {block:ifwhiteaudio}{AudioPlayerWhite}{/block:ifwhiteaudio}
  882. <div style="{block:ifnotwhiteaudio}background:#000; color:#fff;{/block:ifnotwhiteaudio}
  883. {block:ifwhiteaudio}background:#fff; color:#000;{/block:ifwhiteaudio}
  884. position:absolute; margin:-25px 0px 0px 0px; padding: 10px; min-height:20px;
  885. {block:ifnotsmallposts}width:380px;{/block:ifnotsmallposts}{block:ifsmallposts}width:230px;{/block:ifsmallposts}
  886. z-index:-1111; text-align:right; display:inline; border-top-left-radius:5px; border-top-right-radius:5px;
  887. {block:indexpage}border-radius:5px;{/block:indexpage}">
  888. {block:TrackName}{Trackname}{/block:TrackName}{block:ifnotsmallposts} {block:Artist}- {Artist}{/block:Artist}{/block:ifnotsmallposts}</div>
  889. <p>{block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  890. </li>{/block:Audio}
  891.  
  892. {block:Link}<div class="linky"><a href="{URL}" {Target}>→ {Name}</a></div>
  893. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  894. {/block:Link}
  895.  
  896. {block:Quote}<div class="quot"><li class="post quote" style="padding:5px;">{Quote}{block:Source}<div class="source">— {Source}</div>{/block:Source}</li></div><div class="txt"></div> <div style="margin-top:-20px;"></div>{/block:Quote}
  897.  
  898. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat">{block:Lines}<div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div></div>{/block:Lines}</div>{/block:Chat}
  899.  
  900. {block:Answer}<div class="question"><img src="{AskerPortraitURL-24}" align="left"> <div class="inside">{Asker} asked:<br>{Question}</div>
  901. </div> <center> <div class="nipple"></div></center><p><div style="margin-top:-17px; z-index:-1;" class="caption">{Answer}</div>{/block:Answer}
  902.  
  903. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  904. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  905.  
  906. <div id="perma">
  907. {block:Date}
  908.  
  909. {block:ifnotsmallposts}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} with
  910. <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:ifnotsmallposts}
  911.  
  912. {block:ifsmallposts}
  913. <a href="{Permalink}" title="{timeago}">{NoteCount}</a>{/block:ifsmallposts}
  914.  
  915. {block:indexpage} / <a href="{ReblogURL}" target="_blank" >Reblog</a>{/block:indexpage}
  916. {block:permalinkpage} @ {12HourWithZero}:{Minutes}{AmPm}
  917. {block:HighRes}<br><a href="{PhotoURL-HighRes}">View High Resolution</a> {/block:HighRes}
  918. {/block:permalinkpage}{/block:Date}
  919. {block:permalinkpage} {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" style="background:transparent">{ReblogParentName}</a>, originally <a href="{ReblogRootURL}" style="background:transparent">{ReblogRootName}</a>{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<br><div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  920. </div>
  921. {block:PermalinkPagination}<div id="selida"><br>{block:NextPost}<div class="meta"><a href="{NextPost}" title="next post">&#8249;</a></div>{/block:NextPost}{block:PreviousPost}<div class="prin"><a href="{PreviousPost}" title="previous post">&#8250;</a></div>{/block:PreviousPost}</div> {/block:PermalinkPagination}
  922. {block:PostNotes}{PostNotes}{/block:PostNotes}
  923. {/block:Posts}
  924. </div>
  925.  
  926. {block:ifNotInfiniteScroll}
  927. {block:Pagination}<div id="selides"><br>{block:PreviousPage}<div class="prev"><a href="{PreviousPage}" title="previous page" >&#8249;</a></div>{/block:PreviousPage}{block:NextPage}<div class="next"><a href="{NextPage}" title="next page" class="next">&#8250;</a></div>{/block:NextPage}</div>
  928. {/block:Pagination}
  929. {/block:ifNotInfiniteScroll}
  930.  
  931. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  932. <-- {block:indexpage}<div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="back to top">▲</a></div>{/block:indexpage} -->
  933.  
  934.  
  935. <div id="cre"><a href="http://koduck.tumblr.com">©&nbsp; theme</a></div>
  936.  
  937. </ol>
  938.  
  939.  
  940. </body></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!