API tools faq
paste
Advertisement
silverrainresources

innocentwcnder tumblr layout

silverrainresources
Jun 22nd, 2017
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.14 KB | None | 0 0
raw download clone embed print report
  1. ------THERE ARE TWO CODES IN THIS PASTE. I'LL PUT THE LITTLE ------ THINGS SO YOU KNOW THE DIFFERENCE. OBVIOUSLY THIS IS THE MAIN BLOG LAYOUT BELOW------
  2.  
  3. <html>
  4. <!--
  5. I'd live to give a big shout out to http://fratdadbase.tumblr.com/ for this base code. Couldn't have done this without their help
  6.  
  7. STARXBCRN THEMES
  8. ⚜ this code was made by starxbcrn.tumblr.com
  9. ⚜ do not remove credit or claim as your own.
  10. ⚜ feel free to send me an ask if you have any questions
  11.  
  12. -->
  13.  
  14.  
  15. <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
  16. <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
  17. <link href="https://fonts.googleapis.com/css?family=Marck+Script" rel="stylesheet">
  18.  
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26.  
  27.  
  28. <meta name="color:text" content=""/>
  29. <meta name="color:background" content=""/>
  30. <meta name="color:link colour" content=""/>
  31. <meta name="color: title" content=""/>
  32. <meta name="color: navlink" content=""/>
  33. <meta name="color: navlink hover" content=""/>
  34. <meta name="color: refresh" content=""/>
  35. <meta name="color: refresh hover" content=""/>
  36. <meta name="color: header 1" content=""/>
  37. <meta name="color: header 1 background" content=""/>
  38. <meta name="color: header 2" content=""/>
  39. <meta name="color: header 2 background" content=""/>
  40. <meta name="color: header 2 right border" content=""/>
  41. <meta name="color: header 3" content=""/>
  42. <meta name="color: header 4" content=""/>
  43. <meta name="color: header 5" content=""/>
  44. <meta name="color: header 5 background" content=""/>
  45. <meta name="color: header 5 border" content=""/>
  46. <meta name="color: header 6" content=""/>
  47. <meta name="color: header 6 background" content=""/>
  48. <meta name="text:link url 1" content="/"/>
  49. <meta name="text:link title 1" content=""/>
  50. <meta name="text:link url 2" content="/"/>
  51. <meta name="text:link title 2" content=""/>
  52. <meta name="text:link url 3" content="/"/>
  53. <meta name="text:link title 3" content=""/>
  54. <meta name="text:link title 4" content=""/>
  55.  
  56.  
  57. <!--
  58. TOOLTIP STYLING SCRIPT
  59. -->
  60.  
  61.  
  62. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:200,
  71. tip_fade_speed:500
  72. });
  73. });
  74. })(jQuery);
  75. </script>
  76.  
  77. </head>
  78.  
  79.  
  80. <!--
  81. SCROLL BAR
  82. -->
  83.  
  84. <style type="text/css">
  85. ::-webkit-scrollbar {
  86. width: 2px;
  87. height: 2px;
  88. }
  89. ::-webkit-scrollbar-button {
  90. width: 0px;
  91. height: 0px;
  92. }
  93. ::-webkit-scrollbar-thumb {
  94. background: #transparent;
  95. border: 0px none #ffffff;
  96. border-radius: 50px;
  97. }
  98. ::-webkit-scrollbar-thumb:hover {
  99. background: #transparent;
  100. }
  101. ::-webkit-scrollbar-thumb:active {
  102. background: #transparent;
  103. }
  104. ::-webkit-scrollbar-track {
  105. background: #transparent;
  106. border: 0px none #transparent;
  107. border-radius: 0px;
  108. }
  109. ::-webkit-scrollbar-track:hover {
  110. background: #transparent;
  111. }
  112. ::-webkit-scrollbar-track:active {
  113. background: #transparent;
  114. }
  115. ::-webkit-scrollbar-corner {
  116. background: transparent;
  117. }
  118.  
  119. /*CONTAINER & POSTS*/
  120.  
  121. body {
  122. background-color:{color:background};
  123. background-image:url('http://i.imgur.com/AQf5bZb.png');
  124. font-family:calibri;
  125. font-size: 11px;
  126. color:{color:text};
  127. text-align: justify;
  128. }
  129.  
  130. #container {
  131. position:absolute;
  132. width: 400px;
  133. margin-top: 35px;
  134. margin-left: 520px;
  135. height:600px;
  136. overflow:auto;
  137. overflow-x:hidden;
  138. -webkit-filter: blur(0px) ; -webkit-transition: 0.4s ease-in;
  139. -moz-transition: 0.4s ease-in; transition: 0.4s ease-in;
  140. -webkit-mask-image: -webkit-gradient(
  141. linear, center 75%, center bottom,
  142. from(rgba(0,0,0,20)),
  143. to(rgba(20,0,0,0)))
  144. }
  145.  
  146. #posts {
  147. width:400px;
  148. margin-left:30px;
  149. margin-bottom:20px;
  150. margin-top: -10px;
  151. padding-bottom:50px;
  152. overflow-y:scroll;
  153. overflow-x:hidden;
  154. }
  155.  
  156. /*LINKS*/
  157.  
  158. a:link, a:active, a:visited {
  159. text-decoration: none;
  160. color: #222222;
  161. text-transform: none;
  162. font-family: 'Marck Script', cursive;
  163. font-size: 15px;
  164. -moz-transition-duration:.6s;
  165. -webkit-transition-duration:.6s;
  166. -o-transition-duration:.6s;
  167. -webkit-filter: blur(0px);}
  168.  
  169. a:hover {
  170. color: #333333;
  171. font-family: 'Marck Script', cursive;
  172. -moz-transition-duration:.6s;
  173. -webkit-transition-duration:.6s;
  174. -o-transition-duration:.6s;
  175. -webkit-filter: blur(1px);}
  176.  
  177. a.refresh, a.refresh:link, a.refresh:active, a.refresh:visited {
  178. font-family: 'Permanent Marker', cursive;
  179. font-size:50px;
  180. line-height:8pt;
  181. letter-spacing:0px;
  182. color: {color: refresh};
  183. text-shadow:0px 0px 7px #7f7f7f;
  184. text-decoration:none;
  185. text-transform:uppercase;
  186. text-align:center;
  187. display:inline-block;
  188. margin:1px 0px 3px 0px;
  189. -webkit-border-radius: 30px;
  190. -webkit-transition: all 0.4s ease-out;
  191. -moz-transition: all 0.4s ease-out;
  192. transition: all 0.4s ease-out;
  193. -moz-transition-duration: 0.4s;
  194. -webkit-transition-duration: 0.4s;
  195. -o-transition-duration: 0.4s;
  196. transition-duration: 0.4s;}
  197.  
  198. a.refresh:hover {
  199. font-family: 'Permanent Marker', cursive;
  200. color: {color: refresh hover};
  201. text-shadow:0px 0px 1px #777;
  202. -webkit-filter:none;
  203. -webkit-transition: all 0.6s ease-in-out;
  204. opacity:1;
  205. -webkit-transition: all 0.6s ease-in-out;
  206. -moz-transition: all 0.6s ease-in-out;
  207. -o-transition: all 0.6s ease-in-out;
  208. -ms-transition: all 0.6s ease-in-out;
  209. transition: all 0.6s ease-in-out;
  210. }
  211.  
  212.  
  213. /*NAVIGATION CODE*/
  214.  
  215. #popup {
  216. width: 400px;
  217. height: auto;
  218. left: 500px;
  219. }
  220. .popupnavlinks a {
  221. display:inline-block;
  222. width:90px; height:4px;
  223. margin:2px; padding:3px 6px 10px;
  224. text-align:center;
  225. background-image: url('');
  226. background:#a59e88;
  227. background-repeat:repeat;
  228. background-attachment:fixed;
  229. border: double 3px #000;
  230. color:#000000;
  231. font-size:9px;
  232. font-family:calibri;
  233. text-shadow:1px 1px 0px #000,
  234. display: inline-block;
  235. cursor: pointer;
  236. }
  237.  
  238. .popupnavlinks a:hover {
  239. display:inline-block;
  240. letter-spacing:2px;
  241. border-radius: 46px 10px 58px 0px;
  242. -moz-border-radius: 46px 10px 58px 0px;
  243. -webkit-border-radius: 46px 10px 58px 0px;
  244. -moz-transition-duration: 0.4s;
  245. -webkit-transition-duration: 0.4s;
  246. -o-transition-duration: 0.4s;
  247. transition-duration: 0.4s;
  248. }
  249.  
  250.  
  251. #pagination {
  252. position:fixed;
  253. text-align:center;
  254. left: 975px;
  255. top: 50px;
  256. }
  257.  
  258. .navigation {
  259. top: 550px;
  260. left: 450px;
  261. height: auto;
  262. width: 500px;
  263. position: fixed;
  264. }
  265.  
  266. a.navlinks, a.navlinks:link, a.navlinks:active, a.navlinks:visited {
  267. font-family: 'Bad Script', cursive;
  268. font-size:20px;
  269. line-height:20pt;
  270. letter-spacing:0px;
  271. color: {color: navlink};
  272. text-shadow:0px 0px 7px #7f7f7f;
  273. text-decoration:none;
  274. text-transform:uppercase;
  275. letter-spacing:0px;
  276. text-align:center;
  277. display:inline-block;
  278. margin:1px 0px 3px 0px;
  279. -webkit-transition: all 0.4s ease-out;
  280. -moz-transition: all 0.4s ease-out;
  281. transition: all 0.4s ease-out;
  282. -moz-transition-duration: 0.4s;
  283. -webkit-transition-duration: 0.4s;
  284. -o-transition-duration: 0.4s;
  285. transition-duration: 0.4s;}
  286.  
  287. a.navlinks:hover {
  288. font-family: 'Bad Script', cursive;
  289. font-style: bold;
  290. font-size:20px;
  291. line-height:20pt;
  292. font-weight:normal;
  293. color: {color: navlink hover};
  294. text-decoration:none;
  295. text-transform:uppercase;
  296. text-shadow:2px 2px #000000;
  297. text-align:center;
  298. display:inline-block;
  299. margin:1px 0px 3px 0px;
  300. -moz-transition-duration: 0.4s;
  301. -webkit-transition-duration: 0.4s;
  302. -o-transition-duration: 0.4s;
  303. transition-duration: 0.4s;
  304. }
  305.  
  306.  
  307. .refresh {
  308. top: 655px;
  309. left: 475px;
  310. height: auto;
  311. width: 500px;
  312. position: fixed;
  313. }
  314.  
  315.  
  316.  
  317.  
  318. /* POST INFO AND TAGS */
  319.  
  320.  
  321. #infobox {
  322. border:1px solid transparent;
  323. margin-bottom:0px;
  324. padding-top:10px;
  325. }
  326.  
  327.  
  328. #info {
  329. margin-left:20px;
  330. background-color: #81897e;
  331. border-top: 10px solid #81897e;
  332. height: 15px;
  333. margin-bottom: 75px;
  334. margin-left: -2px;
  335. border-radius: 5px;
  336. opacity: 0.5;
  337. }
  338.  
  339. #info a {
  340. color:#0e412c;
  341. text-shadow: 0px 0px 10px #3d3e41;
  342. opacity: 1;
  343. }
  344.  
  345. #info a:hover {
  346. color:transparent;
  347. opacity: 1;
  348. }
  349.  
  350.  
  351. #tags {
  352. width:475px;
  353. padding:10px;
  354. font-size:7px;
  355. text-align:justify;
  356. font-family:arial;
  357. text-transform:uppercase;
  358. background:transparent;
  359. border-bottom:1px solid #474747;
  360. margin-bottom: 30px;
  361. }
  362.  
  363.  
  364. #tags a {
  365. font-family:consolas;
  366. font-size:8px;
  367. line-height:8pt;
  368. letter-spacing:0px;
  369. color:#d4cec3;
  370. text-shadow:0px 0px 7px #7f7f7f;
  371. text-decoration:none;
  372. text-transform:uppercase;
  373. text-align:center;
  374. display:inline-block;
  375. margin:1px 0px 3px 0px;
  376. -webkit-border-radius: 30px;
  377. -webkit-transition: all 0.4s ease-out;
  378. -moz-transition: all 0.4s ease-out;
  379. transition: all 0.4s ease-out;
  380. -moz-transition-duration: 0.4s;
  381. -webkit-transition-duration: 0.4s;
  382. -o-transition-duration: 0.4s;
  383. transition-duration: 0.4s; }
  384.  
  385.  
  386. #tags a:hover {
  387. color:#555;
  388. text-shadow:0px 0px 1px #777;
  389. -webkit-filter:none;
  390. -webkit-transition: all 0.6s ease-in-out;
  391. opacity:1;
  392. -webkit-transition: all 0.6s ease-in-out;
  393. -moz-transition: all 0.6s ease-in-out;
  394. -o-transition: all 0.6s ease-in-out;
  395. -ms-transition: all 0.6s ease-in-out;
  396. transition: all 0.6s ease-in-out;
  397. }
  398.  
  399.  
  400. /* --- UPDATES ---*/
  401.  
  402. #noticeboard {
  403. text-align: center;
  404. font-size: 11px;
  405. position:fixed;
  406. left:5px;
  407. top:-111px;
  408. overflow: auto;
  409. -webkit-transition: all .5s ease-in-out;
  410. -moz-transition: all .5s ease-in-out;
  411. -o-transition: all .5s ease-in-out;
  412. z-index:999;
  413. }
  414.  
  415. #noticeboard:hover {top:0px;}
  416.  
  417. #notices {
  418. border-right-style:solid;
  419. border-bottom-style:solid;
  420. border-left-style:solid;
  421. border-width:1px;
  422. border-color:#000000;
  423. padding:5px;
  424. background: transparent;
  425. width:300px;
  426. height:100px;
  427. z-index: 9999;
  428. text-align: justify;
  429. overflow: auto;
  430. -moz-border-radius-bottomright: 4px;
  431. -webkit-border-bottom-right-radius: 4px;
  432. }
  433.  
  434. #noticeboardtab {
  435. border-right-style:solid;
  436. border-bottom-style:solid;
  437. border-left-style:solid;
  438. border-width:1px;
  439. border-color:#000;
  440. height:10px;
  441. color:{color: refresh};
  442. text-transform:uppercase;
  443. padding: 2px 0 8px 0;
  444. background:transparent;
  445. border-bottom-left-radius: 4px;
  446. -moz-border-radius-bottomleft: 4px;
  447. -webkit-border-bottom-left-radius: 4px;
  448. border-bottom-right-radius: 4px;
  449. -moz-border-radius-bottomright: 4px;
  450. -webkit-border-bottom-right-radius: 4px;
  451. width: 100px;
  452. }
  453.  
  454.  
  455.  
  456. /* TOOLTIP DETAILS */
  457.  
  458.  
  459.  
  460. #s-m-t-tooltip{
  461. max-width:400px;
  462. margin:15px;
  463. padding:2px 8px;
  464. background: #1c0915;
  465. background-image:url('http://68.media.tumblr.com/052575547d8f2d3d4b023461442da6ec/tumblr_nnqlgnnL8i1u3q9yxo1_500.jpg');
  466. background-repeat:repeat;
  467. background-attachment:fixed;
  468. border: double 3px #000;
  469. color:#fff;
  470. text-shadow:1px 1px 0px #000,
  471. z-index:99999999999999999999;
  472. font-size:9px;
  473. letter-spacing:2px;
  474. font-style:bold;
  475. letter-spacing:2px;
  476. font-family: calibri;
  477. text-transform:uppercase;
  478. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  479.  
  480.  
  481. /*FANCY FONT*/
  482.  
  483. h1{
  484. font-family: 'Cinzel', serif;
  485. color:{color: header 1};
  486. background-color: {color: header 1 background};
  487. font-size: 20px;
  488. text-shadow:1px 1px 1px #94d6ba;
  489. text-align: center;
  490. text-transform: uppercase;
  491. font-weight: normal;
  492. line-height: 21px;
  493. }
  494.  
  495. h2{
  496. font-family: 'Cinzel', serif;
  497. color:{color: header 2};
  498. background-color:{color: header 2 background};
  499. font-size: 20px;
  500. text-align: right;
  501. text-transform: uppercase;
  502. border-right: 20px solid {color: header 2 right border};
  503. font-weight: normal;
  504. line-height: 21px;
  505. letter-spacing: 2px;
  506. }
  507.  
  508. h3{
  509. font-family: consolas;
  510. color:{color: header 3};
  511. font-size; 6px;
  512. text-shadow:1px 1px #ffffff;
  513. }
  514.  
  515.  
  516. h4 {
  517. background-image: url('http://68.media.tumblr.com/052575547d8f2d3d4b023461442da6ec/tumblr_nnqlgnnL8i1u3q9yxo1_500.jpg');
  518. background-repeat:repeat;
  519. background-attachment:fixed;
  520. border: double 3px #000;
  521. padding:2px;
  522. color:{color: header 4};
  523. overflow: auto;
  524. text-shadow:1px 1px 0px #000,
  525. font-size:15px;
  526. font-family:calibri;
  527. text-transform:uppercase;
  528. letter-spacing:1px;
  529. text-align:center;
  530. }
  531.  
  532. h5 {
  533. font-family:georgia;
  534. font-size:20px;
  535. font-weight:normal;
  536. text-align:center;
  537. color: {color: header 5};
  538. text-transform:lowercase;
  539. background-color: {color: header 5 background};
  540. text-transform:lowercase;
  541. letter-spacing:-1px;
  542. padding-top:2px;
  543. padding-botton:-1px;
  544. padding: 1px;
  545. line-height:25px;
  546. margin:2px;
  547. border: 5px solid {color: header 5 border};}
  548.  
  549.  
  550.  
  551. h6 {
  552. font-family: consolas;
  553. font-size:8px;
  554. text-align:center;
  555. color:{color: header 6};
  556. background-color:{color: header 6 background};
  557. text-transform:uppercase;
  558. margin:1px;
  559. letter-spacing:7px;
  560. line-height:10px;
  561. -webkit-border-bottom-right-radius: 50px;
  562. -webkit-border-bottom-left-radius: 50px;
  563. -moz-border-radius-bottomright: 50px;
  564. -moz-border-radius-bottomleft: 50px;
  565. border-bottom-right-radius: 50px;
  566. border-bottom-left-radius: 50px;}
  567.  
  568.  
  569.  
  570.  
  571. b {
  572. font-family: 'Inconsolata', monospace;
  573. color: #678389;
  574. font-size: 12px;
  575. letter-spacing: 2px;
  576. text-transform: uppercase;
  577. }
  578.  
  579. i {
  580. font: 20px georgia;
  581. font-style: italic;
  582. text-transform: uppercase;
  583. text-shadow:1px 1px 1px #ffffff;
  584. color: #a59e88;}
  585.  
  586. p {
  587. margin-top:5px;
  588. margin-bottom:5px;}
  589.  
  590.  
  591. ol {
  592. list-style:normal;}
  593.  
  594.  
  595. ul {
  596. list-style:square;}
  597.  
  598.  
  599. small {
  600. font-size:10px}
  601.  
  602.  
  603. sup,sub {
  604. font-size:11px}
  605.  
  606.  
  607. pre {
  608. font-size: 10px;
  609. letter-spacing:3px;
  610. background-color:#a59e88;
  611. font-family: "Times New Roman", Times, serif;
  612. font-style: none;
  613. text-align:center;
  614. }
  615.  
  616.  
  617.  
  618. big {
  619. font-size:14px;
  620. text-transform:uppercase;
  621. letter-spacing:2px;
  622. font-family: "Times New Roman", Times, serif;
  623. color: #4a132c;
  624. text-shadow: 0px 0px 2px #93345f;
  625. }
  626.  
  627. t, title {
  628. font-size: 20px;
  629. text-align: center;
  630. text-transform: uppercase;
  631. font-family: 'Permanent Marker', cursive;
  632. color:;
  633. text-shadow: 0px 0px 2px #93345f;
  634. }
  635.  
  636. blockquote {
  637. padding:2px 7px;
  638. padding-right:17px;
  639. margin:3px 0 3px 10px;
  640. border-left:3px solid #59592d;
  641. -webkit-border-radius: 30px;
  642. }
  643.  
  644.  
  645. blockquote img{
  646. max-width:100%;
  647. height:auto;
  648. }
  649.  
  650. blockquote blockquote img{
  651. max-width:100%;
  652. height:auto;
  653. }
  654.  
  655.  
  656.  
  657. /*QUESTIONS AND ANSWERS*/
  658.  
  659. #askerurl {
  660. font-family: courier;
  661. text-transform:uppercase;
  662. font-weight:400;
  663. font-size:12px;
  664. margin-top:0px;
  665. padding-bottom:5px;
  666. width:366px;
  667. padding: 10px;
  668. text-align: center;
  669. border-top-left-radius: 5px;
  670. border-top-right-radius: 5px;
  671. }
  672.  
  673. .q {
  674. font-size:9px;
  675. color:#d7d7da;
  676. text-transform:uppercase;
  677. text-align:center;
  678. background-color:#1ca798;
  679. background-image:;
  680. width:360px;
  681. background-repeat:repeat;
  682. background-attachment:fixed;
  683. font-style:italic;
  684. border-bottom:1px solid #ffffff;
  685. text-shadow:0 0 0.5px#d1cccc;
  686. padding:10px;
  687. font-weight:normal;
  688. margin-bottom:10px;
  689. }
  690.  
  691. .as {
  692. font-family:'Roboto';
  693. font-style:italic;
  694. letter-spacing:1px;
  695. font-size:13px;
  696. text-align: justify;
  697. padding-bottom: 5px;
  698. }
  699.  
  700. .a {
  701. margin-top:10px;
  702. }
  703.  
  704.  
  705. /*CREDIT*/
  706.  
  707. .credit {
  708. position:fixed;
  709. text-shadow: 0px 0px 11px #000;
  710. left:1350px;
  711. top:650px;
  712. color: #ffffff;
  713. transform: rotate(0deg);
  714. font-family: helvetica;
  715. font-size: 25px; }
  716.  
  717.  
  718. .credit a {
  719. padding:10px;
  720. color:#000000;
  721. margin-right:0px;
  722. -webkit-filter: blur(1px);
  723. -webkit-transition: 0.8s ease-in;
  724. -moz-transition: 1s ease-in;
  725. transition: 1s ease-in;
  726. }
  727.  
  728. .credit a:hover {
  729. -webkit-transition: all 0.6s ease-in-out;
  730. -moz-transition: all 0.6s ease-in-out;
  731. -o-transition: all 0.6s ease-in-out;
  732. -ms-transition: all 0.6s ease-in-out;
  733. transition: all 0.6s ease-in-out;
  734. color: #000000;
  735. text-shadow: 2px 2px 2px #000000;
  736. }
  737.  
  738. </style>
  739.  
  740. <body>
  741.  
  742. <div class="refesh">
  743. <a href="/" title="{text:link title 4}" class="refresh">innocentwcnder</a>
  744. </div>
  745.  
  746. <div class="navigation">
  747. <a href="/ask" title="ask" class="navlinks">I.</a> <br>
  748. <a href="{text:link url 1}" title="{text:link title 1}" class="navlinks">II.</a> <br>
  749. <a href="{text:link url 2}" title="{text:link title 2}" class="navlinks">III.</a> <br>
  750. <a href="{text:link url 3}" title="{text:link title 3}" class="navlinks">IV.</a><br>
  751. <a href="http://starxbcrn.tumblr.com" title="credit" class="navlinks">V</a>
  752. </div>
  753.  
  754. <div id="pagination">{block:Pagination}
  755. {block:PreviousPage}<a href="{PreviousPage}" title="backwards" style="font-size: 50px; margin-left:-1000px;">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="onwards" style="font-size: 50px;">»</a>
  756. {/block:NextPage}
  757. {/block:Pagination}</div>
  758.  
  759. <div id="container">
  760.  
  761. {block:Posts}
  762.  
  763. <div class="posts">
  764.  
  765. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  766.  
  767. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  768.  
  769. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  770.  
  771. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  772.  
  773. {block:Quote}"{Quote}"{block:Source}{Source}{/block:Source}{/block:Quote}
  774.  
  775. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  776.  
  777. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  778. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  779.  
  780. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  781.  
  782. {block:Audio}{AudioEmbed-400}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  783.  
  784. {block:Answer}
  785. <div id="askerurl" style="margin-left: 400x; font-color: #222222; background-color: #1ca798; border: 2px solid #1ca798; padding: 5px;">{asker}</div>
  786. <div class="q">{Question}</div>
  787. <div class="an">{Answer}</div>
  788. {/block:Answer}
  789.  
  790. <div id="infobox">
  791. <div id="info">
  792. <br>
  793.  
  794. &nbsp; &nbsp;
  795.  
  796.  
  797. {block:Date}
  798. <a href="{Permalink}"style="position:absolute; width: autopx; margin-left:80px; margin-top:-20px; font-size: 12px; font-family: 'Pacifico', cursive;" title="{TimeAgo} ">{ShortMonth} {DayOfMonthWithZero} &nbsp;&nbsp;●</a>
  799. {/block:Date}
  800.  
  801. <a href="{Permalink}" style="position:absolute; margin-left: 160px; margin-top:-15px; font-size: 12px; line-height:100%; width:auto; font-family: 'Pacifico', cursive;" title=" {NoteCount}"> notes &nbsp;● </a>
  802.  
  803.  
  804. <a href="{ReblogURL}" style="position:absolute; margin-left:230px; margin-top:-20px; font-size:12px; font-family: 'Pacifico', cursive;" title="reblog"> Repost </a>
  805.  
  806.  
  807. <br>
  808. {block:HasTags}<div id="tags">{block:Tags}&nbsp;<a href="{TagURL}" title="{Tag}">☆ {Tag}</a> {/block:Tags}</div>{/block:HasTags}
  809. </div>
  810.  
  811. {/block:Posts}
  812.  
  813.  
  814. <!-- begin updates tab -->
  815.  
  816. <div id="noticeboard"><div id="notices"<br>
  817.  
  818. <b>Starters:</b> 00 | <b>Drafts:</b> 00 | <b>Memes:</b> 00
  819. <p><br>
  820. Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here Stuff Here
  821.  
  822. </div><div id="noticeboardtab">Themyscira</div></div>
  823.  
  824. <!-- end updates tab -->
  825. </div>
  826. </body>
  827.  
  828. <div class="credit">
  829. <a href="http://starxbcrn.tumblr.com/" title="starxbcrn">C.</a>
  830. </div>
  831. </html>
  832.  
  833.  
  834.  
  835. -----THIS IS THE END OF THE MAIN BLOG LAYOUT. BELOW THIS LINE WILL BE YOUR NAVIGATION CODE. YOU'LL NEED TO 'MAKE A NEW PAGE' LIKE YOU'D DO FOR TAGS, CLICK <HTML> BUTTON AND THEN PASTE THE CODE. PRETTY SURE YOU'LL HAVE TO EDIT YOUR NAV LINKS IN HTML FORMAT-----
  836.  
  837. <div class="popupnavlinks" id="popup">
  838. <h1>NAVIGATION</h1>
  839. <a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a><br /><a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a><br /><a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a><br /><a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a><br /><a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a><br /><a href="/tagged/whatever" style="margin-left: 85px;">LINK</a> <a href="/tagged/whatever">LINK</a></div>
  840.  
  841. -----END OF NAVIGATION CODE-----
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!