API tools faq
paste
Advertisement
luscifers

THEME #4: MORNING STAR

luscifers
Aug 25th, 2014
1,789
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.88 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. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  4. <head>
  5.  
  6. <!--THEME #4 "MORNING STAR" © NOIR @ LUSCIFERS.TUMBLR.COM
  7. - don't steal bits of code.
  8. - don't reproduce.
  9. - don't remove the credit.
  10. - don't you dare use it as a base code.
  11. -->
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. <title>{title}</title>
  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. <!--custom fonts-->
  23. <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
  24.  
  25. <!--script para hover links-->
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:100,
  34. tip_fade_speed:300,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <!--default variables-->
  42. <meta name="color:BG" content="#000"/>
  43. <meta name="color:Scrollbar" content="#FFF"/>
  44. <meta name="image:BG" content=""/>
  45. <meta name="image:Box BG" content=""/>
  46. <meta name="image:Image Left" content="https://31.media.tumblr.com/d14569e1c8622ee9521bcbc4de874d5f/tumblr_inline_naundfrVLE1rc2rwl.png"/>
  47. <meta name="image:Image Right" content="https://31.media.tumblr.com/d14569e1c8622ee9521bcbc4de874d5f/tumblr_inline_naundfrVLE1rc2rwl.png"/>
  48. <meta name="text:Title Left" content="title 1"/>
  49. <meta name="text:Title Right" content="title 2"/>
  50. <meta name="color:Text" content="#fff"/>
  51. <meta name="color:Body Link" content="#fff"/>
  52. <meta name="color:Link" content="#fff"/>
  53. <meta name="color:Post Link" content="#d7a4c3"/>
  54. <meta name="color:Link Hover" content="#91c4d7"/>
  55. <meta name="color:Box" content="#fff"/>
  56. <meta name="color:Box Text" content="#fff"/>
  57.  
  58. <meta name="if:Full BG" content="1"/>
  59. <meta name="if:Caption" content="1"/>
  60.  
  61. <meta name="text:Subtitle" content="you can actually put. <br>only two sentences in here."/>
  62. <meta name="text:Ask Title" content="Ask page title goes here."/>
  63. <meta name="text:Your URL" content="Your URL goes here. Without the '.tumblr.com' "/>
  64. <meta name="text:Description Two" content="Here's another text box you can use to add whatever you want. Try to keep the length even with your description so it looks symmetrical I guess."/>
  65. <meta name="text:Section 1 Title" content="Contact"/>
  66. <meta name="text:Section 2 Title" content="Navigation"/>
  67. <meta name="text:Section 3 Title" content="Introduction"/>
  68. <meta name="text:About Section" content="Feel free to write about yourself in this space. You can add pictures, links or whatever directly here. If you have any questions, just shoot me an ask."/>
  69.  
  70.  
  71. <meta name="text:Nav Link 1 Title" content="Link 1"/>
  72. <meta name="text:Nav Link 1 URL" content="Link 1 URL"/>
  73. <meta name="text:Nav Link 2 Title" content="Link 2"/>
  74. <meta name="text:Nav Link 2 URL" content="Link 2 URL"/>
  75. <meta name="text:Nav Link 3 Title" content="Link 3"/>
  76. <meta name="text:Nav Link 3 URL" content="Link 3 URL"/>
  77. <meta name="text:Nav Link 4 Title" content="Link 4"/>
  78. <meta name="text:Nav Link 4 URL" content="Link 4 URL"/>
  79. <meta name="text:Nav Link 5 Title" content="Link 5"/>
  80. <meta name="text:Nav Link 5 URL" content="Link 5 URL"/>
  81. <meta name="text:Nav Link 6 Title" content="Link 6"/>
  82. <meta name="text:Nav Link 6 URL" content="Link 6 URL"/>
  83. <meta name="text:Nav Link 7 Title" content="Link 7"/>
  84. <meta name="text:Nav Link 7 URL" content="Link 7 URL"/>
  85. <meta name="text:Nav Link 8 Title" content="Link 8"/>
  86. <meta name="text:Nav Link 8 URL" content="Link 8 URL"/>
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91. /*scrollbar*/
  92. ::-webkit-scrollbar-thumb {background-color: {color:Link}; height: auto; border: 4px solid {color:Link}; }
  93. ::-webkit-scrollbar {background-color: {color:Link}; height:10px; width:5px; border: 4px solid {color:Scrollbar};}
  94.  
  95. #s-m-t-tooltip{
  96. max-width:200px;
  97. z-index:999999;
  98. margin-top:0px;
  99. margin-left:12px;
  100. padding:5px;
  101. text-transform:uppercase;
  102. font-size:8px;
  103. letter-spacing:1px;
  104. background:{color:BG};
  105. color:{color:Text};
  106. font-family:'lato';}
  107.  
  108. *, body, a, a:hover {cursor: url(https://31.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_n50qb2j2gV1rc2rwl.png), auto;}
  109.  
  110. body {
  111. background: {color:BG} url({image:BG});
  112. {block:ifFullBG} -webkit-background-size: cover;
  113. -moz-background-size: cover;
  114. -o-background-size: cover;
  115. background-size: cover; {/block:ifFullBG}
  116. color:{color:Text};
  117. font-family:'lato';
  118. font-size:10.5px;
  119. text-align:justify;
  120. margin:0;
  121. overflow-x:hidden;}
  122.  
  123. a {
  124. color:{color:Body Link};
  125. text-decoration: none;
  126. cursor:url('http://i.imgur.com/IepP2.jpg'), progress !important;
  127. -webkit-transition-duration: 0.8s;
  128. -moz-transition-duration: 0.8s;
  129. -o-transition-duration: 0.8s;
  130. transition-duration: 0.8s;}
  131.  
  132. a:hover {
  133. color:{color:Link Hover};
  134. text-decoration:none;
  135. -webkit-transition: all .4s ease-in-out;
  136. -moz-transition-duration: all .4s ease-in-out;
  137. -o-transition-duration: all .4s ease-in-out;
  138. transition-duration: all .4s ease-in-out;
  139. cursor:url('http://i.imgur.com/IepP2.jpg'), progress !important;}
  140.  
  141. img {
  142. opacity:1;
  143. border:none;
  144. text-decoration:none
  145. cursor: url('http://i.imgur.com/IepP2.jpg'), progress !important;}
  146.  
  147. blockquote {
  148. color:{color:Text};
  149. border-left:4px solid {color:Link};
  150. width:auto;
  151. margin-left:25px;
  152. line-height:11px;
  153. padding-left:5px;}
  154.  
  155. blockquote img {max-width: 100%; !important}
  156.  
  157. small {
  158. font-size:9px;}
  159.  
  160. big {
  161. font-size:12px;}
  162.  
  163. /*topbar*/
  164. #box {
  165. background:{color:BG} url({image:Box BG});
  166. position:absolute;
  167. margin:0 auto;
  168. left: 0;
  169. right: 0;
  170. width:310px;
  171. height:160px;
  172. color:{color:Box Text};
  173. margin-top:60px;
  174. text-align:justify;
  175. border:12px solid {color:Box};
  176. font-family:'lato';
  177. padding:40px;
  178. font-size:11px;
  179. text-transform:none;}
  180.  
  181. #desc {
  182. text-align:center;
  183. font-family:helvetica;
  184. font-size:6px;
  185. line-height:10px;
  186. text-transform:uppercase;
  187. letter-spacing:5px;
  188. margin-bottom:20px;
  189. margin-top:10px;
  190. }
  191.  
  192. #box2 {
  193. position:absolute;
  194. width:400px;
  195. margin-top:85px;
  196. margin-left:-40px;
  197. background:{color:Box};
  198. height:70px;
  199. }
  200.  
  201. #linkus {
  202. display:table;
  203. position:absolute;
  204. line-height:30px;
  205. right:10px;
  206. top:22px;
  207. text-align:center;
  208. font-weight:400;
  209. z-index:9999;}
  210.  
  211. #linkus a {
  212. color:{color:Box Text};
  213. font-weight:300;
  214. font-size:18px;
  215. margin-left:10px;
  216. padding:6px 12px;
  217. background:{color:BG};
  218. text-align:center;
  219. font-family:'lato';
  220. text-transform:uppercase;
  221. -webkit-transition-duration: 0.8s;
  222. -moz-transition-duration: 0.8s;
  223. -o-transition-duration: 0.8s;
  224. transition-duration: 0.8s;}
  225.  
  226. #linkus a:hover {
  227. color:{color:BG};
  228. -webkit-transition: all .4s ease-in-out;
  229. -moz-transition-duration: all .4s ease-in-out;
  230. -o-transition-duration: all .4s ease-in-out;
  231. transition-duration: all .4s ease-in-out;}
  232.  
  233. #lucileft {
  234. margin-top:20px;
  235. margin-left:200px;
  236. position:fixed;
  237. z-index:999;
  238. }
  239.  
  240. #lucileft img {
  241. width:160px;
  242. -moz-transform: scaleX(-1);
  243. -o-transform: scaleX(-1);
  244. -webkit-transform: scaleX(-1);
  245. transform: scaleX(-1);
  246. filter: FlipH;
  247. -ms-filter: "FlipH";
  248. }
  249.  
  250. #luciright {
  251. margin-top:20px;
  252. right:200px;
  253. position:fixed;
  254. z-index:999;
  255. }
  256.  
  257. #luciright img {
  258. width:160px;
  259. }
  260.  
  261. #statue1 {
  262. display:none;
  263. margin-top:5px;
  264. margin-left:-45px;
  265. position:absolute;
  266. width:170px;
  267. height:250px;
  268. font-family:'lato';
  269. font-size:30px;
  270. color:{color:Text};
  271. font-weight:bold;
  272. text-align:right;}
  273.  
  274. #statue1text {
  275. font-size:10px;
  276. font-weight:400;
  277. line-height:11px;
  278. text-align:justify;
  279. }
  280.  
  281. #statue1text img {
  282. width:80px;
  283. -moz-transform: scaleX(1);
  284. -o-transform: scaleX(1);
  285. -webkit-transform: scaleX(1);
  286. transform: scaleX(1);
  287. filter: FlipH;
  288. -ms-filter: "FlipH";
  289. }
  290.  
  291. #statue2 {
  292. display:none;
  293. margin-top:5px;
  294. margin-left:20px;
  295. position:absolute;
  296. font-weight:bold;
  297. text-transform:none;
  298. width:170px;
  299. height:250px;
  300. font-family:'lato';
  301. font-size:30px;
  302. color:{color:Text};
  303. text-align:left;}
  304.  
  305. #statue2text {
  306. font-size:10px;
  307. font-weight:400;
  308. line-height:11px;
  309. text-align:justify;
  310. text-transform:none;}
  311.  
  312. #maint {
  313. font-size:30px;
  314. font-family:'lato';
  315. line-height:48px;
  316. font-weight:400;
  317. letter-spacing:7px;
  318. margin:0 auto;
  319. left: 0;
  320. right: 0;
  321. text-transform:uppercase;
  322. text-align:center;
  323. position:absolute;
  324. text-shadow:1px 1px 3px gray;
  325. color:{color:Box Text};}
  326.  
  327. #maint a {
  328. color:{color:Link};
  329. }
  330.  
  331. /*containers*/
  332. #container {
  333. position:absolute;
  334. top:450px;
  335. margin:0 auto;
  336. left: 0;
  337. right: 0;
  338. height:auto;
  339. }
  340.  
  341. /*posts*/
  342. #posts {
  343. width:400px;
  344. margin-top:80px;
  345. margin:0 auto;
  346. left: 0;
  347. right: 0;
  348. padding:20px;
  349. margin-bottom:100px;}
  350.  
  351.  
  352. #postitle {
  353. letter-spacing:0px;
  354. border-bottom:1px solid {color:Text};
  355. margin-bottom:20px;
  356. margin-left:-10px;
  357. padding-bottom:10px;
  358. text-transform:normal;
  359. text-align:right;
  360. line-height:28px;
  361. font-family:'lato';
  362. font-size:15px;
  363. font-weight:bold;
  364. text-transform:uppercase;
  365. color:{color:Link};}
  366.  
  367. /*los text posts*/
  368. #text {
  369. padding:0px;}
  370.  
  371. #text img {max-width:100%; !important;}
  372.  
  373. /*las quotes*/
  374. #titlequote {
  375. text-align:justify;
  376. font-size:15px;
  377. text-align:center;
  378. padding:5px;
  379. font-weight:bold;
  380. font-family:'lato';
  381. color:{color:Text};
  382. text-transform:uppercase;}
  383.  
  384. #source {
  385. font-size:9px;
  386. letter-spacing:1px;
  387. text-align:center;
  388. margin-top:20px;
  389. text-transform:uppercase;}
  390.  
  391. /*las preguntas*/
  392. #question {
  393. background-color:{color:BG};
  394. color:{color:Text};
  395. padding:0px;}
  396.  
  397. #q {
  398. margin-top:10px;
  399. font-size:16px;
  400. font-style:italic;
  401. text-align:justify;}
  402.  
  403. #asker {
  404. text-align:right;
  405. font-weight:bold;
  406. font-family:'lato';
  407. font-size:20px;
  408. text-transform:uppercase;
  409. color:{color:Link};}
  410.  
  411. #asker a {
  412. color:{color:Link};
  413. font-weight:bold;
  414. }
  415.  
  416. #asker img {
  417. margin-top:4px;
  418. -moz-border-radius: 16px;
  419. -o-border-radius: 16px;
  420. -webkit-border-radius: 16px;
  421. border-radius: 16px;
  422. }
  423.  
  424. #answer {
  425. padding:0px}
  426.  
  427. #answer img {max-width:100% !important;}
  428.  
  429. /*el chat*/
  430. .chat ol {
  431. padding:0;
  432. list-style:none;}
  433.  
  434. .line.odd {
  435. background:{color:BG};
  436. color:{color:Text};
  437. padding:10px;}
  438.  
  439. .line.even {
  440. padding:10px;}
  441.  
  442. .label {
  443. margin-right:3px
  444. letter-spacing:0px;
  445. text-transform:uppercase;
  446. font-weight:bold;}
  447.  
  448. /*el audio player*/
  449. #button {
  450. width:20px;
  451. height:30px;
  452. overflow:hidden;
  453. position:absolute;
  454. opacity:1;
  455. margin-top:12px;
  456. margin-left:12px;
  457. z-index:999;}
  458.  
  459. .box {
  460. width:50px;
  461. height:50px;
  462. margin-top:12px;
  463. margin-left:12px;
  464. opacity:0.5;
  465. background-color:white;
  466. position:absolute;
  467. z-index:100;}
  468.  
  469. .audio{
  470. position:absolute;
  471. width:20px;
  472. height:20px;}
  473.  
  474. .audioimg {
  475. width:75px;
  476. height:75px;
  477. position:absolute;}
  478.  
  479. .audioimg img {
  480. margin-left:0px;
  481. float:left;
  482. width:75px;
  483. border:1px solid {color:Text};}
  484.  
  485. .audiodatos {
  486. display:block;
  487. font-family: 'lato';
  488. text-transform: uppercase;
  489. font-size:10px;
  490. color:{color:Text};
  491. padding:5px 15px 5px 80px;
  492. text-align:left;
  493. line-height:15px;
  494. letter-spacing:1px;
  495. border-right:1px solid {color:Text};
  496. height:66px;
  497. width:295px;
  498. margin-top:-13px;
  499. margin-left:10px;
  500. background:{color:BG};
  501. }
  502.  
  503. /*post info*/
  504. #tags {
  505. opacity:0;
  506. position:absolute;
  507. text-align:center;
  508. letter-spacing:2px;
  509. font-size:7px;
  510. margin:0 auto;
  511. left: 0;
  512. right: 0;
  513. width:400px;
  514. font-family:helvetica;
  515. color:{color:Link};
  516. text-transform:uppercase;
  517. -webkit-transition-duration: 0.8s;
  518. -moz-transition-duration: 0.8s;
  519. -o-transition-duration: 0.8s;
  520. transition-duration: 0.8s;}
  521.  
  522. #tags img {
  523. width:20px;
  524. }
  525.  
  526. #posts:hover #tags{
  527. opacity:1;
  528. -webkit-transition: all .4s ease-in-out;
  529. -moz-transition-duration: all .4s ease-in-out;
  530. -o-transition-duration: all .4s ease-in-out;
  531. transition-duration: all .4s ease-in-out;}
  532.  
  533. #count {font-weight:100;
  534. font-size:54px;
  535. margin-top:20px;
  536. width:110px;
  537. font-family:helvetica;
  538. padding-bottom:2px;
  539. margin-bottom:10px;
  540. border-bottom:1px solid {color:Post Link};
  541. }
  542.  
  543. #count a {color:{color:Post Link};}
  544.  
  545. #time {
  546. text-transform:uppercase;
  547. font-size:7px;
  548. letter-spacing:2px;
  549. color:{color:Post Link};
  550. }
  551.  
  552. #time a {color:{color:Post Link};}
  553.  
  554. #time img {
  555. display:inline-block;
  556. margin-right:5px;
  557. margin-top:2px;
  558. margin-bottom:-5px;
  559. -webkit-border-radius:10px;
  560. -moz-border-radius:10px;
  561. -o-border-radius: 10px;
  562. border-radius:10px;}
  563.  
  564.  
  565. /*post notes*/
  566. #postnotes {
  567. overflow:auto;
  568. margin: 0 auto;
  569. left: 0;
  570. right: 0;
  571. padding:10px;
  572. position:relative;
  573. margin-top:90px;
  574. margin-left:-35px;
  575. text-transform:uppercase;
  576. font-size:7px;
  577. font-family:helvetica;
  578. letter-spacing:2px;
  579. background:none;
  580. width:400px;
  581. height:300px;
  582. }
  583.  
  584. #postnotes ol {
  585. list-style:none;
  586. }
  587.  
  588. #postnotes ol li {
  589. padding-bottom:20px;}
  590.  
  591. #postnotes img {
  592. width:10px
  593. display:inline-block;
  594. position:left;
  595. margin-right:5px;
  596. margin-top:3px;
  597. margin-bottom:-5px;
  598. -webkit-border-radius:10px;
  599. -moz-border-radius:10px;
  600. -o-border-radius: 10px;
  601. border-radius:10px;}
  602.  
  603. /*la pagination*/
  604.  
  605. #pagination {
  606. margin-top:-30px;
  607. margin-bottom:50px;}
  608.  
  609. .jump_page {
  610. padding: 4px 8px;
  611. border: 3px solid {color:Link};
  612. background-color: {color:BG};
  613. color:{color:Link};
  614. font-family:'lato';
  615. font-size:11px;
  616. text-decoration:none;
  617. }
  618.  
  619. .current_page, .jump_page:hover {
  620. padding: 4px 8px;
  621. border: 3px solid {color:Link};
  622. background-color: {color:Link};
  623. color: {color:BG};
  624. font-family:'lato';
  625. font-size:11px;
  626. text-decoration:none;
  627. }
  628.  
  629. {CustomCSS}
  630.  
  631. #fondo1 {
  632. position:fixed;
  633. width:1200px;
  634. top:-10px;
  635. margin:0 auto;
  636. left: 0;
  637. right: 0;
  638. height:1000px;
  639. background: {color:BG} url({image:BG});
  640. {block:ifFullBG} -webkit-background-size: cover;
  641. -moz-background-size: cover;
  642. -o-background-size: cover;
  643. background-size: cover; {/block:ifFullBG}
  644. display:none;
  645. z-index:999999999;
  646. }
  647.  
  648. #ask {
  649. width:500px;
  650. height:500px;
  651. color:{color:Text};
  652. font-size:11px;
  653. line-height:13px;
  654. text-align:justify;
  655. margin:0 auto;
  656. left: 0;
  657. right: 0;
  658. top:100px;
  659. z-index:9999999;
  660. padding:20px;
  661. position:absolute;}
  662.  
  663. #ask a {
  664. font-size:11px;
  665. text-transform:none;
  666. text-decoration:none;
  667. background:none;
  668. margin:0;
  669. padding:0px;
  670. color:{color:Body Link};
  671. -webkit-transition-duration: 0.8s;
  672. -moz-transition-duration: 0.8s;
  673. -o-transition-duration: 0.8s;
  674. transition-duration: 0.8s;
  675. }
  676.  
  677. #ask a:hover {
  678. color:{color:Link Hover};
  679. -webkit-transition: all .4s ease-in-out;
  680. -moz-transition-duration: all .4s ease-in-out;
  681. -o-transition-duration: all .4s ease-in-out;
  682. transition-duration: all .4s ease-in-out;
  683. letter-spacing:1px;}
  684.  
  685.  
  686. #fondo2 {
  687. position:fixed;
  688. width:1200px;
  689. top:-10px;
  690. margin:0 auto;
  691. left: 0;
  692. right: 0;
  693. height:1000px;
  694. background: {color:BG} url({image:BG});
  695. {block:ifFullBG} -webkit-background-size: cover;
  696. -moz-background-size: cover;
  697. -o-background-size: cover;
  698. background-size: cover; {/block:ifFullBG}
  699. display:none;
  700. z-index:999999999;}
  701.  
  702. #works {
  703. width:300px;
  704. height:auto;
  705. color:{color:Section Text};
  706. margin:0 auto;
  707. left: 0;
  708. right: 0;
  709. top:100px;
  710. text-transform:uppercase;
  711. font-size:18px;
  712. position:absolute;
  713. padding:20px;
  714. z-index: 9999999;}
  715.  
  716.  
  717. #works a {
  718. display:inline-block;
  719. text-transform:uppercase;
  720. font-size:10px;
  721. border:1px solid {color:Text};
  722. width:100px;
  723. height:10px;
  724. font-weight:400;
  725. text-align:right;
  726. bottom:5px;
  727. padding:10px 10px 10px;
  728. margin:0 10px 10px 0;
  729. background:{color:BG};
  730. line-height:11px;
  731. -webkit-transition-duration: 0.8s;
  732. -moz-transition-duration: 0.8s;
  733. -o-transition-duration: 0.8s;
  734. transition-duration: 0.8s;}
  735.  
  736. #works a:hover {
  737. color:{color:BG};
  738. background:{color:Link};
  739. border:1px solid {color:Text};
  740. -webkit-transition: all .4s ease-in-out;
  741. -moz-transition-duration: all .4s ease-in-out;
  742. -o-transition-duration: all .4s ease-in-out;
  743. transition-duration: all .4s ease-in-out;
  744. letter-spacing:3px;}
  745.  
  746. #fondo3 {
  747. position:fixed;
  748. width:1200px;
  749. top:-10px;
  750. margin:0 auto;
  751. left: 0;
  752. right: 0;
  753. height:1000px;
  754. background: {color:BG} url({image:BG});
  755. {block:ifFullBG} -webkit-background-size: cover;
  756. -moz-background-size: cover;
  757. -o-background-size: cover;
  758. background-size: cover; {/block:ifFullBG}
  759. display:none;
  760. z-index:999999999;
  761. }
  762.  
  763. #navi {
  764. width:400px;
  765. height:auto;
  766. color:{color:Text};
  767. margin:0 auto;
  768. left: 0;
  769. right: 0;
  770. top:100px;
  771. text-transform:none;
  772. line-height:13px;
  773. font-size:11px;
  774. position:absolute;
  775. text-align:justify;
  776. z-index: 9999999;
  777. padding:20px;}
  778.  
  779. #navi a {
  780. font-size:11px;
  781. text-transform:none;
  782. text-decoration:none;
  783. background:none;
  784. margin:0;
  785. padding:0px;
  786. color:{color:Body Link};
  787. -webkit-transition-duration: 0.8s;
  788. -moz-transition-duration: 0.8s;
  789. -o-transition-duration: 0.8s;
  790. transition-duration: 0.8s;
  791. }
  792.  
  793. #navi a:hover {
  794. color:{color:Link Hover};
  795. -webkit-transition: all .4s ease-in-out;
  796. -moz-transition-duration: all .4s ease-in-out;
  797. -o-transition-duration: all .4s ease-in-out;
  798. transition-duration: all .4s ease-in-out;
  799. letter-spacing:1px;}
  800.  
  801. #navi img {
  802. position:relative;
  803. float:center;
  804. width:150px;
  805. height:150px;
  806. border:10px solid white;
  807. -webkit-border-radius:100px;
  808. -moz-border-radius:100px;
  809. -o-border-radius: 100px;
  810. border-radius:100px;
  811. }
  812.  
  813. #sectiont {
  814. letter-spacing:0px;
  815. margin-bottom:20px;
  816. margin-left:-10px;
  817. padding-bottom:10px;
  818. border-bottom:1px solid {color:Text};
  819. text-transform:normal;
  820. text-align:right;
  821. font-family: 'lato';
  822. font-size:30px;
  823. line-height:30px;
  824. font-weight:bold;
  825. text-transform:uppercase;}
  826.  
  827. #closeb {
  828. position:absolute;
  829. right:-150px;
  830. top:10px;
  831. }
  832.  
  833. /*credit logo*/
  834. #credit{
  835. position:fixed;
  836. bottom:5px;
  837. left:5px;
  838. opacity:1;
  839. text-align:center;
  840. z-index:1;}
  841.  
  842. #credit a
  843. {color:{color:Text};
  844. font-size:11px;
  845. text-transform:uppercase;
  846. text-align:center;
  847. -webkit-transition-duration: 0.8s;
  848. -moz-transition-duration: 0.8s;
  849. -o-transition-duration: 0.8s;
  850. transition-duration: 0.8s;
  851. }
  852.  
  853. #credit a:hover {
  854. color:{color:Link};
  855. -webkit-transition: all .4s ease-in-out;
  856. -moz-transition-duration: all .4s ease-in-out;
  857. -o-transition-duration: all .4s ease-in-out;
  858. transition-duration: all .4s ease-in-out;}
  859.  
  860. </style>
  861.  
  862. </head>
  863.  
  864. <body>
  865.  
  866. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  867.  
  868. <div id="box"><div id="desc">{text:Subtitle}
  869. </div>
  870. <hr size="1" color="{color:Box Text}">
  871. <div id="maint"><a href="/">{Title}</div></a>
  872. <div id="box2"><div id="linkus">
  873.  
  874. <script>
  875. $(document).ready(function(){
  876. $(".nav").click(function(){
  877. $("#fondo1").fadeToggle("slow");
  878. });
  879. });
  880. </script>
  881. <a href="#" title="{text:Section 1 Title}" class="nav">✕</a>
  882. <div id="fondo1"><div id="ask">
  883. <div class="nav"><center><font size="6"><div id="closeb">✕</div></font></center></div>
  884. <div id="sectiont">{text:Ask Title}</div>
  885. <iframe frameborder="0"
  886. height="200"
  887. id="ask_form"
  888. scrolling="no"
  889. src="http://www.tumblr.com/ask_form/{text:Your URL}.tumblr.com"
  890. width="100%">
  891. </iframe>
  892. </div></div>
  893.  
  894. <script>
  895. $(document).ready(function(){
  896. $(".nav2").click(function(){
  897. $("#fondo2").fadeToggle("slow");
  898. });
  899. });
  900. </script>
  901. <a href="#" class="nav2" title="{text:Section 2 Title}">✕</a>
  902. <div id="fondo2"><div id="works">
  903. <div class="nav2"><center><font size="6"><div id="closeb">✕</div></font></center></div>
  904. <div id="sectiont">{text:Section 2 Title}</div>
  905. <a href="{text:Nav Link 1 URL}">{text:Nav Link 1 Title}</a>
  906. <a href="{text:Nav Link 2 URL}">{text:Nav Link 2 Title}</a>
  907. <a href="{text:Nav Link 3 URL}">{text:Nav Link 3 Title}</a>
  908. <a href="{text:Nav Link 4 URL}">{text:Nav Link 4 Title}</a>
  909. <a href="{text:Nav Link 5 URL}">{text:Nav Link 5 Title}</a>
  910. <a href="{text:Nav Link 6 URL}">{text:Nav Link 6 Title}</a>
  911. <a href="{text:Nav Link 7 URL}">{text:Nav Link 7 Title}</a>
  912. <a href="{text:Nav Link 8 URL}">{text:Nav Link 8 Title}</a>
  913. </div></div>
  914.  
  915. <script>
  916. $(document).ready(function(){
  917. $(".nav3").click(function(){
  918. $("#fondo3").fadeToggle("slow");
  919. });
  920. });
  921. </script>
  922. <a href="#" title="{text:Section 3 Title}" class="nav3">✕</a>
  923. <div id="fondo3"><div id="navi">
  924. <div class="nav3"><center><font size="6"><div id="closeb">✕</div></font></center></div><br>
  925. <!---HERE GOES YOUR ABOUT SECTION. EDIT ONLY THIS PART.-->
  926. <div id="sectiont">{text:Section 3 Title}</div>
  927. {text:About Section}
  928. </div></div>
  929.  
  930. </div></div> </div>
  931.  
  932.  
  933.  
  934. <script>
  935. $(document).ready(function(){
  936. $(".clickme1").click(function(){
  937. $(".revealed1").slideToggle(600);
  938. });
  939. });
  940. </script>
  941. <div id="lucileft" class="clickme1"><img src="{image:Image Left}">
  942. <div id="statue1" class="revealed1">
  943. {text:Title Left}
  944.  
  945. <hr size=1 color={color:Text}>
  946. <div id="statue1text">{Description}
  947. </div>
  948. </div>
  949. </div></div>
  950.  
  951. <script>
  952. $(document).ready(function(){
  953. $(".clickme2").click(function(){
  954. $(".revealed2").slideToggle(600);
  955. });
  956. });
  957. </script>
  958. <div id="luciright" class="clickme2"><img src="{image:Image Right}">
  959. <div id="statue2" class="revealed2">{text:Title Right}
  960. <hr size=1 color={color:Text}>
  961. <div id="statue2text"><p>
  962. {text:Description Two}
  963. </div>
  964. </div></div>
  965.  
  966. <div id="container">
  967.  
  968. {block:Posts}
  969.  
  970. <!-- {block:NoRebloggedFrom}
  971. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  972. {/block:NoRebloggedFrom} -->
  973.  
  974. {block:ContentSource}<!-- {SourceURL}
  975. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  976. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  977. {/block:ContentSource}
  978.  
  979. <div id="posts">
  980.  
  981. <!-- post info -->
  982.  
  983.  
  984. {block:Title}<div id="postitle">{Title}</div>{/block:Title}
  985.  
  986. {block:Text}
  987. <div id="text">{Body}</div>
  988. {/block:Text}
  989.  
  990. {block:Photo}
  991. <a href="{permalink}"><img src="{PhotoURL-400}" width="400"/></a>
  992. {/block:Photo}
  993.  
  994. {block:Photoset}
  995. {Photoset-400}
  996. {/block:Photoset}
  997.  
  998. {block:Quote}
  999. <div id="titlequote">"{Quote}"</div>
  1000. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1001. {/block:Quote}
  1002.  
  1003. {block:Video}
  1004. {Video-400}
  1005. {/block:Video}
  1006.  
  1007. {block:Link}
  1008. <div id="postitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  1009. {block:Description}{Description}{/block:Description}
  1010. {/block:Link}
  1011.  
  1012. {block:Chat}
  1013. <div class="chat">
  1014. <ol>{block:Lines}
  1015. <li class="line {Alt}">
  1016. {block:Label}
  1017. <span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}
  1018. </ol></div>
  1019. {/block:Chat}
  1020.  
  1021. {block:Audio}
  1022. <div class="audio">
  1023. <div class="box"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1024. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  1025. <br><div class="audiodatos">{block:TrackName}<b><font size="2">{TrackName}</font></b>{/block:TrackName}
  1026. <br>{block:Artist}{Artist}{/block:Artist}
  1027. {block:Album}<br>{Album}{/block:Album}
  1028. <br><b>played:</b> {PlayCount} times</div>{/block:Audio}
  1029.  
  1030. {block:Answer}
  1031. <div id="question">
  1032. <div id="q">"{Question}"</div><br>
  1033. <hr size="1" color="{color:Text}"><br>
  1034. <div id="asker"><img src="{AskerPortraitURL-16}"> {Asker}</div></div><br>
  1035. <div id="answer">{Answer}</div>
  1036. {/block:Answer}
  1037.  
  1038. <!-- tags -->
  1039. {block:ifCaption}
  1040. {Caption}
  1041. {/block:ifCaption}
  1042.  
  1043. {block:Date}<center><font family="lato" color=white ><div id="count"><a href="{Permalink}" title="{NoteCountWithLabel}">※</a></div></font>
  1044. <div id="time"><font size=2><a href="{Permalink}">{12HourWithZero}:{Minutes} {AmPm}</a></font> <p>
  1045. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">via</a> & <a href="{ReblogRootURL}" title="source">src</a>{/block:RebloggedFrom}</div></center>{/block:Date}
  1046.  
  1047. <div id="tags"><a href="{reblogurl}">REBLOG?</a>{block:HasTags}&nbsp;&nbsp;✭&nbsp;&nbsp;{block:Tags}<a href="{TagUrl}">#{Tag} &nbsp;</a>{/block:Tags}{/block:HasTags}</div>
  1048.  
  1049. {block:PermalinkPage}{block:PostNotes}<div id="postnotes">{PostNotes-16}</div>{/block:PostNotes}
  1050. {/block:PermalinkPage}
  1051.  
  1052. </div>
  1053.  
  1054. {/block:Posts}
  1055.  
  1056. <center>{block:Pagination}<div id="pagination">
  1057. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">LESS</a>{/block:PreviousPage}
  1058. {block:JumpPagination length="5"}
  1059. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1060. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1061. {block:NextPage}<a href="{NextPage}" class="jump_page">MORE</a>{/block:NextPage}
  1062. {/block:Pagination}</div></center>
  1063.  
  1064. <!-- credit (DO NOT REMOVE UNDER ANY CIRCUMSTANCES) -->
  1065. <div id="credit"><a href="http://luscifers.tumblr.com/" title="theme © luscifers">✭</a></div>
  1066.  
  1067. </div>
  1068. </div>
  1069. </body>
  1070.  
  1071. </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!