API tools faq
paste
Advertisement
imgirlrauhl

Theme #7 "Fearless" by Vanne @ editionsbyvanne.tumblr.com

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