API tools faq
paste
Advertisement
imgirlrauhl

Theme #9 "Lovely" by Vanne @ themesbyvanne.tumblr.com

imgirlrauhl
Dec 30th, 2013
849
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----------
  5.  
  6. Theme #9 "Lovely" by Vanne @ themesbyvanne.tumblr.com ***PLEASE DO NOT REMOVE THE CREDITS, THANKS YOU***
  7.  
  8. For any questions please visit my FAQ page.
  9. Cualquier duda por favor visita mi página de FAQ.
  10.  
  11. ----------->
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700' rel='stylesheet' type='text/css'>
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  22.  
  23. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <meta name="image:Background" content="https://31.media.tumblr.com/d2403a83b5741b09ac1fb750e5ddebaf/tumblr_mymygaGcpS1t0v4cmo2_250.png"/>
  29. <meta name="image:Sidebar Image" content="https://31.media.tumblr.com/cbc97c951d2fabfb75013c2a5694c923/tumblr_myhq59TSDg1t0v4cmo1_250.png"/>
  30. <meta name="image:Sidebar BG" content="https://24.media.tumblr.com/9d31ab10d5c92f548e1ea7b805689f96/tumblr_mymygaGcpS1t0v4cmo1_250.png"/>
  31.  
  32. <meta name="color:Background" content="#f3f3f3"/>
  33. <meta name="color:Title" content="#fff"/>
  34. <meta name="color:Title Shadow" content="#5e7ba4"/>
  35. <meta name="color:Sidebar Border" content="#fff"/>
  36. <meta name="color:Sidebar BG" content="#e9e9e9"/>
  37. <meta name="color:Description" content="#b8b8b8"/>
  38. <meta name="color:Blockquote Text" content="#6ea7dc"/>
  39. <meta name="color:Scrollbar" content="#bdcfe0"/>
  40. <meta name="color:Scrollbar Bottom" content="#fff"/>
  41. <meta name="color:Entries BG" content="#fff"/>
  42. <meta name="color:Entries Border" content="#ced9e6"/>
  43. <meta name="color:Entries Text" content="#959595"/>
  44. <meta name="color:Entries Title" content="#7d99cc"/>
  45. <meta name="color:Link" content="#97a7c2"/>
  46. <meta name="color:Link Hover" content="#7091d3"/>
  47. <meta name="color:Navigation Links" content="#fff"/>
  48. <meta name="color:Navigation BG" content="#c3d2e0"/>
  49. <meta name="color:Permalink Links" content="#fff"/>
  50. <meta name="color:Permalink BG" content="#bddbe4"/>
  51. <meta name="color:Permalink Text" content="#fff"/>
  52. <meta name="color:Italic Text" content="#93b3c2"/>
  53. <meta name="color:Bold Text" content="#a0addb"/>
  54. <meta name="color:Music BG" content="#f6fafa"/>
  55.  
  56. <meta name="if:Sidebar BG No Repeat" content="">
  57. <meta name="if:Infinite Scroll" content="1">
  58. <meta name="if:Show Captions" content="">
  59. <meta name="if:Show Tags" content="">
  60. <meta name="if:Image Fade" content="1">
  61. <meta name="if:Black And White Images" content="">
  62. <meta name="if:Back To Top" content="1"/>
  63. <meta name="if:One Column" content=""/>
  64. <meta name="if:Three Columns" content=""/>
  65. <meta name="if:Show Favicon" content="1">
  66.  
  67. <meta name="text:Sidebar Title" content="lovely">
  68. <meta name="text:Link 1" content="link 1">
  69. <meta name="text:Link 1 URL" content="">
  70. <meta name="text:Link 2" content="link 2">
  71. <meta name="text:Link 2 URL" content="">
  72. <meta name="text:Link 3" content="link 3">
  73. <meta name="text:Link 3 URL" content="">
  74. <meta name="text:Link 4" content="link 4">
  75. <meta name="text:Link 4 URL" content="">
  76.  
  77. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  78.  
  79. <style>
  80. div#qTip {
  81. margin: -50px 10px;
  82. padding: 5px 8px 4px 8px;
  83. z-index: 99999;
  84. display: none;
  85. text-align: center;
  86. position: absolute;
  87. font-size: 11px;
  88. font-family: Homemade Apple;
  89. background: {color:Sidebar Border};
  90. border-top-left-radius: 30px;
  91. border-top-right-radius: 30px;
  92. border-bottom-right-radius: 30px;
  93. box-shadow: 0px 0px 4px #d7d7d7;
  94. color: {color:Entries Title};
  95. letter-spacing: 1px;
  96. }
  97.  
  98. <style type="text/css">
  99.  
  100. iframe#tumblr_controls {
  101. right: 3px !important;
  102. position: fixed !important;
  103. opacity: 0.2;
  104. white-space: nowrap;
  105. -webkit-filter: invert(100%);
  106. -moz-filter: invert(100%);
  107. -o-filter: invert(100%);
  108. -ms-filter: invert(100%);
  109. filter: invert(100%);
  110. -webkit-transition: opacity 0.7s linear;
  111. -webkit-transition: all 0.5s ease-in-out;
  112. -moz-transition: all 0.5s ease-in-out;
  113. -o-transition: all 0.5s ease-in-out;
  114. transition: all 0.5s ease-in-out;
  115. }
  116.  
  117. iframe#tumblr_controls:hover {
  118. opacity: 0.7;
  119. }
  120.  
  121. body {
  122. background: {color:Background} url('{image:Background}');
  123. background-attachment: fixed;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb:vertical {
  127. background-color: {color:Scrollbar};
  128. height: auto;
  129. border: 1px solid {color:Scrollbar Bottom};
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb:horizontal {
  133. background-color: {color:Scrollbar};
  134. height: auto;
  135. border: 1px solid {color:Scrollbar Bottom};
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height: 7px;
  140. width: 7px;
  141. background-color: {color:Scrollbar Bottom};
  142. }
  143.  
  144. blockquote {
  145. margin-left: 0px;
  146. margin-right: 0px;
  147. padding-left: 5px;
  148. font-size: 10px;
  149. font-style: italic;
  150. border-left: 3px solid;
  151. color: {color:Blockquote Text};
  152. font-family: Homemade Apple;
  153. }
  154.  
  155. a {
  156. text-decoration: none;
  157. color: {color:Link};
  158. }
  159.  
  160. a:hover {
  161. color: {color:Link Hover};
  162. text-decoration: none;
  163. }
  164.  
  165. b, strong {
  166. color: {color:Bold Text};
  167. font-weight: 700;
  168. }
  169.  
  170. i, em {
  171. color: {color:Italic Text};
  172. font-weight: 400italic;
  173. }
  174.  
  175.  
  176.  
  177.  
  178.  
  179. /*SIDEBAR*/
  180. #title {
  181. z-index: 99999;
  182. position: fixed;
  183. margin-top: 97px;
  184. margin-left:75px;
  185. font-size: 30px;
  186. font-family: Homemade Apple;
  187. line-height: 31px;
  188. text-align: center;
  189. color: {color:Title};
  190. width: 200px;
  191. text-shadow: 0px 0px 7px {color:Title Shadow};
  192. }
  193.  
  194. #right {
  195. z-index:9999;
  196. position: fixed;
  197. margin-left:-10px;
  198. margin-top: -30px;
  199. width: 355px;
  200. height: 100%;
  201. background: {color:Sidebar BG} url('{image:Sidebar BG}');
  202. background-position: center;
  203. {block:ifSidebarBGNoRepeat}background-size: cover;{/block:ifSidebarBGNoRepeat}
  204. border-right: 8px solid {color:Sidebar Border};
  205. box-shadow: 0px 0px 4px #d7d7d7;
  206. }
  207.  
  208. #sidebar {
  209. z-index:9999;
  210. position: fixed;
  211. margin-left:75px;
  212. margin-top: 130px;
  213. width: 130px;
  214. }
  215.  
  216. #sidebar img {
  217. width: 180px;
  218. border: 8px solid {color:Sidebar Border};
  219. border-radius: 150px;
  220. text-align:left;
  221. box-shadow: 0px 0px 4px #d7d7d7;
  222. }
  223.  
  224. #description {
  225. position: fixed;
  226. margin-top: 55px;
  227. margin-left: 7px;
  228. padding: 10px;
  229. width: 165px;
  230. line-height: 13px;
  231. z-index:9999;
  232. font-size: 10px;
  233. font-family: Varela Round;
  234. text-align: center;
  235. color: {color:Description};
  236. -webkit-transition: all .7s ease;
  237. -moz-transition: all .7s ease;
  238. -o-transition: all .7s ease;
  239. transition: all .7s ease;
  240. }
  241.  
  242. #icon {
  243. z-index:9999;
  244. position: fixed;
  245. margin-left:234px;
  246. margin-top: 195px;
  247. width: 100px;
  248. }
  249.  
  250. #icon img {
  251. width: 50px;
  252. border: 7px solid {color:Sidebar Border};
  253. border-radius: 150px;
  254. box-shadow: 0px 0px 4px #d7d7d7;
  255. }
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262. /*MAIN NAV*/
  263. #main {
  264. position: fixed;
  265. margin-top: 10px;
  266. margin-left: 30px;
  267. z-index: 99999;
  268. }
  269.  
  270. #main a {
  271. z-index: 99999;
  272. margin: 4px;
  273. position: relative;
  274. display: inline-block;
  275. text-align: center;
  276. font-family: Arial;
  277. font-size: 15px;
  278. padding:5px 7px 9px 7px;
  279. width: 15px;
  280. height: 15px;
  281. border-radius: 17px;
  282. letter-spacing: 1px;
  283. color: {color:Navigation Links};
  284. background: {color:Navigation BG};
  285. border: 3px solid {color:Navigation Links};
  286. -webkit-transition: all .7s ease;
  287. -moz-transition: all .7s ease;
  288. -o-transition: all .7s ease;
  289. transition: all .7s ease;
  290. }
  291.  
  292. #main a:hover {
  293. text-shadow: 0px 0px 10px {color:Title Shadow};
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301. /*CUSTOM LINKS*/
  302. #navi {
  303. position: fixed;
  304. margin-left: -19px;
  305. margin-top: 0px;
  306. z-index: 99999;
  307. padding: 6px 6px 0px 6px;
  308. border-radius: 20px;
  309. }
  310.  
  311. #navi a {
  312. z-index: 99999;
  313. position: relative;
  314. display: block;
  315. margin: 4px 4px 8px 4px;
  316. text-align: center;
  317. text-transform: uppercase;
  318. font-family: Varela Round;
  319. font-size: 10px;
  320. width: 170px;
  321. padding: 5px;
  322. letter-spacing: 1px;
  323. word-spacing: 2px;
  324. border-radius: 30px;
  325. background: {color:Navigation Links};
  326. border: 3px double {color:Navigation BG};
  327. -webkit-transition: all .7s ease;
  328. -moz-transition: all .7s ease;
  329. -o-transition: all .7s ease;
  330. transition: all .7s ease;
  331. }
  332.  
  333. #navi a:hover {
  334. text-shadow: 0px 0px 13px {color:Title Shadow};
  335. }
  336.  
  337.  
  338.  
  339.  
  340.  
  341. /*ENTRIES*/
  342. #container {
  343. margin-top: 30px;
  344. margin-bottom: 30px;
  345. margin-left: 390px;
  346. width: 650px;
  347. {block:IfThreeColumns}
  348. width: 900px;
  349. margin-left: 400px;
  350. {/block:IfThreeColumns}
  351. }
  352.  
  353. .entry {
  354. float:left;
  355. z-index: 9999;
  356. width: 250px;
  357. position: relative;
  358. margin: 15px;
  359. padding: 10px 10px 7px 10px;
  360. text-align: justify;
  361. font-size: 11px;
  362. font-family: Varela Round;
  363. color: {color:Entries Text};
  364. background: {color:Entries BG};
  365. box-shadow: 0px 0px 4px #d7d7d7;
  366. border: 3px double {color:Entries Border};
  367. {block:IfOneColumn}
  368. width: 400px;
  369. margin-left: 0px;
  370. margin-bottom: 20px;
  371. {/block:IfOneColumn}
  372. {block:IfThreeColumns}
  373. margin: 8px;
  374. {/block:IfThreeColumns}
  375. {block:PermalinkPage}
  376. width: 400px;
  377. margin-left: 68px;
  378. margin-top: 20px;
  379. {/block:PermalinkPage}
  380. }
  381.  
  382. .entry img {
  383. max-width: 100%;
  384. }
  385.  
  386. #entrytitle {
  387. z-index: 99999;
  388. text-align: center;
  389. text-transform: none;
  390. text-shadow: 0px 0px 5px {color:Title Shadow};
  391. font-family: The Girl Next Door;
  392. margin-bottom: -8px;
  393. font-size: 20px;
  394. font-family: Homemade Apple;
  395. line-height: 22px;
  396. color: {color:Entries Title};
  397. }
  398.  
  399.  
  400.  
  401.  
  402.  
  403. /*PAGINATION*/
  404. #pagination {
  405. z-index: 9999999;
  406. position: fixed;
  407. padding: 2px;
  408. bottom: 20px;
  409. left: 20px;
  410. {block:IfInfiniteScroll}
  411. display: none;
  412. {block:IfInfiniteScroll}
  413. {block:IfNotInfiniteScroll}
  414. display: visible;
  415. {/block:IfNotInfiniteScroll}
  416. }
  417.  
  418. #pagination a {
  419. display: inline-block;
  420. opacity: .8;
  421. font-size: 9px;
  422. padding: 4px 6px 2px 6px;
  423. margin: 4px;
  424. margin-bottom: 10px;
  425. text-align: center;
  426. border-radius: 3px;
  427. font-family: Varela Round;
  428. background: {color:Navigation BG};
  429. color: {color:Navigation Links};
  430. }
  431.  
  432. #pagination a:hover {
  433. opacity: 1;
  434. text-shadow: 0px 0px 13px {color:Title Shadow};
  435. }
  436.  
  437. span.highlight1 {
  438. margin: 4px;
  439. font-family: Varela Round;
  440. font-size: 9px;
  441. border-radius: 3px;
  442. background: {color:Navigation BG};
  443. padding: 4px 0px 2px 0px;
  444. color: {color:Navigation Links};
  445. }
  446.  
  447.  
  448.  
  449.  
  450.  
  451. /*ASK*/
  452. #ask {
  453. border: 1px solid {color:Entries Border};
  454. padding: 5px 7px 5px 7px;
  455. color: {color:Entries Text};
  456. background: {color:Music BG};
  457. font-family: Varela Round;
  458. border-top-left-radius: 10px;
  459. border-top-right-radius: 10px;
  460. border-bottom-right-radius: 10px;
  461. font-size: 11px;
  462. min-height: 53px;
  463. }
  464.  
  465. #answer {
  466. color: {color:Entries Text};
  467. font-size: 12px;
  468. padding: 10px 5px 0px 5px;
  469. font-family: Varela Round;
  470. }
  471.  
  472. #portrait img {
  473. float: left;
  474. border: 3px solid {color:Entries Border};
  475. margin: 3px 7px 5px 0px;
  476. }
  477.  
  478.  
  479.  
  480.  
  481.  
  482. /*IMAGES*/
  483. {block:IfImageFade}
  484. .photo {
  485. opacity: .7;
  486. -webkit-transition: all 0.5s ease-in-out;
  487. -moz-transition: all 0.5s ease-in-out;
  488. -o-transition: all 0.5s ease-in-out;
  489. -ms-transition: all 0.5s ease-in-out;
  490. transition: all 0.5s ease-in-out;
  491. }
  492.  
  493. .photo:hover {
  494. opacity: 1;
  495. }
  496.  
  497. .entry img {
  498. opacity: .7;
  499. -webkit-transition: all 0.5s ease-in-out;
  500. -moz-transition: all 0.5s ease-in-out;
  501. -o-transition: all 0.5s ease-in-out;
  502. -ms-transition: all 0.5s ease-in-out;
  503. transition: all 0.5s ease-in-out;
  504. }
  505.  
  506. .entry img:hover {
  507. opacity: 1;
  508. }
  509. {/block:IfImageFade}
  510.  
  511. {block:IfBlackAndWhiteImages}
  512. .entry img{
  513. -webkit-transition: opacity 0.8s linear;
  514. opacity: 0.7;
  515. -webkit-filter:grayscale(100%);
  516. -webkit-transition: all 0.5s ease-in-out;
  517. -moz-transition: all 0.5s ease-in-out;
  518. -o-transition: all 0.5s ease-in-out;
  519. -ms-transition: all 0.5s ease-in-out;
  520. transition: all 0.5s ease-in-out;
  521. }
  522.  
  523. .entry img:hover{
  524. -webkit-transition: opacity 0.8s linear;
  525. opacity: 1;
  526. -webkit-filter:none;
  527. -webkit-transition: all 0.5s ease-in-out;
  528. -moz-transition: all 0.5s ease-in-out;
  529. -o-transition: all 0.5s ease-in-out;
  530. -ms-transition: all 0.5s ease-in-out;
  531. transition: all 0.5s ease-in-out;
  532. }
  533. {/block:IfBlackAndWhiteImages}
  534.  
  535.  
  536.  
  537.  
  538.  
  539. /*AUDIO*/
  540.  
  541. /* PLEASE DO NOT STEAL MY AUDIO CODE!! */
  542.  
  543. #audio img {
  544. width: 112px;
  545. float: left;
  546. margin-right: 10px;
  547. border: 4px solid {color:Entries Border};
  548. }
  549.  
  550. #player {
  551. width: 28px;
  552. margin-left: 46px;
  553. margin-top: 46px;
  554. overflow: hidden;
  555. position: absolute;
  556. opacity: .2;
  557. }
  558.  
  559. #player:hover {
  560. opacity: .8;
  561. }
  562.  
  563. #hello {
  564. color: {color:Bold Text};
  565. padding: 2px;
  566. text-align: center;
  567. font-family: Varela Round;
  568. margin-bottom: 3px;
  569. font-weight: 700;
  570. text-transform: uppercase;
  571. border-bottom: 1px dashed {color:Bold Text};
  572. }
  573.  
  574. #musicc {
  575. margin-top: -4px;
  576. padding: 9px;
  577. font-size: 10px;
  578. width: 96px;
  579. height: 96px;
  580. {block:IfOneColumn}
  581. width: 246px;
  582. {/block:IfOneColumn}
  583. overflow: auto;
  584. position: relative;
  585. background: {color:Music BG};
  586. border: 3px solid {color:Entries Border};
  587. }
  588.  
  589. /*AUDIO PERMALINK PAGE*/
  590. #audio2 img {
  591. width: 200px;
  592. float: left;
  593. margin-right: 7px;
  594. border: 4px solid {color:Entries Border};
  595. }
  596.  
  597. #musicc2 {
  598. margin-top: -11px;
  599. padding: 9px;
  600. width: 161px;
  601. height: 184px;
  602. overflow: auto;
  603. position: relative;
  604. background: {color:Music BG};
  605. border: 3px solid {color:Entries Border};
  606. }
  607.  
  608.  
  609.  
  610.  
  611.  
  612. /*BACK TO TOP*/
  613. .top {
  614. position: fixed;
  615. z-index: 999;
  616. }
  617.  
  618. .top a {
  619. color: {color:Navigation BG};
  620. border-radius: 30px;
  621. padding: 7px 10px 7px 10px;
  622. font-size: 10px;
  623. font-family: Varela Round;
  624. text-align: center;
  625. text-transform: uppercase;
  626. letter-spacing: 1px;
  627. }
  628.  
  629. .top a:hover {
  630. color: {color:Navigation BG Hover};
  631.  
  632. }
  633.  
  634. #scrollToTop:link, #scrollToTop:visited {
  635. z-index: 9999;
  636. display: none;
  637. position: fixed;
  638. bottom: 25px;
  639. left: 1000px;
  640. {block:IfOneColumn}
  641. left: 840px;
  642. {/block:IfOneColumn}
  643. {block:IfThreeColumns}
  644. left: 1280px;
  645. {/block:IfThreeColumns}
  646. }
  647.  
  648.  
  649.  
  650.  
  651.  
  652. /*REBLOG*/
  653. #reblog {
  654. z-index: 0;
  655. top: 10px;
  656. right: -8px;
  657. position: absolute;
  658. padding: 4px 7px 4px 7px;
  659. opacity: 0;
  660. font-family: Titillium Web;
  661. text-align: center;
  662. letter-spacing: 1px;
  663. text-transform: uppercase;
  664. font-size: 9px;
  665. border-radius: 20px;
  666. background: {color:Navigation BG};
  667. -webkit-transition: all 0.5s ease-in-out;
  668. -moz-transition: all 0.5s ease-in-out;
  669. -o-transition: all 0.5s ease-in-out;
  670. -ms-transition: all 0.5s ease-in-out;
  671. transition: all 0.5s ease-in-out;
  672. }
  673.  
  674. #reblog a {
  675. color: {color:Navigation Links};
  676. text-align: center;
  677. -webkit-transition:all .5s ease;
  678. -moz-transition:all .5s ease;
  679. transition:all .5s ease;
  680. -o-transition:all .5s ease;
  681. }
  682.  
  683. #reblog a:hover {
  684. -webkit-transition:all .5s ease;
  685. -moz-transition:all .5s ease;
  686. transition:all .5s ease;
  687. -o-transition:all .5s ease;
  688. text-shadow: 0px 0px 10px {color:Title Shadow};
  689. }
  690.  
  691. .entry:hover #reblog{
  692. opacity: 1;
  693. top: -8px;
  694. }
  695.  
  696.  
  697.  
  698.  
  699.  
  700. /*PERMALINK FOR IMAGES*/
  701. #permalink{
  702. bottom: 15px;
  703. left: -5px;
  704. font-family: Titillium Web;
  705. letter-spacing: 1px;
  706. word-spacing: 2px;
  707. text-align: center;
  708. position: absolute;
  709. font-size: 9px;
  710. background: {color:Permalink BG};
  711. color: {color:Permalink Text};
  712. padding: 3px 5px 3px 5px;
  713. opacity: 0;
  714. border-top-right-radius: 50px;
  715. border-top-left-radius: 50px;
  716. border-bottom-right-radius: 50px;
  717. -webkit-transition: all 0.5s ease-in-out;
  718. -moz-transition: all 0.5s ease-in-out;
  719. -o-transition: all 0.5s ease-in-out;
  720. -ms-transition: all 0.5s ease-in-out;
  721. transition: all 0.5s ease-in-out;
  722. }
  723.  
  724. #permalink a {
  725. color: {color:Permalink Links};
  726. text-align: center;
  727. }
  728.  
  729. .entry:hover #permalink{
  730. left: 18px;
  731. opacity: 1;
  732. }
  733.  
  734.  
  735.  
  736.  
  737.  
  738. /*PERMALINK AND TAGS FOR TEXT*/
  739. #permalinktxt{
  740. font-family: Titillium Web;
  741. text-align: right;
  742. position: relative;
  743. font-size: 10px;
  744. -webkit-transition: all 0.5s ease-in-out;
  745. -moz-transition: all 0.5s ease-in-out;
  746. -o-transition: all 0.5s ease-in-out;
  747. -ms-transition: all 0.5s ease-in-out;
  748. transition: all 0.5s ease-in-out;
  749. }
  750.  
  751. #tagstxt{
  752. font-family: Varela Round;
  753. text-align: right;
  754. position: relative;
  755. font-size: 10px;
  756. -webkit-transition: all 0.5s ease-in-out;
  757. -moz-transition: all 0.5s ease-in-out;
  758. -o-transition: all 0.5s ease-in-out;
  759. -ms-transition: all 0.5s ease-in-out;
  760. transition: all 0.5s ease-in-out;
  761. }
  762.  
  763.  
  764.  
  765.  
  766.  
  767. /*PERMALINK PAGE*/
  768. #permalink2{
  769. font-family: Varela Round;
  770. text-align: center;
  771. position: relative;
  772. text-transform: none;
  773. font-size: 11px;
  774. padding: 3px;
  775. left: -10px;
  776. top: 8px;
  777. width: 414px;
  778. margin-bottom: 10px;
  779. }
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786. /*CREDITS*/
  787. #credit {
  788. z-index: 9999;
  789. width:auto;
  790. position:fixed;
  791. bottom:30px;
  792. right:0px;
  793. -webkit-transition: all .7s ease;
  794. -moz-transition: all .7s ease;
  795. -o-transition: all .7s ease;
  796. transition: all .7s ease;
  797. }
  798.  
  799. #credit2 {
  800. z-index: 9999;
  801. position: fixed;
  802. bottom: 30px;
  803. right: 0px;
  804. font-size: 14px;
  805. font-family: Arial;
  806. padding: 5px 5px 2px 8px;
  807. width:12px;
  808. height:18px;
  809. border-top-left-radius: 10px;
  810. border-bottom-left-radius: 10px;
  811. background: {color:Navigation BG};
  812. color: {color:Navigation Links};
  813. -webkit-transition: all .7s ease;
  814. -moz-transition: all .7s ease;
  815. -o-transition: all .7s ease;
  816. transition: all .7s ease
  817. }
  818.  
  819. #credit3 {
  820. z-index: 9999;
  821. position: fixed;
  822. margin-right: -112px;
  823. bottom: 30px;
  824. right: 0px;
  825. font-size: 10px;
  826. padding: 8px 6px 0px 6px;
  827. width:100px;
  828. height:18px;
  829. text-transform:uppercase;
  830. text-align: center;
  831. font-family: Varela Round;
  832. background: {color:Entries BG};
  833. -webkit-transition: all .7s ease;
  834. -moz-transition: all .7s ease;
  835. -o-transition: all .7s ease;
  836. transition: all .7s ease;
  837. }
  838.  
  839. #credit:hover #credit2 {
  840. margin-right: 112px;
  841. }
  842.  
  843. #credit:hover #credit3 {
  844. margin-right: 0px;
  845. }
  846.  
  847.  
  848.  
  849.  
  850.  
  851. </style>
  852.  
  853. {block:IfBackToTop}
  854. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  855. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  856.  
  857. <div class="top">
  858. <a href="javascript:;" id="scrollToTop">back to<br>top ↑</a>
  859. </div>
  860. {/block:IfBackToTop}
  861.  
  862. {block:IfNotOneColumn}
  863. {block:ifinfinitescroll}
  864. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  865. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  866.  
  867. <script>
  868. $(function(){
  869. var $container = $('#content');
  870. $container.imagesLoaded(function(){
  871. $container.masonry({
  872. itemSelector: '.entry',
  873. });
  874. });
  875. $container.infinitescroll({
  876. itemSelector : ".entry",
  877. navSelector : "div.pagination",
  878. nextSelector : ".pagination a#next",
  879. loadingImg : "",
  880. loadingText : "<em></em>",
  881. bufferPx : 10000,
  882. extraScrollPx: 12000,
  883. },
  884. // trigger Masonry as a callback
  885. function( newElements ) {
  886. var $newElems = $( newElements ).css({ opacity: 0 });
  887. // ensure that images load before adding to masonry layout
  888. $newElems.imagesLoaded(function(){
  889. $newElems.animate({ opacity: 1 });
  890. $container.masonry( 'appended', $newElems, true );
  891. });
  892. }
  893. );
  894. });
  895. </script>
  896. {/block:ifinfinitescroll}
  897.  
  898. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  899.  
  900. <script>
  901. $(function(){
  902. var $container = $('#container');
  903. $container.imagesLoaded(function(){
  904. $container.masonry({
  905. itemSelector: '.entry',
  906. });
  907. });
  908. $container.infinitescroll({
  909. itemSelector : ".entry",
  910. navSelector : "#pagination",
  911. nextSelector : "#pagination a",
  912. loadingImg : "http://media.tumblr.com/ec1742dbca16ca94b47814f1de4e37e6/tumblr_inline_mj8pf7Te3l1qz4rgp.png",
  913. loadingText : "<em></em>",
  914. bufferPx : 10000,
  915. extraScrollPx: 12000,
  916. },
  917. // trigger Masonry as a callback
  918. function( newElements ) {
  919. var $newElems = $( newElements ).css({ opacity: 0 });
  920. // ensure that images load before adding to masonry layout
  921. $newElems.imagesLoaded(function(){
  922. $newElems.animate({ opacity: 1 });
  923. $container.masonry( 'appended', $newElems, true );
  924. });
  925. }
  926. );
  927. });
  928. </script>
  929. {block:IfNotOneColumn}
  930.  
  931. {block:IfOneColumn}
  932. {block:IfInfiniteScroll}
  933. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  934. {/block:IfInfiniteScroll}
  935. {/block:IfOneColumn}
  936.  
  937.  
  938.  
  939. </head>
  940.  
  941. <body>
  942.  
  943.  
  944. <div id="title">{text:Sidebar Title}</div>
  945.  
  946. <div id="right"></div>
  947.  
  948. <div id="sidebar">
  949. <div id="sidebar img"><img src="{image:Sidebar Image}"/>
  950. </div>
  951. <div id="main">
  952. <a href="/" title="refresh">↻</a>
  953. <a href="/ask" title="message">✉</a>
  954. <a href="http://themesbyvanne.tumblr.com" title="theme">©</a>
  955. </div>
  956. <div id="description">{Description}
  957. <div id="navi">
  958. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  959. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  960. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  961. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  962. </div>
  963. </div>
  964. </div>
  965.  
  966. {block:IfShowFavicon}
  967. <div id="icon">
  968. <div id="icon img"><img src="{Favicon}"/></div>
  969. </div>
  970. {/block:IfShowFavicon}
  971.  
  972.  
  973.  
  974. {block:Pagination}
  975. <div id="pagination">
  976. {block:PreviousPage}<a href="{PreviousPage}">PREVIOUS</a>{/block:PreviousPage}
  977. {block:JumpPagination length="4"}
  978. {block:CurrentPage}<span class="current_page"><span class="highlight1">&nbsp;&nbsp;&nbsp;{PageNumber}&nbsp;&nbsp;&nbsp;</span></span>{/block:CurrentPage}
  979. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  980. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  981. </div>
  982. {/block:Pagination}
  983.  
  984.  
  985.  
  986.  
  987.  
  988. <div id="container">
  989. {block:Posts}
  990. <div class="entry">
  991.  
  992.  
  993. {block:Text}
  994. {block:Title}<div id="entrytitle"><font color="{color:Entries Title}"></font> {Title} <font color="{color:Entries Border}"></font></div>{/block:Title}
  995. {Body}
  996. <center>
  997. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  998. </center>
  999. <!-- permalink --> {block:IndexPage}
  1000. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1001. <div id="permalinktxt">{block:Date}<b>Posted:</b> {TimeAgo} {/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1002. {block:IfShowTags}
  1003. <div id="tagstxt">{block:HasTags}<b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  1004. {/block:IfShowTags}
  1005. <!-- /permalink --> {/block:IndexPage}
  1006. {/block:Text}
  1007.  
  1008.  
  1009. {block:Photo}
  1010. <div class="photo"><img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}"></div>
  1011. <center>
  1012. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1013. </center>
  1014. <!-- permalink --> {block:IndexPage}
  1015. <div id="permalink">{block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date}{block:NoteCount} // <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1016. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1017. <!-- /permalink --> {/block:IndexPage}
  1018. {/block:Photo}
  1019.  
  1020.  
  1021. {block:Photoset}
  1022. {block:IndexPage}
  1023. {block:IfNotOneColumn}<div class="photo">{Photoset-250}</div>{/block:IfNotOneColumn}
  1024. {block:IfOneColumn}<div class="photo">{Photoset-400}</div>{/block:IfOneColumn}
  1025. {/block:IndexPage}
  1026. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  1027. <center>
  1028. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1029. </center>
  1030. <!-- permalink --> {block:IndexPage}
  1031. <div id="permalink">{block:Date}{DayOfMonth}{DayOfMonthSuffix}{/block:Date} {ShortMonth}{block:NoteCount} // <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1032. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1033. <!-- /permalink --> {/block:IndexPage}
  1034. {/block:Photoset}
  1035.  
  1036.  
  1037. {block:Audio}
  1038. {block:IndexPage}
  1039. {block:AlbumArt}
  1040. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  1041. {/block:AlbumArt}
  1042. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  1043. <div id="musicc">
  1044. {block:Artist}
  1045. <div id="hello"><b>Artist:</b></div> <center><i>{Artist}</i></center>
  1046. {/block:Artist} <br />
  1047. {block:Album}<div id="hello"><b>Album:</b></div> <center><i>{Album}</i></center>{/block:Album}<br />
  1048. <div id="hello">{block:TrackName}<b>Track:</b></div> <center><i>{TrackName}</i></center>{/block:TrackName}<br />
  1049. <div id="hello"><b>Plays:</b></div> <center><i>{FormattedPlayCount}</i></center><br />
  1050. {block:Date}<div id="hello"><b>Posted:</b></div> <center><a href="{permalink}"><i>{TimeAgo}</i></a>{/block:Date} {block:NoteCount} <i>with</i> <a href="{permalink}"><i>{NoteCountWithLabel}</i></a></center>{/block:NoteCount}
  1051. </div>
  1052. <!-- permalink -->
  1053. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1054. <!-- /permalink -->
  1055. {/block:IndexPage}
  1056. {block:PermalinkPage}
  1057. {block:AlbumArt}
  1058. <div id="audio2"><img src="{AlbumArtURL}" alt=""></div><p>
  1059. {/block:AlbumArt}
  1060. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  1061. <div id="musicc2">
  1062. {block:Artist}
  1063. <div id="hello"><b>Artist:</b></div> <center><i>{Artist}</i></center>
  1064. {/block:Artist} <br />
  1065. {block:Album}<div id="hello"><b>Album:</b></div> <center><i>{Album}</i></center>{/block:Album}<br />
  1066. <div id="hello">{block:TrackName}<b>Track:</b></div> <center><i>{TrackName}</i></center>{/block:TrackName}<br />
  1067. <div id="hello"><b>Plays:</b></div> <center><i>{FormattedPlayCount}</i></center>
  1068. </div>
  1069. {/block:PermalinkPage}
  1070. {/block:Audio}
  1071.  
  1072.  
  1073. {block:Video}
  1074. {block:IndexPage}
  1075. {block:IfNotOneColumn}{Video-250}{/block:IfNotOneColumn}
  1076. {block:IfOneColumn}{Video-400}{/block:IfOneColumn}
  1077. {/block:IndexPage}
  1078. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  1079. <center>
  1080. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1081. </center>
  1082. <!-- permalink --> {block:IndexPage}
  1083. <div id="permalink">{block:Date}{DayOfMonth}{DayOfMonthSuffix}{/block:Date} {ShortMonth}{block:NoteCount} // <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1084. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1085. <!-- /permalink --> {/block:IndexPage}
  1086. {/block:Video}
  1087.  
  1088.  
  1089. {block:Quote}
  1090. <div style="color: {color:Blockquote Text}; font-style: italic; font-family: Homemade Apple; line-height: 14px;">" {Quote} " </div>
  1091. <div style="text-align: center; font-size: 9px; font-style: italic; padding-top: 3px;">—{Source}</div>
  1092. <!-- permalink --> {block:IndexPage}
  1093. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1094. {block:IfShowTags}
  1095. <div id="tagstxt">{block:HasTags}<b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}</div>
  1096. {/block:IfShowTags}
  1097. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1098. <!-- /permalink --> {/block:IndexPage}
  1099. {/block:Quote}
  1100.  
  1101.  
  1102. {block:Link}
  1103. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  1104. {Description}
  1105. <center>
  1106. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1107. </center>
  1108. <!-- permalink --> {block:IndexPage}
  1109. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1110. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1111. <!-- /permalink --> {/block:IndexPage}
  1112. {/block:Link}
  1113.  
  1114.  
  1115. {block:Chat}
  1116. {block:Title}{Title}{/block:Title}
  1117. {block:Lines}{block:Label}<i>{Label}</i>{/block:Label} {Line}<br>{/block:Lines}
  1118. <center>
  1119. {block:Caption}{Caption}{/block:Caption}
  1120. </center>
  1121. <!-- permalink --> {block:IndexPage}
  1122. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1123. <div id="permalinktxt">{block:Date}<b>Posted:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1124. <!-- /permalink --> {/block:IndexPage}
  1125. {/block:Chat}
  1126.  
  1127.  
  1128. {block:Answer}
  1129. <div id="ask">
  1130. <div id="portrait"><img src="{AskerPortraitURL-40}"></div> {Asker}<b>:</b> <i>"{Question} "</i></div>
  1131. <div id="answer"{Answer}</div>
  1132. <!-- permalink --> {block:IndexPage}
  1133. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  1134. <div id="permalinktxt">{block:Date}<b>Answered:</b> <a href="{permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1135. <!-- /permalink --> {/block:IndexPage}
  1136. {/block:Answer}
  1137.  
  1138.  
  1139. {block:PermalinkPage}
  1140. <center>{block:Caption}{Caption}{/block:Caption}</center>
  1141. <div id="permalink2">
  1142. {block:Date}<b>Posted:</b> {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date}
  1143. {block:NoteCount}with <i>{NoteCountWithLabel}</i>{/block:NoteCount}
  1144. {block:RebloggedFrom}<br><i>Reblogged from</i> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1145. {block:HasTags}<br><b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{block:HasTags}
  1146. </div>
  1147. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1148. {/block:PermalinkPage}
  1149. </div>
  1150.  
  1151. {/block:Posts}
  1152. </div>
  1153.  
  1154.  
  1155. <div id="credit"><div id="credit2">©</div>
  1156. <div id="credit3">
  1157. <a href="http://themesbyvanne.tumblr.com/">Theme by Vanne</a>
  1158. </div></div>
  1159.  
  1160. </body>
  1161.  
  1162. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!