API tools faq
paste
txrpe

[09] PETIT MIGNON

txrpe
Aug 9th, 2016
2,906
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 09 [PETIT MIGNON] by saisei-themes @ tumblr
  4.  
  5. - do not repost
  6. - do not claim as your own
  7. - do not use as base
  8. - enjoy !
  9.  
  10. -->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16. <head>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <script>
  21. $(document).ready(function() {
  22. //
  23. $('a.poplight[href^=#]').click(function() {
  24. var popID = $(this).attr('rel'); //Get Popup Name
  25. var popURL = $(this).attr('href'); //Get Popup href to define size
  26. var query= popURL.split('?');
  27. var dim= query[1].split('&');
  28. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  29. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  30. var popMargTop = ($('#' + popID).height() + 80) / 2;
  31. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  32. //Apply Margin to Popup
  33. $('#' + popID).css({
  34. 'margin-top' : -popMargTop,
  35. 'margin-left' : -popMargLeft
  36. });
  37. $('body').append('<div id="fade"></div>');
  38. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  39. return false;
  40. });
  41. $('a.close, #fade').live('click', function() {
  42. $('#fade , .popup_block').fadeOut(function() {
  43. $('#fade, a.close').remove(); //fade them both out
  44. });
  45. return false;
  46. });
  47. });
  48. </script>
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  51.  
  52. <script type="text/javascript"
  53. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  54.  
  55. <script type="text/javascript">
  56. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  57. $(document).ready(function() {
  58. function photosetResize() {
  59. $('iframe.photoset').each(function(){
  60. var newSize = 320;
  61. var newSrc = $(this).attr('src').replace('500',newSize);
  62. $(this).attr('src', newSrc).width(newSize);
  63. var high = $(this).css('height');
  64. var calculate = parseInt(high, 10)* newSize/500;
  65. $(this).css('height', calculate);
  66. });
  67. }
  68. photosetResize();
  69. });
  70. </script>
  71.  
  72.  
  73. <title>{Title}</title>
  74.  
  75. <link rel="shortcut icon" href="{Favicon}">
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  77. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  78.  
  79. <meta name="image:render" content="" />
  80. <meta name="image:background" content="" />
  81.  
  82. <meta name="color:background" content="#f4ecf2" />
  83. <meta name="color:links" content="#caedf5" />
  84. <meta name="color:links hover" content="#c1e9f5" />
  85. <meta name="color:bold" content="#f5c1da" />
  86. <meta name="color:italic" content="#dfdfdf" />
  87. <meta name="color:accent" content="#fbedf2" />
  88. <meta name="color:border" content="#878787" />
  89. <meta name="color:text" content="#b1b1b1" />
  90. <meta name="color:posts" content="#fff" />
  91. <meta name="color:blog title" content="#fff" />
  92. <meta name="color:border 2" content="#f7f7f7" />
  93.  
  94. <meta name="text:section 1 header" content="" />
  95. <meta name="text:section 1" content="" />
  96. <meta name="text:section 2 header" content="" />
  97. <meta name="text:section 2" content="" />
  98. <meta name="text:section 3 header" content="" />
  99. <meta name="text:section 3" content="" />
  100.  
  101. <meta name="text:blog title size" content="75" />
  102. <meta name="text:font size" content="9.5" />
  103. <meta name="text:info symbol" content="❤︎" />
  104. <meta name="text:blogt" content="" />
  105.  
  106. <meta name="text:link1 url" content="" />
  107. <meta name="text:link1" content="" />
  108. <meta name="text:link1 title" content="" />
  109. <meta name="text:link2 url" content="" />
  110. <meta name="text:link2" content="" />
  111. <meta name="text:link2 title" content="" />
  112. <meta name="text:link3 url" content="" />
  113. <meta name="text:link3" content="" />
  114. <meta name="text:link3 title" content="" />
  115. <meta name="text:link4 url" content="" />
  116. <meta name="text:link4" content="" />
  117. <meta name="text:link4 title" content="" />
  118. <meta name="text:link5 url" content="" />
  119. <meta name="text:link5" content="" />
  120. <meta name="text:link5 title" content="" />
  121.  
  122. <meta name="if:music player" content="1" />
  123. <meta name="if:show captions" content="1" />
  124. <meta name="if:grayscale" content="0" />
  125. <meta name="if:photo fade" content="1" />
  126.  
  127. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  128. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  129. <script>
  130. (function($){
  131. $(document).ready(function(){
  132. $("a[title]").style_my_tooltips({
  133. tip_follows_cursor:true,
  134. tip_delay_time:90,
  135. tip_fade_speed:600,
  136. attribute:"title"
  137. });
  138. });
  139. })(jQuery);
  140. </script>
  141.  
  142. <style type="text/css">
  143.  
  144. /* POPUP BOXES */
  145.  
  146. .popup_block{
  147. display:none;
  148. background:{color:posts};
  149. padding:20px;
  150. border:5px solid {color:accent};
  151. outline: 1px solid {color:border};
  152. float:left;
  153. position: fixed;
  154. top:50%;left:50%;
  155. z-index: 99999;
  156. font-size: {text:font size}px;
  157. height: 400px;
  158. overflow-x: hidden;
  159. overflow-y: scroll;
  160. }
  161.  
  162. *html #fade {position: absolute;}
  163. *html .popup_block {position: absolute;}
  164. #fade {
  165. display:none;
  166. position:fixed;
  167. left:0px;
  168. top:0px;
  169. width:100%;
  170. height:100%;
  171. z-index:9999;
  172. background:#000; /* change to #fff for solid white */
  173. opacity:0.2; /* change to opacity:1; */
  174. }
  175.  
  176. #popheading {
  177. font-size: 35px;
  178. font-family: 'radiometry';
  179. color: {color:border};
  180. border-bottom: 1px solid {color:border2};
  181. padding-bottom: 5px;
  182. padding-top: 5px;
  183. margin-bottom: 10px;
  184. }
  185.  
  186. /* CUSTOM FONT */
  187.  
  188. @font-face {font-family: "radiometry";src: url('https://dl.dropboxusercontent.com/s/d02uy9pnixyjzxo/radiometry.ttf?dl=1'); format("truetype");}
  189.  
  190. /* SCROLLBAR */
  191.  
  192. ::-webkit-scrollbar{ width: 0px; }
  193.  
  194. #entries::-webkit-scrollbar{ width: 7px; }
  195.  
  196. #entries::-webkit-scrollbar-thumb{ background-color: {color:border}; }
  197. #entries::-webkit-scrollbar-track { background-color: {color:background}; }
  198.  
  199. /* TEXT STUFF */
  200.  
  201. h1, h2 {
  202. font-size: 25px;
  203. font-family: 'radiometry';
  204. }
  205.  
  206. small, sup, sub {
  207. font-size: {text:font size}px;
  208. }
  209.  
  210. a {
  211. text-decoration: none;
  212. color: {color:links};
  213. -webkit-transition: all 1s ease-in-out;
  214. -moz-transition: all 1s ease-in-out;
  215. -o-transition: all 1s ease-in-out;
  216. transition: all 1s ease-in-out;
  217. }
  218.  
  219. a:hover {
  220. color: {color:links hover};
  221. -webkit-transition: all 1s ease-in-out;
  222. -moz-transition: all 1s ease-in-out;
  223. -o-transition: all 1s ease-in-out;
  224. transition: all 1s ease-in-out;
  225. }
  226.  
  227. b, strong {
  228. color: {color:bold};
  229. }
  230.  
  231. i, em {
  232. color: {color:italic};
  233. }
  234.  
  235. /* TOOLTIPS */
  236.  
  237. #s-m-t-tooltip{
  238. position:absolute;
  239. margin-top: 10px;
  240. margin-left: 20px;
  241. text-transform:uppercase;
  242. z-index:999999;
  243. font-family: 'Raleway', sans-serif;
  244. font-size: 8px;
  245. color: {color:posts} !important;
  246. background: {color:border};
  247. -moz-transition-duration:.80s;
  248. -webkit-transition-duration:.80s;
  249. -o-transition-duration:.80s;
  250. padding: 5px;
  251. letter-spacing: 1px;
  252.  
  253. }
  254.  
  255. /*BLOCKQUOTES */
  256.  
  257. blockquote {
  258. border-left: 1px solid {color:border2};
  259. padding: 4px 4px 4px 10px;
  260. margin-left: 0px;
  261. }
  262.  
  263. /* BODY */
  264.  
  265. body {
  266. background: url('{image:background}');
  267. background-color: {color:background};
  268. margin: 0px;
  269. padding: 0px;
  270. color: {color:text};
  271. font-family: raleway;
  272. font-size: {text:font size}px;
  273. overflow-x: hidden;
  274. overflow-y: hidden;
  275. }
  276.  
  277. #skeleton {
  278. position: absolute;
  279. width: auto;
  280. margin-left: 360px;
  281. margin-right: 360px;
  282. margin-top: 150px;
  283. }
  284.  
  285. /* RENDER
  286.  
  287. adjust position with margin-top, margin-right, margin-bottom, -margin-left properties if needed. keep in mind that you can use negative and positive values. make render image with the height and width shown in the code for the same results as in preview. if not, change height and width accordingly in the code to match your render. */
  288.  
  289. #render {
  290. position: relative;
  291. background: url('{image:render}') no-repeat center;
  292. background-size: contain;
  293. height: 400px;
  294. width: 500px;
  295. z-index: 0;
  296. margin-top: -220px;
  297. margin-left: 10px;
  298. opacity: .9;
  299. }
  300.  
  301. /* BLOG TITLE */
  302.  
  303. #blogt {
  304. width: 370px;
  305. font-family: 'radiometry';
  306. font-size: {text:blog title size}px;
  307. color: {color:blog title};
  308. position: absolute;
  309. margin-top: -40px;
  310. z-index: 100;
  311. letter-spacing: 2px;
  312. text-align: right;
  313. -webkit-text-fill-color: {color:blog title}; /* Will override color (regardless of order) */
  314. -webkit-text-stroke-width: 1px;
  315. -webkit-text-stroke-color: {color:border};
  316. }
  317.  
  318. /* ENTRIES AND POSTS */
  319.  
  320. #box {
  321. width: 340px;
  322. padding: 10px;
  323. position: relative;
  324. background: {color:posts};
  325. margin-top: 0px;
  326. height: 280px;
  327. border: 5px solid {color:accent};
  328. outline: 1px solid {color:border};
  329. }
  330.  
  331.  
  332. #entries {
  333. width: 340px;
  334. height: 280px;
  335. position: relative;
  336. overflow-y: scroll;
  337. overflow-x: hidden;
  338. }
  339.  
  340. #posts {
  341. width: 320px;
  342. margin-bottom: 40px;
  343. line-height: 15px;
  344. letter-spacing: .5px;
  345. font-size: {text:font size}px;
  346. }
  347.  
  348. /* POST IMAGES */
  349.  
  350. #posts img {
  351. max-width: 320px;
  352. height: auto;
  353. {block:ifPhotoFade}
  354. opacity: .7;
  355. {/block:ifPhotoFade}
  356. {block:ifGrayscale}-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  357. filter: grayscale(100%);{/block:ifGrayscale}
  358. -webkit-transition: all 1s ease-in-out;
  359. -moz-transition: all 1s ease-in-out;
  360. -o-transition: all 1s ease-in-out;
  361. transition: all 1s ease-in-out;
  362. }
  363.  
  364. #posts img:hover, iframe.photoset:hover {
  365. {block:ifPhotoFade}opacity: 1;{/block:ifPhotoFade}
  366. {block:ifGrayscale}-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  367. filter: grayscale(0%);{/block:ifGrayscale}
  368. -webkit-transition: all 1s ease-in-out;
  369. -moz-transition: all 1s ease-in-out;
  370. -o-transition: all 1s ease-in-out;
  371. transition: all 1s ease-in-out;
  372. }
  373.  
  374. iframe.photoset {
  375. {block:ifPhotoFade}opacity: .7;{/block:ifPhotoFade}
  376. {block:ifGrayscale} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  377. filter: grayscale(100%);{/block:ifGrayscale}
  378. -webkit-transition: all 1s ease-in-out;
  379. -moz-transition: all 1s ease-in-out;
  380. -o-transition: all 1s ease-in-out;
  381. transition: all 1s ease-in-out;
  382. }
  383.  
  384. /* POST TITLE */
  385.  
  386. #title {
  387. font-size: 25px;
  388. font-family: 'radiometry';
  389. color: {color:border};
  390. border-bottom: 1px solid {color:border 2};
  391. padding-bottom: 5px;
  392. padding-top: 10px;
  393. }
  394.  
  395. /*PERMALINK */
  396.  
  397. #info {
  398. border-top: 1px solid {color:border 2};
  399. border-bottom: 1px solid {color:border 2};
  400. padding: 5px;
  401. text-align: center;
  402. }
  403.  
  404. #info a {
  405. color: {color:border};
  406. font-size: 13px;
  407. margin: 0px 10px 0px 10px;
  408. }
  409.  
  410. #info a:hover {
  411. color: {color:links};
  412. }
  413.  
  414. /* TAGS */
  415.  
  416. #tags {
  417. margin-top: 5px;
  418. }
  419.  
  420. #tags a {
  421. margin-right: 5px;
  422. }
  423. /* SIDEBAR */
  424.  
  425. #boxtwo {
  426. width: 140px;
  427. height: 300px;
  428. background: {color:posts};
  429. border: 5px solid {color:accent};
  430. outline: 1px solid {color:border};
  431. position: relative;
  432. margin-left: 380px;
  433. top: -310px;
  434. }
  435.  
  436.  
  437.  
  438. #boxc {
  439. height: 290px;
  440. padding: 0px 5px 5px 5px;
  441. margin-top: 5px;
  442. font-size: 10px;
  443. text-align: justify;
  444. font-family: 'Raleway';
  445. text-align: justify;
  446. overflow-y: scroll;
  447. letter-spacing: .5px;
  448. }
  449.  
  450. #boxcc {
  451. margin-bottom: 5px;
  452. }
  453.  
  454. #header {
  455. position: relative;
  456. padding: 5px;
  457. font-size: 12px;
  458. font-family: 'raleway';
  459. text-transform: uppercase;
  460. color: {color:border};
  461. border-bottom: 1px solid {color:border 2};
  462. letter-spacing: .5px;
  463. margin-bottom: 5px;
  464. }
  465.  
  466. /* LINKS */
  467.  
  468. #links {
  469. position: absolute;
  470. z-index: 150;
  471. margin-left: -90px;
  472. margin-top: -250px;
  473. }
  474.  
  475. #links a {
  476. display: inline-block;
  477. color: {color:links};
  478. transition: ease-in-out 1s;
  479. }
  480.  
  481. #links a:hover {
  482. transition: ease-in-out 1s;
  483. -webkit-transform: rotate(360deg);
  484. -moz-transform: rotate(360deg);
  485. -ms-transform: rotate(360deg);
  486. -o-transform: rotate(360deg);
  487. }
  488.  
  489. #link1 {
  490. font-size: 70px;
  491. margin-top: 140px;
  492. margin-left: 125px;
  493. }
  494.  
  495. #link2 {
  496. font-size: 50px;
  497. margin-top: -30px;
  498. margin-left: 100px;
  499. }
  500.  
  501. #link3 {
  502. font-size: 30px;
  503. margin-top: -50px;
  504. margin-left: 160px;
  505. }
  506.  
  507. #link4 {
  508. font-size: 15px;
  509. margin-top: -70px;
  510. margin-left: 100px;
  511. }
  512.  
  513. #link5 {
  514. font-size: 30px;
  515. margin-top: -20px;
  516. margin-left: 60px;
  517. }
  518.  
  519. /* PAGE NOTES AND CAPTIONS */
  520. .pagenotes {
  521. {block:IndexPage}
  522. display: none!important;
  523. {/block:IndexPage}
  524. width: 400px;
  525. text-align:left;
  526.  
  527. }
  528. .pagenotes img {
  529. display:none!important;}
  530.  
  531. .pagenotes li {
  532. list-style-type:none;
  533. padding:5px;
  534. text-align:left;
  535. margin:0 0 0 -40px;
  536. }
  537.  
  538.  
  539. /* ASKS */
  540. .question {margin-bottom:10px;
  541. letter-spacing: .5px;
  542. border-bottom: 1px solid {color:border};
  543. padding: 10px;
  544. min-height: 35px;
  545. }
  546. .asker {
  547. font-weight:bold;
  548. }
  549.  
  550. .a {
  551. margin-top:10px;
  552. }
  553.  
  554. /* QUOTES */
  555.  
  556. #quote{text-align:left;
  557. font-size:15px;
  558. line-height:21px;
  559. color: {color:bold};
  560. font-family: 'raleway';
  561. letter-spacing: 1px;
  562. }
  563.  
  564. #source {
  565. margin-top:15px;
  566. text-align: right;
  567. }
  568.  
  569.  
  570. /* AUDIO */
  571.  
  572. .audio
  573. {padding: 0;}
  574.  
  575. .audio_container
  576. { overflow: hidden;
  577. position: relative;
  578. width: 100px;}
  579.  
  580. .soundcloud_audio_player
  581. {width: 100%;}
  582.  
  583. .tumblr_audio_player
  584. {width: 100%;
  585. opacity: .5; }
  586.  
  587. /* CHAT */
  588.  
  589. .chat ol {
  590. padding:0;
  591. list-style:none;
  592. }
  593. .line {padding:5px 0;}
  594.  
  595. .label {font-weight:bold;
  596. }
  597.  
  598. #pagination {
  599. position: absolute;
  600. width: 140px;
  601. text-align: center;
  602. margin-left: 375px;
  603. margin-bottom: 5px;
  604. margin-top: -30px;
  605. }
  606.  
  607. #pagination a {
  608. text-transform: uppercase;
  609. font-size: 8px;
  610. display: inline;
  611. font-size: 20px;
  612. }
  613.  
  614. /* MUSIC PLAYER BY GYAPO @ TUMBLR */
  615.  
  616. #cornerplayer
  617. {z-index:999;
  618. background-color:{color:border};
  619. width:50px;
  620. height:50px;
  621. border-radius:0px 50px 0px 0px;
  622. -moz-border-radius:0px 50px 0px 0px;
  623. position:fixed;
  624. overflow:hidden;
  625. bottom:0px;
  626. left:0px;
  627. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  628.  
  629. #cornericon
  630. {margin-top:25px;
  631. margin-bottom:20px;
  632. margin-left:-5px;
  633. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  634.  
  635. #cornerplayer:hover
  636. {width:200px;
  637. -moz-border-radius:0px;
  638. border-radius:0px;}
  639.  
  640. #cornerplayer:hover #cornericon
  641. {margin-top:10px;
  642. margin-left:0px;
  643. margin-bottom:4px;}
  644.  
  645. /* credit - DO NOT DELETE */
  646.  
  647. #cred {
  648. background-color: {color:posts};
  649. font-family: 'raleway';
  650. font-size: 12px;
  651. color: {color:links};
  652. padding: 5px;
  653. width: 22px;
  654. border: 2px solid {color:background};
  655. outline: 1px solid {color:border};
  656. float:bottom;
  657. top: 95%;
  658. right: 10px;
  659. position: fixed;
  660. }
  661.  
  662. #cred a {
  663. color: {color:links};
  664. font-size: 15px;
  665. letter-spacing: 3px;
  666. }
  667.  
  668. </style>
  669. </head>
  670.  
  671. <body>
  672.  
  673. {block:ifMusicPlayer}
  674. <div id='cornerplayer'><center>
  675. <div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  676. <div> MUSIC PLAYER CODE HERE </div>
  677. </center> </div><!--cornerplayer-->
  678. {/block:ifMusicPlayer}
  679.  
  680. <div id="skeleton">
  681.  
  682. <div id="render"></div>
  683.  
  684. <div id="links">
  685. <div id="link1"><a href="{text:link1 url}" title="{text:link1 title}">{text:link1}</a></div>
  686. <div id="link2"><a href="{text:link2 url}" title="{text:link2 title}">{text:link2}</a></div>
  687.  
  688. <div id="link3"><a href="#?w=400" rel="box1" class="poplight" title="{text:link3 title}">{text:link3}</a></div>
  689. <div id="link4"><a href="#?w=400" rel="box2" class="poplight" title="{text:link4 title}">{text:link4}</a></div>
  690. <div id="link5"><a href="#?w=400" rel="box3" class="poplight" title="{text:link4 title}">{text:link5}</a></div>
  691. </div>
  692.  
  693.  
  694. <div id="blogt">{text:blogt}</div>
  695.  
  696. <div id="pagination">
  697. {block:Pagination}
  698. {block:PreviousPage}
  699. <a href="{PreviousPage}">≪</a>
  700. {/block:PreviousPage}
  701. {block:NextPage}
  702. <a href="{NextPage}">≫</a>
  703. {/block:NextPage}
  704. {/block:Pagination}
  705. </div>
  706.  
  707. <div id="box">
  708.  
  709. <div id="entries">
  710. {block:Posts}
  711. <div id="posts">
  712.  
  713. {block:Text}
  714. {block:Title}
  715. <div id="title">{Title}</div>{/block:Title}
  716. {Body}
  717. {/block:Text}
  718.  
  719. {block:Answer}
  720. <div class="question">
  721. <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 3px solid {color:border}"></div><div id="asker">{Asker} said: </div>{Question}</div>
  722. <div class="answer">{Answer}</div>
  723. {/block:Answer}
  724.  
  725. {block:Chat}
  726. {block:Title}<div class="title">{Title}</div>{/block:Title}
  727. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  728. {Line}</div>{/block:Lines}</div>
  729. {/block:Chat}
  730.  
  731. {block:Quote}
  732. <div id="quote"><font color="{color:border 2}">❝</font> {Quote} <font color="{color:border 2}">❞</font></div>
  733. {block:Source}<div id="source"><font color="{color:border 2}">— </font> {Source}</div>{/block:Source}
  734. {/block:Quote}
  735.  
  736. {block:Link}
  737. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  738. {/block:Link}
  739.  
  740. {block:Photo}
  741. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  742. {/block:Photo}
  743.  
  744.  
  745. {block:Photoset}
  746. {Photoset-500}
  747. {/block:Photoset}
  748.  
  749.  
  750. {block:Video}
  751. {Video-400}
  752. {/block:Video}
  753.  
  754. {block:Audio}
  755. <div class="audioContainer">
  756. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  757. </div>
  758. {/block:Audio}
  759.  
  760. {block:IfShowCaptions}
  761. {block:Caption}{Caption}{/block:Caption}
  762. {/block:IfShowCaptions}
  763.  
  764. {block:Date}
  765. <div id="info">
  766. <a href="{Permalink}" title="{12Hour}:{Minutes} {AmPm}">{text:info symbol}︎</a>{block:NoteCount}<a href="{Permalink}" title="{NoteCount}">{text:info symbol}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">{text:info symbol}</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">{text:info symbol}</a>{/block:ContentSource}{/block:RebloggedFrom}
  767. </div>
  768.  
  769.  
  770. <div id="tags">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  771. {/block:Date}
  772.  
  773. </div>
  774. {/block:Posts}
  775. {block:PostNotes}
  776. <div class="pagenotes">
  777. {PostNotes}
  778. </div>
  779. {/block:PostNotes}
  780. </div>
  781. </div>
  782.  
  783. <div id="boxtwo">
  784. <div id="boxc">
  785. <div id="header">{text:section 1 header}</div>
  786. <div id="boxcc">{text:section 1}</div>
  787.  
  788. <div id="header">{text:section 2 header}</div>
  789. <div id="boxcc">{text:section 2}</div>
  790.  
  791. <div id="header">{text:section 3 header}</div>
  792. <div id="boxcc">{text:section 3}
  793.  
  794. </div>
  795.  
  796. </div>
  797. </div>
  798.  
  799. </div>
  800.  
  801. <div id="cred"><a href="http://www.saisei-themes.tumblr.com">ST</a></div>
  802.  
  803. {block:ContentSource}
  804. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  805. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  806. {/block:SourceLogo}
  807. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  808. {/block:ContentSource}
  809.  
  810. </body>
  811.  
  812. <!-- to add a header title, place your header title in between <div id="popheading"> and </div>. -->
  813.  
  814. <div id="box1" class="popup_block">
  815. <div id="popheading">title here</div>
  816. CONTENT
  817. <div id="popheading">here's another header</div>
  818. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dolor metus, pretium id vehicula quis, euismod sit amet dui. Pellentesque semper, augue eu malesuada ornare, risus lorem vehicula erat, ut porttitor risus nisi at diam. Quisque vehicula, tortor a tempus ultrices, lectus quam semper purus, ut ullamcorper lacus erat in tortor. Cras mollis sem augue, eu sodales quam mollis quis. Donec fringilla maximus elit at iaculis. Curabitur tempus felis nec imperdiet ullamcorper. Sed posuere congue viverra. Phasellus a tincidunt dolor, eget molestie quam. Nam eu lobortis sapien.
  819.  
  820. Integer non purus vel mi lobortis blandit et et ex. Vestibulum quis euismod diam. Vivamus placerat laoreet aliquet. Praesent tincidunt dictum ipsum eu consectetur. Aliquam dolor justo, facilisis vitae nulla a, euismod varius ante. Cras sagittis dolor a leo volutpat porttitor. Cras pellentesque finibus orci, non vehicula mauris ornare at. Praesent ultricies elit eget eros finibus, eu porttitor tellus pulvinar. Quisque lobortis quam ac tempus laoreet. Nullam mi orci, viverra eget ante quis, fringilla congue eros. In nisi risus, tempor ut nisi in, tristique elementum velit. Phasellus neque nisi, hendrerit eget velit eget, tristique interdum justo. Suspendisse sit amet efficitur enim. Aliquam ut fringilla nisl.
  821.  
  822. Vivamus nec justo ac ex viverra euismod molestie vitae urna. Sed sit amet gravida eros. Etiam convallis iaculis urna, ac lacinia purus tempus in. Sed eget tortor blandit, sodales dui id, tempor ante. Aenean vulputate pulvinar ornare. Cras pharetra ligula quis posuere ultricies. Sed augue risus, ultrices nec leo vel, euismod sagittis augue. Duis eleifend, nisl ut maximus vestibulum, tellus augue interdum leo, eget euismod purus purus eget quam. Nunc arcu urna, fringilla vitae gravida a, dignissim ut felis. Phasellus non placerat velit. Cras tristique metus ac lacus lobortis cursus. Donec elementum leo vel nibh egestas blandit.
  823.  
  824. Morbi in est a lorem lacinia lobortis. Fusce ante erat, tincidunt nec elementum ac, sollicitudin a odio. Aliquam tristique erat id dui semper, eget pulvinar libero fermentum. In libero diam, dapibus vel arcu sit amet, euismod suscipit massa. Proin luctus libero id ligula dictum auctor. Nam quis nibh rhoncus, interdum ligula vitae, commodo ante. Donec volutpat sapien nisl, sed feugiat urna molestie eu. Nulla et sem sodales, aliquet lacus vel, semper dui. Fusce pharetra orci sit amet gravida posuere. Ut egestas, eros bibendum pharetra condimentum, leo sem tincidunt magna, non euismod justo ex eu nisi. Proin leo magna, ultrices eget laoreet in, viverra vel ex. Fusce vitae ultricies sapien. Aenean tincidunt lorem sed ipsum laoreet, sodales consequat nisi pulvinar.
  825. </div>
  826.  
  827. <div id="box2" class="popup_block">
  828. <div id="popheading">title here</div>
  829. CONTENT
  830. CONTENT
  831. CONTENT
  832. </div>
  833.  
  834. <div id="box3" class="popup_block">
  835. <div id="popheading">title here</div>
  836. CONTENT
  837. CONTENT
  838. CONTENT
  839. </div>
  840.  
  841. </div></div></div></div></div></div></div></div></div></div>
  842.  
  843. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!