API tools faq
paste
alithegreat

agleerph #006 ★ midnight run v1

alithegreat
Nov 28th, 2015
1,153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!----
  13.  
  14. @agleerph / @alicatofrp
  15.  
  16. --->
  17.  
  18. <meta name="image:Sidebar1" content=""/>
  19. <meta name="image:Sidebar2" content=""/>
  20. <meta name="image:Sidebar BG" content=""/>
  21. <meta name="image:Background" content=""/>
  22.  
  23. <meta name="color:Background" content=""/>
  24. <meta name="color:Blockquote" content=""/>
  25. <meta name="color:Border" content=""/>
  26. <meta name="color:Description" content=""/>
  27. <meta name="color:Entries" content=""/>
  28. <meta name="color:Full Sidebar" content=""/>
  29. <meta name="color:Link" content=""/>
  30. <meta name="color:Main Title" content=""/>
  31. <meta name="color:Main Title Shadow" content=""/>
  32. <meta name="color:Navhover" content=""/>
  33. <meta name="color:Navigation" content=""/>
  34. <meta name="color:Navigation Links" content=""/>
  35. <meta name="color:Post BG" content=""/>
  36. <meta name="color:Pre BG" content=""/>
  37. <meta name="color:Pre Border" content=""/>
  38. <meta name="color:Pre Text" content=""/>
  39. <meta name="color:Question1" content=""/>
  40. <meta name="color:Question2" content=""/>
  41. <meta name="color:Scrollbar" content=""/>
  42. <meta name="color:Sidebar BG" content=""/>
  43. <meta name="color:Subtitle" content=""/>
  44. <meta name="color:Text" content=""/>
  45. <meta name="color:Title" content=""/>
  46.  
  47.  
  48. <meta name="text:Link1 URL" content="/"/>
  49. <meta name="text:Link1 Text" content="link1 text"/>
  50. <meta name="text:Link2 URL" content="/"/>
  51. <meta name="text:Link2 Text" content="link2 text"/>
  52. <meta name="text:Link3 URL" content="/"/>
  53. <meta name="text:Link3 Text" content="link3 text"/>
  54. <meta name="text:Link4 URL" content="/"/>
  55. <meta name="text:Link4 Text" content="link4 text"/>
  56.  
  57. <meta name="text:Main Title" content="this is your main title"/>
  58. <meta name="text:Subtitle" content="this is your subtitle"/>
  59.  
  60. <meta name="text:tabtitle1" content="tabtitle1"/>
  61. <meta name="text:tabtitle2" content="tabtitle2"/>
  62.  
  63. <meta name="text:tabcontent" content="put whatever you want here! dates, ppl u love, that type of thing. don't go over like...five lines tho??? it'll go in a scrollbar and yikes."/>
  64.  
  65. <meta name="text:TabLink1 URL" content="/"/>
  66. <meta name="text:TabLink1 Text" content="link1 text"/>
  67. <meta name="text:TabLink2 URL" content="/"/>
  68. <meta name="text:TabLink2 Text" content="link2 text"/>
  69. <meta name="text:TabLink3 URL" content="/"/>
  70. <meta name="text:TabLink3 Text" content="link3 text"/>
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. ::-webkit-scrollbar-thumb {
  76. height:auto;
  77. background-color:{color:Text};
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. height:10px;
  82. width:6px;
  83. background-color:{color:Scrollbar};
  84. }
  85.  
  86. body {
  87. background: {color:Background};
  88. font-family: cambria;
  89. font-size: 10px;
  90. line-height:12px;
  91. color: {color:Text};
  92. background-image:url('{image:Background}');
  93. background-attachment:fixed;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. margin:0px 2px 0px 5px;
  99. border-left:2px solid {color:Blockquote};
  100. }
  101.  
  102. blockquote i,em {
  103. color:{color:text};
  104. }
  105.  
  106. a {
  107. text-decoration: none;
  108. color: {color:Link};
  109. }
  110.  
  111. pre {
  112. font-family:cambria;
  113. font-size:9px;
  114. padding:5px;
  115. text-transform:uppercase;
  116. border-bottom:1px solid {color:Pre Border};
  117. text-align:center;
  118. color:{color:Pre Text};
  119. text-shadow:1px 1px 1px {color:text};
  120. background-color:{color:Pre BG};
  121. word-wrap:break-word;
  122. }
  123.  
  124. pre a {
  125. color:{color:border};
  126. }
  127.  
  128. pre b,strong {
  129. color:{color:border};
  130. }
  131.  
  132. pre i,em {
  133. color:{color:background};
  134. }
  135.  
  136.  
  137. small, sub {
  138. font-size:9px;
  139. }
  140.  
  141. b, strong {
  142. color:{color:Title};
  143. }
  144.  
  145. big {
  146. font-size:11px;
  147. }
  148.  
  149. i,em {
  150. color:{color:title};
  151. }
  152.  
  153. #pagbar {
  154. position:fixed;
  155. margin-top:335px;
  156. margin-left:35px;
  157. width:320px;
  158. height:10px;
  159. padding:5px;
  160. display:block;
  161. text-align:left;
  162. z-index:999999999999999999999999;
  163. border:0px solid {color:border};
  164. background-color:transparent;
  165. }
  166.  
  167. #pagination {
  168. margin-top: 10px;
  169. word-spacing:3px;
  170. text-transform:uppercase;
  171. font-size:9px;
  172. font-family:arial;
  173. letter-spacing:0px;
  174. line-height:10px;
  175. text-align: center;
  176. display:block;
  177. color:{color:text};
  178. }
  179.  
  180. #pagination a {
  181. display: inline-block;
  182. text-transform:uppercase;
  183. letter-spacing:1px;
  184. text-align: center;
  185. color:{color:text};
  186. }
  187.  
  188. #pagination b,strong {
  189. color:{color:title};
  190. }
  191.  
  192. #pagination i,em {
  193. color:{color:text};
  194. }
  195.  
  196. #maintitle {
  197. font-family:cambria;
  198. font-size:16px;
  199. line-height:16px;
  200. letter-spacing:0px;
  201. font-weight:bold;
  202. text-transform:uppercase;
  203. font-style:italic;
  204. padding-right:5px;
  205. text-align:right;
  206. color:{color:Main Title};
  207. text-shadow:1px 1px 1px {color:Main Title Shadow};
  208. }
  209.  
  210. #subtitle {
  211. font-family:cambria;
  212. font-size:10px;
  213. font-style:italic;
  214. text-align:right;
  215. text-transform:lowercase;
  216. padding-right:5px;
  217. letter-spacing:1px;
  218. color:{color:Subtitle};
  219. }
  220.  
  221. #fullsidebar {
  222. margin-top:30px;
  223. height:559px;
  224. width:480px;
  225. margin-left:30px;
  226. border:1px solid {color:Border};
  227. position:fixed;
  228. background-color:{color:Full Sidebar};
  229. }
  230.  
  231. #fullsidebar2 {
  232. margin-top:30px;
  233. height:580px;
  234. width:200px;
  235. margin-left:1000px;
  236. border:1px solid {color:Border};
  237. position:fixed;
  238. background-color:{color:Full Sidebar};
  239. }
  240.  
  241. #ph1photo {
  242. position:fixed;
  243. margin-top:10px;
  244. margin-left:10px;
  245. padding:0px;
  246. border:1px solid {color:Border};
  247. height:300px;
  248. width:200px;
  249. }
  250.  
  251. #ph1background {
  252. position:fixed;
  253. margin-top:5px;
  254. margin-left:5px;
  255. padding:5px;
  256. border:1px solid {color:border};
  257. height:300px;
  258. width:200px;
  259. background-image:url('{image:Sidebar BG}');
  260. background-color:{color:post bg};
  261. background-attachment:fixed;
  262. }
  263.  
  264. #ph2background {
  265. position:fixed;
  266. margin-top:322px;
  267. margin-left:293px;
  268. padding:5px;
  269. border:1px solid {color:border};
  270. height:220px;
  271. width:170px;
  272. background-color:{color:post bg};
  273. background-image:url('{image:Sidebar BG}');
  274. background-attachment:fixed;
  275. }
  276.  
  277. #ph2photo {
  278. position:fixed;
  279. margin-top:327px;
  280. margin-left:298px;
  281. padding:0px;
  282. border:1px solid {color:Border};
  283. height:220px;
  284. width:170px;
  285. }
  286.  
  287. #descbg {
  288. margin-left:5px;
  289. margin-top:322px;
  290. height:230px;
  291. width:280px;
  292. position:fixed;
  293. background-color:{color:sidebar BG};
  294. background-image:url('{image:Sidebar BG}');
  295. background-attachment:fixed;
  296. border:1px solid {color:Border};
  297. }
  298.  
  299. #descbar {
  300. position:fixed;
  301. height:220px;
  302. width:270px;
  303. margin-left:10px;
  304. margin-top:327px;
  305. position:fixed;
  306. background-color:{color:Description};
  307. border:1px solid {color:Border};
  308.  
  309. }
  310.  
  311. #tabbg {
  312. margin-left:223px;
  313. margin-top:5px;
  314. height:310px;
  315. width:250px;
  316. position:fixed;
  317. background-color:{color:sidebar BG};
  318. background-image:url('{image:Sidebar BG}');
  319. background-attachment:fixed;
  320. border:1px solid {color:Border};
  321. }
  322.  
  323. #tabbar {
  324. position:fixed;
  325. height:300px;
  326. width:auto;
  327. margin-left:228px;
  328. margin-top:10px;
  329. background-color:{color:Description};
  330. border:1px solid {color:Border};
  331.  
  332. }
  333.  
  334. #description {
  335. font-size:9px;
  336. letter-spacing:0px;
  337. line-height:12px;
  338. padding:10px;
  339. font-family:cambria;
  340. text-align:justify;
  341. color:{color:text};
  342. }
  343.  
  344. #navbar1 {
  345. position: fixed;
  346. margin-left:1075px;
  347. margin-top: 20px;
  348. width: 335px;
  349. height: auto;
  350. padding: 0px;
  351. background-color:transparent;}
  352.  
  353. #navigation {
  354. margin-bottom:2px;
  355. height:26px;
  356. width:243px;
  357. padding:3px;
  358. text-align:right;
  359. display:inline-block;
  360. background-image:url('{image:Sidebar BG}');
  361. background-attachment:fixed;
  362. border: 1px solid {color:Border};
  363. }
  364.  
  365. #navigation a {
  366. display:block;
  367. text-align:right;
  368. padding-right:10px;
  369. border:1px solid {color:Border};
  370. width:231px;
  371. height:24px;
  372. line-height:24px;
  373. text-transform:uppercase;
  374. font-family:cambria;
  375. font-size:10px;
  376. background-color:{color:Navigation};
  377. color:{color:Navigation Links};
  378. -webkit-transition: all 0.2s ease-in-out;
  379. -moz-transition: all 0.2s ease-in-out;
  380. -o-transition: all 0.2s ease-in-out;
  381. }
  382.  
  383. #navigation a:hover {
  384. display:inline-block;
  385. font-style:italic;
  386. border:1px solid {color:border};
  387. background-color:{color:navigation};
  388. color:{color:Navhover};
  389. -webkit-transition: all 0.5s ease-in-out;
  390. -moz-transition: all 0.5s ease-in-out;
  391. -o-transition: all 0.5s ease-in-out;
  392. }
  393.  
  394. #entryheadbg {
  395. position:fixed;
  396. width:220px;
  397. height:570px;
  398. margin-top:35px;
  399. margin-left:361px;
  400. background-image:url('{image:Sidebar BG}');
  401. background-attachment:fixed;
  402. border: 1px solid {color:Border};
  403. z-index:99999999999999;
  404. }
  405.  
  406. #entryheadph {
  407. position:fixed;
  408. width:200px;
  409. height:550px;
  410. margin-left:371px;
  411. margin-top:45px;
  412. z-index:9999999999999999999999;
  413. border:1px solid {color:Border};
  414. background-color:{color:Background};
  415. }
  416.  
  417. #entries {
  418. position:absolute;
  419. width:530px;
  420. margin-left:610px;
  421. padding:0px;
  422. margin-top:30px;}
  423.  
  424.  
  425. #entry {
  426. background-color:{color:Entries};
  427. margin-bottom:0px;
  428. padding:8px;
  429. border:1px solid {color:Border}}
  430.  
  431. #entrybg {
  432. padding:5px;
  433. margin-bottom:10px;
  434. background-color:{color:Post BG};
  435. border:1px solid {color:Border};
  436. background-image:url('{image:Sidebar BG}');
  437. background-attachment:absolute;
  438. }
  439.  
  440. #posttitles {
  441. text-align: center;
  442. font-size: 26px;
  443. line-height:130%;
  444. letter-spacing:-2px;
  445. text-transform:lowercase;
  446. font-family:arial;
  447. font-weight:bold;
  448. padding:0px;
  449. color: {color:Title};
  450. margin-top:0px;
  451. font-style:italic;
  452. text-shadow:1px 1px 0px {color:text};
  453. }
  454.  
  455.  
  456. #ask {
  457. text-align:justify;
  458. line-height:120%;
  459. color:{color:question2};
  460. background-color:{color:question1};
  461. padding:10px;
  462. border-bottom:3px solid {color:border};
  463. }
  464.  
  465. #asker {
  466. font-size:12px;
  467. font-weight:cambria;
  468. text-align:right;
  469. text-transform:lowercase;
  470. padding:0px;
  471. font-style:italic;
  472. display:block;
  473. color:{color:question2};
  474. }
  475.  
  476. #asker a {
  477. color:{color:question2};
  478. }
  479.  
  480.  
  481. #question {
  482. font-size:10px;
  483. text-align:right;
  484. margin-top:0px;
  485. display:block;
  486. padding:5px;
  487. background-color:{color:Question1};
  488. color:{color:Question2};
  489. font-family:cambria;
  490. line-height:10px;
  491. }
  492.  
  493. #ans {
  494. text-align:justify;
  495. margin-top:5px;
  496. padding-left:10px;
  497. color:{color:text};
  498. }
  499.  
  500. #ans img {
  501. margin-top:5px;
  502. }
  503.  
  504. .playerbuttonbg {
  505. position: absolute;
  506. left: 20px;
  507. top: 20px;
  508. width: 19px;
  509. height: 19px;
  510. background-color: #ffffff;
  511. padding: 10px;
  512. -webkit-border-radius: 40px;
  513. -moz-border-radius: 40px;
  514. border-radius: 40px;
  515. opacity: .4;
  516. filter: alpha(opacity=40);
  517. opacity: 0.4;
  518. -khtml-opacity: 0.4;
  519. transition: opacity .7s ease-in-out;
  520. -moz-transition: opacity .7s ease-in-out;
  521. -webkit-transition: opacity .7s ease-in-out;
  522. }
  523.  
  524. .playerbuttonbg:hover {
  525. opacity: 1;
  526. filter: alpha(opacity=100);
  527. -moz-opacity: 1;
  528. -khtml-opacity: 1;
  529. }
  530.  
  531. .newplayerbutton {
  532. position: relative;
  533. width: 19px;
  534. height: 19px;
  535. overflow: hidden;
  536. }
  537.  
  538. .playerbuttonhug {
  539. position: absolute;
  540. top: -18px;
  541. left: -7px;
  542. }
  543.  
  544. .tumblr_audio_player {
  545. height: 90px;
  546. width: 270px;
  547. -moz-transform: scale(0.60, 0.60);
  548. -webkit-transform: scale(0.60, 0.60);
  549. -o-transform: scale(0.60, 0.60);
  550. -ms-transform: scale(0.60, 0.60);
  551. transform: scale(0.60, 0.60);
  552. -moz-transform-origin: top left;
  553. -webkit-transform-origin: top left;
  554. -o-transform-origin: top left;
  555. -ms-transform-origin: top left;
  556. transform-origin: top left;
  557. }
  558.  
  559. .audioimgwrapper {
  560. position: absolute;
  561. left: 0px;
  562. top: 0px;
  563. -webkit-border-radius: 40px;
  564. -moz-border-radius: 40px;
  565. border-radius: 40px;
  566. overflow: hidden;
  567. width: 79px;
  568. height: 79px;
  569. }
  570.  
  571. .audioimgwrapper img {
  572. width: 100%;
  573. height: auto;
  574. -webkit-border-radius: 40px;
  575. -moz-border-radius: 40px;
  576. border-radius: 40px;
  577. }
  578.  
  579. .trackdetails {
  580. width: auto;
  581. display:inline-block;
  582. margin-left: 90px;
  583. min-height: 85px;
  584. }
  585.  
  586. .audiowrapper {
  587. position: relative;
  588. display:inline-block;
  589. }
  590.  
  591. #permalink {
  592. text-align: right;
  593. border-top: 1px solid {color:Border};
  594. border-bottom:1px solid {color:Border};
  595. background-color:{color:entries};
  596. position: relative;
  597. font-size:10px;
  598. letter-spacing:0px;
  599. text-transform:uppercase;
  600. font-family:cambria;
  601. margin-top: 5px;
  602. margin-left:-5px;
  603. margin-right:-5px;
  604. padding-right:10px;
  605. padding-bottom:5px;
  606. padding-top: 5px;
  607. }
  608.  
  609. #credit{
  610. font-size: 20px;
  611. font-style:none;
  612. float: center;
  613. position: fixed;
  614. font-family:arial;
  615. bottom: 15px;
  616. background-color:{color:entries};
  617. right: 15px;
  618. color:{color:text};
  619. padding:5px;
  620. line-height:20px;
  621. text-transform:uppercase;
  622. border:1px solid {color:border};
  623. letter-spacing:0px;
  624. font-family:arial;
  625. }
  626.  
  627. #credit a{
  628. color: {color:text};
  629. }
  630.  
  631.  
  632. /* tabs from http://tympanus.net/ !!!!! bless u */
  633.  
  634. .tabs {
  635. position: relative;
  636. margin-left:5px;
  637. width:235px;
  638. }
  639.  
  640. .tabs input {
  641. position: absolute;
  642. z-index: 1000;
  643. width: 100px;
  644. height: 10px;
  645. left: 0px;
  646. top: 0px;
  647. opacity: 0;
  648. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  649. filter: alpha(opacity=0);
  650. cursor: pointer;
  651. }
  652. .tabs input#tab-2{
  653. left: 80px;
  654. }
  655. .tabs input#tab-3{
  656. left: 120px;
  657. }
  658. .tabs input#tab-4{
  659. left: 360px;
  660. }
  661.  
  662. .tabs label {
  663. background: {color:entries bg};
  664. margin-top:5px;
  665. line-height: 25px;
  666. height: 25px;
  667. position: relative;
  668. padding:5px;
  669. float: left;
  670. display: block;
  671. margin-right:5px;
  672. width: 102px;
  673. color: {color:entries};
  674. font-family:cambria;
  675. font-weight:bold;
  676. text-transform:Uppercase;
  677. font-size:12px;
  678. top: 0px;
  679. text-shadow:1px 1px 1px {color:Main Title Shadow};
  680. border-bottom:2px solid {color:border};
  681. text-align: center;
  682. background-image:url('{image:Sidebar BG}');
  683. background-attachment:absolute;
  684. }
  685.  
  686. .tabs label:after {
  687. webkit-transition: top linear 0.2s;
  688. -moz-transition: top linear 0.2s;
  689. -o-transition: top linear 0.2s;
  690. -ms-transition: top linear 0.2s;
  691. transition: top linear 0.2s;
  692. }
  693.  
  694. .tabs input:hover + label {
  695. -webkit-transition: top linear 0.2s;
  696. -moz-transition: top linear 0.2s;
  697. -o-transition: top linear 0.2s;
  698. -ms-transition: top linear 0.2s;
  699. transition: top linear 0.2s;
  700. }
  701. .tabs input:hover + label:after{
  702. webkit-transition: top linear 0.2s;
  703. -moz-transition: top linear 0.2s;
  704. -o-transition: top linear 0.2s;
  705. -ms-transition: top linear 0.2s;
  706. transition: top linear 0.2s;
  707. }
  708. .tabs input:hover + label ~ .clear-shadow {
  709. -webkit-transition: top linear 0.2s;
  710. -moz-transition: top linear 0.2s;
  711. -o-transition: top linear 0.2s;
  712. -ms-transition: top linear 0.2s;
  713. transition: top linear 0.2s;
  714. }
  715.  
  716. .tabs input:checked:hover + label {
  717. webkit-transition: top linear 0.2s;
  718. -moz-transition: top linear 0.2s;
  719. -o-transition: top linear 0.2s;
  720. -ms-transition: top linear 0.2s;
  721. transition: top linear 0.2s;
  722. }
  723. .tabs input:checked:hover + label:after{
  724. webkit-transition: top linear 0.2s;
  725. -moz-transition: top linear 0.2s;
  726. -o-transition: top linear 0.2s;
  727. -ms-transition: top linear 0.2s;
  728. transition: top linear 0.2s;
  729. }
  730. .tabs input:checked:hover + label ~ .clear-shadow {
  731. -webkit-transition: none;
  732. -moz-transition: none;
  733. -o-transition: none;
  734. -ms-transition: none;
  735. transition: none;
  736. }
  737.  
  738. .tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{
  739. z-index: 3;
  740. }
  741.  
  742. .tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {
  743. z-index: 2;
  744. }
  745.  
  746. .tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {
  747. z-index: 1;
  748. }
  749.  
  750. .tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {
  751. z-index: 0;
  752. }
  753. .tabs label:first-of-type {
  754. z-index: 4;
  755. }
  756.  
  757. .tab-label-2 {
  758. z-index: 3;
  759. }
  760.  
  761. .tab-label-3 {
  762. z-index: 2;
  763. }
  764.  
  765. .tab-label-4 {
  766. z-index: 1;
  767. }
  768.  
  769. .tabs input:checked + label {
  770. webkit-transition: top linear 0.2s;
  771. -moz-transition: top linear 0.2s;
  772. -o-transition: top linear 0.2s;
  773. -ms-transition: top linear 0.2s;
  774. transition: top linear 0.2s;
  775. }
  776.  
  777. .clear-shadow {
  778. background-color:{color:entries};
  779. position: relative;
  780. top: 0;
  781. height: 10px;
  782. margin-bottom: -10px;
  783. clear: both;
  784. z-index: -2;
  785. }
  786.  
  787. .content {
  788. background-color: transparent;
  789. position: relative;
  790. height: 250px;
  791. overflow:auto;
  792. width:auto;
  793. z-index: 5;
  794. }
  795.  
  796. .content div {
  797. position: absolute;
  798. top:0;
  799. left:0;
  800. bottom: 100%;
  801. overflow: auto;
  802. padding-left:5px;
  803. padding-top:5px;
  804. padding-bottom:5px;
  805. padding-right:10px;
  806. z-index: 1;
  807. opacity: 0;
  808. -webkit-transition: all linear 0.1s;
  809. -moz-transition: all linear 0.1s;
  810. -o-transition: all linear 0.1s;
  811. -ms-transition: all linear 0.1s;
  812. transition: all linear 0.1s;
  813. }
  814.  
  815. .tabs input.tab-selector-1:checked ~ .content .content-1,
  816. .tabs input.tab-selector-2:checked ~ .content .content-2,
  817. .tabs input.tab-selector-3:checked ~ .content .content-3,
  818. .tabs input.tab-selector-4:checked ~ .content .content-4 {
  819. bottom: 0px;
  820. z-index: 100;
  821. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  822. filter: alpha(opacity=100);
  823. opacity: 1;
  824. -webkit-transition: all ease-out 0.2s 0.2s;
  825. -moz-transition: all ease-out 0.2s 0.2s;
  826. -o-transition: all ease-out 0.2s 0.2s;
  827. -ms-transition: all ease-out 0.2s 0.2s;
  828. transition: all ease-out 0.2s 0.2s;
  829. }
  830.  
  831. .content div p {
  832. padding-left:5px;
  833. padding-top:5px;
  834. padding-bottom:5px;
  835. padding-right:10px;
  836. margin-top:0px;
  837. margin-bottom:0px;
  838. line-height: 12px;
  839. text-align:justify;
  840. }
  841.  
  842. .content div lilthing1 {
  843. font-size:16px;
  844. font-style:italic;
  845. text-transform:uppercase;
  846. margin-top:10px;
  847. display:block;
  848. width:210px;
  849. text-align:right;
  850. padding:2px;
  851. border-bottom:1px dotted {color:border};
  852. color:{color:Main Title};
  853. text-shadow:1px 1px 1px {color:Main Title Shadow};
  854. }
  855.  
  856. .content div lilthing2 {
  857. font-size:16px;
  858. font-style:italic;
  859. text-transform:uppercase;
  860. margin-top:10px;
  861. margin-bottom:10px;
  862. display:block;
  863. width:210px;
  864. text-align:right;
  865. padding:2px;
  866. border-bottom:1px dotted {color:border};
  867. color:{color:Main Title};
  868. text-shadow:1px 1px 1px {color:Main Title Shadow};
  869. }
  870.  
  871. .content div tabnavigation {
  872. margin-bottom:2px;
  873. height:26px;
  874. width:195px;
  875. padding:3px;
  876. margin-left:5px;
  877. text-align:right;
  878. display:inline-block;
  879. background-image:url('{image:Sidebar BG}');
  880. background-attachment:fixed;
  881. border: 1px solid {color:Border};
  882. }
  883.  
  884. .content div tabnavigation a {
  885. display:block;
  886. text-align:right;
  887. padding-right:10px;
  888. border:1px solid {color:Border};
  889. width:183px;
  890. height:24px;
  891. line-height:24px;
  892. text-transform:uppercase;
  893. font-family:cambria;
  894. font-size:10px;
  895. background-color:{color:Navigation};
  896. color:{color:Navigation Links};
  897. -webkit-transition: all 0.2s ease-in-out;
  898. -moz-transition: all 0.2s ease-in-out;
  899. -o-transition: all 0.2s ease-in-out;
  900. }
  901.  
  902. .content div tabnavigation a:hover {
  903. display:inline-block;
  904. font-style:italic;
  905. border:1px solid {color:border};
  906. background-color:{color:navigation};
  907. color:{color:Navhover};
  908. -webkit-transition: all 0.5s ease-in-out;
  909. -moz-transition: all 0.5s ease-in-out;
  910. -o-transition: all 0.5s ease-in-out;
  911. }
  912.  
  913. </style>
  914.  
  915. </head>
  916.  
  917. <body>
  918.  
  919.  
  920.  
  921. <div id="fullsidebar">
  922.  
  923. <div id="ph1background"></div>
  924. <div id="ph1photo"><img src="{image:Sidebar1}"></div>
  925.  
  926. <div id="ph2background"></div>
  927. <div id="ph2photo"><img src="{image:Sidebar2}"></div>
  928.  
  929.  
  930. <div id="descbg"></div>
  931.  
  932. <div id="descbar">
  933. <div id="description">
  934. <div id="maintitle">
  935. {text:Main Title}
  936. </div>
  937. <div id="subtitle">
  938. {text:Subtitle}</div>
  939. <p>
  940. <div id="navigation"><a href="{text:link1 url}">{text:link1 text}</a></div><br>
  941. <div id="navigation"><a href="{text:link2 url}">{text:link2 text}</a></div><br>
  942. <div id="navigation"><a href="{text:link3 url}">{text:link3 text}</a></div><br>
  943. <div id="navigation"><a href="{text:link4 url}">{text:link4 text}</a></div>
  944.  
  945.  
  946. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{block:JumpPagination length="4"} {block:CurrentPage}<span class="currentpage">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="otherpage" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  947. </div>
  948.  
  949. </div></div>
  950.  
  951. <div id="tabbg"></div>
  952. <div id="tabbar">
  953.  
  954. <section class="tabs">
  955. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  956. <label for="tab-1" class="tab-label-1">content.</label>
  957.  
  958. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  959. <label for="tab-2" class="tab-label-2">etcetera.</label>
  960.  
  961. <div class="clear-shadow"></div>
  962.  
  963. <div class="content">
  964.  
  965. <div class="content-1">
  966.  
  967. {description}
  968.  
  969. </div>
  970.  
  971. <div class="content-2">
  972.  
  973. <lilthing1>
  974. {text:tabtitle1}
  975. </lilthing1>
  976.  
  977. <p>{text:tabcontent}</p>
  978.  
  979. <lilthing2>
  980. {text:tabtitle2}
  981. </lilthing2>
  982.  
  983. <tabnavigation>
  984. <a href="{text:TabLink1 URL}">{text:TabLink1 Text}</a>
  985. </tabnavigation>
  986. <tabnavigation>
  987. <a href="{text:TabLink2 URL}">{text:TabLink2 Text}</a>
  988. </tabnavigation>
  989. <tabnavigation>
  990. <a href="{text:TabLink3 URL}">{text:TabLink3 Text}</a>
  991. </tabnavigation>
  992.  
  993. </div>
  994.  
  995. </section>
  996.  
  997. </div></div>
  998.  
  999. <div id="entries">
  1000. {block:Posts}
  1001. <div id="entrybg">
  1002. <div id="entry">
  1003.  
  1004.  
  1005. {block:Text}
  1006. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  1007. {Body}
  1008. {/block:Text}
  1009.  
  1010. {block:Photo}
  1011. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1012. {block:Caption}{Caption}{/block:Caption}
  1013. {/block:Photo}
  1014.  
  1015. {block:Photoset}
  1016. {Photoset-500}
  1017. {block:Caption}{Caption}{/block:Caption}
  1018. {/block:Photoset}
  1019.  
  1020. {block:Quote}
  1021. <div id="posttitles">{Quote}</div>
  1022. {block:Source}<br>—{Source}{/block:Source}
  1023. {/block:Quote}
  1024.  
  1025. {block:Link}
  1026. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  1027. {block:Description}{Description}{/block:Description}
  1028. {/block:Link}
  1029.  
  1030. {block:Chat}
  1031. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  1032. {block:Lines}
  1033. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  1034. {/block:Lines}
  1035. {/block:Chat}
  1036.  
  1037. {block:Audio}{block:AudioPlayer}
  1038. <div class="audiowrapper">
  1039. {block:AlbumArt}
  1040. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1041. {/block:AlbumArt}
  1042.  
  1043. <div class="playerbuttonbg">
  1044. <div class="newplayerbutton">
  1045. <div class="playerbuttonhug">
  1046.  
  1047. {AudioPlayerWhite}
  1048.  
  1049. </div>
  1050. </div>
  1051. </div>
  1052.  
  1053. <div class="trackdetails">
  1054.  
  1055. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1056. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  1057. {block:Album}Album: {Album}{/block:Album}<br/>
  1058. {PlayCountWithLabel}
  1059.  
  1060. </div>
  1061. </div>
  1062. {/block:AudioPlayer}
  1063.  
  1064. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1065.  
  1066. {block:Video}
  1067. {Video-500}
  1068. {block:Caption}{Caption}{/block:Caption}
  1069. {/block:Video}
  1070.  
  1071. {block:Answer}<div id="ask"><div id="question"><div id="asker">{Asker} &mdash;</div> {Question}</div></div><div id="ans">{Answer}</div>{/block:answer}
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078. </div> <!-- /div entry ---><div id="permalink">
  1079. {block:Date}<i>Posted on:</i> {TimeAgo}{/block:Date} ▾ <a href="{Permalink}">
  1080. {NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a>
  1081.  
  1082. {block:RebloggedFrom} ▾ <i>post details:</i> <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> & <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  1083.  
  1084. <br>{block:HasTags} <i>tagged with:</i> {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  1085. </div> </div>
  1086.  
  1087. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  1088.  
  1089. <div id="credit"> <a href="http://agleerph.tumblr.com/" title="theme 06 by agleerph">⋆</a></div>
  1090. </body>
  1091.  
  1092. </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!