API tools faq
paste
Advertisement
imgirlrauhl

Theme #12 "Memories" - themesbyvanne.tumblr.com

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