lakeffectkdss

daydreamer, theme 009

Jul 22nd, 2018
567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.37 KB | None | 0 0
  1. <!--DAYDREAMER; theme 009 by lakeffectkds
  2. RULES ; 01- do not steal bits and pieces of this code for your own.
  3. 02- do not edit this theme and claim it as your own or use it as a base code without my permission.
  4. 03- do not redistribute this theme as yours.
  5. 04- feel free to edit it as much as you want for personal use! feel free to show me any changes to make to it, i'll be more than happy to take a look!
  6. 05- actually, just feel free to hmu if you're using the theme, it's the best thing to see people liking it and using it on their blogs!
  7. -->
  8.  
  9.  
  10. <!---scripts!--->
  11. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  12. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  13.  
  14. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  15.  
  16.  
  17.  
  18. <script src="https://use.fontawesome.com/670a7f4220.js"></script>
  19.  
  20. <script type="text/javascript">
  21.  
  22. </script>
  23. <script type="text/javascript"
  24. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  25.  
  26. <!---end of scripts!--->
  27.  
  28. <title>{Title}</title>
  29. <meta name="description" content="{Description}" />
  30.  
  31.  
  32.  
  33. <meta name="color:background" content="#fff"/>
  34. <meta name="color:container bg" content="#eee"/>
  35. <meta name="color:post bg" content="#fff"/>
  36. <meta name="color:text" content="#eee"/>
  37. <meta name="color:blockquote" content="#eee"/>
  38. <meta name="color:title" content="#fff"/>
  39. <meta name="color:accent" content="#eee"/>
  40. <meta name="color:desc bg" content="#fff"/>
  41. <meta name="color:desc text" content="#eee"/>
  42. <meta name="color:bold" content="#eee"/>
  43. <meta name="color:italics" content="#eee"/>
  44. <meta name="color:link" content="#eee"/>
  45. <meta name="color:link bg" content="#fff"/>
  46. <meta name="color:chat bubble" content="#eee"/>
  47. <meta name="color:chat text" content="#fff"/>
  48. <meta name="image:container bg" content=""/>
  49. <meta name="text: title" content=""/>
  50. <meta name="text: link 1 title" content=""/>
  51. <meta name="text: link 1" content=""/>
  52. <meta name="text: link 2 title" content=""/>
  53. <meta name="text: link 2" content=""/>
  54. <meta name="text: link 3 title" content=""/>
  55. <meta name="text: link 3" content=""/>
  56. <meta name="text: link 4 title" content=""/><meta name="text: link 4" content=""/>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. /* IMESSAGE CHAT POST */
  62.  
  63. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:chat bubble};color:{color:chat text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat bubble};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:chat bubble};color:{color:chat text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat bubble};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  64. .asked p {
  65. text-align: left;
  66. margin: 0 0px 10px 0px;
  67. padding: 0;
  68. color:{color:chat text}
  69. ;
  70. font-family: 'Inconsolata', Inconsolata;
  71. font-size: 12px;
  72. line-height: 0px;
  73. }
  74. .footerright .viasrc {
  75. float: left;
  76. }
  77. .asked a {
  78. margin:0;padding:0;
  79. }
  80. .user_4{background-color:{color:chat bubble};color:{color:chat text}}.user_4::after{border-color:{color:chat text}}.user_6{background-color:{color:chat bubble};color:{color:chat text}}.user_6::after{border-color:{color:chat text}}.user_5{background-color:{color:chat bubble};color:{color:chat text}}.user_5::after{border-color:{color:chat text}}.user_3{background-color:{color:chat bubble};color:{color:chat text}}.user_3::after{border-color:{color:chat text}}.user_7{background-color:{color:chat bubble};color:{color:chat text}}.user_7::after{border-color:{color:chat text}}.user_8{background-color:{color:chat bubble};color:{color:chat text}}.user_8::after{border-color:{color:chat text}}.user_9{background-color:{color:chat bubble};color:{color:chat text}}.user_9::after{border-color:{color:chat text}}
  81. .convo {
  82. overflow: hidden;
  83. list-style-type: none;
  84. padding: 0;
  85. margin: 0;
  86. }
  87.  
  88.  
  89.  
  90.  
  91. ---------
  92. ::-webkit-scrollbar-thumb {
  93. height:auto;
  94. background-color:{color:bold}
  95. ;
  96. }
  97.  
  98. ::-webkit-scrollbar {
  99. height:1px;
  100. width:0px;
  101. background-color:{color:post bg}
  102. ;
  103. }
  104.  
  105. body {
  106. background-color:{color:background}
  107. ;
  108. margin:0px;
  109. font-family:'calibri';
  110. font-size:16px;
  111. overflow:hidden;
  112. letter-spacing:0px;
  113. text-align:justify;
  114. background-image:;
  115. -webkit-background-size: cover;
  116. -moz-background-size: cover;
  117. -o-background-size: cover;
  118. background-size: cover;
  119. }
  120.  
  121. a {
  122. text-decoration:none;
  123. outline:none;
  124. font-family:'Montserrat';
  125. -moz-outline-style:none;
  126. color:{color:link}
  127. ;
  128. }
  129. img {
  130. border:none;
  131. MAX-HEIGHT:100%;
  132. z-index: -9999999999999999999999999px;
  133. }
  134.  
  135. blockquote {
  136. padding-left:10px;border-left: 1px solid {color:blockquote}
  137. ;
  138. }
  139.  
  140. blockquote blockquote {
  141. padding-left:5px;
  142. border-left:1px solid {color:blockquote}
  143. }
  144. video{max-width:100%;}
  145.  
  146. h1 {
  147. font-size:25px;
  148. letter-spacing:1px;
  149. font-family:'frontage outline';
  150. font-style:none;
  151. line-height:20px;
  152. color:{color:title}
  153. ;
  154. padding:0px;
  155. text-align:center;
  156. text-transform:lowercase;
  157. text-shadow:1px 1px 0px {color:title shadow};
  158. background-color:;
  159. }
  160. h2 {
  161. font-size:20px;
  162. text-transform:lowercase;
  163. letter-spacing:1px;
  164. font-family:'frontage outline';
  165. color:{color:bold}
  166. ;
  167. line-height:10px;
  168. text-align:center;
  169. padding:0px;
  170. }
  171. h3 {
  172. font-size:20px;
  173. letter-spacing:0px;
  174. font-family:'frontage outline';
  175. text-transform:lowercase;
  176. color:{color:bold}
  177. ;
  178. margin-top:0px;
  179. line-height:10px;
  180. text-align:center;
  181. line-height:30px;
  182. text-align:center;
  183. background-color:{color:link bg};
  184. padding:15px;
  185. }
  186. b,strong {
  187. font-size:auto;
  188. text-transform:lowercase;
  189. font-family:'Montserrat';
  190. color:{color:bold}
  191. ;
  192. }
  193. i,em {
  194. font-size:auto;
  195. text-transform:lowercase;
  196. font-family:'Montserrat';
  197. color:{color:italics};
  198. }
  199. sub,sup {
  200. font-size:auto;
  201. text-transform:none;
  202. font-family:'calibri';
  203. color:{color:text}
  204. ;
  205. }
  206.  
  207.  
  208. #fee {
  209. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  210. width:400px;
  211. height: 490px;
  212. background-image:url('{image:container bg}'); background-repeat: repeat;
  213. margin-left:-205px;
  214. text-align:center;
  215. font-family:arial;
  216. letter-spacing:-1px;
  217. font-size:12px;
  218. z-index:-5;
  219. padding-bottom:0px;
  220. background-color:{color:container}
  221. ;
  222.  
  223. }
  224.  
  225. /*CONTAINER*/
  226. #foo {
  227. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  228. width:550px;
  229. height: 525px;
  230. z-index:9999;
  231. opacity:0;
  232. padding:5px;
  233. text-align:center; }
  234.  
  235.  
  236.  
  237. }
  238. #abtcontent:hover {
  239. opacity:0.7;
  240. -webkit-transition: all 0.7s ease;
  241. -moz-transition: all 0.7s ease;
  242. -o-transition: all 0.7s ease;}
  243. /*ENTRIES*/
  244.  
  245. #entries {position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  246. opacity:1;
  247. padding:0px;
  248. width:398px;color:{color:text};
  249. MARGIN-top:20px;
  250. z-index:8;
  251. font-size:14px;
  252. font-family:'calibri';
  253. letter-spacing:0px;
  254. height:460px;
  255. padding:15px;
  256. overflow:auto;
  257.  
  258. }
  259. #credit{position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  260. font-size:20px;
  261. width:30px;
  262. height:23px;
  263. padding-top:7px;
  264. border-radius:40px;
  265. TEXT-ALIGN:CENTER;
  266. background-color:{color:link bg}
  267. ;z-index:9;
  268. font-family:'montserrat';
  269. padding-left:3px;
  270. padding-right:3px;
  271. padding-bottom:3px;
  272.  
  273. margin-left: 420px;
  274. margin-TOP:240px;
  275. } #credit:hover {
  276. background-color:{color:link};
  277. color:{color:post bg};
  278. transition:.8s;
  279. -webkit-transition:.8s;
  280. -moz-transition:.8s;
  281. }
  282. #credit:hover a{
  283. color:{color:link bg}
  284. }
  285.  
  286. #posts{
  287. width:400px;
  288. padding:10px;
  289. margin-left:-11px;
  290. text-align:justify;
  291. margin-bottom:15px;
  292. margin-top:-11px;
  293. background-color:{color:post bg};
  294. z-index:99;
  295. }
  296.  
  297.  
  298. #posts img{
  299. max-width: 100%;
  300. max-height: 100%;
  301. margin:left;
  302. display: block;
  303. left: 0px;
  304. }
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311. #title{position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); width:180px;height:140px;float:left;;text-align:left;font-size:29px;font-family:'frontage outline'; color:{color:title}; z-index:9;position:Absolute;text-align:left;overflow:hidden;margin-left:-95px;margin-top:165px;}
  312.  
  313. }
  314.  
  315.  
  316.  
  317.  
  318. #nav link:hover{opacity:1;}
  319. #pagination {
  320. padding:2px;
  321. font-family:'frontage';
  322. letter-spacing:0px;
  323. font-size:10px;
  324. text-align:center;
  325. padding:2px;
  326. text-transform:lowercase;
  327. }
  328.  
  329.  
  330.  
  331. /*POST INFO*/
  332.  
  333.  
  334. #info{height:auto ;padding-top:5px; display:block; margin-top:10px;padding-bottom:0px; width:auto; font-size:10px; font-family:arial; text-transform:uppercase;text-align:center; background-color:{color:link bg}
  335. ;padding:7px;}
  336.  
  337. #info a {
  338. text-align:center;
  339. color:;
  340. }
  341.  
  342. #info a:hover {
  343. -moz-transition-duration:0.3s;
  344. -webkit-transition-duration:0.3s;
  345. -o-transition-duration:0.3s;
  346. color:{}
  347. }
  348.  
  349. #tags {
  350. float:left;
  351. width:489px;
  352. height:auto;
  353. background-color:{color:post bg};
  354. margin-top:-7px;
  355. margin-left:-5px;
  356. text-align:left;
  357. font-size:7px;
  358. padding:5px;
  359. font-size:8px;
  360. opacity:0;
  361. letter-spacing:0px;
  362. transition-duration: 0.5s;
  363. -moz-transition-duration: 0.5s;
  364. -webkit-transition-duration: 0.5s;
  365. -o-transition-duration: 0.5s
  366. color:;
  367. }
  368.  
  369. /*QUESTION*/
  370.  
  371. #ask {
  372. padding:5px;
  373. font-family:'arial';
  374. font-size:10px;
  375. letter-spacing:0px;
  376. text-align:left;
  377. text-transform:lowercase;
  378. line-height:150%;}
  379.  
  380. /*AUDIO*/
  381. .playerbuttonbg {
  382. position: absolute;
  383. left: 14px;
  384. top: 13px;
  385. background-color:{color:link bg}
  386. ;
  387. padding: 10px;
  388. -webkit-border-radius: 40px;
  389. -moz-border-radius: 40px;
  390. border-radius: 40px;
  391. opacity: 0.8;
  392. }
  393.  
  394.  
  395.  
  396. .newplayerbutton {
  397. position: relative;
  398. width: 19px;color:{color:n};
  399. height: 19px;padding-top:3px;
  400. overflow: hidden;top:3px;
  401. }
  402.  
  403. .playerbuttonhug {border-radius:40px;
  404. position: absolute;
  405. top: -28px;
  406. left: -16px;
  407. }
  408.  
  409. .tumblr_audio_player {
  410. height: 40px;border-radius:40px;
  411. width: 40px;
  412. margin-top:25px;
  413. margin-left:15px;
  414. -moz-transform: scale(0.60, 0.60);
  415. -webkit-transform: scale(0.60, 0.60);
  416. -o-transform: scale(0.60, 0.60);
  417. -ms-transform: scale(0.60, 0.60);
  418. transform: scale(0.60, 0.60);
  419. -moz-transform-origin: top left;
  420. -webkit-transform-origin: top left;
  421. -o-transform-origin: top left;
  422. -ms-transform-origin: top left;
  423. transform-origin: top left;
  424. }
  425.  
  426. .audioimgwrapper {
  427. position: absolute;
  428. left: 0px;
  429. top: 0px;
  430. -webkit-border-radius: 40px;
  431. -moz-border-radius: 40px;
  432. border-radius: 40px;
  433. overflow: hidden;
  434. width: 65px;
  435. height: 65px;
  436. }
  437.  
  438. .audioimgwrapper img {
  439. width: 100%;
  440. height: auto;
  441. -webkit-border-radius: 40px;
  442. -moz-border-radius: 40px;
  443. border-radius: 40px;
  444. }
  445.  
  446. .trackdetails {
  447. width: 305px;background-color:{color:link bg}
  448. ; border-radius:20px;text-align:right;color:{color:text};
  449. display:inline-block;
  450. text-transform:uppercase;
  451. margin-left: 75px;top:-5px;
  452. min-height: 40px;
  453. max-height:45px;
  454. padding:10px;
  455. }
  456.  
  457. .trackdetails::after
  458. {content:"";
  459. position:absolute;
  460. left:4.9em;
  461. bottom:0;
  462. width:.5em;
  463. top:45px;
  464. height:1em;
  465. border-right:.5em solid{color:link bg}
  466. ;
  467. border-bottom-right-radius:1em .5em}
  468. .audiowrapper {
  469. position: relative;
  470. display:inline-block;
  471. }
  472.  
  473.  
  474.  
  475.  
  476. /* TABS STYLING--
  477. BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  478. */
  479.  
  480. .tabz {position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  481. margin-top:-165px;
  482. margin-left:17px;
  483. padding:40px;
  484. position:fixed;
  485. width:120px;
  486. font-family:'Inconsolata';
  487. overflow:hidden;
  488.  
  489. }
  490. .tabz span {font-size:13}
  491.  
  492. .tabz a {width:130px;height:auto;
  493. height:2px;
  494. padding-left:8px;padding-right:11px;padding-top:8px;
  495. padding-bottom:20px;
  496. margin-left:20px;
  497. text-align:left;
  498. border-radius:5px ;font-size:5px;
  499. background-color:{color:link bg}
  500. ;
  501.  
  502. font-family:arial black;
  503. color:{color:link}
  504. ; /* tablinks color */
  505. font-size:10px;letter-spacing:1px;
  506. display:inline-block;
  507. margin-left:12px;
  508. transition:.2s;
  509. -webkit-transition:.2s;
  510. -moz-transition:.2s;
  511. }
  512.  
  513. .tabz a:hover {
  514. background-color:{color:link};
  515. color:{color:link bg};
  516. margin-left:-40px;
  517. transition:.8s;
  518. -webkit-transition:.8s;
  519. -moz-transition:.8s;
  520. }
  521.  
  522. .tabz a:focus, .active {
  523. background-color:{color:link}
  524. ;
  525. color:{color:link bg}}
  526.  
  527.  
  528. }
  529.  
  530.  
  531.  
  532. @font-face { font-family: "frontage outline"; src: url('https://dl.dropboxusercontent.com/s/452n0o323kateo7/Frontage-Outline.otf?dl=0'); format("truetype");}
  533.  
  534. @font-face { font-family: "beauty and the beast"; src: url('https://dl.dropboxusercontent.com/s/wy3xoz6pl358ozg/beauty_and_the_beast_sample.ttf?dl=0'); format("truetype");}
  535. @font-face { font-family: "mayton"; src: url('https://dl.dropboxusercontent.com/s/9f55cb4lq5xdzdg/mayton.ttf?dl=0'); format("truetype");}
  536. @font-face { font-family: "lemon tuesday"; src: url('https://dl.dropboxusercontent.com/s/dc8g8vhhs8shw2e/lemon_tuesday.otf?dl=0'); format("truetype");}
  537. @font-face { font-family: "asphalts brush"; src: url('https://dl.dropboxusercontent.com/s/mhwuzqn58snkm6a/asphalts_brush_(personal_use).ttf?dl=0'); format("truetype");}
  538.  
  539. </style>
  540. </div>
  541. </div>
  542. <div id="stuff"></div>
  543. <!--
  544.  
  545. *TABS BASE CODE BY ALYOFRP. DO NOT REMOVE THIS CREDIT!
  546.  
  547. < tabs links >
  548.  
  549. -->
  550. <div id="base">
  551. </div>
  552. <!--
  553.  
  554.  
  555. < tabs links >
  556.  
  557. -->
  558. <div class="tabz">
  559.  
  560. <a href="{text: link 1}" style="font-family:'Inconsolata"><span class="lnr lnr-home"></span> {text: link 1 title} </a>
  561. <a href="{text: link 2}" style="margin-top:5px; font-family:'Inconsolata'"><span class="lnr lnr-bubble"></span> {text: link 2 title}</a>
  562. <a href="{text: link 3}"style="margin-top:5px;font-family:'Inconsolata'"><span class="lnr lnr-cloud"></span> {text: link 3 title}</a>
  563. <a href=" {text: link 4}"style="margin-top:5px;font-family:'Inconsolata'"><span class="lnr lnr-heart"></span> {text: link 4 title}</a>
  564.  
  565.  
  566. </div>
  567.  
  568. </div>
  569. <div id="sidebar">
  570. <div id="sidebarimage">
  571.  
  572. </div>
  573. <div id="fee" style=" width:400px;
  574. height: 490px;">
  575.  
  576.  
  577. </div>
  578. </div></div>
  579.  
  580.  
  581.  
  582. <div id="entries" style="background-color:{color:container bg}; margin-left:209px;margin-top:0px">
  583.  
  584.  
  585.  
  586.  
  587.  
  588. {block:posts}
  589. <div id="posts">
  590.  
  591. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  592.  
  593.  
  594. {block:Quote}<h3 style="text-align:left; letter-spacing:0px;font-size:px"></span> {Quote} </h2><p style="text-align:right;margin-top:-10px;border-radius:20px"> {Source}</p>{/block:Quote}
  595.  
  596. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  597. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  598.  
  599. {block:Photo}<center><img src="{PhotoURL-400}"/></center>
  600. {/block:Photo}
  601.  
  602. {block:Photoset}<center>{Photoset-400}</center>
  603. {/block:Photoset}
  604.  
  605. {block:Chat}
  606. {block:Title}
  607. <h1>{Title}</h1>{/block:Title}<br>
  608. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  609. {Line}</li>{/block:Lines}</ul>
  610. {/block:Chat}
  611.  
  612.  
  613.  
  614. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616. {block:Answer}<div id="ask"><h3 style="color:{color:Text};text-transform:lowercase;line-height:15px;"><i style="color {color:Text}; font-family:'Montserrat';">{Asker}:</i></h3><div style="margin-top:-20px;text-align:center;background-color:{color:accent};color:{color:post bg};padding:15px">{Question}</div></div>{Answer}{/block:Answer}
  617.  
  618. {block:AudioPlayer}
  619. <div class="audiowrapper">
  620. {block:AlbumArt}
  621. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  622. {/block:AlbumArt}
  623.  
  624. <div class="playerbuttonbg">
  625. <div class="newplayerbutton">
  626. <div class="playerbuttonhug">
  627.  
  628. {AudioPlayerWhite}
  629.  
  630. </div>
  631. </div>
  632. </div>
  633.  
  634. <div class="trackdetails"><P style="margin-top:1px">
  635.  
  636. {block:TrackName}<big><b>{TrackName}</b>{/block:TrackName}<br/></big>
  637. {block:Artist}{Artist}{/block:Artist}<br/><br/>
  638.  
  639. </div>
  640. </div>
  641. {/block:AudioPlayer}
  642.  
  643. <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{Permalink}"> posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} </a{/block:Date}<i class= "fa fa-calendar " ></i>{block:RebloggedFrom} <a href="{ReblogParentURL}"> Via </a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">Source</a> {/block:ContentSource}{block:RebloggedFrom} {/block:RebloggedFrom}{block:NoteCount} <br><i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</center><p>
  644.  
  645. <center>{block:HasTags}{block:Tags}<a href="{TagURL}" style="color:{color:bold};font-size:10px">#{Tag}</a> {/block:Tags}{/block:HasTags}
  646. <br /></div>
  647.  
  648. {/block:Posts}
  649.  
  650.  
  651. <br /></div>
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658. </div>
  659.  
  660. <div id="title" style="text-align:left;color:{color:title}; font-family:'frontage outline'">{text: title}</div><DIV STYLE="WIDTH:190px; height:120px; background-color:{color:desc bg};overflow: auto;padding:10px;font-size:13px;opacity:0.8;position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); margin-lefT:-290px;MARGIN-TOP:165PX">{Description}</div><div class="pagination" style=" font-family:'frontage outline';text-transform:lowercase; height:auto;font-size:11px;width:210px;text-align:center;color:{color:title};margin-left:-290px;margin-top:85px;
  661. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); ">
  662. {block:PreviousPage}<a href="{PreviousPage}">ยซ </a>{/block:PreviousPage}{block:Pagination}{lang:Page CurrentPage of TotalPages}{/block:Pagination}
  663. {block:NextPage}<a href="{NextPage}"> ยป</a>{/block:NextPage}
  664. </div>
  665. </div>
  666. <div id="credit"><b><a href="http://baldronan.tumblr.com"title="coded by alex!"><span class="lnr lnr-magic-wand"></span></div>
  667. </body>
  668. <script>
  669. function openAlytut(evt, alytutName) {
  670. var i, x, tablinks;
  671. x = document.getElementsByClassName("alytut");
  672. for (i = 0; i < x.length; i++) {
  673. x[i].style.display = "none";
  674. }
  675. tablinks = document.getElementsByClassName("tablink");
  676. for (i = 0; i < x.length; i++) {
  677. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  678. }
  679. document.getElementById(alytutName).style.display = "block";
  680. evt.currentTarget.className += " tabzact";
  681. }
  682. </script>
Add Comment
Please, Sign In to add comment