API tools faq
paste
Advertisement
faitha

THEME 004. "HONEYMOON AVENUE"

faitha
May 10th, 2014
812
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.62 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. hi my name is faith and i would appreciate if you didn't:
  3.  
  4. ✩ repost and claim as your own.
  5. ✩ remove my credit
  6. ✩ use as a base
  7.  
  8. but it's cool if you:
  9.  
  10. ✩ edit it. as much as u want. i don't care.
  11. ✩ make good things happen with it
  12. ✩ send me sweet little nothings about it
  13.  
  14. and that's about it cupcakes!!
  15.  
  16. -->
  17.  
  18. <html lang="en">
  19.  
  20. <head>
  21.  
  22. <title>{title}</title>
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27.  
  28. <script type="text/javascript" src="http://static.tumblr.com/kpuiknp/tjWn5dg9g/tabcontent.js">
  29.  
  30. /***********************************************
  31. * Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  32. * This notice MUST stay intact for legal use
  33. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  34. ***********************************************/
  35.  
  36. </script>
  37.  
  38.  
  39. <!-- COLOURS-->
  40. <meta name="color:background" content="#926676"/>
  41. <meta name="color:scrollbar" content="#926676"/>
  42. <meta name="color:side links" content="#98101c"/>
  43. <meta name="color:tabs color" content="#926676"/>
  44. <meta name="color:tabs hover" content="#fff"/>
  45. <meta name="color:selected tab" content="#000"/>
  46. <meta name="color:header" content="#926676"/>
  47. <meta name="color:links text" content="#fff"/>
  48. <meta name="color:links back" content="#926676"/>
  49. <meta name="color:borders" content="#926676"/>
  50. <meta name="color:info" content="#926676"/>
  51. <meta name="color:text" content="#000000"/>
  52. <meta name="color:links" content="#000000"/>
  53. <meta name="color:link hover" content="#00000"/>
  54. <meta name="color:post links" content="#926676"/>
  55. <meta name="color:posts" content="#ffffff"/>
  56. <meta name="color:accent" content="#b6929f"/>
  57. <meta name="color:postlinks" content="#c0bfbf"/>
  58. <meta name="color:questionback" content="#926676"/>
  59.  
  60.  
  61. <!--IMAGES-->
  62. <meta name="image:header" content="http://static.tumblr.com/kpuiknp/TcMn5dx6n/boop.gif"/>
  63. <meta name="image:background" content="http://static.tumblr.com/kpuiknp/2ZNn5dx5t/back.gif"/>
  64.  
  65.  
  66. <!--TEXT-->
  67. <meta name="text:Link 1" content="/"/>
  68. <meta name="text:Link 1 Title" content="link i"/>
  69. <meta name="text:Link 2" content="/"/>
  70. <meta name="text:Link 2 Title" content="link ii"/>
  71. <meta name="text:Link 3" content="/"/>
  72. <meta name="text:Link 3 Title" content="link iii"/>
  73. <meta name="text:Link 4" content="/"/>
  74. <meta name="text:Link 4 Title" content="link iv"/>
  75. <meta name="text:Link 5" content="/"/>
  76. <meta name="text:Link 5 Title" content="link v"/>
  77.  
  78.  
  79. <!--END -->
  80.  
  81. <style type="text/css">
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84.  
  85. height:2px;
  86.  
  87. background-color: {color:scrollbar};
  88.  
  89. }
  90.  
  91.  
  92. ::-webkit-scrollbar {
  93. width: 8px;
  94. height: 4px;
  95. background: #ffffff;
  96. }
  97.  
  98. ::-webkit-scrollbar-thumb {
  99. background-color: {color:scrollbar};
  100. }
  101. body{
  102. color:black;
  103. font-family:georgia;
  104. font-size:10px;
  105. background-color:{color:background};
  106. background-image:url('{image:background}');
  107. }
  108. a{color:{color:postlinks}; text-decoration: none; transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out; }
  109.  
  110. a:hover{ color:{color:link hover}; font-weight:none; transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out;}
  111.  
  112.  
  113. #center{
  114. width:408px;
  115. margin-left:330px;
  116. position:absolute;
  117. margin-top:5px;
  118. padding:5px;
  119. }
  120.  
  121.  
  122.  
  123. #entries {
  124. padding:10px;
  125. width:500px;
  126. margin-left:256px;
  127. margin-bottom:10px;
  128. margin-top:270px;
  129. letter-spacing:0px;
  130. line-height:120%;
  131. z-index:-99;
  132. position:absolute;
  133. }
  134.  
  135. #post {
  136. width:500px;
  137. padding-bottom:10px;
  138. padding:10px;
  139. color:{color:Text};
  140. margin-top:10px;
  141. background-color:{color:posts};
  142. }
  143.  
  144.  
  145. .pagination {
  146. width:84px;
  147. font-size:8px;
  148. margin-top:-2px;
  149. margin-left:-7px;
  150. text-transform:uppercase;
  151. letter-spacing:3px;
  152. height:10px;
  153. font-style:normal;
  154. text-align:center;
  155. background:white;
  156. border-left:#926676 3px solid;
  157. padding:7px;
  158. }
  159.  
  160. .pagination a {
  161. color:{color:link};
  162. }
  163.  
  164.  
  165.  
  166. /*/ENTRY/*/
  167.  
  168.  
  169. #info {
  170. width:500px;
  171. text-align:center;
  172. font-family:'courier';
  173. text-transform:uppercase;
  174. margin-top:1px;
  175. margin-left:-4px;
  176. font-size:10px;
  177. font-style:none;
  178. padding:4px;
  179. line-height:10px;
  180. background-color:{color:info};
  181. color:{color:text};
  182. }
  183.  
  184. #info a {
  185. text-align:center;
  186. color:{color:text};
  187. }
  188.  
  189.  
  190. #tags {
  191. float:left;
  192. width:489px;
  193. margin-top:0px;
  194. margin-left:-5px;
  195. text-align:left;
  196. font-size:6px;
  197. padding:5px;
  198. font-size:8px;
  199. opacity:1;
  200. transition-duration: 0.5s;
  201. -moz-transition-duration: 0.5s;
  202. -webkit-transition-duration: 0.5s;
  203. -o-transition-duration: 0.5s
  204. color:{color:background};
  205. }
  206.  
  207. #tags a {
  208. letter-spacing:0px;
  209. font-size:8px;
  210. text-align:center;
  211. font-family:'consolas';
  212. text-decoration:none;
  213. display:inline-block;
  214. color:{color:text};
  215. }
  216.  
  217.  
  218.  
  219.  
  220. blockquote{
  221. padding:5px;
  222. margin: 5px 0px 2px 10px;
  223. border-left:5px {color:background} solid;
  224. }
  225.  
  226.  
  227.  
  228. big{font-size:15px}
  229. small{font-size:9px}
  230.  
  231. .title{
  232. font-size: 13px;
  233. line-height: 13px;
  234. letter-spacing: 2px;
  235. color: {color:Title};
  236. background-color:white;
  237. font-family:courier;
  238. }
  239.  
  240. h1{font-family:courier; font-size:11px; text-transform:uppercase; padding:4px; background-color:{color:background}; text-align:right;}
  241.  
  242.  
  243.  
  244. #center{
  245. margin:auto;
  246. position:relative;
  247. width:846px;
  248. background-color:;}
  249.  
  250. /*END ENTRY*/
  251.  
  252. /* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
  253.  
  254. .modernbricksmenu2{
  255. padding: 0;
  256. width: 210px;
  257. border-top: 3px solid {color:header};
  258. background: transparent;
  259. voice-family: "\"}\"";
  260. voice-family: inherit;
  261. }
  262.  
  263. .modernbricksmenu2 ul{
  264. margin:0;
  265. margin-left: 10px; /*margin between first menu item and left browser edge*/
  266. padding: 0;
  267. list-style: none;
  268. }
  269.  
  270. .modernbricksmenu2 li{
  271. display: inline;
  272. margin: 0 2px 0 0;
  273. padding: 0;
  274. text-transform:uppercase;
  275. }
  276.  
  277. .modernbricksmenu2 a{
  278. float: left;
  279. display: block;
  280. font: 9px consolas;
  281. color: white;
  282. letter-spacing:2px;
  283. margin-left:2px;
  284. text-decoration: none;
  285. margin: 0 5px 0 0; /*Margin between each menu item*/
  286. padding: 5px 8px;
  287. background-color: {color:tabs color};
  288.  
  289. }
  290.  
  291. .modernbricksmenu2 a:hover{
  292. background-color: {color:tabs hover};
  293. color: white;
  294. }
  295.  
  296. .modernbricksmenu2 a.selected{
  297. background-color: {color:selected tab};
  298. color: white;
  299. border-color: {color:header};
  300. }
  301.  
  302. .tabcontent{
  303. display:none;
  304. }
  305.  
  306. @media print {
  307. .tabcontent {
  308. display:block !important;
  309. }
  310. }
  311.  
  312. .tabcontentstyle{ /*style of tab content oontainer*/
  313. border: 1px solid white;
  314. width: 450px;
  315. margin-bottom: 1em;
  316. padding: 10px;
  317. }
  318.  
  319.  
  320.  
  321. /*QUESTIONS*/
  322.  
  323. #question {
  324. color:{color:posts};
  325. padding:14px;
  326. font-family:'consolas';
  327. font-size:9px;
  328. letter-spacing:0px;
  329. text-align:left;
  330. margin-top:0px;
  331. text-transform:uppercase;
  332. line-height:100%;
  333. background-color:{color:questionback};
  334. }
  335.  
  336. #question a{color:{color:posts};}
  337.  
  338. #person{color:{color:background};
  339. padding:14px;
  340. font-family:'georgia';
  341. font-size:11px;
  342. letter-spacing:0px;
  343. text-align:center;
  344. margin-top:0px;
  345. text-transform:lowercase;
  346. line-height:100%;
  347. background-color:{color:accent};
  348. }
  349.  
  350. #person a{color:{color:posts}}
  351.  
  352. /*END QUESTIONS*/
  353.  
  354.  
  355. /*/ IMPORTANT VITAL THINGS /*/
  356. #side{
  357. width:196px;
  358. margin-left:50px;
  359. margin-top:270px;
  360. position:fixed;
  361. padding:3px;
  362. }
  363.  
  364. #header{
  365. background-color:{color:header};
  366. width:730px;
  367. height:220px;;
  368. margin-left:50px;
  369. margin-top:45px;
  370. position:fixed;
  371. padding:3px;
  372. }
  373.  
  374. #headerimg {margin-left:px;
  375. margin-top:0px; width:250px; height:250px;}
  376. #headerimg img{width:500px; height:220px;}
  377.  
  378. #tabz{width:1px; height:1px; margin-left:503px; margin-top:-253px; position:fixed; padding:2px;}
  379.  
  380.  
  381. #titlee{width:728px; margin-top:-18px; background-color:white; height:30px; margin-left:50px; padding:4px; line-height:26px; position:fixed;font-size:20px; text-transform:uppercase; font-family:"courier";text-align:center; border-top:20px {color:borders} solid; border-bottom:5px {color:borders} solid;}
  382.  
  383.  
  384. #cred{position:fixed; right:2px; bottom:-2px; width:40px; height:30px; line-height:21px;color:white; text-align:center;font-family:arial; background-color:{color:background};-webkit-transition-duration: .7s;}
  385. #cred:hover{height:50px;transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out;}
  386.  
  387. #cred a{color:white;}
  388.  
  389.  
  390. #links{width:100px; height:220px; margin-left:px; margin-top:20px; background:white; position:absolute; }
  391. .link{font-family:consolas;
  392. display:block;
  393. font-size:9px;
  394. text-align:right;
  395. font-style:normal;
  396. width:85px;
  397. margin-left:3px;
  398. height:10px;
  399. padding:4px;
  400. margin-top:6px;
  401. color:{color:text};
  402. text-transform:uppercase;
  403. letter-spacing:1px;
  404. line-height:10px;
  405. float:left; background-color:{color:background}; -webkit-transition-duration: .7s;}
  406. .link:hover{background-color:{color:links hover};transition: all 0.5s ease-out; -o-transitiontransition: all 1.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out; width:80px;
  407. }
  408.  
  409. .link a{color:{color:links};}
  410.  
  411.  
  412.  
  413. #desc{width:90px; height:190px; margin-top:20px; margin-left:100px; background-color:white; padding:4px; line-height:11px; font-family:consolas; font-size:11px; text-transform:uppercase; text-align:center; border-left:3px #926676 solid;position:absolute;}
  414.  
  415.  
  416.  
  417.  
  418.  
  419. /*/IMPORTANT VITAL THINGS/*/
  420.  
  421.  
  422. {CustomCSS]</style>
  423.  
  424. </head>
  425.  
  426. <body><div id="center">
  427. <div id="titlee">{title}</div>
  428. <div id="header">
  429. <div id="headerimg"><img src="{image:header}"></div><div id="tabz">
  430. <div style="border:1px solid {color:background}; width:210px; height: 184px; background-color: white; padding: 5px; overflow:auto;">
  431.  
  432. <div id="flowernote" style="overflow:auto;display:none; position:absolute; right: 30px; width:230px; height:150px; background-color:transparent; color:white">
  433. </div>
  434.  
  435. <div id="flowernote2" style="overflow:auto;display:none; position:absolute; right: 200px; width:230px; height:150px; background-color:transparent; color:white">
  436. </div>
  437.  
  438. <div id="flowernote3" style="overflow:auto;display:none; margin-top:-20px; position:absolute; right: 30px; width:230px; height:150px; background-color:transparent; color:white">
  439. </div>
  440.  
  441.  
  442. <div id="tcontent1" class="tabcontent">
  443. <center><h1>sample tab i.</h1></center><br><center>I looked in my rear view mirror and
  444. It seemed to make a lot more sense
  445. Than what I see ahead of us, ahead of us, yeah.
  446. I'm ready to make that turn
  447. Before we both crash and burn
  448. Cause that could be the death of us, the death of us, baby</center><br><center><h1>sample tab i.</h1></center><br><center>I looked in my rear view mirror and
  449. It seemed to make a lot more sense
  450. Than what I see ahead of us, ahead of us, yeah.
  451. I'm ready to make that turn
  452. Before we both crash and burn
  453. Cause that could be the death of us, the death of us, baby</center>
  454. </div>
  455.  
  456. <div id="tcontent2" class="tabcontent">
  457. <center><h1>sample tab ii</h1>You know how to drive in rain
  458. And you decided not to make a change
  459. Stuck in the same old lane
  460. Going the wrong way home
  461. I feel like my heart is stuck in bumper-to-bumper traffic,
  462. I'm under pressure
  463. Cause I can't have you the way that I want
  464. Let's just go back to the way it was</center><br><center><h1>sample tab ii</h1>You know how to drive in rain
  465. And you decided not to make a change
  466. Stuck in the same old lane
  467. Going the wrong way home
  468. I feel like my heart is stuck in bumper-to-bumper traffic,
  469. I'm under pressure
  470. Cause I can't have you the way that I want
  471. Let's just go back to the way it was</center>
  472. </div>
  473.  
  474. <div id="tcontent3" class="tabcontent">
  475. <h1>sample tab iii.</h1><center>Hey, what happened to the butterflies?
  476. Guess they encountered that stop sign
  477. And my heart is at a yellow light, a yellow light
  478. Hey, right when I think that we found it,
  479. Well, that's when we start turning around
  480. You're saying, "Baby, don't worry,"
  481. But we're still going the wrong way, baby
  482. You know how to drive in rain
  483. And you decided not to make a change
  484. Stuck in the same old lane
  485. Going the wrong way home
  486. </center><br><h1>sample tab iii.</h1><center>Hey, what happened to the butterflies?
  487. Guess they encountered that stop sign
  488. And my heart is at a yellow light, a yellow light
  489. Hey, right when I think that we found it,
  490. Well, that's when we start turning around
  491. You're saying, "Baby, don't worry,"
  492. But we're still going the wrong way, baby
  493. You know how to drive in rain
  494. And you decided not to make a change
  495. Stuck in the same old lane
  496. Going the wrong way home
  497. </center>
  498. </div>
  499.  
  500. </div>
  501.  
  502. <div id="flowertabs" class="modernbricksmenu2">
  503. <ul>
  504. <li><a href="#" rel="tcontent1" class="selected">i</a></li>
  505. <li><a href="#" rel="tcontent2" rev="flowernote,flowernote2">ii</a></li>
  506. <li><a href="#" rel="tcontent3">iii</a></li>
  507. </ul>
  508. </div>
  509.  
  510. <br style="clear: left" />
  511.  
  512. <script type="text/javascript">
  513.  
  514. var myflowers=new ddtabcontent("flowertabs")
  515. myflowers.setpersist(true)
  516. myflowers.setselectedClassTarget("link") //"link" or "linkparent"
  517. myflowers.init()
  518.  
  519. </script>
  520.  
  521.  
  522.  
  523.  
  524.  
  525. <script type="text/javascript">
  526.  
  527. var mypets=new ddtabcontent("pettabs")
  528. mypets.setpersist(true)
  529. mypets.setselectedClassTarget("link")
  530. mypets.init(2000)
  531.  
  532. </script></div></div>
  533. <div id="side"><div id="links"><div class="link"><a href="/">home</a></div><div class="link"><a href="/ask">ask</a></div><div class="link"><a href="/submit">submit</a></div><div class="link"><a href="/archive">archive</a></div><div class="link"><a href="{text:Link 1}">{text:Link 1 Title}</a></div><div class="link"><a href="{text:Link 2}">{text:Link 2 Title}</a></div><div class="link"><a href="{text:Link 3}">{text:Link 3 Title}</a></div><div class="link"><a href="{text:Link 4}">{text:Link 4 Title}</a></div><div class="link"><a href="{text:Link 5}">{text:Link 5 Title}</a></div>
  534. </div>
  535. <div id="desc"><div style="overflow:auto; height:190px; width:95px; margin-left:-5px; padding:2px; font-size:8px;">{Description}</div><div class="pagination">{block:Pagination}
  536. {block:PreviousPage}
  537. <a href="{PreviousPage}">«</a>
  538. {/block:PreviousPage}
  539. {block:JumpPagination length="3"}
  540. {block:CurrentPage}
  541. <span class="current_page">{PageNumber}</span>
  542. {/block:CurrentPage}
  543. {block:JumpPage}
  544. <a class="jump_page" href="{URL}">{PageNumber}</a>
  545. {/block:JumpPage}
  546. {/block:JumpPagination}
  547. {block:NextPage}
  548. <a href="{NextPage}">»</a>
  549. {/block:NextPage}
  550. {/block:Pagination}</div></div>
  551.  
  552.  
  553.  
  554.  
  555.  
  556. </div>
  557.  
  558. <div id="entries">
  559. {block:Posts}
  560. <div id="post">
  561.  
  562. {block:Text}
  563. <h1>{block:Title}{Title}{/block:Title}</h1>
  564. {Body}{/block:Text}
  565.  
  566. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  567. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  568.  
  569. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  570. {/block:Caption}{/block:Photoset}
  571.  
  572. {block:Quote}<h2>"{Quote}"</h2>
  573. {block:Source}<div class="qsource"> —{Source}</div>
  574. {/block:Source}{/block:Quote}
  575.  
  576. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  577.  
  578. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  579.  
  580. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  581. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  582. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  583. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  584. {/block:Audio}<br>
  585.  
  586. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  587.  
  588. {block:Answer}<div id="question">yo lil mama lemme inquire in yo ear: {Question}</div> <div id="person">{Asker}</div>{Answer}<br>{/block:Answer}
  589.  
  590. <div id="info">
  591. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  592. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  593. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  594. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  595. with {NoteCountWithLabel}</a>
  596. {block:HasTags}<div id="tags">
  597.  
  598. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  599. </div>{block:HasTags}
  600. </div><br>
  601. </div>
  602.  
  603. {/block:Posts}
  604. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  605. {/block:Posts}</div></div></div>
  606. <div id="cred"><a href="http://faithrps.tumblr.com">FAITH</a></div>
  607. </body>
  608. </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!