API tools faq
paste
Advertisement
praptolium

Lavender by Integr4ted

praptolium
May 19th, 2014
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.06 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4. <!---
  5.  
  6. -- INTEGR4TEDthemes --
  7.  
  8. Find more themes at:
  9. http://integr4tedthemes.tumblr.com
  10.  
  11. Please do not remove credit
  12. (Feb 2014)
  13.  
  14.  
  15. --->
  16.  
  17. <html>
  18. <head>
  19.  
  20. <script src="http://cgi.cse.unsw.edu.au/~oliverc/octangles/js/fartscroll.js"></script>
  21.  
  22.  
  23.  
  24.  
  25. <script>
  26. $(function() {
  27. fartscroll();
  28. });
  29. </script>
  30.  
  31.  
  32.  
  33.  
  34.  
  35. <title>
  36. {Title}
  37. </title>
  38.  
  39.  
  40.  
  41. <!--------------------------------------------------------
  42.  
  43. Images (sidebar, background, bottom)
  44.  
  45. --------------------------------------------------------->
  46.  
  47.  
  48.  
  49.  
  50. <meta name="image:Sidebar" content="http://static.tumblr.com/cfdf5d579a8385fcc849d0436f51a273/ozimtyo/9ovn5tt1r/tumblr_static_bj4rlntqqcgk04wg4kwsckc80.gif"/>
  51.  
  52. <meta name="image:banner" content="http://static.tumblr.com/20b4641032262ffa168fe91d2fe0c444/ozimtyo/pq6n5ttc1/tumblr_static_1blww18nwfxcoco0cswoc8c0g.png"/>
  53.  
  54. <meta name="color:sidebarshadow" content="#847b9d"/>
  55.  
  56. <meta name"if:sidebarimage" content="0"/>
  57.  
  58. <meta name="color:sidebarbackground" content="#a996df"/>
  59.  
  60. <meta name="color:sidebarborder" content="#6f6392"/>
  61.  
  62. <meta name="text:sidebarborderRounding" content="11"/>
  63.  
  64. <meta name="image:bottomimage" content=""/>
  65.  
  66. <meta name="text:Bottom Image Size" content="200"/>
  67.  
  68. <meta name="color:Background" content="#c0b3e5"/>
  69.  
  70. <meta name="image:Background" content="" /><!--integr4tedthemes-->
  71. <meta name="if:Background cover" content="0"/>
  72.  
  73.  
  74.  
  75. <!-----------------
  76.  
  77. Sidebar links
  78.  
  79. ------------------------------->
  80.  
  81. <meta name="text:sidebarlinks" content="links"/>
  82.  
  83.  
  84. <meta name="if:Link1" content="0"/>
  85. <meta name="text:Link 1" content="/"/>
  86. <meta name="text:Link Title 1" content="home"/>
  87.  
  88. <meta name="if:Link2" content="0"/>
  89. <meta name="text:Link 2" content="/tagged/me"/>
  90. <meta name="text:Link Title 2" content="me"/>
  91.  
  92. <meta name="if:Link3" content="0"/>
  93. <meta name="text:Link 3" content="/links"/>
  94. <meta name="text:Link Title 3" content="links"/>
  95.  
  96. <meta name="if:Link4" content="0"/>
  97. <meta name="text:Link 4" content="/"/>
  98. <meta name="text:Link Title 4" content="link 4"/>
  99.  
  100. <meta name="if:Link5" content="0"/>
  101. <meta name="text:Link 5" content="/"/>
  102. <meta name="text:Link Title 5" content="link 5"/>
  103.  
  104. <meta name="if:Link6" content="0"/>
  105. <meta name="text:Link 6" content="/"/>
  106. <meta name="text:Link Title 6" content="link 6"/>
  107.  
  108. <meta name="if:Link7" content="0"/>
  109. <meta name="text:Link 7" content="/"/>
  110. <meta name="text:Link Title 7" content="link 7"/>
  111.  
  112.  
  113. <!--------------------------------------------------------
  114.  
  115. Posts
  116.  
  117. --------------------------------------------------------->
  118.  
  119. <meta name="color:PostBackground" content="#a996df"/>
  120.  
  121.  
  122. <!-- Post border -->
  123.  
  124.  
  125. <meta name="text:Post Border Rounding" content="11" />
  126. <meta name="if:PostBorder" content="0"/>
  127. <meta name="color:Post Border Color" content="#3e3458"/>
  128.  
  129.  
  130.  
  131. <!-----------
  132.  
  133. Fonts
  134.  
  135. ----------->
  136.  
  137. <meta name="font:post fonts" content="Avalon"/>
  138. <meta name="text:post fonts size" content="10px"/>
  139.  
  140. <meta name="font: sidebar fonts" content="Avalon"/>
  141. <meta name="text: Sidebar Font Size" content="10px"/>
  142.  
  143. <meta name="color: Post Font Color" content="#f1ecfd"/>
  144. <meta name="color: Sidebar Font Color" content="#F1ECFD"/>
  145. <meta name="color: Link Font Color" content="##e5def8"/>
  146. <meta name="color: Sidebar Link Font Color" content="#C0B3E5"/>
  147.  
  148. <meta name="text: Sidebar Title Font Size" content="10px"/>
  149. <meta name="color: Sidebar Title Font Color" content="#E3D9FD"/><!--integr4tedthemes-->
  150.  
  151. <meta name="font: Sidebar Title Font Family" content="Avalon"/>
  152. <meta name="text: Sidebar Description Font Size" content="10px"/>
  153. <meta name="color: Sidebar Description Font Color" content="#F1ECFD"/>
  154. <meta name="font: Sidebar Description Font Family" content="Avalon"/>
  155. <meta name="color: Hover Link Font Color" content="#F1ECFD"/>
  156.  
  157.  
  158.  
  159.  
  160.  
  161. <link rel="shortcut icon" href="{Favicon}">
  162. <meta name="description" content=""/>
  163.  
  164.  
  165.  
  166. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  167.  
  168.  
  169. {block:ifinfinitescroll}
  170.  
  171. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  172. {/block:ifinfinitescroll}
  173.  
  174. {block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}
  175.  
  176. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188. <style type="text/css">
  189.  
  190.  
  191.  
  192. body {
  193. height:100%;
  194. list-style-type: none;
  195. background:url('{image:background}') {block:ifbackgroundcover}center fixed;
  196. background-size:cover;
  197. {/block:ifbackgroundcover}
  198.  
  199. {block:ifnotbackgroundcover}
  200. top left fixed repeat;
  201. {/block:ifnotbackgroundcover}
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.  
  210. background-color:{color:background};
  211.  
  212.  
  213.  
  214.  
  215. }
  216.  
  217.  
  218. a {
  219. color: {color: Link Font Color};
  220. text-decoration: none;
  221. -moz-transition-duration: 0.5s;
  222. -o-transition-duration: 0.5s;
  223. -webkit-transition-duration: 0.5s;
  224. transition-duration: 0.5s;}
  225.  
  226. a:hover {
  227. color: {color: Hover Link Font Color};
  228. -moz-transition-duration: 0.5s;
  229. -o-transition-duration: 0.5s;
  230. -webkit-transition-duration: 0.5s;
  231. transition-duration: 0.5s;}
  232.  
  233. .container { width: 100%;
  234. margin-top: 5px;
  235. height:auto;
  236. height:100%;
  237. min-height:100%;
  238.  
  239. position:absolute;
  240. padding:1px;
  241.  
  242. }
  243.  
  244.  
  245. .posts li { list-style: none;}
  246.  
  247. .posts blockquote { border-left: 1px solid #000;
  248. padding-left: 5px;}
  249.  
  250.  
  251. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  252.  
  253.  
  254.  
  255. .themecredit { width: 20px;
  256. height: 20px;
  257. position: fixed;
  258.  
  259. bottom: 10px;
  260. left: 10px;
  261. z-index: -1;
  262. }
  263.  
  264.  
  265. .sidebar { width: 200px;
  266. height: 250px;
  267. position:fixed;
  268. margin-left: 60px;
  269. margin-top: 250px;
  270. background-color: {color:sidebarbackground};
  271. padding: auto;
  272.  
  273. border-style: solid;
  274. border-width: 2px;
  275. border-color: {color:sidebarborder};
  276.  
  277. box-shadow: 2px 2px {color:sidebarshadow};
  278.  
  279. -moz-border-radius:{text:sidebarborderRounding}px;
  280. -webkit-border-radius:{text:sidebarborderRounding}px;
  281.  
  282.  
  283. }
  284.  
  285. .sidebarimage { margin-top:-120px;
  286. margin-left:-45px;
  287. z-index:0;
  288.  
  289. }
  290.  
  291. .banner { margin-top:-40px;
  292. margin-left:5px;
  293. z-index:0;
  294. position:Static;
  295.  
  296. }
  297.  
  298.  
  299.  
  300. .sidebartitle {
  301.  
  302.  
  303. font-size: {text: Sidebar title Font Size};
  304. font-family: {font: Sidebar Title Font Family};
  305. color: {color:Sidebar Title Font Color};
  306.  
  307. }
  308.  
  309. .sidebardescription {
  310.  
  311. font-size: {text: Sidebar Description Font Size};
  312. font-family: {font: Sidebar Description Font Family};
  313. color: {color: Sidebar Description Font Color};
  314.  
  315. }
  316.  
  317. .sidebarf {
  318. position:absolute;
  319. left:33%;
  320. right:33%;
  321. top:23%;
  322. margin:auto;
  323. z-index:1;
  324.  
  325.  
  326.  
  327. }
  328.  
  329.  
  330. .sidebarc {position:absolute;
  331. display: table-cell;
  332. vertical-align: middle;
  333. width: 250px;
  334. bottom: 10%;
  335. left:-10%;
  336.  
  337. font-size: {text: Sidebar Description Font Size};
  338. font-family: {font: Sidebar Description Font Family};
  339. color: {color: Sidebar Description Font Color};
  340.  
  341.  
  342. }
  343.  
  344. .sidebarc a {color: {color:Accent};
  345. width: 90%;
  346. display: block;
  347. text-transform: uppercase;
  348.  
  349.  
  350. padding: 6px 0px;
  351. text-align: center;
  352. margin-left:auto;
  353. margin-right:auto;
  354. letter-spacing: {text:Letter Spacing};
  355. margin-bottom: 2px;
  356. -moz-border-radius:{text:Sidebar Link Rounding}px;
  357. -webkit-border-radius:{text:Sidebar Link Rounding}px;
  358.  
  359.  
  360.  
  361. }
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369. .postcol { width: 400px;
  370. height: 85%;
  371. margin:auto;
  372.  
  373. margin-left: 410px;
  374.  
  375. padding: 25px;
  376. background-color: {color:PostBackground};
  377. border-style: solid;
  378. border-width: 2px;
  379. border-color: {color:sidebarborder};
  380. box-shadow: 2px 2px {color:sidebarshadow};
  381. -moz-border-radius:{text:Post Border Rounding}px;
  382. -webkit-border-radius:{text:Post Border Rounding}px;
  383. overflow-y: scroll;
  384. overflow-x: hidden;
  385. }
  386.  
  387. .posts { width: 400px;
  388.  
  389.  
  390.  
  391. font-size: {text:post fonts size};
  392. font-family: {font:post fonts};
  393. color: {color: Post Font Color};
  394.  
  395.  
  396.  
  397. }
  398.  
  399. .info { width: 360%;
  400.  
  401.  
  402.  
  403.  
  404. font-size: {text:post fonts size};
  405. font-family: {font:post fonts};
  406. color: {color: Post Font Color};
  407.  
  408.  
  409.  
  410.  
  411. }
  412.  
  413.  
  414. .bottomimage { width: {text:Bottom Image Size}px;
  415. position:fixed;
  416. bottom: -6px;
  417. right: -2px;
  418. z-index: -1;
  419. }
  420.  
  421. .posts h2 {
  422. font-size: 20px;
  423. color: {color: Post Font Color};
  424. font-weight: normal;
  425. margin: 0px;}
  426. .notecontainer{
  427.  
  428. width: 400px;
  429. margin: auto;
  430. margin-left:10px;
  431. margin-top:10px;
  432. float: left;
  433. display: block;
  434. padding: 10px;
  435.  
  436.  
  437.  
  438. font-size: {text:post fonts size};
  439. font-family: {font:post fonts};
  440. color: {color: Post Font Color};
  441.  
  442.  
  443.  
  444. }
  445.  
  446. .notes {
  447.  
  448. font-size: {text:post fonts size};
  449. font-family: {font:post fonts};
  450. color: {color: Post Font Color};
  451.  
  452. list-style-type: none;
  453. margin: 0;
  454. padding: 0;
  455. }
  456.  
  457.  
  458.  
  459.  
  460. </style>
  461.  
  462.  
  463. </head>
  464.  
  465. <body>
  466.  
  467.  
  468.  
  469.  
  470.  
  471.  
  472.  
  473. <div class="container">
  474.  
  475.  
  476.  
  477. <div class="sidebar"></br>
  478.  
  479.  
  480. <div class="sidebarimage">
  481. <center>
  482. <img src="{image:sidebar}"; width="120%">
  483.  
  484. </center>
  485. </div>
  486.  
  487. <div class="banner">
  488. <img src="{image:banner}"; width="190px">
  489.  
  490. </div>
  491.  
  492.  
  493. <div class="sidebarf"></br></br></br></br>
  494.  
  495.  
  496.  
  497.  
  498.  
  499. <div class="sidebartitle">
  500. <a href="/">
  501. <center>
  502.  
  503.  
  504. {title}
  505.  
  506.  
  507. </center>
  508. </a>
  509. </div>
  510.  
  511.  
  512.  
  513.  
  514. <div class="sidebardescription">
  515.  
  516.  
  517. </br> <center>{description}</center></br>
  518.  
  519. </div>
  520. </div>
  521. </br>
  522. <div class="sidebarc">
  523.  
  524. <center>
  525.  
  526.  
  527. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;'>
  528.  
  529. <option>{text:sidebarlinks}</option>
  530.  
  531. <option value="{text:Link 1}">{text:link title 1}</option>
  532. <option value="{text:Link 2}">{text:link title 2}</option>
  533. <option value="{text:Link 3}">{text:link title 3}</option>
  534. <option value="{text:Link 4}">{text:link title 4}</option>
  535. <option value="{text:Link 5}">{text:link title 5}</option>
  536. <option value="{text:Link 6}">{text:link title 6}</option>
  537. <option value="{text:Link 7}">{text:link title 7}</option>
  538.  
  539. <!--
  540.  
  541. Go ahead and delete this line and I promise you I will
  542. find you and I will inject you with HIV.
  543.  
  544. -->
  545.  
  546.  
  547. <option value="http://integr4tedthemes.tumblr.com">theme credit</option>
  548.  
  549.  
  550. <!--
  551.  
  552. I'm not kidding.
  553. Really.
  554.  
  555. -->
  556.  
  557.  
  558. </select>
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567. </center>
  568. </div>
  569. </div>
  570.  
  571.  
  572. <div class="postcol">
  573. <div class = "autopagerize_page_element" >
  574. {block:Posts}
  575. <div class="posts">
  576.  
  577.  
  578. {block:Text}
  579.  
  580. {block:Title}
  581. <h2>{title}</h2>
  582. {/block:Title}
  583. {Body}
  584. </br>
  585. {/block:Text}
  586.  
  587.  
  588. {block:answer}
  589. {asker} asked: {question}</br>
  590. {answer}
  591. {/block:answer}
  592.  
  593.  
  594. {block:Quote}
  595. <h3>{Quote}</h3>
  596. {block:Source}
  597. -<i>{source}</i>
  598. {/block:Source}
  599. {/block:Quote}
  600.  
  601.  
  602. {block:Link}
  603. <a href="{URL}"><h2>{Name}</h2></a>
  604. {block:Description}
  605. {Description}
  606. {/block:Description}
  607. {/block:Link}
  608.  
  609.  
  610. {block:chat}
  611. {block:Title}
  612. <!--integr4tedthemes-->
  613. <h2>{Title}</h2>
  614. {/block:Title}</br>
  615. {block:lines}
  616. {block:Label}
  617. {Label}
  618. {/block:Label}
  619. {Line}</br>
  620. {/block:lines}
  621. {/block:chat}
  622.  
  623. {block:Photo}
  624. {LinkOpenTag}
  625. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  626. {LinkCloseTag}
  627. {block:Caption}
  628. {Caption}</br>
  629. {/block:Caption}
  630.  
  631. {/block:Photo}
  632.  
  633. {block:Photoset}
  634. {Photoset-400}
  635. {block:Caption}
  636. {Caption}
  637. {/block:Caption}
  638. {/block:Photoset}
  639.  
  640. {block:Video}
  641. {Videoembed-400}
  642. {block:Caption}
  643. {Caption}
  644. {/block:Caption}
  645. {/block:Video}
  646.  
  647. {block:Audio}
  648. {block:AudioEmbed}
  649. {Audioembed-400}
  650. {/block:AudioEmbed}
  651. {block:TrackName}
  652. <h2>{TrackName}</h2>
  653. {/block:TrackName}</br>
  654. {block:Artist}
  655. {Artist}
  656. {/block:Artist}
  657. {block:Caption}
  658. {Caption}
  659. {/block:Caption}
  660. {/block:Audio}
  661.  
  662.  
  663.  
  664. <div class="info">
  665. <p><a href="{Permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}">reblog</a> / <a href="{Permalink}">posted {timeago}</a>
  666. {block:HasTags} </br></br> {block:Tags}<a href="{tagurl}">#{Tag}</a>, {/block:Tags}</br></br></br>{/block:HasTags}
  667.  
  668.  
  669. {block:PostNotes}
  670. <div id="notecontainer"></br>{PostNotes}</div>
  671. {/block:PostNotes}
  672.  
  673. {/block:Posts}
  674.  
  675. </div>
  676.  
  677. </div>
  678. </div>
  679. </div>
  680. </div>
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688. <div class="themecredit">
  689. <center>
  690. <a href="http://integr4ted.tumblr.com">
  691. ✿
  692. </a>
  693. </center>
  694. </div>
  695.  
  696.  
  697. <div class="bottomimage">
  698. <img src="{image:bottomimage}"; width={text:Bottom Image Size}px>
  699. </div>
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710. </body>
  711. </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!