API tools faq
paste
Advertisement
imgirlrauhl

Theme #8 "Invincible" by Vanne @ themesbyvanne.tumblr.com

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