API tools faq
paste
Advertisement
silvercybermen

Theme 13: Verve

silvercybermen
Sep 14th, 2014
860
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.26 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!---
  6.  
  7. THEME 13: VERVE BY LUNECERISE AKA SXRIUSBLACK
  8.  
  9. YOU MAY EDIT THIS AS LONG AS YOU:
  10.  
  11. -KEEP CREDIT INTACT
  12. -DO NOT STEAL ANY CODE
  13. -DO NOT USE AS BASE CODE
  14. -DO NOT COPY ANYTHING
  15.  
  16. THANK YOU!!
  17.  
  18. --->
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Title" content="#ffffff"/>
  27. <meta name="color:Text" content="#777777"/>
  28. <meta name="color:Link" content="#aaaaaa"/>
  29. <meta name="color:Hover" content="#f5f5f5"/>
  30. <meta name="color:Border" content="#eeeeee"/>
  31. <meta name="color:Info" content="#111111"/>
  32. <meta name="color:Header" content="#07060B"/>
  33. <meta name="color:Scrollbar" content="#b3b3b3"/>
  34.  
  35. <meta name="image:Header" content=""/>
  36. <meta name="image:Background" content="">
  37.  
  38. <meta name="if:Slide Ask" content="1"/>
  39. <meta name="if:Updates Popup" content="1"/>
  40. <meta name="if:Side Borders" content="0"/>
  41. <meta name="if:No Borders" content="1"/>
  42. <meta name="if:Scroll to Top Button" content="1"/>
  43.  
  44. <meta name="text:Blog Title" content=""/>
  45. <meta name="text:linkA" content=""/>
  46. <meta name="text:linkA URL" content="/"/>
  47. <meta name="text:linkB" content=""/>
  48. <meta name="text:linkB URL" content="/"/>
  49. <meta name="text:linkC" content=""/>
  50. <meta name="text:linkC URL" content="/"/>
  51. <meta name="text:linkD" content=""/>
  52. <meta name="text:linkD URL" content="/"/>
  53. <meta name="text:linkE" content=""/>
  54. <meta name="text:linkE URL" content="/"/>
  55.  
  56. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:1,
  66. tip_fade_speed:100,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/bj5n7g6q6/jquery.js"></script>
  74. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/pqpn7g6qs/lazyload.js"></script>
  75. <script type="text/javascript" charset="utf-8">
  76. var $j = jQuery.noConflict();
  77. $j(function() {
  78. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  79. $j("img").lazyload({
  80. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  81. effect: "fadeIn",
  82. });
  83. });
  84. </script>
  85.  
  86. <script type="text/javascript">
  87. $(window).scroll(function() {
  88. if ($(this).scrollTop() > 200) {
  89. $( "#header, .headcont" ).css('top','-100px');
  90. $( ".links" ).css('margin-top','23px');
  91. $( ".links" ).css('border-bottom','3px solid {color:Title}')
  92. } else {
  93. console.log('there');
  94. $( "#header, .headcont" ).css('top','0px');
  95. $( ".links" ).css('margin-top','0');
  96. $( ".links" ).css('border-bottom','3px solid transparent');
  97. }
  98. });
  99. </script>
  100.  
  101. <script type="text/javascript">
  102. $(window).scroll(function() {
  103. if ($(this).scrollTop() > 350) {
  104. $( "#topbutton" ).css('opacity','1');
  105. } else {
  106. console.log('there');
  107. $( "#topbutton" ).css('opacity','0');
  108. }
  109. });
  110. </script>
  111.  
  112. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  113. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  114.  
  115. <script type="text/javascript">
  116. jQuery(document).ready(function($) {
  117. $('.toggle').jPushMenu();
  118. });
  119. </script>
  120.  
  121. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  122.  
  123. <script type="text/javascript"
  124. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  125.  
  126. <script>
  127. $(document).ready(function() {
  128. //
  129. //When you click on a link with class of poplight and the href starts with a #
  130. $('a.poplight[href^=#]').click(function() {
  131. var popID = $(this).attr('rel'); //Get Popup Name
  132. var popURL = $(this).attr('href'); //Get Popup href to define size
  133. //Pull Query & Variables from href URL
  134. var query= popURL.split('?');
  135. var dim= query[1].split('&');
  136. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  137. //Fade in the Popup and add close button
  138. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  139. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  140. var popMargTop = ($('#' + popID).height() + 90) / 2;
  141. var popMargLeft = ($('#' + popID).width() + 90) / 2;
  142. //Apply Margin to Popup
  143. $('#' + popID).css({
  144. 'margin-top' : -popMargTop,
  145. 'margin-left' : -popMargLeft
  146. });
  147. //Fade in Background
  148. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  149. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  150. return false;
  151. });
  152. //Close Popups and Fade Layer
  153. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  154. $('#fade , .thepopup').fadeOut(function() {
  155. $('#fade, a.close').remove(); //fade them both out
  156. });
  157. return false;
  158. });
  159. });
  160. </script>
  161.  
  162. <!-- DON'T TOUCH ANYTHING HERE -->
  163.  
  164. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  165. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  166. <script>
  167. $(function(){
  168. var $container = $('#container');
  169. $container.imagesLoaded(function(){
  170. $container.masonry({
  171. itemSelector: '.char',
  172. });
  173. });
  174. $container.infinitescroll({
  175. itemSelector : ".char",
  176. loadingImg : "",
  177. loadingText : "<em></em>",
  178. bufferPx : 10000,
  179. extraScrollPx: 12000,
  180. },
  181. // trigger Masonry as a callback
  182. function( newElements ) {
  183. var $newElems = $( newElements ).css({ opacity: 0 });
  184. // ensure that images load before adding to masonry layout
  185. $newElems.imagesLoaded(function(){
  186. $newElems.animate({ opacity: 1 });
  187. $container.masonry( 'appended', $newElems, true );
  188. });
  189. }
  190. );
  191. });
  192. </script>
  193.  
  194. <style type="text/css">
  195.  
  196. ::-webkit-scrollbar {width:5px; height:auto; {block:ifSideBorders}background:{color:header};{/block:ifSideBorders} {block:ifNoBorders}background:transparent;{/block:ifNoBorders}}
  197. ::-webkit-scrollbar-corner {{block:ifSideBorders}background:{color:header};{/block:ifSideBorders}{block:ifNoBorders}background:{color:background};{/block:ifNoBorders}}
  198. ::-webkit-scrollbar-thumb:vertical {background:transparent; width:3px; border-left:2px solid {color:scrollbar}; border-radius:2px;}
  199. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar}; height:5px!important;}
  200. ::-webkit-scrollbar-increment {width:5px; height:5px; background-color:#fff;}
  201.  
  202. #s-m-t-tooltip {
  203. max-width:300px;
  204. padding: 5px 7px;
  205. margin:10px;
  206. background-color:{color:background};
  207. font-family:calibri;
  208. font-size:8px;
  209. border:double {color:border};
  210. font-style:bold;
  211. letter-spacing:1px;
  212. text-transform:uppercase;
  213. color:{color:Text};
  214. z-index:10000000000000000000000000000000000000000000000000000000000000;
  215. -moz-transition-duration: 0.3s;
  216. -webkit-transition-duration: 0.3s;
  217. -o-transition-duration: 0.3s;
  218. }
  219.  
  220. body {
  221. background:{color:background} url('{image:Background}') no-repeat fixed center; background-size:100% 100%;
  222. font-family:calibri;
  223. color:{color:text};
  224. line-height:110%;
  225. font-size:10px;
  226. height:100%;
  227. width:100%;
  228. margin-left:0;
  229. }
  230.  
  231. a {
  232. color:{color:link};
  233. text-decoration:none;
  234. transition:0.5s ease-in-out;
  235. -webkit-transition:0.5s ease-in-out;
  236. -moz-transition:0.5s ease-in-out;
  237. -ms-transition:0.5s ease-in-out;
  238. -o-transition:0.5s ease-in-out;
  239. }
  240.  
  241. a:hover {
  242. color:{color:Hover};
  243. cursor:help;
  244. }
  245.  
  246. img {
  247. border:none;
  248. max-width:100%;
  249. }
  250.  
  251. blockquote {
  252. padding-left:5px;
  253. border-left:2px solid;
  254. }
  255.  
  256. blockquote blockquote {
  257. padding-left:5px;
  258. border-left:2px solid;
  259. }
  260.  
  261. h1 {font-size:15px;text-transform:uppercase;}
  262. h2 {font-family:times;font-size:18px;color:#777;line-height:115%;}
  263. h3 {font-size:15px;text-transform:uppercase;color:{color:title};}
  264. h4 {font-size:15px;text-transform:uppercase;text-align:center;}
  265.  
  266. pre {
  267. white-space: pre-wrap;
  268. white-space: -moz-pre-wrap;
  269. white-space: -pre-wrap;
  270. white-space: -o-pre-wrap;
  271. word-wrap: break-word;
  272. }
  273.  
  274. b, strong {
  275. font-weight:700;
  276. }
  277.  
  278. sub, small {
  279. font-size:8px;
  280. }
  281.  
  282. big {
  283. font-size:12px;
  284. }
  285.  
  286. #header {
  287. background-size:100% auto;
  288. background-color:{color:header}; background-image:url({image:Header}); background-repeat:no-repeat; background-position:center;
  289. height:150px;
  290. position:fixed;
  291. text-align:center;
  292. top:0;
  293. width:100%;
  294. left:0px;
  295. z-index:1000000000000;
  296. margin:0 auto;
  297. transition:0.3s ease-in-out;
  298. -webkit-transition:0.3s ease-in-out;
  299. -moz-transition:0.3s ease-in-out;
  300. -ms-transition:0.3s ease-in-out;
  301. -o-transition:0.3s ease-in-out;
  302. }
  303.  
  304. #header:hover {
  305. background-size:105% auto;
  306. }
  307.  
  308. .headcont {
  309. width:500px;
  310. height:100px;
  311. margin-right:auto;
  312. margin-left:auto;
  313. text-align:center;
  314. }
  315.  
  316. #title {
  317. width:500px;
  318. height:auto;
  319. padding:30px 0px 20px;
  320. color:{color:title};
  321. font-family:calibri;
  322. letter-spacing:5px;
  323. text-transform:uppercase;
  324. text-align:center;
  325. font-size:50px;
  326. transition:0.5s ease-in-out;
  327. -webkit-transition:0.5s ease-in-out;
  328. -moz-transition:0.5s ease-in-out;
  329. -ms-transition:0.5s ease-in-out;
  330. -o-transition:0.5s ease-in-out;
  331. }
  332.  
  333. #header:hover #title {
  334. opacity:0;
  335. -webkit-filter:blur(4px);
  336. letter-spacing:20px;
  337. }
  338.  
  339. #header:hover #desc {
  340. opacity:1;
  341. }
  342.  
  343. #desc {
  344. opacity:0;
  345. width:480px;
  346. margin:auto;
  347. padding:10px;
  348. max-height:50px;
  349. margin-top:50px;
  350. margin-bottom:-55px;
  351. text-align:center;
  352. text-transform:uppercase;
  353. color:{color:title};
  354. letter-spacing:2px;
  355. transition:0.5s ease-in-out;
  356. -webkit-transition:0.5s ease-in-out;
  357. -moz-transition:0.5s ease-in-out;
  358. -ms-transition:0.5s ease-in-out;
  359. -o-transition:0.5s ease-in-out;
  360. }
  361.  
  362. .links {
  363. width:500px;
  364. text-align:center;
  365. color:{color:title};
  366. margin-left:auto;
  367. margin-right:auto;
  368. border-top:3px solid {color:title};
  369. padding:10px 0;
  370. position:fixed;
  371. transition:0.5s ease-in-out;
  372. -webkit-transition:0.5s ease-in-out;
  373. -moz-transition:0.5s ease-in-out;
  374. -ms-transition:0.5s ease-in-out;
  375. -o-transition:0.5s ease-in-out;
  376. }
  377.  
  378. .links a {
  379. display:inline-block;
  380. color:{color:title};
  381. text-transform:uppercase;
  382. padding:0 20px;
  383. }
  384.  
  385. .links a:hover {
  386. text-decoration:underline;
  387. text-shadow:1px 1px 0.2em {color:text};
  388. }
  389.  
  390. .links a:last-child {
  391. margin-right:0;
  392. }
  393.  
  394. #pagi {
  395. position:fixed;
  396. width:100%;
  397. bottom:0;
  398. left:0;
  399. padding:6px 0;
  400. font-size:10px;
  401. text-align:center;
  402. {block:ifSideBorders}background:{color:header};{/block:ifSideBorders}
  403. {block:ifNoBorders}background-size:100% auto;
  404. background-color:{color:header}; background-image:url({image:Header}); background-repeat:no-repeat; background-position:bottom;{/block:ifNoBorders}
  405. text-transform:uppercase;
  406. }
  407.  
  408. #buttoncont {
  409. text-align:center;
  410. width:90px;
  411. margin-left:auto;
  412. margin-right:auto;
  413. }
  414.  
  415. #topbutton {
  416. position:fixed;
  417. bottom:0px;
  418. height:auto;
  419. text-align:center;
  420. width:50px;
  421. padding:20px 20px 30px;
  422. border-radius:50px 50px 0 0;
  423. background-size:100% auto;
  424. background-color:{color:header};
  425. opacity:0;
  426. transition:0.5s ease-in-out;
  427. -webkit-transition:0.5s ease-in-out;
  428. -moz-transition:0.5s ease-in-out;
  429. -ms-transition:0.5s ease-in-out;
  430. -o-transition:0.5s ease-in-out;
  431. }
  432.  
  433. #theme {
  434. width:500px;
  435. margin-top:200px;
  436. margin-left:auto;
  437. margin-right:auto;
  438. }
  439.  
  440. #postcontainer {
  441. z-index:100;
  442. width:500px;
  443. padding:10px 0;
  444. margin-top:50px;
  445. margin-left:auto;
  446. margin-right:auto;
  447. }
  448.  
  449. #post {
  450. width:500px;
  451. margin-bottom:50px;
  452. }
  453.  
  454. #caption {
  455. width:500px;
  456. -ms-word-break: break-all;
  457. word-break: break-all;
  458. word-break: break-word;
  459. -webkit-hyphens: auto;
  460. -moz-hyphens: auto;
  461. -ms-hyphens: auto;
  462. hyphens: auto;
  463. }
  464.  
  465. #info {
  466. text-align:left;
  467. margin-top:10px;
  468. text-transform:uppercase;
  469. color:{color:info};
  470. padding:5px;
  471. border-top:1px solid {color:border};
  472. font-size:9px;
  473. }
  474.  
  475. #info a {
  476. color:{color:info};
  477. }
  478.  
  479. #post:hover .tags {
  480. opacity:1;
  481. -webkit-filter:none;
  482. transition:0.5s ease-in-out;
  483. -webkit-transition:0.5s ease-in-out;
  484. -moz-transition:0.5s ease-in-out;
  485. -ms-transition:0.5s ease-in-out;
  486. -o-transition:0.5s ease-in-out;
  487. }
  488.  
  489. .tags {
  490. margin-top:-15px;
  491. text-align:center;
  492. opacity:0;
  493. -webkit-filter:blur(3px);
  494. transition:0.5s ease-in-out;
  495. -webkit-transition:0.5s ease-in-out;
  496. -moz-transition:0.5s ease-in-out;
  497. -ms-transition:0.5s ease-in-out;
  498. -o-transition:0.5s ease-in-out;
  499. }
  500.  
  501. .tags a {
  502. display:inline-block;
  503. text-transform:uppercase;
  504. background-color:transparent;
  505. color:{color:link};
  506. padding:3px 8px;
  507. font-size:8px;
  508. }
  509.  
  510. .tags a:hover {
  511. font-style:italic;
  512. }
  513.  
  514. #question {
  515. padding:10px;
  516. font-family:cambria;
  517. letter-spacing:2px;
  518. text-align:center;
  519. border:1px {color:border} dotted;
  520. color:{color:text};
  521. background-color:{color:background};
  522. }
  523.  
  524. #akport {
  525. width:500px;
  526. text-align:center;
  527. height:12px;
  528. padding:5px 0;
  529. color:#444;
  530. opacity:1;
  531. background-color:{color:background};
  532. z-index:99999;
  533. margin-bottom:3px;
  534. }
  535.  
  536. #akport a {
  537. background-color:{color:background};
  538. text-align:center;
  539. text-decoration:none;
  540. }
  541.  
  542. #akport a:hover {
  543. text-decoration:none;
  544. letter-spacing:0.8em;
  545. }
  546.  
  547. .tumblr_audio_player {
  548. width:100%;
  549. }
  550.  
  551. .audio {
  552. width:480px;
  553. padding:10px;
  554. margin:5px 0;
  555. margin-top:20px;
  556. height:auto;
  557. }
  558.  
  559. #playbutton {
  560. width:20px;
  561. height:30px;
  562. position:relative;
  563. overflow:hidden;
  564. margin:3px 10px 0 6px;
  565. }
  566.  
  567. #audioplayer {
  568. width:30px;
  569. height:30px;
  570. padding:10px;
  571. border-radius:100%;
  572. border:double 1px {color:border};
  573. float:left;
  574. position:absolute;
  575. overflow:hidden;
  576. margin-top:-25px;
  577. background-color:white;
  578. }
  579.  
  580. #audiotrack, #audioart {
  581. width:400px;
  582. display:inline-block;
  583. float:right;
  584. text-align:center;
  585. padding:5px 10px;
  586. border-bottom:dotted 1px {color:border};
  587. margin-top:-20px;
  588. margin-right:30px;
  589. }
  590.  
  591. #audioart {
  592. text-transform:uppercase;
  593. font-style:none;
  594. font-size:10px;
  595. border-bottom:none;
  596. margin-top:-2px;
  597. }
  598.  
  599. #audcap {
  600. margin-top:20px;
  601. }
  602.  
  603. .chat li {
  604. list-style:none;
  605. line-height:110%;
  606. }
  607.  
  608. .line.odd {
  609. padding:2px 5px;
  610. border-bottom:solid 1px {color:border};
  611. }
  612.  
  613. .line.even {
  614. padding:2px 5px;
  615. border-bottom:dotted 1px {color:border};
  616. }
  617.  
  618. #notes {
  619. width:300px;
  620. height:100px;
  621. padding:2px 10px;
  622. margin:-30px 80px 50px;
  623. overflow-x:hidden;
  624. overflow-y:scroll;
  625. }
  626.  
  627. #notes ol {
  628. list-style:circle;
  629. }
  630.  
  631. #notes ol img {
  632. display:none;
  633. }
  634.  
  635. #notes img {
  636. display:none;
  637. }
  638.  
  639. #bord {
  640. width:50px;
  641. height:100%;
  642. background-color:{color:header};
  643. position:fixed;
  644. left:0;
  645. top:0;
  646. }
  647.  
  648. #bord2 {
  649. right:0;
  650. width:50px;
  651. height:100%;
  652. background-color:{color:header};
  653. position:fixed;
  654. top:0;
  655. }
  656.  
  657. .cbp-spmenu {
  658. background: {color:background};
  659. position: fixed;
  660. overflow:hidden;
  661. }
  662.  
  663. .cbp-spmenu a {
  664. color: #fff;
  665. font-size: 12px;
  666. font-weight: 300;
  667. padding:5px;
  668. display:block;
  669. }
  670.  
  671. .cbp-spmenu a:hover {
  672. color:#777;
  673. }
  674.  
  675. .cbp-spmenu a:active {
  676. background: #fff;
  677. color: #000;
  678. }
  679.  
  680. .cbp-spmenu h4 {
  681. font-family:raleway;
  682. font-size:12px;
  683. padding:5px 0;
  684. display:inline;
  685. }
  686.  
  687. .cbp-spmenu h5 {
  688. font-size:12px;
  689. }
  690.  
  691. /* Transitions */
  692.  
  693. .cbp-spmenu,
  694. .cbp-spmenu-push {
  695. -webkit-transition: all 0.3s ease;
  696. -moz-transition: all 0.3s ease;
  697. transition: all 0.3s ease;
  698. }
  699.  
  700. .cbp-spmenu {
  701. position: fixed;
  702. }
  703.  
  704.  
  705. /* Orientation-dependent styles for the content of the menu */
  706.  
  707. .cbp-spmenu-vertical {
  708. padding:10px 20px 0 5px;
  709. text-align:justify;
  710. font-size:12px;
  711. line-height:14px;
  712. background:{color:header};
  713. text-align:center;
  714. color:{color:title};
  715. width: 400px;
  716. height: 100%;
  717. z-index:199999999999999999999999999999999999999;
  718. font-family:calibri;
  719. top:0;
  720. }
  721. /*Don’t touch*/
  722.  
  723.  
  724. .cbp-spmenu-right {
  725. right: -450px;
  726. }
  727.  
  728.  
  729. .cbp-spmenu-right.cbp-spmenu-open {
  730. right: 0px;
  731. }
  732.  
  733. .cbp-spmenu-left {
  734. left:-450px;
  735. }
  736.  
  737. .cbp-spmenu-left.cbp-spmenu-open {
  738. left:0px;
  739. }
  740.  
  741. .cbp-spmenu-top {
  742. top: -2000px;
  743.  
  744. }
  745.  
  746. .cbp-spmenu-top.cbp-spmenu-open {
  747. top: 0px;
  748. }
  749.  
  750. .cbp-spmenu-horizontal {
  751. width: 400px;
  752. background:{color:header};
  753. text-align:center;
  754. color:{color:title};
  755. height: 100%;
  756. z-index:999999999999999999999999;
  757. font-family:calibri;
  758. padding:20px 0;
  759. }
  760.  
  761. #sunday {
  762. width:380px;
  763. padding:10px 18px;
  764. margin-bottom:10px;
  765. height:500px;
  766. margin-top:150px;
  767. margin-right:auto;
  768. font-size:12px;
  769. overflow-y:scroll;
  770. }
  771.  
  772. .thepopup {
  773. display: none;
  774. padding: 15px 40px;
  775. float: left;
  776. position: fixed;
  777. top: 50%;
  778. left: 50%;
  779. color:{color:text};
  780. font-family:calibri;
  781. background-color:{color:background};
  782. border:double {color:border};
  783. font-size:11px;
  784. line-height:112%;
  785. height:260px;
  786. width:300px;
  787. overflow-y:scroll;
  788. overflow-x:hidden;
  789. z-index: 9999999999999999999999999999999999999999999999999999999999;
  790. }
  791.  
  792. *html #fade {
  793. position: absolute;
  794. }
  795.  
  796. *html .thepopup {
  797. position: absolute;
  798. }
  799.  
  800. #fade {
  801. display: none;
  802. position: fixed; left: 0; top: 0; width: 100%; height: 100%;
  803. opacity: 0.8;
  804. z-index: 9999;
  805. background:#000;
  806. }
  807.  
  808. .sfm input {
  809. background-color: #fff;
  810. border:2px solid #f5f5f5;
  811. font-size: 10px;
  812. border: 0px;
  813. text-transform: uppercase;
  814. margin-top: 0px;
  815. color: #999;
  816. letter-spacing: 1px;
  817. padding: 4px 3px 4px 17px;
  818. font-family: calibri, helvetica, arial;
  819. outline:none;
  820. }
  821.  
  822. #sf {
  823. background: url('http://static.tumblr.com/vmteopo/Gc3n4nx2s/search.png') #f5f5f5 left center no-repeat;
  824. background-size: 15px 10px;
  825. padding-right:5px;
  826. width:200px;
  827. margin:5px auto 0;
  828. height:15px;
  829. margin-left:3px;
  830. outline:none;
  831. }
  832.  
  833. #date {
  834. box-shadow:inset 0 0 0 0 #000;
  835. padding:2px 3px;
  836. display:inline-block;
  837. width:auto;
  838. max-width:30px;
  839. transition:0.5s ease-in-out;
  840. -webkit-transition:0.5s ease-in-out;
  841. -moz-transition:0.5s ease-in-out;
  842. -ms-transition:0.5s ease-in-out;
  843. -o-transition:0.5s ease-in-out;
  844. }
  845.  
  846. #date:hover {
  847. color:#fff;
  848. box-shadow:inset 0 15px 0 0 #000;
  849. }
  850.  
  851. #credit {
  852. position:fixed;
  853. bottom:5px;
  854. right:5px;
  855. font-size:12px;
  856. }
  857.  
  858. #credit a {
  859. color:{color:text};
  860. }
  861.  
  862. {CustomCSS}</style></head><body>
  863. {block:ifScrolltoTopButton}
  864. <div id="top"></div>
  865. <div id="buttoncont">
  866. <div id="topbutton"><a href="#top"><i class="fa fa-chevron-up"></i></a></div>
  867. </div>
  868. {/block:ifScrolltoTopButton}
  869.  
  870. <div id="header">
  871. <div class="headcont">
  872. <div id="desc">{Description}</div>
  873. <div id="title">{text:Blog Title}</div>
  874. <div class="links">
  875. {block:iflinkA}<a href="{text:linkA URL}">{text:linkA}</a>{/block:iflinkA}
  876. {block:iflinkB}<a href="{text:linkB URL}">{text:linkB}</a>{/block:iflinkB}
  877. {block:iflinkC}<a href="{text:linkC URL}">{text:linkC}</a>{/block:iflinkC}
  878. {block:iflinkD}<a href="{text:linkD URL}">{text:linkD}</a>{/block:iflinkD}
  879. {block:iflinkE}<a href="{text:linkE URL}">{text:linkE}</a>{/block:iflinkE}
  880. {block:ifSlideAsk}<a href="{text:linkB URL}" class="toggle menu-right" title="message">{text:linkB}</a>{/block:ifSlideAsk}
  881. {block:ifUpdatesPopup}<a href="#?w=300" rel="updates" class="poplight" title="updates">{text:linkD}</a>{/block:ifUpdatesPopup}
  882. </div>
  883. </div>
  884. </div>
  885.  
  886. <body class="cbp-spmenu-push">
  887. <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
  888.  
  889. <div id="sunday" style="margin-top:100px">
  890. <h3>MESSAGE</h3>
  891. <p>If your eyes could speak, what would they say?</p>
  892. <iframe frameborder="0" scrolling="yes" width="100%" height="250" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form" ></iframe>
  893.  
  894. </center>
  895. </div>
  896.  
  897. </nav>
  898.  
  899.  
  900. <div id="updates" class="thepopup">
  901. <h4>UPDATES</h4>
  902. <p>put yo updates here yeah</p>
  903. <script language="javascript">
  904. function send()
  905. {document.theform.submit()}
  906. </script>
  907. <div style="margin-left:30px; margin-right:auto"><form action="/search" method="get" class="sfm" name="theform">
  908. <input type="text" placeholder="SEARCH" name="q" onfocus="if(this.value == 'SEARCH') { this.value = ''; }" value="{SearchQuery}" id="sf" />
  909. </form></div>
  910. </div>
  911.  
  912.  
  913.  
  914. {block:ifSideBorders}
  915. <div id="bord"></div>
  916. <div id="bord2"></div>
  917. {/block:ifSideBorders}
  918.  
  919. <div id="theme">
  920. <div id="postcontainer">{block:Posts}<div id="post">
  921.  
  922. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  923.  
  924. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center><div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  925.  
  926. {block:Photoset}{Photoset-500}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  927.  
  928. {block:Quote}<center><h2 style="text-shadow:2px 2px 0px #f2f2f2">“{Quote}"</h2> <span style="text-transform:uppercase">{Source}</span></center>{/block:Quote}
  929.  
  930. {block:Link}<h1><i class="fa fa-link"></i> <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  931.  
  932. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b style="color:{color:Accent}">{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  933.  
  934. {block:Audio}
  935. <div class="audio">
  936. <div id="audioplayer"><div id="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  937. <div id="audiotrack">{block:TrackName}<span style="font-size:15px; font-style:italic">{TrackName}</span></div>{/block:TrackName}
  938. {block:Artist}<div id="audioart">{Artist}</div>{/block:Artist}</div><br>
  939. <div id="audcap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  940.  
  941. {block:Video}{Video-500}<div id="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  942.  
  943. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:10px; padding-bottom:10px"><div id="akport">{Asker}</div></span>{Question}</div><left>{Answer}</left>{/block:Answer}
  944.  
  945. <div id="info">
  946. {block:Date}<div id="date">{ShortMonth} {DayofMonthWithZero} </div>{/block:Date}{block:NoteCount}/ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="text-align:right; margin-top:-10px">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}">src</a> /{/block:ContentSource} <a href="{ReblogURL}" target="_blank" title="reblog"><i class="fa fa-retweet"></i></a></div><br>
  947. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}</div>
  948.  
  949. </div>
  950. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  951. {/block:Posts}</div>
  952. </div>
  953. </div>
  954.  
  955. {block:Pagination}<div id="pagi">
  956. {block:PreviousPage}
  957. <a href="{PreviousPage}">prev</a>&emsp;
  958. {/block:PreviousPage}
  959. {block:NextPage}
  960. <a href="{NextPage}">next</a>
  961. {/block:NextPage}
  962. </div>{/block:Pagination}
  963.  
  964. <div id="credit"><a href="http://lunecerise.co.vu" title="lunecerise">LC</a></div>
  965.  
  966. </body>
  967.  
  968. </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!