API tools faq
paste
Advertisement
lakeffectkdss

empty/mikaere, theme 004

lakeffectkdss
Jun 11th, 2016
985
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.88 KB | None | 0 0
raw download clone embed print report
  1. <!-EMPTY; theme 004 by lakeffectkds
  2. base code credit goes to hawtornes.
  3.  
  4. RULES ; 01- do not steal bits and pieces of this code for your own.
  5. 02- do not edit this theme and claim it as your own or use it as a base code without my permission.
  6. 03- do not redistribute this theme as yours.
  7. 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!
  8. 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!
  9. -->
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14. <!---scripts!--->
  15. <script type="text/javascript">
  16. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  17. $(document).ready(function() {
  18. function photosetResize() {
  19. $('iframe.photoset').each(function(){
  20. var newSize = 500;
  21. var newSrc = $(this).attr('src').replace('500',newSize);
  22. $(this).attr('src', newSrc).width(newSize);
  23. var high = $(this).css('height');
  24. var calculate = parseInt(high, 10)* newSize/500;
  25. $(this).css('height', calculate);
  26. });
  27. }
  28. photosetResize();
  29. });
  30. </script>
  31.  
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. <script>
  35. $(document).ready(function() {
  36. //
  37. $('a.poplight[href^=#]').click(function() {
  38. var popID = $(this).attr('rel'); //Get Popup Name
  39. var popURL = $(this).attr('href'); //Get Popup href to define size
  40. var query= popURL.split('?');
  41. var dim= query[1].split('&');
  42. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  43. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  44. var popMargTop = ($('#' + popID).height() + 80) / 2;
  45. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46. //Apply Margin to Popup
  47. $('#' + popID).css({
  48. 'margin-top' : -popMargTop,
  49. 'margin-left' : -popMargLeft
  50. });
  51. $('body').append('<div id="fade"></div>');
  52. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  53. return false;
  54. });
  55. $('a.close, #fade').live('click', function() {
  56. $('#fade , .popup_block').fadeOut(function() {
  57. $('#fade, a.close').remove(); //fade them both out
  58. });
  59. return false;
  60. });
  61. });
  62. </script>
  63.  
  64. <script src="https://use.fonticons.com/fc066471.js"></script>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  67.  
  68. <!---end of scripts!--->
  69.  
  70. <title>{Title}</title>
  71.  
  72. <link rel="shortcut icon" href="{Favicon}">
  73. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  74. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75.  
  76.  
  77.  
  78. <!---THEME BASE by hawtornes | tumblr
  79. ENJOY MAKING THEMES!
  80. --->
  81.  
  82. <meta name="color:Background" content="#ffffff"/>
  83. <meta name="color:Text" content="#a8a8a8"/>
  84. <meta name="color:DescriptionText" content="#b8b8b8"/>
  85. <meta name="color:Hover" content="#f2f2f2"/>
  86. <meta name="color:sbar bg" content="#000000"/>
  87.  
  88. <meta name="color:desc bg" content="#000000"/>
  89. <meta name="color:post bg" content="#000000"/>
  90.  
  91. <meta name="color:info boxes" content="#000000"/>
  92.  
  93.  
  94. <meta name="color:img borders" content="#fff"/>
  95.  
  96.  
  97. <meta name="color:bold" content="#000000"/>
  98. <meta name="color:italics" content="#000000"/>
  99.  
  100. <meta name="color:link" content="#000000"/>
  101. <meta name="color:Scrollbar" content="#000000"/>
  102. <meta name="color:ScrollbarBg" content="#ffffff"/>
  103. <meta name="color:Post Links" content="#c0bfbf"/>
  104.  
  105. <meta name="color:nav bg" content="#fff"/>
  106.  
  107. <meta name="color:title bg" content="#c0bfbf"/>
  108.  
  109. <meta name="color:shadows" content="#c0bfbf"/>
  110.  
  111. <meta name="color:ask bg" content="#c0bfbf"/>
  112.  
  113. <meta name="color:post container" content="#c0bfbf"/>
  114. <meta name="image:sbar" content=""/>
  115. <meta name="image:icon1" content=""/>
  116. <meta name="image:icon2" content=""/>
  117. <meta name="image:Background" content=""/>
  118.  
  119. <meta name="text:link 1" content=""/>
  120. <meta name="text:link 2" content=""/>
  121. <meta name="text:link 3" content=""/>
  122. <meta name="text:link 4" content=""/>
  123.  
  124. <meta name="text:title" content=""/>
  125. <meta name="text:box 1 title" content=""/>
  126.  
  127. <meta name="text:your name" content=""/>
  128. <meta name="text:box 1 content" content=""/>
  129. <meta name="text:box 2 title" content="#"/>
  130. <meta name="text:box 2 content" content=""/>
  131.  
  132.  
  133. <style type="text/css">
  134.  
  135.  
  136. ::-webkit-scrollbar-thumb {
  137. height:auto;
  138. background-color:{color:Scrollbar};
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. height:9px;
  143. width:2px;
  144. background-color:{color:ScrollbarBg};
  145. }
  146.  
  147. body {
  148. background:{color:background};
  149. margin:0px;
  150. color:{color:text};
  151. font-family:arial;
  152. font-size:14px;
  153. overflow:hidden
  154. letter-spacing:0px;
  155. text-align:justify;
  156. background-image:url('{image:Background}');
  157. -webkit-background-size: cover;
  158. -moz-background-size: cover;
  159. -o-background-size: cover;
  160. background-size: cover;
  161. }
  162.  
  163. a {
  164. text-decoration:none;
  165. outline:none;
  166. -moz-outline-style:none;
  167. color:{color:Post Links};
  168. }
  169.  
  170. img {
  171. border:none;
  172. max-width:100%;
  173. }
  174.  
  175. }
  176.  
  177. blockquote {
  178. padding-left:5px;
  179. border-left:2px solid;
  180. }
  181.  
  182. blockquote blockquote {
  183. padding-left:5px;
  184. border-left:2px solid;
  185. }
  186.  
  187. h1 {
  188. font-size:14px;
  189. letter-spacing:0px;
  190. font-family:'Montserrat';
  191. font-style:none;
  192. line-height:10px;
  193. text-align:left;
  194. padding:0px;
  195. }
  196. h2 {
  197. font-size:16px;
  198. letter-spacing:-1px;
  199. font-family:'Montserrat';
  200. color:{color:bold};
  201. line-height:10px;
  202. text-align:left;
  203. padding:0px;
  204. }
  205. h3 {
  206. font-size:16px;
  207. letter-spacing:-1px;
  208. font-family:'Montserrat';
  209. color:{color:bold};
  210. line-height:10px;
  211. text-align:center;
  212. text-align:left;
  213. padding:3px;
  214. background-color:{color: post container};
  215. }
  216. b,strong {
  217. font-size:auto;
  218. font-family:'Montserrat';
  219. color:{color:bold};
  220. }
  221. i,em {
  222. font-size:auto;
  223. font-family:'Montserrat';
  224. color:{color:italics};
  225. }
  226. sub, sup{
  227. font-size:auto;
  228. font-family:'Montserrat';
  229. color:{color:italics};
  230. }
  231. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; font-family: 'montserrat';}
  232.  
  233.  
  234.  
  235. /*ENTRIES*/
  236.  
  237. #entries {
  238. width:390px;
  239. margin-top:50px;
  240. background-color:{color:post container};
  241. margin-left:600px;
  242. font-size:11px;
  243. font-family:'arial';
  244. z-index:99999999;
  245. letter-spacing:0px;
  246. height:400px;
  247. padding:20px;
  248. overflow:auto;
  249.  
  250.  
  251. }
  252. #credit{
  253. font-size:10px;
  254. width:75px;
  255. height:30px;
  256. TEXT-ALIGN:CENTER;
  257. background-color:{color:sbar bg};
  258. font-family:'montserrat';
  259. text-shadow:1px 1px 1px gray;
  260. padding:3px;
  261. margin-left: 10px;
  262. margin-TOP:140px;
  263. }
  264.  
  265. #posts{
  266. width:350px;
  267. padding:15px;
  268. padding-bottom:-5px;
  269. margin-left:5px;
  270. margin-top:0px;
  271. margin-bottom:15px;
  272. background-color:{color:post bg};
  273. z-index:999999999999999999999;
  274. }
  275. /*CONTAINER*/
  276. #foo {
  277. POSITION: absolute;
  278. width:356px;
  279. height:280px;
  280. margin-left:40px;
  281. margin-top: -80px;
  282.  
  283. z-index:1;
  284. padding:5px;
  285.  
  286. background-color:{color:sbar bg}; }
  287.  
  288. }
  289. #fee {
  290. width:400px;
  291. margin-top:50px;
  292. margin-left:570px;
  293. z-index:-99999999;
  294. height:400px;
  295. background-color:black;
  296. padding:20px; }
  297.  
  298. }
  299.  
  300.  
  301. /*POP-UPS*/
  302. #box2 img {width:80px; float:center; border-radius:100px;border: 10px solid {color:img borders};}
  303. #box4 img {width:80px; float:center;border-radius:100px; border: 10px solid {color:img borders};}
  304. /*SIDEBAR*/
  305.  
  306. #sidebar {
  307. position:fixed;
  308. margin-left:130px;
  309. margin-top:80px;
  310. margin-left:170px;
  311. }
  312.  
  313.  
  314. #sidebarimage img {
  315. width:90px;
  316. height:200px;
  317. margin-top:15px;
  318. margin-left:5px;
  319. z-index:9;
  320.  
  321. border: 10px solid {color:img borders};
  322. }
  323.  
  324.  
  325.  
  326. #description {
  327. text-align: CENTER;
  328. font-family:'arial';
  329. width:200px;
  330. height:153px;
  331. overflow:auto;
  332. margin-top:15px;
  333. margin-left:125px;
  334. font-size:12px;
  335. position:absolute;
  336. text-transform:none;
  337. z-index:99999;
  338. padding:10px;
  339. color:{color:DescriptionText};
  340. background-color:{color:desc bg};
  341. }
  342.  
  343.  
  344. #title{width:360px;margin-top: -355px;margin-left:-5px; height:30px; padding:3px;text-align:center; z-index: 999; background-color :{color:title bg};}
  345.  
  346. #muninfo {background-color: transparent ;
  347.  
  348. width:250px ;
  349. overflow-x:hidden;
  350. border-top: 10px solid {color:title bg} ;
  351. line-height:100%;
  352. margin-top:240px;
  353. height:45px;
  354. opacity:0.0;
  355. margin-left:270px;
  356. position:fixed;
  357. z-index:9999;
  358. transition:all 0.4s ease-in-out;box-sizing:border-box;
  359.  
  360. }
  361. #muninfo:hover {
  362. background:{color:sbar bg};
  363. width:366px;
  364. padding:5px;
  365. overflow:auto;
  366. border-top: 10px solid {color:title bg};
  367. margin-top:280px;
  368. opacity:1;
  369. height:145px;
  370. z-index:-999;
  371. margin-left:210px;
  372. position:fixed;
  373. }
  374. .icon1
  375. {pOSITION: absolute;
  376. width:40px;
  377. height: 40px;
  378. margin-left:153px;
  379. margin-top: 10px;
  380. z-index:1;
  381. border :5px solid {color:img borders};
  382. background-color:black;}
  383. .icon2
  384. {pOSITION: absolute;
  385. width:40px;
  386. height: 40px;
  387. margin-left:153px;
  388. margin-top: 70px;
  389. z-index:1;
  390. border :5px solid {color:img borders};
  391. background-color:black;}
  392. .lilbox {
  393. POSITION: absolute;
  394. width:125px;
  395. height: 90px;
  396. margin-left:10px;
  397. margin-top: 15px;
  398. z-index:1;
  399. padding:5px;
  400. font-size :12px;
  401. overflow:auto;
  402. background-color:{color:info boxes}; }
  403. .lilboxtitle{
  404. position:absolute;color : {color:info title};
  405.  
  406. height:10px;
  407. margin-left:10px;
  408. margin-top:0px;
  409. font-family:'montserrat';
  410. font-size:18px;
  411. }
  412.  
  413. .lilbox2 {
  414. POSITION: absolute;
  415. width:125px;
  416. height: 90px;
  417. margin-left:210px;
  418.  
  419. overflow:auto;
  420. margin-top: 15px;
  421. z-index:1;
  422. font-size :12px;
  423. padding:5px;
  424. background-color:{color:info boxes}; }
  425. .lilbox2title{
  426. position:absolute;
  427. color : {color:info title};
  428. height:10px;
  429. margin-left:205px;
  430. margin-top:0px;
  431. font-family:'montserrat';
  432. font-size:18px;
  433. }
  434.  
  435. }
  436. #links a{margin-top:40px; margin-right:12px; margin-left:3px;}
  437.  
  438. #nav{width:220px;margin-top:-45px;margin-left:125px; height:32px;background-color: {color:nav bg};text-align:center;padding-top:3px;}
  439.  
  440. #pagination {
  441. font-style:bold;
  442. padding:2px;
  443. font-family:'montserrat';
  444. letter-spacing:0px;
  445. font-size:20px;
  446. text-align:center;
  447. margin-top: 0px;
  448. padding:2px;
  449. text-transform:lowercase;
  450. }
  451. .prevpage { position:absolute;margin-left: 0px; float :left; z-index:999999999; padding:10px;}
  452. .nextpage { position:absolute;margin-left: 330px;float:right;z-index:999999999; padding:10px;} }
  453.  
  454. /*POST INFO*/
  455.  
  456.  
  457. #info{height:auto ;padding-top:5px; display:block; padding-bottom:0px; width:auto; font-size:10px; font-family:arial; text-transform:lowercase;border-top:1px solid {color:Borders}; text-align:left; }
  458.  
  459. #info a {
  460. text-align:center;
  461. color:{color:Post Links};
  462. }
  463.  
  464. #info a:hover {
  465. -moz-transition-duration:0.3s;
  466. -webkit-transition-duration:0.3s;
  467. -o-transition-duration:0.3s;
  468. color:{color:Hover}
  469. }
  470.  
  471. #tags {
  472. float:left;
  473. width:489px;
  474. margin-top:-7px;
  475. margin-left:-5px;
  476. text-align:left;
  477. font-size:7px;
  478. padding:5px;
  479. font-size:8px;
  480. opacity:1;
  481. transition-duration: 0.1s;
  482. -moz-transition-duration: 0.1s;
  483. -webkit-transition-duration: 0.1s;
  484. -o-transition-duration: 0.1s
  485. color:{color:Post Links};
  486. }
  487.  
  488. #tags a {
  489. letter-spacing:0px;
  490. font-size:8px;
  491. text-align:center;
  492. font-family:'CALIBRI';
  493. text-decoration:none;
  494. display:inline-block;
  495. color:#ddd;
  496. }
  497.  
  498. #tags a:hover {
  499. background-color:#fff;
  500. -moz-transition-duration:0.3s;
  501. -webkit-transition-duration:0.3s;
  502. -o-transition-duration:0.3s;
  503. color:{color:Hover};
  504. }
  505.  
  506. /*QUESTION*/
  507.  
  508. #ask {
  509. color:{color:text};
  510. padding:5px;
  511. font-family:'arial';
  512. font-size:10px;
  513. letter-spacing:0px;
  514. text-align:left;
  515. text-transform:lowercase;
  516. line-height:150%;
  517. background-color:{color:ask bg};
  518.  
  519. box-shadow: 0px 3px 0px {color:bold};
  520. }
  521.  
  522. #ask a{color:{color:link};}
  523.  
  524.  
  525. {CustomCSS}</style></head><body>
  526.  
  527.  
  528. </div>
  529. </div>
  530.  
  531. <div id="sidebar">
  532. <div id="sidebarimage">
  533. <div id="foo"> <div id="description"><span style="height:200px;overFlow:auto;">{Description}</span>
  534. </div>
  535. <img src="{image:sbar}"><div id="nav">
  536. <a href="{text:link 1}"><i class="fa fa-spinner fa-2x fa-fwfa-fw "></i></a><a href="{text:link 2}"><i class="fa fa-comments-o fa-2x fa-fw "></i></a><a href="{text:link 3}"><i class="fa fa-compass fa-2x "></i></a>
  537. <a href="{text:link 4}" ><i class="fa fa-paper-plane fa-2x"></i></a></div>
  538. <div id="title" style=" margin-right:1px;margin-top:15px;font-family:'Montserrat';font-size:20px;">{block:Pagination}
  539. <div id="pagination"><div class="prevpage">
  540. {block:PreviousPage}<a href="{PreviousPage}"><div style ="margin-top: -7px;">- </div> </a>{/block:PreviousPage} </div>
  541. <div class = "nextpage">{block:NextPage}<a href="{NextPage}"><div style ="margin-top: -7px;">+</div></a>{/block:NextPage}</div>
  542. </div>
  543. {/block:Pagination} {text:title} <sup style="font-size:13px;"><I>+more</I></sup> </div ></div >
  544.  
  545. </div>
  546. </div>
  547. <div id="muninfo"> <div class="lilboxtitle">
  548. {text:box 1 title}
  549. </div>
  550.  
  551.  
  552.  
  553. <div class="lilbox">
  554. <b><big><i>{text:your name}</i></big></b>{text:box 1 content}
  555. </div>
  556. <div class="icon1"><img src="{image:icon1}" style="height:40px; width:40px;"></div><div class="icon2"> <img src="{image:icon2}" style="height:40px; width:40px;"></div>
  557. <div class="lilbox2title">
  558. {text:box 2 title} </div>
  559.  
  560. <div class="lilbox2">
  561. {text:box 2 content}
  562. </div>
  563.  
  564. </div></div>
  565. <div id="entries" >
  566. {block:posts}
  567. <div id="posts">
  568.  
  569. <div id="fee"></div>
  570. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  571.  
  572.  
  573. {block:Quote}<h1><span class="fa fa-quote-left fa-3x pull-left"> </span> {Quote} </h1><p> <TEXT-ALIGN:"right";>— {Source}<br>{/block:Quote}
  574.  
  575. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  576. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  577.  
  578. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  579. {/block:Photo}
  580.  
  581. {block:Photoset}<center>{Photoset}</center>
  582. {/block:Photoset}
  583.  
  584. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  585.  
  586.  
  587.  
  588. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  589.  
  590. {block:Answer}<div id="ask"><span class="fa fa-quote-left fa-3x pull-left"> </span><h3 style="color:{color:text}"><i style="color {color:text}">{Asker} whispered: </i>{Question}</h3></div>{Answer}{/block:Answer}
  591.  
  592.  
  593.  
  594. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerwHITE}{/block:AudioPlayer}</div></div>
  595.  
  596. {block:Caption}{Caption}{/block:Caption}
  597.  
  598. <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> <b><span class= "fa fa-refresh"></span> reblog </b></a> / <a href="{Permalink}"> posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes}{AmPm}</a> {/block:Date}<i class= "fa fa-calendar " ></i>{block:RebloggedFrom} ( <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} &nbsp; <a href="{SourceURL}">source</a> {/block:ContentSource}{block:RebloggedFrom} ){/block:RebloggedFrom}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</center><p>
  599.  
  600. <center >{block:HasTags}<div style="background-color:{color:post container};padding:3px;">{block:Tags} <i class="fa fa-tags"></i> <a href="{TagURL}">{Tag} </a> {/block:Tags}</div>{/block:HasTags}
  601. <br /></div>
  602.  
  603. {/block:Posts}
  604.  
  605.  
  606. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  607. </div>
  608. </div></div> <div id="credit"><b><a href="http://lakeffectkds.tumblr.com">coded by <i><big>ALEX </big></i></a></b></div></body>
  609.  
  610.  
  611.  
  612.  
  613. </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!