API tools faq
paste
Advertisement
startxt

Honey Theme

startxt
May 1st, 2017
2,220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!------
  6. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  7.  
  8.  
  9. ✿ ✿ ✿ Honey Theme by Loveintrest ✿ ✿ ✿
  10.  
  11.  
  12. pls dont use as a base/remove credit thanks ♡
  13.  
  14.  
  15. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  16. ----->
  17.  
  18.  
  19. <meta charset="utf-8">
  20. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <title>{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{image:favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  30.  
  31. <meta name="color:background" content="#ffe7e2" />
  32. <meta name="color:text" content="#823826"/>
  33. <meta name="color:post background" content="#fee3c9" />
  34. <meta name="color:sidebar background" content="#fee3c9" />
  35. <meta name="color:sidebar text" content="#823826" />
  36. <meta name="color:border" content="#823826" />
  37. <meta name="color:shadow" content="#cc5c5c" />
  38. <meta name="color:links" content="#f0a040" />
  39. <meta name="color:link hover" content="#823826" />
  40. <meta name="color:glowing links" content="#f0a040">
  41. <meta name="color:selection" content="#f0a040">
  42. <meta name="color:scrollbar bg" content="#ffe7e2">
  43. <meta name="color:scrollbar track" content="#823826">
  44. <meta name="color:scrollbar" content="#823826">
  45.  
  46. <meta name="image:sidebar" content=""/>
  47. <meta name="image:favicon" content=""/>
  48.  
  49. <meta name="if:small cursor"content="1"/>
  50. <meta name="if:glowing links" content="0">
  51. <meta name="if:rainbow links" content="0">
  52. <meta name="if:transparent" content="0"/>
  53. <meta name="if:shadow" content="1"/>
  54. <meta name="if:rounded corners" content="1"/>
  55. <meta name="if:sidebar image" content="1"/>
  56. <meta name="if:round image" content="0"/>
  57. <meta name="if:description" content="1"/>
  58. <meta name="if:links" content="1"/>
  59.  
  60. <meta name="text:font size" content="14px"/>
  61. <meta name="text:footer divider" content="♡"/>
  62. <meta name="text:sidebar pos top" content="100px"/>
  63. <meta name="text:sidebar pos left" content="-50px"/>
  64. <meta name="text:post pos top" content="10px"/>
  65. <meta name="text:post pos left" content="200px"/>
  66. <meta name="text:link1 text" content="home"/>
  67. <meta name="text:link1 url" content="/"/>
  68. <meta name="text:link2 text" content="ask"/>
  69. <meta name="text:link2 url" content="/ask"/>
  70. <meta name="text:link3 text" content="archive"/>
  71. <meta name="text:link3 url" content="/archive"/>
  72. <meta name="text:link4 text" content=""/>
  73. <meta name="text:link4 url" content="/"/>
  74. <meta name="text:link5 text" content=""/>
  75. <meta name="text:link5 url" content="/"/>
  76.  
  77. <meta name="select:font" content="arial">
  78. <meta name="select:font" content="dotum">
  79. <meta name="select:font" content="consolas">
  80. <meta name="select:font" content="calibri">
  81.  
  82. <meta name="select:border" content="solid"/>
  83. <meta name="select:border" content="dotted"/>
  84. <meta name="select:border" content="dashed"/>
  85. <meta name="select:border" content="none"/>
  86.  
  87. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  88.  
  89. <style type="text/css">
  90.  
  91. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg); auto;} {/block:ifsmallcursor}
  92.  
  93. ::-webkit-scrollbar {
  94. width:11px;
  95. height:11px;}
  96. ::-webkit-scrollbar-track {
  97. border:5px solid {color:scrollbar bg};
  98. background:{color:Scrollbar Track};}
  99. ::-webkit-scrollbar-thumb:vertical{
  100. border:2px solid {color:Scrollbar bg};
  101. width:2px;
  102. background:{color:Scrollbar};}
  103.  
  104. ::-moz-selection {background:none; color:{color:selection};}
  105. ::selection {background:none; color:{color:selection};}
  106.  
  107.  
  108. body {
  109. margin:0px;
  110. background:{color:background};
  111. font-family: {select:font};
  112. font-size:{text:font size};
  113. line-height:140%;
  114. color: {color:text};
  115. }
  116.  
  117. p{
  118. margin:0 0 10px 0;
  119. padding:0;
  120. }
  121.  
  122. pre {
  123. white-space: pre-wrap;
  124. white-space: -moz-pre-wrap;
  125. white-space: -pre-wrap;
  126. white-space: -o-pre-wrap;
  127. word-wrap: break-word;
  128. }
  129.  
  130. a{
  131. color:{color:links};
  132. {block:ifGlowingLinks}text-shadow: 0px 0px 2.5px {color:glowing links}; {/block:ifGlowingLinks}
  133. -webkit-transition-duration: .5s;
  134. -moz-transition-duration: .5s;
  135. -o-transition-duration: .5s;
  136. }
  137.  
  138. a:hover{
  139. color:{color:link hover};
  140. {block:ifGlowingLinks}text-shadow: 0px 0px 2.5px {color:glowing links}; {/block:ifGlowingLinks}
  141. }
  142.  
  143. li{
  144. margin-left:-15px;
  145. }
  146.  
  147. #wrapper{
  148. width:600px;
  149. margin:50px auto;
  150. }
  151.  
  152. #sidebar{
  153. {block:ifnottransparent}
  154. background:{color:sidebar background};
  155. {/block:ifnottransparent}
  156. color:{color:sidebar text};
  157. width:130px;
  158. position:fixed;
  159. margin-top:{text:sidebar pos top};
  160. margin-left:{text:sidebar pos left};
  161. padding:10px;
  162. border:1px {select:border} {color:border};
  163. {block:ifRoundedCorners}
  164. border-radius:6px;
  165. -moz-border-radius:4px;
  166. -webkit-border-radius:4px;
  167. {/block:ifRoundedCorners}
  168. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  169. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  170. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  171. }
  172.  
  173. #content{
  174. width:600px;
  175. margin-top:{text:post pos top};
  176. margin-left:{text:post pos left};
  177. overflow:hidden;
  178. }
  179.  
  180. .post{
  181. width:400px;
  182. {block:ifnottransparent}
  183. background:{color:post background};
  184. {/block:ifnottransparent}
  185. margin:0 0 45px 0;
  186. overflow:hidden;
  187. padding:10px;
  188. border:1px {select:border} {color:border};
  189. {block:ifRoundedCorners}
  190. border-radius:4px;
  191. -moz-border-radius:4px;
  192. -webkit-border-radius:4px;
  193. {/block:ifRoundedCorners}
  194. {block:ifShadow}-webkit-box-shadow: 5px 5px 0px 0px {color:shadow};
  195. -moz-box-shadow: 5px 5px 0px 0px {color:shadow};
  196. box-shadow: 5px 5px 0px 0px {color:shadow};{/block:ifShadow}
  197. }
  198.  
  199. #sidebar img, .post img{
  200. max-width:100%;
  201. }
  202.  
  203. #nav{
  204. margin:0 0 0 -200px;
  205. text-align:center;
  206. letter-spacing:2px;
  207. }
  208.  
  209. #sideimg{
  210.  
  211. }
  212.  
  213. #sideimg img{
  214. width:125px;
  215. {block:ifroundsideimg}
  216. border-radius:80px;
  217. {/block:ifroundsideimg}
  218. }
  219.  
  220. #tags a{
  221. color:{color:links};
  222. padding: 1px 1px 1px 1px;
  223. text-decoration:none;
  224. letter-spacing:1px;
  225. }
  226.  
  227. #tags a:hover{
  228. color:{color:link hover};
  229. }
  230.  
  231. #footer{
  232. padding-bottom:7px;
  233. border-top: 1px solid {color:border};
  234. padding-top:7px;
  235. }
  236.  
  237. .media{
  238. margin:0 0 10px 0;
  239. }
  240.  
  241. .title{
  242. font-weight:bold;
  243. font-size:20px;
  244. margin:0 0 10px 0;
  245. padding-bottom:5px;
  246. border-bottom:solid 1px {color:border};
  247. text-align:right;
  248. }
  249.  
  250. .quote{
  251. font-weight:normal;
  252. font-size:16px;
  253. font-style:italic;
  254. margin:0 0 10px 0;
  255. }
  256.  
  257. #audio .player{background:#fff;height:30px;width:30px;padding:0px;overflow:hidden;position:absolute;margin-top:5px;margin-left:5px;border:2px solid #fff;opacity:0.8;z-index:2;}
  258.  
  259. .art{width:60px;height:60px; position:absolute;display:block;z-index:1;}
  260. .art img{width:45px;height:45px;}
  261.  
  262. .songtitle{margin-left:50px;height:40px;padding:5px 10px;line-height:13px;overflow:auto;font-size:13px;}
  263.  
  264. .question{
  265. margin-bottom:10px;
  266. padding:5px;
  267. }
  268.  
  269. .video-container {
  270. position: center;
  271. overflow: hidden;
  272. }
  273.  
  274. .video-container iframe,
  275. .video-container object,
  276. .video-container embed {
  277. position: center;
  278. max-width:{select:Postwidth} ;
  279. max-height:{select:Postwidth} ;
  280. }
  281.  
  282. .video-wrapper {
  283. max-width:{select:Postwidth} ;
  284. max-height:{select:Postwidth} ;
  285. }
  286.  
  287. blockquote{
  288. margin:0 0 10px 10px;
  289. padding:0 0 0 10px;
  290. border-left:solid 1px {color:border};
  291. }
  292.  
  293. .post .footer{
  294. margin:0;
  295. text-align:left;
  296. }
  297.  
  298. ol.notes{
  299. list-style-type:none;
  300. padding:0;
  301. margin:0;
  302. }
  303.  
  304. ol.notes li.note img{
  305. width:16px;
  306. height:16px;
  307. }
  308.  
  309. ol.notes li.note{
  310. margin:0px;
  311. }
  312.  
  313. #credit{
  314. position:fixed;
  315. bottom:5px;
  316. right:5px;
  317. }
  318.  
  319. {CustomCSS}
  320. </style>
  321.  
  322. {block:ifrainbowlinks}
  323. <!---rainbow links--->
  324. <script type='text/javascript'>
  325. //<![CDATA[
  326. var rate = 60;
  327. if (document.getElementById)
  328. window.onerror=new Function("return true")
  329. var objActive;
  330. var act = 0;
  331. var elmH = 0;
  332. var elmS = 128;
  333. var elmV = 255;
  334. var clrOrg;
  335. var TimerID;
  336. if (document.all) {
  337. document.onmouseover = doRainbowAnchor;
  338. document.onmouseout = stopRainbowAnchor;
  339. }
  340. else if (document.getElementById) {
  341. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  342. document.onmouseover = Mozilla_doRainbowAnchor;
  343. document.onmouseout = Mozilla_stopRainbowAnchor;
  344. }
  345. function doRainbow(obj)
  346. {
  347. if (act == 0) {
  348. act = 1;
  349. if (obj)
  350. objActive = obj;
  351. else
  352. objActive = event.srcElement;
  353. clrOrg = objActive.style.color;
  354. TimerID = setInterval("ChangeColor()",100);
  355. }
  356. }
  357. function stopRainbow()
  358. {
  359. if (act) {
  360. objActive.style.color = clrOrg;
  361. clearInterval(TimerID);
  362. act = 0;
  363. }
  364. }
  365. function doRainbowAnchor()
  366. {
  367. if (act == 0) {
  368. var obj = event.srcElement;
  369. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  370. obj = obj.parentElement;
  371. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  372. break;
  373. }
  374. if (obj.tagName == 'A' && obj.href != '') {
  375. objActive = obj;
  376. act = 1;
  377. clrOrg = objActive.style.color;
  378. TimerID = setInterval("ChangeColor()",100);
  379. }
  380. }
  381. }
  382. function stopRainbowAnchor()
  383. {
  384. if (act) {
  385. if (objActive.tagName == 'A') {
  386. objActive.style.color = clrOrg;
  387. clearInterval(TimerID);
  388. act = 0;
  389. }
  390. }
  391. }
  392. function Mozilla_doRainbowAnchor(e)
  393. {
  394. if (act == 0) {
  395. obj = e.target;
  396. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  397. obj = obj.parentNode;
  398. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  399. break;
  400. }
  401. if (obj.nodeName == 'A' && obj.href != '') {
  402. objActive = obj;
  403. act = 1;
  404. clrOrg = obj.style.color;
  405. TimerID = setInterval("ChangeColor()",100);
  406. }
  407. }
  408. }
  409. function Mozilla_stopRainbowAnchor(e)
  410. {
  411. if (act) {
  412. if (objActive.nodeName == 'A') {
  413. objActive.style.color = clrOrg;
  414. clearInterval(TimerID);
  415. act = 0;
  416. }
  417. }
  418. }
  419. function ChangeColor()
  420. {
  421. objActive.style.color = makeColor();
  422. }
  423. function makeColor()
  424. {
  425. if (elmS == 0) {
  426. elmR = elmV; elmG = elmV; elmB = elmV;
  427. }
  428. else {
  429. t1 = elmV;
  430. t2 = (255 - elmS) * elmV / 255;
  431. t3 = elmH % 60;
  432. t3 = (t1 - t2) * t3 / 60;
  433. if (elmH < 60) {
  434. elmR = t1; elmB = t2; elmG = t2 + t3;
  435. }
  436. else if (elmH < 120) {
  437. elmG = t1; elmB = t2; elmR = t1 - t3;
  438. }
  439. else if (elmH < 180) {
  440. elmG = t1; elmR = t2; elmB = t2 + t3;
  441. }
  442. else if (elmH < 240) {
  443. elmB = t1; elmR = t2; elmG = t1 - t3;
  444. }
  445. else if (elmH < 300) {
  446. elmB = t1; elmG = t2; elmR = t2 + t3;
  447. }
  448. else if (elmH < 360) {
  449. elmR = t1; elmG = t2; elmB = t1 - t3;
  450. }
  451. else {
  452. elmR = 0; elmG = 0; elmB = 0;
  453. }
  454. }
  455. elmR = Math.floor(elmR).toString(16);
  456. elmG = Math.floor(elmG).toString(16);
  457. elmB = Math.floor(elmB).toString(16);
  458. if (elmR.length == 1) elmR = "0" + elmR;
  459. if (elmG.length == 1) elmG = "0" + elmG;
  460. if (elmB.length == 1) elmB = "0" + elmB
  461. elmH = elmH + rate;
  462. if (elmH >= 360)
  463. elmH = 0;
  464. return '#' + elmR + elmG + elmB;
  465. }
  466. //]]>
  467. </script>
  468. <!---rainbow links--->
  469. {/block:ifrainbowlinks}
  470.  
  471. </head>
  472.  
  473. <body>
  474.  
  475. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">
  476.  
  477. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  478.  
  479. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  480. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Monda' rel='stylesheet' type='text/css'>
  481.  
  482. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href='https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Roboto:300,400,500,700,300italic,400italic,500italic,700italic|Lato:300,400,500,700,300italic,400italic,500italic,700italic|PT+Sans:300,400,500,700,300italic,400italic,500italic,700italic|Source+Sans+Pro:300,400,500,700,300italic,400italic,500italic,700italic|Karla:300,400,500,700,300italic,400italic,500italic,700italic|Hind:300,400,500,700,300italic,400italic,500italic,700italic|Play:300,400,500,700,300italic,400italic,500italic,700italic|Roboto+Mono:300,400,500,700,300italic,400italic,500italic,700italic|Muli:300,400,500,700,300italic,400italic,500italic,700italic' rel='stylesheet' type='text/css'>
  483.  
  484. <div id="wrapper">
  485.  
  486. <div id="sidebar">
  487. {block:ifsidebarimage}
  488. <div id="sideimg"><center><img src="{image:sidebar}"style="{block:ifroundimage}border-radius:100px;{/block:ifroundimage}";</Center></div>
  489. {/block:ifsidebarimage}
  490. {block:ifdescription}
  491. {block:Description}
  492. <p><center>{Description}</center></p>
  493. {/block:Description}
  494. {/block:ifdescription}
  495. {block:iflinks}
  496. <a href="{text:link1 url}">{text:link1 text}</a><br>
  497. <a href="{text:link2 url}">{text:link2 text}</a><br>
  498. <a href="{text:link3 url}">{text:link3 text}</a><br>
  499. <a href="{text:link4 url}">{text:link4 text}</a><br>
  500. <a href="{text:link5 url}">{text:link5 text}</a>
  501. {/block:iflinks}
  502. <div class="nav">
  503. <center>
  504. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  505. &nbsp;&nbsp;&nbsp;
  506. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  507. </center>
  508. </div>
  509. </div>
  510.  
  511. <div id="content">
  512. {block:Posts}
  513.  
  514. {block:ContentSource}
  515. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  516. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  517. {/block:SourceLogo}
  518. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  519. {/block:ContentSource}
  520. {block:NoRebloggedFrom}
  521. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  522. {/block:NoRebloggedFrom}
  523.  
  524. <div class="post">
  525.  
  526. {block:Text}
  527. {block:Title}
  528. <div class="title">{Title}</div>
  529. {/block:Title}
  530. {Body}
  531. {/block:Text}
  532.  
  533. {block:Photo}
  534. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  535. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <div class="media">{Photoset}</div>
  540. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  541. {/block:Photoset}
  542.  
  543. {block:Quote}
  544. <div class="quote">"{Quote}"</div>
  545. {block:Source}
  546. <div class="quotesource">{Source}</div>
  547. {/block:Source}
  548. {/block:Quote}
  549.  
  550. {block:Link}
  551. <div class="title"><a href="{URL}">{Name}</a></div>
  552. {block:Description}
  553. <div class="description">{Description}</div>
  554. {/block:Description}
  555. {/block:Link}
  556.  
  557. {block:Chat}
  558. {block:Title}
  559. <div class="title">{Title}</div>
  560. {/block:Title}
  561.  
  562. {block:Lines}
  563. <div class="{Alt} user_{UserNumber}">
  564. {block:Label}
  565. <b>{Label}</b>{/block:Label}
  566. &nbsp;{Line}
  567. </div>
  568. {/block:Lines}
  569. {/block:Chat}
  570.  
  571. {block:Video}
  572. <div class="media">
  573. <div class="video-wrapper">
  574. <div class="video-container">{Video-400}</div>
  575. </div>
  576. </div>
  577. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  578. {/block:Video}
  579.  
  580. {block:Audio}
  581. <div id="audio">
  582. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  583. <div class="player">{AudioPlayerWhite}</div>
  584. <div class="songtitle">
  585. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  586. {block:Artist}{Artist}{/block:Artist}<br>
  587. {block:Album}{Album}{/block:Album}</div></div>
  588. {block:Caption}{Caption}{/block:Caption}
  589. {/block:Audio}
  590.  
  591. {block:Answer}
  592. <div class="question"><img src="{AskerPortraitURL-24}"> {Asker} asked: <i>{Question}</i></div>
  593. <div class="caption">{Answer}</div>
  594. {/block:Answer}
  595.  
  596. {block:Date}
  597. <div id="footer">
  598. <a href="{Permalink}" title="{TimeAgo}">{12HourWithZero}:{Minutes} {AMPM} {text:footer divider} {DayOfMonth}.{MonthNumber}.{ShortYear}</a> <div style="float:right;">{block:NoteCount} # {NoteCount}{/block:NoteCount}</div></div>
  599. <div id="tags">
  600. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  601. </div>
  602.  
  603. {block:PermalinkPage}
  604. {block:NoteCount}
  605. {block:PostNotes}{PostNotes}{/block:PostNotes}
  606. {/block:NoteCount}
  607. {/block:PermalinkPage}
  608. {/block:Date}
  609.  
  610. </div>
  611. {/block:Posts}
  612. </div>
  613. </div>
  614.  
  615. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  616. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  617.  
  618. <div id="credit"><a href="http://luvhearts.tumblr.com"><img src="https://68.media.tumblr.com/tumblr_lkl6peHbYO1qfamg6.gif"></a></div>
  619.  
  620. </body>
  621. </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!