API tools faq
paste
Advertisement
lexaofrp

THEME 57: VIBES v2

lexaofrp
Aug 17th, 2019
1,609
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="https://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
  6. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:400
  7. }
  8. );
  9. });
  10. })(jQuery);
  11. </script>
  12.  
  13.  
  14.  
  15. <head><title>{Title}</title>
  16.  
  17. <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Container" content=""/>
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:PostBG" content="#ffffff"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Post Links" content="#000000"/>
  29. <meta name="color:Hover" content="#000000"/>
  30. <meta name="color:Links" content="#000000"/>
  31. <meta name="color:Linksbg" content="#000000"/>
  32. <meta name="color:Border" content="#000000"/>
  33. <meta name="color:Accent" content="#ffffff"/>
  34. <meta name="color:Blockquote" content="#000000"/>
  35. <meta name="color:Descbg" content="#000000"/>
  36. <meta name="color:Desctext" content="#eeeeee"/>
  37. <meta name="color:Container" content="#ffffff"/>
  38.  
  39. <meta name="text:Link 1 URL" content="/"/>
  40. <meta name="text:Link 1 Title" content="Home"/>
  41. <meta name="text:Link 2 URL" content="/"/>
  42. <meta name="text:Link 2 Title" content="Ask"/>
  43. <meta name="text:Link 3 URL" content="/"/>
  44. <meta name="text:Link 3 Title" content="Navigate"/>
  45. <meta name="text:Title1" content="lorem ipsum"/>
  46. <meta name="text:Mini Title" content="lorem ipsum"/>
  47. <meta name="text:Popup Title" content="Lorem ipsum"/>
  48.  
  49. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  50. <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
  51. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  52. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:900i&display=swap" rel="stylesheet">
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57.  
  58. #s-m-t-tooltip {
  59.  
  60. max-width:100px;
  61. margin-left:10px;
  62. margin-top:10px;
  63. padding:3px;
  64. padding-bottom:2px;
  65. background: {color:postbg};
  66. border:1px solid {color:text};
  67. font-family: 'poppins';
  68. font-size:9px;
  69. letter-spacing:0px;
  70. border-radius:3px;
  71. text-transform:uppercase;
  72. color:{color:text};
  73. text-shadow: 1px 1px 0px rgba(255,255,255,.3);
  74. z-index:999999999999999999999999999999999999; }
  75.  
  76. a:hover{
  77. cursor:pointer;
  78. }
  79.  
  80. blockquote {
  81. font-size:9px;
  82. font-family: 'poppins';
  83. margin-left:5px;
  84. margin-right:7px;
  85. border-left:4px solid{color:blockquote};
  86. text-align:left;
  87. padding:2px;
  88. padding-left:7px;
  89. font-weight:normal;
  90. text-align:justify;
  91. color:{color:text};
  92. background-color:{color:postbg};
  93. }
  94.  
  95. blockquote a{
  96. color:{color:hover};
  97. }
  98.  
  99.  
  100. .entries blockquote img {
  101. max-width:100%;
  102. height:auto;
  103. margin-left: 20px;
  104. }
  105.  
  106. #max > blockquote {
  107. margin: 0; padding: 0;
  108. }
  109.  
  110. blockquote blockquote img{
  111. max-width:100%;
  112. right:0px;
  113. }
  114.  
  115. blockquote blockquote blockquote img{
  116. max-width:100%;
  117. }
  118.  
  119. small, sub, sup{
  120. font-size:8px;
  121. }
  122.  
  123. code {
  124. font-size:9px;
  125. font-family: 'poppins';
  126. text-transform:none;
  127.  
  128. }
  129.  
  130. b, bold, strong{
  131. color:{color:post links};
  132. font-weight:bold;
  133. }
  134.  
  135. i{
  136. color:{color:hover};
  137. }
  138.  
  139. hr{
  140. border:none;
  141. border-top:dashed 1px {color:text};
  142. }
  143.  
  144. pre {
  145. font-family: 'poppins';
  146. text-align:center;
  147. font-size:10px;
  148. max-width:320px;
  149. padding:10px ;
  150. color:{color:text};
  151. background:{color:postbg};
  152. }
  153. h1{
  154. font-family: 'abril fatface';
  155. font-size:25px;
  156. text-align:center;
  157. text-transform:uppercase;
  158. padding-bottom:3px;
  159. letter-spacing:2px;
  160. color:{color:blockquote};
  161. }
  162.  
  163. h1 sub, h1 bold, h1 italic, h2 small, h2 sub, h2 sup{
  164. font-size:20px;
  165. color:{color:blockquote};
  166. }
  167.  
  168. h2{
  169. text-shadow: 1px 1px 0px {color:hover};
  170. margin-top:-5px;
  171. color:{color:text};
  172. margin-bottom:5px;
  173. text-transform:uppercase;
  174.  
  175. font-family:'abril fatface';
  176. font-size:20px;
  177. text-align:center;
  178. }
  179.  
  180. h3{
  181. color:{color:text};
  182. letter-spacing:2px;
  183. font-size:30px;
  184. text-transform:uppercase;
  185. font-weight:bold;
  186. text-align:right;
  187. }
  188.  
  189. h4{
  190. color:{color:text};
  191. letter-spacing:2px;
  192. font-size:10px;
  193. text-transform:uppercase;
  194. font-weight:bold;
  195. text-align:left;
  196. }
  197. /*GENERAL*/
  198.  
  199.  
  200. a {
  201. color:{color:Background};
  202. color:{color:post links};
  203. text-decoration:none;
  204. -webkit-transition:all 0.5s ease-in-out;
  205. -moz-transition:all 0.5s ease-in-out;
  206. -o-transition:all 0.5s ease-in-out;
  207. transition:all 0.5s ease-in-out;}
  208.  
  209. a:hover {
  210. color:{color:Hover};
  211. text-decoration:underline;
  212. -webkit-transition:all 0.5s ease-in-out;
  213. -moz-transition:all 0.5s ease-in-out;
  214. -o-transition:all 0.5s ease-in-out;
  215. transition:all 0.5s ease-in-out;}
  216.  
  217.  
  218. /*GENERAL*/
  219.  
  220. body {
  221. font-family:'poppins';
  222. font-size:9px;
  223. background-color:{color:background};
  224. background-image:url('{image:background}') ;
  225. }
  226.  
  227. a {
  228. color:{color:post links};
  229. text-decoration:none;
  230. -webkit-transition:all 0.5s ease-in-out;
  231. -moz-transition:all 0.5s ease-in-out;
  232. -o-transition:all 0.5s ease-in-out;
  233. transition:all 0.5s ease-in-out;}
  234.  
  235. a:hover {
  236. color:{color:Hover};
  237. text-decoration:underline;
  238. -webkit-transition:all 0.5s ease-in-out;
  239. -moz-transition:all 0.5s ease-in-out;
  240. -o-transition:all 0.5s ease-in-out;
  241. transition:all 0.5s ease-in-out;}
  242.  
  243.  
  244.  
  245. /*END GENERAL*/
  246.  
  247. /*Acco*/
  248.  
  249.  
  250. /*SIDEBAR*/
  251. .links{
  252. position:fixed;
  253. top:50%;
  254. left:50%;
  255. margin-top:-300px;
  256. margin-left:80px;
  257. width:20px;
  258. height:0px;
  259.  
  260. padding-bottom:2px;
  261. overflow:visible;
  262. line-height:0px;
  263. text-align:center;
  264. z-index:7;
  265. -webkit-transition:all 0.5s ease-in-out;
  266. -moz-transition:all 0.5s ease-in-out;
  267. -o-transition:all 0.5s ease-in-out;
  268. transition:all 0.5s ease-in-out
  269. }
  270.  
  271. .pagination{
  272. position:fixed;
  273. margin-top:90px;
  274. margin-left:480px;
  275. font-size:10px;
  276. width:20px;
  277. height:10px;
  278. z-index:8;
  279. background-color:transparent;
  280. }
  281.  
  282. .links a, .pagination a {
  283. display:inline-block;
  284. font-family:'poppins';
  285. margin-left:-2px;
  286. background-color:{color:linksbg};
  287. color:{color:links};
  288. padding-top:5px;
  289. padding-left:35px;
  290. padding-right:10px;
  291. padding-bottom:15px;
  292. height:10px;
  293. margin-top:10px;
  294. margin-bottom:0px;
  295. font-weight:bold;
  296. min-width:10px;
  297. font-size:10px;
  298. margin-top:-0px;
  299. text-align:right;
  300. text-transform:uppercase;
  301. font-family:poppins;
  302. font-style:italic;
  303. text-shadow:0px 0px 2px rgba(255,255,255,0.9)
  304. -webkit-transition:all 0.5s ease-in-out;
  305. -moz-transition:all 0.5s ease-in-out;
  306. -o-transition:all 0.5s ease-in-out;
  307. transition:all 0.5s ease-in-out;
  308. }
  309.  
  310. .pagination a{
  311. padding-left:30px;
  312. padding-top:9px;
  313. }
  314.  
  315. .links span, .pagination span{
  316. position:fixed;
  317. margin-left:-20px;
  318. margin-top:-5px;
  319. background-color:transparent;
  320. }
  321.  
  322. .pagination span{
  323. margin-top:10px;
  324. margin-left:10px;
  325. color:{color:links};
  326. }
  327.  
  328. .links a:hover, .pagination a:hover{
  329. color:{color:hover};
  330. cursor:pointer;
  331. text-decoration:none;
  332. -webkit-transition:all 0.5s ease-in-out;
  333. -moz-transition:all 0.5s ease-in-out;
  334. -o-transition:all 0.5s ease-in-out;
  335. transition:all 0.5s ease-in-out;
  336. }
  337.  
  338.  
  339. .links span:hover, .links a:hover{
  340. cursor:pointer;
  341. text-decoration:none;
  342. -webkit-transition:all 0.5s ease-in-out;
  343. -moz-transition:all 0.5s ease-in-out;
  344. -o-transition:all 0.5s ease-in-out;
  345. transition:all 0.5s ease-in-out;
  346. }
  347.  
  348. .desc{
  349. position:fixed;
  350. margin-left:80px;
  351. overflow:auto;
  352. margin-top:40px;
  353. width:320px;
  354. text-align:justify;
  355. height:120px;
  356. z-index:99999;
  357. line-height:20px;
  358. padding-top:3px;
  359. font-weight:bold;
  360. text-transform:uppercase;
  361. color:{color:desctext};
  362. }
  363.  
  364. .desc::first-letter{
  365. background:{color:desctext};
  366. padding-top:3px;
  367. border:7px solid {color:desctext};
  368. font-size:20px;
  369. border-top:0px;
  370. color:{color:descbg};
  371. border-bottom:2px;
  372. margin-right:5px;
  373. font-family:abril fatface;
  374. }
  375.  
  376. .png{
  377. position:fixed;
  378. background-image:url('{image:png}');
  379. height:480px;
  380. width:320px;
  381. margin-left:480px;
  382. margin-top:0px;
  383. z-index:3;
  384. opacity:0;
  385. }
  386. .title{
  387. position:fixed;
  388. width:200px;
  389. height:17px;
  390. margin-left:520px;
  391. margin-top:270px;
  392. text-align:center;
  393. z-index:5;
  394. }
  395.  
  396. .title span{
  397. position:fixed;
  398. letter-spacing:1px;
  399. font-size:25px;
  400. margin-top:-45px;
  401. margin-left:-70px;
  402. color:{color:postbg};
  403. font-family:abril fatface;
  404. font-style:italic;
  405. z-index:5;
  406. text-shadow: 1px 1px 0px {color:post links};
  407. -webkit-transform: rotate(350deg);
  408. -moz-transform: rotate(350deg);
  409. -ms-transform: rotate(350deg);
  410. -o-transform: rotate(350deg);
  411. transform: rotate(350deg);
  412. }
  413.  
  414. .title p{
  415. position:fixed;
  416. color:{color:links};
  417. padding-top:2px;
  418. padding-left:5px;
  419. padding-right:5px;
  420. padding-bottom:3px;
  421. height:auto;
  422. margin-top:-18px;
  423. margin-left:40px;
  424. font-weight:bold;
  425. min-width:10px;
  426. font-size:10px;
  427. text-align:right;
  428. text-transform:uppercase;
  429. font-family:poppins;
  430. line-height:7px;
  431. font-style:italic;text-align:center;
  432. -webkit-transition-duration: 0.5s;
  433. -webkit-transition:all 0.5s ease-in-out;
  434. -moz-transition:all 0.5s ease-in-out;
  435. -o-transition:all 0.5s ease-in-out;
  436. transition:all 0.5s ease-in-out;
  437. text-shadow: 1px 1px 0px {color:linksbg};
  438. -webkit-transform: rotate(350deg);
  439. -moz-transform: rotate(350deg);
  440. -ms-transform: rotate(350deg);
  441. -o-transform: rotate(350deg);
  442. transform: rotate(350deg);
  443. }
  444.  
  445. #wave {
  446. position: fixed;
  447. height: 160px;
  448. width: 480px;
  449. z-index:99999999;
  450. -webkit-border-top-left-radius: 4px;
  451. -moz-border-radius-topleft: 4px;
  452. border-top-left-radius: 4px;
  453. background: {color:descbg};
  454. }
  455. #wave:before {
  456. content: "";
  457. display: block;
  458. position: fixed;
  459. border-radius: 100% ;
  460. width: 480px;
  461. height: 100px;
  462. z-index:-999;
  463. background-color: {color:descbg};
  464. margin-top: 107px;
  465. }
  466.  
  467. .circ{
  468. position:fixed;
  469. margin-top:380px;
  470. margin-left:400px;
  471. width:400px;
  472. height:200px; z-index:99999;
  473. overflow:hidden;
  474. }
  475.  
  476. .le{
  477. margin-top:40px
  478. margin-left:40px;
  479. background:{color:accent};
  480.  
  481. border-radius:100%;
  482. width:900px;
  483. height:900px;
  484. }
  485.  
  486. .header{
  487. height:60px;
  488. width:60px;
  489. position:fixed;
  490. left:50%;
  491. top:50%;
  492. z-index:7;
  493. }
  494.  
  495. .pic{
  496. position:fixed;
  497. width:600px;
  498. height:200px;
  499. margin-left:-395px;
  500. margin-top:-300px;
  501. background-image:url('{image:header}');
  502. z-index:0;
  503. opacity:0;
  504. -webkit-transition:all 0.5s ease-in-out;
  505. -moz-transition:all 0.5s ease-in-out;
  506. -o-transition:all 0.5s ease-in-out;
  507. transition:all 0.5s ease-in-out;
  508. }
  509.  
  510. .pict{
  511. position:fixed;
  512. margin-top:-100px;
  513. margin-left:30px;
  514. width:200px;
  515. height:120px;
  516. z-index:99;
  517. }
  518.  
  519. .pict span{
  520. font-size:110px;
  521. font-weight:100;
  522. font-family:arial;
  523. color:{color:postbg};
  524. }
  525.  
  526. .pict h1{
  527. position:fixed;
  528. margin-top:-100px;
  529. margin-left:40px;
  530. text-transform:lowercase;
  531. font-size:30px;
  532. color:{color:postbg};
  533. text-shadow: 1px 1px 0px {color:post links};
  534. -webkit-transform: rotate(356deg);
  535. -moz-transform: rotate(356deg);
  536. -ms-transform: rotate(356deg);
  537. -o-transform: rotate(356deg);
  538. transform: rotate(356deg);
  539. }
  540. /*END SIDEBAR*/
  541.  
  542. /*POSTS*/
  543. #c{
  544. height:355px;
  545. width:420px;
  546. margin-top:185px;
  547. z-index:8;
  548. position:fixed;
  549. margin-left:40px;
  550. overflow:auto;
  551. color:{color:text};
  552. }
  553.  
  554. .container{
  555. position:fixed;
  556. left:50%;
  557. top:50%;
  558. margin-top:-300px;
  559. margin-left:-395px;
  560. height:580px;
  561. width:800px;
  562. z-index:-9;
  563. opacity:1;
  564. overflow:hidden;
  565. -webkit-border-radius: 4px;
  566. -moz-border-radius: 4px;
  567. border-radius: 4px;
  568. background:{color:container};
  569. background-image:url('{image:container}');
  570. }
  571.  
  572. .posts {
  573. width:360px;
  574. margin-left:0px;
  575. font-size:8px;
  576. margin-top:50px;
  577. font-family: 'poppins';
  578. color:{color:text};
  579. z-index:-8;
  580. font-weight:normal;
  581. -webkit-border-top-left-radius: 4px;
  582. -webkit-border-top-right-radius: 4px;
  583. -moz-border-radius-topleft: 4px;
  584. -moz-border-radius-topright: 4px;
  585. border-top-left-radius: 4px;
  586. border-top-right-radius: 4px;
  587. }
  588.  
  589. .posts p{
  590.  
  591. }
  592.  
  593.  
  594. .posts a{
  595. color:{color:post links};
  596. }
  597.  
  598. .entries {
  599. width:360px;
  600. padding:20px;
  601. font-weight:normal;
  602. color:{color:text};
  603. background-color:{color:postbg};
  604. font-family: 'poppins';
  605. margin-bottom:20px;
  606. z-index:-8;
  607. -webkit-border-top-left-radius: 4px;
  608. -webkit-border-top-right-radius: 4px;
  609. -moz-border-radius-topleft: 4px;
  610. -moz-border-radius-topright: 4px;
  611. border-top-left-radius: 4px;
  612. border-top-right-radius: 4px;
  613. -webkit-transition-property: top, bottom;
  614. -webkit-transition-duration: 0.5s;
  615. -webkit-transition:all 0.5s ease-in-out;
  616. -moz-transition:all 0.5s ease-in-out;
  617. -o-transition:all 0.5s ease-in-out;
  618. transition:all 0.5s ease-in-out;
  619. }
  620.  
  621. .info {
  622. padding:5px;
  623. padding-top:20px;
  624.  
  625. margin-left:-20px;
  626. margin-top:-21px;
  627. text-align:right;
  628. font-family: 'poppins';
  629. font-weight:bold;
  630. font-size:8px;
  631. width:390px;
  632. border-bottom:none;
  633. line-height:15px;
  634. letter-spacing:2px;
  635. text-transform:uppercase;
  636. color:{color:post links};
  637. background-color:{color:postbg};
  638. margin-bottom:10px;
  639. -webkit-border-top-left-radius: 4px;
  640. -webkit-border-top-right-radius: 4px;
  641. -moz-border-radius-topleft: 4px;
  642. -moz-border-radius-topright: 4px;
  643. border-top-left-radius: 4px;
  644. border-top-right-radius: 4px;
  645. text-shadow: 1px 1px 0px rgba(255,255,255,.4);
  646. -webkit-transition-property: top, bottom;
  647. -webkit-transition-duration: 0.5s;
  648. -webkit-transition:all 0.5s ease-in-out;
  649. -moz-transition:all 0.5s ease-in-out;
  650. -o-transition:all 0.5s ease-in-out;
  651. transition:all 0.5s ease-in-out;
  652. }
  653.  
  654. .info i{
  655. margin-top:4px;
  656. color:{color:postbg};
  657. position:absolute;
  658. }
  659.  
  660. .info i:hover{
  661. cursor:pointer;
  662. }
  663.  
  664. .info a {
  665. text-align:right;
  666. font-weight:bold;
  667. color:{color:post links};
  668. -webkit-transition-property: top, bottom;
  669. -webkit-transition-duration: 0.5s;
  670. -webkit-transition:all 0.5s ease-in-out;
  671. -moz-transition:all 0.5s ease-in-out;
  672. -o-transition:all 0.5s ease-in-out;
  673. transition:all 0.5s ease-in-out;}
  674.  
  675. .info a:hover {
  676. color:{color:hover};
  677. -webkit-transition-property: top, bottom;
  678. -webkit-transition-duration: 0.5s;
  679. -webkit-transition:all 0.5s ease-in-out;
  680. -moz-transition:all 0.5s ease-in-out;
  681. -o-transition:all 0.5s ease-in-out;
  682. transition:all 0.5s ease-in-out;}
  683.  
  684. .noties{
  685. margin-top:-10px;
  686. text-align:right;
  687. }
  688.  
  689. .tags{
  690. padding:20px;
  691. margin-left:-20px;
  692. margin-bottom:-31px;
  693. text-align:right;
  694. font-family: 'poppins';
  695. font-weight:bold;
  696. font-size:8px;
  697. width:360px;
  698. text-align:center;
  699. line-height:15px;
  700. letter-spacing:2px;
  701. text-transform:uppercase;
  702. color:{color:post links};
  703. background-color:{color:postbg};
  704. text-shadow: 1px 1px 0px rgba(255,255,255,.4);
  705. -webkit-transition:all 0.5s ease-in-out;
  706. -moz-transition:all 0.5s ease-in-out;
  707. -o-transition:all 0.5s ease-in-out;
  708. transition:all 0.5s ease-in-out;
  709. -webkit-border-bottom-right-radius: 4px;
  710. -webkit-border-bottom-left-radius: 4px;
  711. -moz-border-radius-bottomright: 4px;
  712. -moz-border-radius-bottomleft: 4px;
  713. border-bottom-right-radius: 4px;
  714. border-bottom-left-radius: 4px;
  715. }
  716.  
  717. .tags a {
  718. display:inline-block;
  719. margin-right:5px;
  720. margin-top:0px;
  721. color:{color:post links};
  722. -webkit-transition:all 0.5s ease-in-out;
  723. -moz-transition:all 0.5s ease-in-out;
  724. -o-transition:all 0.5s ease-in-out;
  725. transition:all 0.5s ease-in-out;
  726. }
  727.  
  728. .tags a:hover{
  729. color:{color:hover};
  730. }
  731.  
  732. .post_title {
  733. display:block;
  734. padding:2px;
  735. text-align:center;
  736. font-size:25px;
  737. font-family: 'abril fatface';
  738. color:{color:links};
  739. }
  740.  
  741. .post_title a{
  742. color:{color:links};
  743. }
  744.  
  745. .text {
  746. display:block;
  747. padding:5px;
  748. text-align:justify;
  749. color:{color:Text};
  750. }
  751.  
  752. .photo{
  753. padding-top:10px;
  754. margin-left:2px;}
  755.  
  756. .photo img {
  757. display:block;
  758. max-width:350px;
  759. margin-left:-2px;
  760. }
  761.  
  762. .photoset{
  763. width:100%;
  764. margin-left:1px;
  765. padding-top:6px;
  766. }
  767.  
  768. .posts img{
  769. max-width:360px;
  770. -webkit-transition:all 0.7s ease-in-out;
  771. -moz-transition:all 0.7s ease-in-out;
  772. -o-transition:all 0.7s ease-in-out;
  773. transition:all 0.7s ease-in-out;
  774. }
  775.  
  776. .posts img:hover{
  777. -webkit-filter: grayscale(1);
  778. filter: grayscale(1);
  779. }
  780.  
  781. .video {
  782. width:345px;
  783. margin-left:-52px;
  784. }
  785.  
  786. .video iframe {
  787. width:345px;}
  788.  
  789. .posts p{
  790. color:{color:text};
  791. }
  792.  
  793. .quote {
  794. display:block;
  795. padding:10px;
  796. text-align:center;
  797. font-size:15px;
  798. font-family:'abril fatface';
  799. color:{color:text};}
  800.  
  801. .source {
  802. display:block;
  803. padding:5px;
  804. text-align:center;
  805. font-size:9px;
  806. }
  807.  
  808. .chat li {
  809. display:block;
  810. padding:5px;
  811. color:{color:text};}
  812.  
  813. .audio{
  814. width:100%-30px;
  815. border-radius:4px;
  816. margin-top:20px;
  817. height:55px;
  818. background:#f2f2f2;padding:20px;
  819. }
  820.  
  821. .audioimg img {
  822. width:40px;
  823. height:40px;
  824. margin-left:270px;
  825. border-radius:30px;
  826. padding:4px;
  827. border:1px solid {color:border};
  828. color:{color:text};
  829. font-family: 'poppins';
  830. text-align:center;
  831. text-transform:uppercase;}
  832.  
  833. .audioinfo {
  834. margin-top:-20px;
  835. margin-left:50px;
  836. max-width:200px;
  837. overflow:scroll;
  838. color:{color:Text};}
  839.  
  840. .audioplayer{
  841. height:30px;
  842. width:30px;
  843. margin-top:-40px;
  844. margin-left:5px;
  845. font-size:15px;
  846. overflow:hidden;
  847. -webkit-transition:all 0.7s ease-in-out;
  848. -moz-transition:all 0.7s ease-in-out;
  849. -o-transition:all 0.7s ease-in-out;
  850. transition:all 0.7s ease-in-out;
  851. }
  852.  
  853. .audioimg:hover .audioplayer{
  854. opacity:1
  855. -webkit-transition:all 0.7s ease-in-out;
  856. -moz-transition:all 0.7s ease-in-out;
  857. -o-transition:all 0.7s ease-in-out;
  858. transition:all 0.7s ease-in-out;
  859. }
  860.  
  861. #ask{
  862. font-family:'poppins';
  863. font-size:8px;
  864. width:340px;
  865. margin-left:5px;
  866. padding:10px;
  867. text-align:justify;
  868. padding-bottom:-0px;
  869. text-transform:uppercase;
  870. font-weight:normal;
  871. color:{color:text};
  872. letter-spacing:1px;
  873. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  874. }
  875.  
  876. .question{
  877.  
  878. min-height:10px;
  879. width:280px;
  880. text-align:justify;
  881. color:{color:text};
  882. padding:5px;
  883. font-weight:bold;
  884. line-height:18px;
  885. font-family:'poppins';
  886. margin-left:50px;
  887. margin-top:-20px;
  888. }
  889.  
  890. .question b, .question a{
  891. background-color:{color:text};
  892. color:{color:postbg};
  893. padding:5px;
  894. font-size:10px;
  895. margin-left:-10px;
  896. }
  897.  
  898. .question img{
  899. -webkit-border-radius: 50px;
  900. -moz-border-radius: 50px;
  901. border-radius: 50px;
  902. padding:3px;
  903. margin-left:-55px;
  904. margin-top:12px;
  905. border:1px solid {color:border};
  906. box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
  907. -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  908. -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  909. }
  910. .answer{
  911. margin-top:20px;
  912. text-transform:none;
  913. color:{color:text};
  914. text-align:justify;
  915. }
  916. /*END POSTS*/
  917.  
  918. /*scrollbar*/
  919.  
  920. ::-webkit-scrollbar {
  921. height:0px;
  922. width:0px;
  923. background-color:{color:border};}
  924.  
  925. ::-webkit-scrollbar-thumb {
  926. height:auto;
  927. background-color:{color:accent};}
  928.  
  929.  
  930. .notes {
  931. font-family:'poppins';
  932. text-align:center;
  933. text-transform:uppercase;
  934. font-size:8px;
  935. width:350px;
  936. margin-left:-30px;
  937. margin-top:20px;
  938. color:{color:border};
  939. }
  940.  
  941. .notes li{
  942. list-style-type:none;
  943. padding:5px;
  944. }
  945.  
  946. .notes img {
  947. opacity:0;
  948. display:none;
  949. }
  950.  
  951. .notes a{
  952. color:{color:post links};
  953. }
  954.  
  955. #credit {
  956. position:fixed;
  957. font-family:'poppins';
  958. color:{color:Border};
  959. text-transform:uppercase;
  960. font-weight:bold;
  961. font-size:11px;
  962. width:10px;
  963. height:10px;
  964. right:5px;
  965. bottom:5px;
  966. padding:5px;
  967. opacity:1;
  968. letter-spacing:4px;
  969. }
  970.  
  971.  
  972.  
  973.  
  974. /*END SCROLLBAR*/
  975.  
  976. </style>
  977. </head>
  978. <body>
  979.  
  980. <!--SIDEBAR-->
  981. </div>
  982.  
  983.  
  984. <div class="container">
  985. <div class="header"><div class="pic"></div></div>
  986.  
  987. <div id="wave"><div class="desc">{description}</div></div>
  988. <div class="circ"><div class="le"></div></div>
  989.  
  990. <div class="links">
  991. <a href="{text:link 1 URL}"><p><span class="th th-home-o"></span>{text:link 1 Title}</p></a>
  992. <a href="{text:link 2 URL}"><p><span class="th th-chat-bubble-o"></span>{text:link 2 Title}</p></a>
  993. <a href="{text:link 3 URL}"><p><span class="th th-planet-1-o"></span>{text:link 3 Title}</p></a>
  994. </div>
  995.  
  996. <div class="pagination">
  997. {block:PreviousPage}<span class="th th-chevron-left"></span><a href="{PreviousPage}">BACK </a>{/block:PreviousPage}
  998. {block:NextPage}
  999. <span class="th th-chevron-right"></span><a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}</div>
  1000.  
  1001. <div class="title"><span>{text:title1}</span><p>{text:mini title}</p></div>
  1002. <div class="png"></div>
  1003.  
  1004. <div id="c">
  1005. <div class="posts">
  1006. {block:Posts}
  1007.  
  1008. <div class="entries">
  1009. <div class="info"><center>
  1010. <a href="{Permalink}">{NoteCount} notes</a>&nbsp;•&nbsp;<a href="{Permalink}">{TimeAgo}</a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog</a></a>
  1011. </center></div>
  1012. {block:Text}
  1013.  
  1014. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1015. <div class="text">{Body}</div>
  1016.  
  1017. {/block:Text}
  1018.  
  1019. <!--END TEXT POSTS-->
  1020.  
  1021. <!--PHOTO POSTS-->
  1022.  
  1023. {block:Photo}
  1024.  
  1025. <div class="photo"><center><img src="{PhotoURL-HighRES}"/></center></div>
  1026. <div class="text">{Caption}</div>
  1027.  
  1028. {/block:Photo}
  1029.  
  1030. <!--END PHOTO POSTS-->
  1031.  
  1032. <!--PHOTOSET POSTS-->
  1033.  
  1034. {block:Photoset}
  1035.  
  1036. <center><div class="photoset">{Photoset}</div></center>
  1037. <div class="text">{Caption}</div>
  1038.  
  1039. {/block:Photoset}
  1040.  
  1041. <!--END PHOTOSET POSTS-->
  1042.  
  1043. <!--QUOTE POSTS-->
  1044.  
  1045. {block:Quote}
  1046.  
  1047. <div class="quote">❝{Quote}❞ </div>
  1048. <div class="source" style="text-align: left; font-weight:bold;">&mdash;{Source}</div>
  1049.  
  1050. {/block:Quote}
  1051.  
  1052. <!--END QUOTE POSTS-->
  1053.  
  1054. <!--LINK POSTS-->
  1055.  
  1056. {block:Link}
  1057.  
  1058. <div class="post_title"><a href="{URL}">{Name}</a></div>
  1059. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1060.  
  1061. {/block:Link}
  1062.  
  1063. <!--END LINK POSTS-->
  1064.  
  1065. <!--CHAT POSTS-->
  1066.  
  1067. {block:Chat}
  1068.  
  1069. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1070. <div class="chat">
  1071. <ul>
  1072. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1073. </ul>
  1074. </div>
  1075.  
  1076. {/block:Chat}
  1077.  
  1078. <!--END CHAT POSTS-->
  1079.  
  1080. <!--AUDIO POSTS-->
  1081.  
  1082. {block:Audio}
  1083.  
  1084. <div class="audio"> {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/><div class="audioplayer">{AudioPlayerWhite}</div></div>{/block:AlbumArt}
  1085. <div class="audioinfo">
  1086. {block:TrackName}<b>Now Playing</b> {TrackName}{/block:TrackName}{block:Artist} <b>by</b> {Artist}{/block:Artist}<br></div>
  1087. </div>
  1088. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1089.  
  1090. {/block:Audio}
  1091.  
  1092. <!--END AUDIO POSTS-->
  1093.  
  1094. <!--VIDEO POSTS-->
  1095.  
  1096. {block:Video}
  1097.  
  1098. <center><div class="video">{Video-400}</div></center>
  1099. <div class="text">{Caption}</div>
  1100.  
  1101. {/block:Video}
  1102.  
  1103. <!--END VIDEO POSTS-->
  1104.  
  1105. <!--ANSWER POSTS-->
  1106. {block:Answer}
  1107. <div id="ask">
  1108. <div class="question">
  1109. <img src="{AskerPortraitURL-40}"/><p style="margin-top:-25px;"><b>{Asker}:</b> {Question}</p></div>
  1110. <div class="answer">
  1111. {Answer}</div></div>
  1112. {/block:answer}
  1113. <!--END ANSWER POSTS-->
  1114. {block:HasTags}
  1115. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1116. {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
  1117.  
  1118. {/block:Posts}
  1119. </div>
  1120. {/block:PermalinkPage}</div>
  1121.  
  1122. </div>
  1123. </div>
  1124. </div>
  1125. </div>
  1126. <div id="credit">
  1127. <a href="http://etcrnities.tumblr.com" title="etcrnities"><span class="th th-bee-o"></span></a>
  1128. </div>
  1129. </div>
  1130. </div>
  1131. <!--END POSTS-->
  1132.  
  1133. </div>
  1134. </body>
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!