API tools faq
paste
HendrixRPH

Butterfly Wings Theme

HendrixRPH
Aug 5th, 2015
758
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.90 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.  
  5. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <!--
  10.  
  11. Butterfly Wings theme by hendrixrph. Please don't remove the credit or redistribute, but feel free to edit anything for personal use. Thank you!
  12.  
  13. -->
  14.  
  15. <meta name="text:Title" content="Title Goes Here">
  16. <meta name="text:Hover Description" content="You hover description goes here!">
  17. <meta name="text:Update Title" content="UPDATES">
  18. <meta name="text:Update" content="put your updates here! For example, we just got a new admin, acceptance happens next friday, whatever.">
  19. <meta name="text:Nav Header" content ="Navigation">
  20.  
  21. <meta name="text:Nav Subheader 1" content ="Before Acceptance">
  22. <meta name="text:Link 1 Name" content ="Link 1">
  23. <meta name="text:Link 1 URL" content ="">
  24. <meta name="text:Link 2 Name" content ="Link 2">
  25. <meta name="text:Link 2 URL" content ="">
  26. <meta name="text:Link 3 Name" content ="Link 3">
  27. <meta name="text:Link 3 URL" content ="">
  28. <meta name="text:Link 4 Name" content ="Link 4">
  29. <meta name="text:Link 4 URL" content ="">
  30. <meta name="text:Link 5 Name" content ="Link 5">
  31. <meta name="text:Link 5 URL" content ="">
  32. <meta name="text:Link 6 Name" content ="Link 6">
  33. <meta name="text:Link 6 URL" content ="">
  34.  
  35. <meta name="text:Nav Subheader 2" content ="After Acceptance">
  36. <meta name="text:Link 7 Name" content ="Link 7">
  37. <meta name="text:Link 7 URL" content ="">
  38. <meta name="text:Link 8 Name" content ="Link 8">
  39. <meta name="text:Link 8 URL" content ="">
  40. <meta name="text:Link 9 Name" content ="Link 9">
  41. <meta name="text:Link 9 URL" content ="">
  42. <meta name="text:Link 10 Name" content ="Link 10">
  43. <meta name="text:Link 10 URL" content ="">
  44. <meta name="text:Link 11 Name" content ="Link 11">
  45. <meta name="text:Link 11 URL" content ="">
  46. <meta name="text:Link 12 Name" content ="Link 12">
  47. <meta name="text:Link 12 URL" content ="">
  48.  
  49. <meta name="text:Circle link 1 URL" content="">
  50. <meta name="text:Circle link 2 URL" content="">
  51. <meta name="text:Circle link 3 URL" content="">
  52.  
  53. <meta name="color:background" content="#ffffff">
  54. <meta name="color:sidebars" content="#beb0b0">
  55. <meta name="color:description" content="#e7d2d2">
  56. <meta name="color:description text" content="#443a3a">
  57. <meta name="color:hover background" content="#f3e7e7">
  58. <meta name="color:hover text" content="#554a4a">
  59. <meta name="color:hover header background" content="#ffffff">
  60. <meta name="color:post background" content="#d1c2c2">
  61. <meta name="color:post text" content="#3a3636">
  62. <meta name="color:post link" content="#923f3f">
  63. <meta name="color:post link hover" content="#c77878">
  64. <meta name="color:post header background" content="#f0dddd">
  65. <meta name="color:post header text" content="#443a3a">
  66. <meta name="color:post header shadow" content="#ffffff">
  67. <meta name="color:nav links background" content="#d4bfbf">
  68. <meta name="color:nav links background hover" content="#eddada">
  69. <meta name="color:nav links text" content="#947b7b">
  70. <meta name="color:nav links text hover" content="#9f8080">
  71. <meta name="color:scrollbar" content="#ffffff">
  72. <meta name="color:scrollbar border" content="#ac9494">
  73.  
  74. <meta name="image:background" content="">
  75. <meta name="image:left sidebar" content="">
  76. <meta name="image:right sidebar" content="">
  77. <meta name="image:circle 1" content="">
  78. <meta name="image:circle 2" content="">
  79. <meta name="image:circle 3" content="">
  80.  
  81. <meta name="if:Hide Update Bar" content="0">
  82. <meta name="if:Header Text Shadow" content="1">
  83.  
  84. <link rel="shortcut icon" href="{Favicon}" />
  85. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Hind:400,300,600' rel='stylesheet' type='text/css'>
  86.  
  87. <style>
  88.  
  89. html, body, div, span, applet, object, iframe,
  90. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  91. a, abbr, acronym, address, big, cite, code,
  92. del, dfn, em, img, ins, kbd, q, s, samp,
  93. small, strike, strong, sub, sup, tt, var,
  94. b, u, i, center,
  95. dl, dt, dd, ol, ul, li,
  96. fieldset, form, label, legend,
  97. table, caption, tbody, tfoot, thead, tr, th, td,
  98. article, aside, canvas, details, embed,
  99. figure, figcaption, footer, header, hgroup,
  100. menu, nav, output, ruby, section, summary,
  101. time, mark, audio, video {
  102. margin: 0;
  103. padding: 0;
  104. border: 0;
  105. font-size: 100%;
  106. font: inherit;
  107. vertical-align: baseline;
  108. }
  109. /* HTML5 display-role reset for older browsers */
  110. article, aside, details, figcaption, figure,
  111. footer, header, hgroup, menu, nav, section {
  112. display: block;
  113. }
  114. body {
  115. line-height: 1;
  116. -webkit-transform-style: preserve-3d;
  117. -moz-transform-style: preserve-3d;
  118. transform-style: preserve-3d;
  119. }
  120. ol, ul {
  121. list-style: none;
  122. }
  123. blockquote, q {
  124. quotes: none;
  125. }
  126. blockquote:before, blockquote:after,
  127. q:before, q:after {
  128. content: '';
  129. content: none;
  130. }
  131. table {
  132. border-collapse: collapse;
  133. border-spacing: 0;
  134. }
  135.  
  136. html {
  137. box-sizing: border-box;
  138. }
  139. *, *:before, *:after {
  140. box-sizing: inherit;
  141. }
  142.  
  143. body, html {
  144. height:100%;
  145. }
  146. body {
  147. font-family:"Hind", Arial, Helvetica, sans-serif;
  148. background:{color:background};
  149. background-image:url('{image:Background}');
  150. }
  151.  
  152.  
  153. ::-webkit-scrollbar {width: 5px; height: 5px; }
  154. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar} ; border: 1px solid {color:scrollbar border};}
  155.  
  156. .wrapper {
  157. width:1065px;
  158. height:600px;
  159. margin:0px auto;
  160. position: relative;
  161. top: 50%;
  162. transform: translateY(-50%);
  163. }
  164.  
  165. .leftside, .rightside {
  166. float:left;
  167. width:300px;
  168. height:525px;
  169. background:{color:sidebars};
  170. }
  171.  
  172. .leftside {
  173. margin-right:20px;
  174. }
  175.  
  176. .rightside {
  177. margin-left:20px;
  178. }
  179.  
  180. .postcontainer {
  181. width:425px;
  182. height:525px;
  183. float:left;
  184. overflow:auto;
  185. }
  186.  
  187. .leftimg, .rightimg {
  188. width:280px;
  189. margin:10px;
  190. height:395px;
  191. background-size:cover;
  192. }
  193.  
  194. .leftimg {
  195. background:url('{image:left sidebar}');
  196. }
  197.  
  198. .rightimg {
  199. background:url('{image:right sidebar}');
  200. }
  201.  
  202. .descwrapper {
  203. margin:10px;
  204. height:100px;
  205. }
  206.  
  207. .desc {
  208. background:{color:description};
  209. color:{color:description text};
  210. padding:10px;
  211. text-align:center;
  212. font-size:12px;
  213. max-height:100px;
  214. position: relative;
  215. top: 50%;
  216. transform: translateY(-50%);
  217. line-height:1.35em;
  218. overflow:hidden;
  219. }
  220.  
  221. .hoverdesc {
  222. overflow-y:auto;
  223. }
  224.  
  225. .hoverdesc, .nav {
  226. height:370px;
  227. width:252px;
  228. padding:10px;
  229. background:{color:hover background};
  230. color:{color:hover text};
  231. position: relative;
  232. top: 50%;
  233. transform: translateY(-50%);
  234. margin:0 auto;
  235. opacity:0;
  236. transition:1s all;
  237. font-size:12px;
  238. line-height:1.35em;
  239. text-align:center;
  240. }
  241.  
  242. .hoverdesc:hover, .nav:hover {
  243. opacity:1;
  244. }
  245.  
  246. .hoverdesc pre, .nav h2 {
  247. font-size:16px;
  248. color:{color:post header text};
  249. padding:7px 10px;
  250. text-align:center;
  251. letter-spacing:1px;
  252. background:{color:hover header background};
  253. }
  254.  
  255. .nav h2 {
  256. margin:10px 5px 20px
  257. }
  258.  
  259. .nav h3 {
  260. font-size:14px;
  261. margin-top:15px;
  262. font-family:"Montserrat", Arial, Helvetica, Sans-serif;
  263. text-shadow:1px 1px {color:post header shadow};
  264. }
  265.  
  266. .nav ul {
  267. width:170px;
  268. margin:7px auto;
  269. }
  270.  
  271. .nav ul li {
  272. display:inline-block;
  273. width:70px;
  274. margin:5px;
  275. height:25px;
  276. background:{color:nav links background};
  277. line-height:25px;
  278. transition:1s all;
  279. color:{color:nav links text};
  280. }
  281.  
  282. .nav ul li:hover {
  283. background:{color:nav links background hover};
  284. color:{color:nav links text hover};
  285. }
  286.  
  287. .circlelinks {
  288. margin:10px;
  289. height:100px;
  290. text-align:center;
  291. }
  292.  
  293. .circle {
  294. display:inline-block;
  295. height:80px;
  296. width:80px;
  297. background:{color:post header background};
  298. margin:5px;
  299. border-radius:50px;
  300. overflow:hidden;
  301. }
  302.  
  303. .circle img {
  304. height:80px;
  305. width:80px;
  306. }
  307.  
  308.  
  309. /* Post formatting */
  310.  
  311. .post {
  312. background:{color:post background};
  313. color:{color:post text};
  314. padding:10px;
  315. font-size:12px;
  316. line-height:1.35em;
  317. width:420px;
  318. margin-bottom:20px;
  319. padding-bottom:0px;
  320. }
  321.  
  322. .post:last-of-type {
  323. margin-bottom:0;
  324. }
  325.  
  326. .post p, .post ul, .post ol, .post blockquote {
  327. margin:5px 0;
  328. }
  329.  
  330. em, i {
  331. font-style:italic;
  332. }
  333.  
  334. strong, b {
  335. font-weight:bold;
  336. }
  337.  
  338. sub {
  339. vertical-align:sub;
  340. }
  341.  
  342. sup {
  343. vertical-align:super;
  344. }
  345.  
  346. small, sub, sup {
  347. font-size:0.75em;
  348. }
  349.  
  350. big {
  351. font-size:1.25em;
  352. }
  353.  
  354. .post h2 {
  355. font-size:18px;
  356. font-family:"Montserrat", Arial, Helvetica, Sans-serif;
  357. margin:10px 0;
  358. }
  359.  
  360. a {
  361. text-decoration:none;
  362. color:{color:post link};
  363. transition:0.5s all;
  364. }
  365.  
  366. a:hover {
  367. color:{color:post link hover};
  368. }
  369.  
  370. blockquote {
  371. margin-left:15px;
  372. padding-left:10px;
  373. border-left:1px solid {color:post header background};;
  374. }
  375.  
  376. .post ul{
  377. margin-left:20px;
  378. list-style-type:square;
  379. }
  380.  
  381. .post ol{
  382. margin-left:20px;
  383. list-style-type:decimal;
  384. }
  385.  
  386. .title {
  387. font-size:16px;
  388. background:{color:post header background};
  389. color:{color:post header text};
  390. padding:7px 10px;
  391. text-align:center;
  392. letter-spacing:1px;
  393. text-transform:lowercase;
  394. font-family:"Montserrat", Arial, Helvetica, Sans-serif;
  395. text-shadow:1px 1px {color:post header shadow};
  396. margin-bottom:10px;
  397. }
  398.  
  399. .question {
  400. background:{color:post header background};
  401. color:{color:post header text};
  402. width:350px;
  403. margin:10px auto;
  404. padding:10px;
  405. }
  406.  
  407. .even, .odd {
  408. padding:3px;
  409. }
  410.  
  411. .even {
  412. background:{color:post header background};
  413. color:{color:post header text};
  414. }
  415.  
  416. /* Postfooter */
  417.  
  418. .info {
  419. background:{color:post header background};
  420. color:{color:post header text};
  421. margin:0 -10px;
  422. width:420px;
  423. padding:7px 10px;
  424. text-align:right;
  425. font-size:10px;
  426. margin-top:10px;
  427. }
  428.  
  429. .tags {
  430. background:{color:post background};
  431. color:{color:post text};
  432. list-style-type:none;
  433. padding-bottom:5px;
  434. display:block;
  435. margin:0;
  436. }
  437.  
  438. .tags li {
  439. display:inline;
  440. font-size:10px;
  441. }
  442.  
  443. .tags li a {
  444. color:{color:post link};
  445. text-decoration:none;
  446. transition:0.5s all;
  447. }
  448.  
  449. .tags li a:hover {
  450. color:{color:post link hover};
  451. }
  452.  
  453. /* Update/Title bars */
  454.  
  455. .titlebar, .updatebar {
  456. background:{color:post header background};
  457. }
  458.  
  459. .updatebar strong {
  460. text-transform:uppercase;
  461. }
  462.  
  463. .titlebar {
  464. margin-bottom:10px;
  465. height:30px;
  466. text-align:center;
  467. line-height:30px;
  468. font-family:"Montserrat", Arial, Helvetica, Sans-serif;
  469. text-shadow:1px 1px {color:post header shadow};
  470. }
  471.  
  472. .titlebar a {
  473. color:{color:post header text};
  474. transition:none;
  475. text-transform:uppercase;
  476. }
  477.  
  478. .titlebar a:hover {
  479. color:{color:post header text};
  480. }
  481.  
  482. .pagetitle {
  483. display:inline-block;
  484. position:relative;
  485. }
  486.  
  487. .next, .prev {
  488. position:absolute;
  489. height:30px;
  490. width:30px;
  491. top:0;
  492. text-align:center;
  493. }
  494.  
  495. .prev {
  496. left:-50px;
  497. }
  498.  
  499. .next {
  500. right:-50px;
  501. }
  502.  
  503.  
  504.  
  505. .updatebar {
  506. position:absolute;
  507. color:{color:post header text};
  508. width:100%;
  509. bottom:0;
  510. height:25px;
  511. line-height:25px;
  512. text-align:center;
  513. font-size:12px;
  514. overflow:hidden;
  515. }
  516.  
  517. .notecontainer {
  518. font-size:12px;
  519. line-height:1.35em;
  520. padding:10px;
  521. background-color:{color:post background};
  522. }
  523.  
  524. .notecontainer img.avatar {
  525. margin-right:10px;
  526. }
  527.  
  528.  
  529. .credit {
  530. font-size:10px;
  531. display:block;
  532. padding:5px;
  533. background:{color:Post Background};
  534. color:{color:Post Text};
  535. position:absolute;
  536. bottom:10px;
  537. right:10px;
  538. opacity:0.5;
  539. transition:0.5s all;
  540. }
  541.  
  542. .credit:hover {
  543. opacity:1;
  544. color:{color:Post Text};
  545. }
  546.  
  547. </style>
  548.  
  549.  
  550. <!-- option styles -->
  551.  
  552. {block:IfHideUpdateBar}
  553. <style>
  554. .updatebar {
  555. visibility:hidden;
  556. }
  557. </style>
  558. {/block:IfHideUpdateBar}
  559.  
  560. {block:IfNotHeaderTextShadow}
  561. <style>
  562. .title, .titlebar {
  563. text-shadow:none;
  564. }
  565. </style>
  566. {/block:IfNotHeaderTextShadow}
  567.  
  568. </head>
  569.  
  570. <body>
  571.  
  572. <div class="wrapper">
  573.  
  574. <div class="titlebar">
  575. <div class="pagetitle">
  576. <span class="prev">{block:PreviousPage}<a href="{PreviousPage}">&#171;&#171;</a>{/block:PreviousPage}</span>
  577. <a href="/">{text:Title}</a>
  578. <span class="next">{block:NextPage}<a href="{NextPage}">&#187;&#187;</a>{/block:NextPage}</span>
  579. </div>
  580. </div>
  581.  
  582. <div class="leftside">
  583. <div class="leftimg">
  584. <div class="hoverdesc">
  585. {text:Hover Description}<br>{nextpage}
  586. </div>
  587. </div>
  588. <div class="descwrapper"><div class="desc">{Description}</div></div>
  589. </div>
  590.  
  591. <div class="postcontainer">
  592. {block:Posts}
  593. <div class="post">
  594. {block:Photo}
  595. {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
  596. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  597. {/block:Photo}
  598.  
  599. {block:Photoset}
  600. {Photoset-400}
  601. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  602. {/block:Photoset}
  603.  
  604. {block:Video}
  605. {Video-400}
  606. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  607. {/block:Video}
  608.  
  609. {block:Audio}
  610. {AudioPlayer}
  611. <div class="text">{PlayCountWithLabel}</div>
  612. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  613. {/block:Audio}
  614.  
  615. {block:Quote}
  616. <div class="title">{text:Header Embellishment} “{Quote}”</div>
  617. {block:Source}<div class="text">— {Source}</div>{/block:Source}
  618. {/block:Quote}
  619.  
  620. {block:Text}
  621. {block:Title}<div class="title">{text:Header Embellishment} {Title}</div>{/block:Title}
  622. <div class="text">{Body}</div>
  623. {/block:Text}
  624.  
  625. {block:Answer}
  626. <div class="title">{Asker} asked:</div>
  627. <div class="question">{Question}</div>
  628. {Block:Answerer}<div class="text">{Answer}</div>{/Block:Answerer}
  629. <div class="text">{Replies}</div>
  630. {/block:Answer}
  631.  
  632. {block:Chat}
  633. {block:Title}<div class="title">{text:Header Embellishment} {Title}</div>{/block:Title}
  634. {block:Lines}<div class="text">
  635. {block:Label}<div class="line {Alt}"><strong>{Label}</strong>{/block:Label} {Line}</div>
  636. </div>{/block:Lines}
  637. {/block:Chat}
  638.  
  639. {block:Link}
  640. <div class="title"><a href="{URL}" >{text:Header Embellishment} {Name}</a></div>
  641. {block:Description}<div class="text">{Description}</div>{/block:Description}
  642. {/block:Link}
  643.  
  644. {block:Date}
  645. <div class="postfooter">
  646. <div class="info">
  647. <div class="date">Posted <a href="{Permalink}">{TimeAgo}{block:NoteCount}</a> with {NoteCountWithLabel}{/block:NoteCount}</div>
  648. </div>
  649. {block:HasTags}
  650. <ul class="tags">
  651. {block:Tags}
  652. <li>
  653. <a href="{TagURL}">#{Tag}</a>
  654. </li>
  655. {/block:Tags}
  656. </ul>
  657. {/block:HasTags}
  658. </div>
  659. {/block:Date}
  660.  
  661. </div>
  662.  
  663. {block:PostNotes}
  664. <div class="notecontainer">{PostNotes}</div>
  665. {/block:PostNotes}
  666.  
  667. {/block:Posts}
  668. </div>
  669.  
  670. <div class="rightside">
  671. <div class="circlelinks">
  672. {block:IfCircleLink1URL}<a class="circle" href="{text:Circle Link 1 URL}"><img src="{image:Circle 1}"></a>{/block:IfCircleLink1URL}
  673. {block:IfCircleLink2URL}<a class="circle" href="{text:Circle Link 2 URL}"><img src="{image:Circle 2}"></a>{/block:IfCircleLink2URL}
  674. {block:IfCircleLink3URL}<a class="circle" href="{text:Circle Link 3 URL}"><img src="{image:Circle 3}"></a>{/block:IfCircleLink3URL}
  675. </div>
  676. <div class="rightimg">
  677. <div class="nav">
  678. <h2>{text:Nav Header}</h2>
  679. <h3>{text:Nav Subheader 1}</h3>
  680. <ul>
  681. {block:IfLink1Name}<a href="{text:Link 1 URL}"><li>{text:Link 1 Name}</li></a>{/block:IfLink1Name}
  682. {block:IfLink2Name}<a href="{text:Link 2 URL}"><li>{text:Link 2 Name}</li></a>{/block:IfLink2Name}
  683. {block:IfLink3Name}<a href="{text:Link 3 URL}"><li>{text:Link 3 Name}</li></a>{/block:IfLink2Name}
  684. {block:IfLink4Name}<a href="{text:Link 4 URL}"><li>{text:Link 4 Name}</li></a>{/block:IfLink2Name}
  685. {block:IfLink5Name}<a href="{text:Link 5 URL}"><li>{text:Link 5 Name}</li></a>{/block:IfLink2Name}
  686. {block:IfLink6Name}<a href="{text:Link 6 URL}"><li>{text:Link 6 Name}</li></a>{/block:IfLink2Name}
  687. </ul>
  688. <h3>{text:Nav Subheader 2}</h3>
  689. <ul>
  690. {block:IfLink7Name}<a href="{text:Link 7 URL}"><li>{text:Link 7 Name}</li></a>{/block:IfLink7Name}
  691. {block:IfLink8Name}<a href="{text:Link 8 URL}"><li>{text:Link 8 Name}</li></a>{/block:IfLink8Name}
  692. {block:IfLink9Name}<a href="{text:Link 9 URL}"><li>{text:Link 9 Name}</li></a>{/block:IfLink9Name}
  693. {block:IfLink10Name}<a href="{text:Link 10 URL}"><li>{text:Link 10 Name}</li></a>{/block:IfLink10Name}
  694. {block:IfLink11Name}<a href="{text:Link 11 URL}"><li>{text:Link 11 Name}</li></a>{/block:IfLink11Name}
  695. {block:IfLink12Name}<a href="{text:Link 12 URL}"><li>{text:Link 12 Name}</li></a>{/block:IfLink12Name}
  696. </ul>
  697. </div>
  698. </div>
  699. </div>
  700.  
  701. <div class="updatebar">
  702. <p><strong>{text:Update Title}:</strong> {text:update} </p>
  703. </div>
  704.  
  705. </div> <!--End Wrapper -->
  706.  
  707. <a class="credit" href="http://hendrixrph.tumblr.com">hendrixrph</a>
  708.  
  709. </body>
  710. </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!