API tools faq
paste
Advertisement
Guest User

Urbanchix

a guest
Mar 23rd, 2017
357
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <!--
  10.  
  11. THEME 02 (BELLATRIX) BY DEMS OF MARIDANIELLA
  12. http://mariedaniella.tumblr.com
  13.  
  14.  
  15. TERMS:
  16. Please DO NOT remove the credit. DO NOT redistribute and/or
  17. claim as your own. DO NOT copy any parts of this theme. DO NOT use
  18. as base codes. Thank you!
  19.  
  20.  
  21.  
  22. -->
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <!-- DEFAULT VARIABLES -->
  31. <meta name="color:Background" content="#FFFFFF" />
  32. <meta name="color:Text" content="#0F0F0F" />
  33. <meta name="color:Link" content="#0F0F0F" />
  34. <meta name="color:Link Underline" content="#FFE033" />
  35. <meta name="color:Header Links Bg" content="#FFFFFF" />
  36. <meta name="color:Header Links" content="#0F0F0F" />
  37. <meta name="color:Post" content="#FFFFFF" />
  38. <meta name="color:Titles" content="#0F0F0F" />
  39. <meta name="color:Sidebar Title Bg" content="#F3F3F3" />
  40. <meta name="color:Dates" content="#AAAAAA" />
  41. <meta name="color:Bottom" content="" />
  42.  
  43. <meta name="if:Use Header Image" content="1" />
  44. <meta name="if:Full Width Header" content="0" />
  45. <meta name="if:Use Sticky Header" content="1" />
  46. <meta name="if:Sidebar Right" content="1" />
  47. <meta name="if:Show Extra Sidebar Box 1" content="1" />
  48. <meta name="if:Show Extra Sidebar Box 2" content="0" />
  49. <meta name="if:Show Sidebar Icons" content="1" />
  50. <meta name="if:Wider Posts" content="1" />
  51. <meta name="if:Show Disqus" content="1" />
  52.  
  53. <meta name="image:Sidebar" content="" />
  54. <meta name="image:Header" content="" />
  55.  
  56. <meta name="text:Blog Title" content="Half Measures" />
  57. <meta name="text:Blog Subtitle" content="Theories never outweigh the heart" />
  58. <meta name="text:Disqus" content="Disqus Shortname" />
  59.  
  60. <meta name="text:Header Link 1" content="Link 1" />
  61. <meta name="text:Header Link 1 URL" content="#" />
  62. <meta name="text:Header Link 2" content="Link 2" />
  63. <meta name="text:Header Link 2 URL" content="#" />
  64. <meta name="text:Header Link 3" content="Link 3" />
  65. <meta name="text:Header Link 3 URL" content="#" />
  66. <meta name="text:Header Link 4" content="Link 4" />
  67. <meta name="text:Header Link 4 URL" content="#" />
  68. <meta name="text:Header Link 5" content="Link 5" />
  69. <meta name="text:Header Link 5 URL" content="#" />
  70. <meta name="text:Header Link 6" content="Link 6" />
  71. <meta name="text:Header Link 6 URL" content="#" />
  72. <meta name="text:Header Link 7" content="Link 7" />
  73. <meta name="text:Header Link 7 URL" content="#" />
  74. <meta name="text:Header Link 8" content="Link 8" />
  75. <meta name="text:Header Link 8 URL" content="#" />
  76.  
  77. <meta name="text:Facebook Link" content="#" />
  78. <meta name="text:Twitter Link" content="#" />
  79. <meta name="text:Instagram Link" content="#" />
  80. <meta name="text:Pinterest Link" content="#" />
  81. <meta name="text:Goodreads Link" content="#" />
  82. <meta name="text:Bloglovin Link" content="#" />
  83.  
  84. <meta name="text:Sidebar Extra Box 1 Title" content="Extra Sidebar Box 1" />
  85. <meta name="text:Sidebar Extra Box 1 Content" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat." />
  86. <meta name="text:Sidebar Extra Box 2 Title" content="#" />
  87. <meta name="text:Sidebar Extra Box 2 Content" content="" />
  88.  
  89. <meta name="text:Instagram Widget Codes" content="" />
  90. <meta name="text:Disqus Shortname" content="" />
  91.  
  92. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  93. <link href='https://fonts.googleapis.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
  94. <link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
  95. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:900,900italic' rel='stylesheet' type='text/css'>
  96. <link href='https://fonts.googleapis.com/css?family=Montserrat:700,400' rel='stylesheet' type='text/css'>
  97.  
  98. <script type="text/javascript" src="http://static.tumblr.com/i6lwndm/wQ1oagvx6/jquery-latest.min.js"></script>
  99. {block:ifUseStickyHeader}<script type='text/javascript'>
  100. $(document).ready(function() {
  101. var theLoc = $('.hlinks').position().top;
  102. $(window).scroll(function() {
  103. if(theLoc >= $(window).scrollTop()) {
  104. if($('.hlinks').hasClass('hfixed')) {
  105. $('.hlinks').removeClass('hfixed');
  106. }
  107. } else {
  108. if(!$('.hlinks').hasClass('hfixed')) {
  109. $('.hlinks').addClass('hfixed');
  110. }
  111. }
  112. });
  113. });</script>{/block:ifUseStickyHeader}
  114.  
  115. <style type="text/css">
  116. ::-webkit-scrollbar-thumb {
  117. height:auto;
  118. background-color:#dfdfdf;}
  119. ::-webkit-scrollbar {
  120. height:10px;
  121. width:10px;
  122. background-color:#fafafa;}
  123.  
  124. body {
  125. background-color:{color:Background};
  126. color:{color:Text};
  127. font-size:12.5px;
  128. margin:0px auto;
  129. letter-spacing:2px;
  130. font-family:'Arial';
  131. line-height:30px;
  132. }
  133.  
  134. a {
  135. color:{color:Link};
  136. padding-bottom:1px;
  137. border-bottom:1px solid {color:Link Underline};
  138. text-decoration:none;
  139. transition-duration:.8s;
  140. -moz-transition-duration:.8s;
  141. -webkit-transition-duration:.8s;
  142. -o-transition-duration:.8s;}
  143. a:hover {
  144. color:#f8b9aa;
  145. padding-bottom:1px;
  146. text-decoration:none;
  147. transition-duration:.8s;
  148. -moz-transition-duration:.8s;
  149. -webkit-transition-duration:.8s;
  150. -o-transition-duration:.8s;}
  151.  
  152. blockquote {
  153. margin-left:60px;
  154. font-style:normal;
  155. font-weight:normal;
  156. padding-left:0px;}
  157. ul, ol {
  158. margin-right:0px;
  159. margin-left:0px;}
  160.  
  161. #content {
  162. overflow:hidden;
  163. margin:0px auto;
  164. padding-top:60px;
  165. {block:ifWiderPosts}width:1080px;{/block:ifWiderPosts}
  166. {block:ifNotWiderPosts}width:880px;{/block:ifNotWiderPosts}}
  167.  
  168. #header {
  169. {block:ifFullWidthHeader}width:100%;{/block:ifFullWidthHeader}
  170. {block:ifNotFullWidthHeader} margin:80px auto 0px auto;
  171. {block:ifWiderPosts}width:1080px;{/block:ifWiderPosts}
  172. {block:ifNotWiderPosts}width:880px;{/block:ifNotWiderPosts}
  173. {block:ifNotFullWidthHeader}
  174. text-align:center;}
  175. .htitle {
  176. {block:ifUseHeaderImage}
  177. {block:ifFullWidthHeader}background-image:url('{image:Header}');
  178. background-attachment:fixed;
  179. height:180px;{/block:ifFullWidthHeader}
  180. {block:ifNotFullWidthHeader}
  181. {block:ifWiderPosts}width:1080px;{/block:ifWiderPosts}
  182. {block:ifNotWiderPosts}width:880px;{/block:ifNotWiderPosts}
  183. {/block:ifNotFullWidthHeader}{/block:ifUseHeaderImage}
  184. {block:ifNotUseHeaderImage}text-align:center;
  185. width:80%;
  186. line-height:50px;
  187. margin:0px auto 150px auto;{/block:ifNotUseHeaderImage}}
  188. .htcontent {
  189. text-align:center;
  190. margin:0px auto;
  191. padding-top:120px;}
  192.  
  193. .htitle a {
  194. color:#000;
  195. display:block;
  196. font-family:'Montserrat', sans-serif;
  197. text-transform:uppercase;
  198. font-weight:700;
  199. font-size:60px;
  200. letter-spacing:6px;
  201. border-bottom:0px solid #0f0f0f;}
  202. .htitle span {
  203. display:block;
  204. margin-top:8px;
  205. letter-spacing:8px;
  206. font-size:12px;
  207. text-transform:uppercase;
  208. color:#0f0f0f;}
  209.  
  210. .hlinks{
  211. font-family:'Quicksand', sans-serif;
  212. font-size:10px;
  213. width:100%;
  214. letter-spacing:1px;
  215. background-color:{color:Header Links Bg};
  216. text-align:center;}
  217. .hlinks a {
  218. font-size:11px;
  219. display:inline-block;
  220. text-transform:uppercase;
  221. font-family:'Montserrat', sans-serif;
  222. font-weight:bold;
  223. letter-spacing: 2px;
  224. color:{color:Header Links};
  225. border-bottom:0px solid #0f0f0f;
  226. padding:3px 10px;}
  227. .hlinks a:hover {background-color:#ffffff; color:#000000;}
  228. .hfixed {
  229. text-align:center;
  230. top:0;
  231. {block:ifNotFullWidthHeader}margin:0px;
  232. left:0px;{/block:ifNotFullWidthHeader}
  233. width:100%;
  234. position:fixed;}
  235.  
  236.  
  237. /*topbar*/
  238. .navigationbar {
  239. z-index: 99;
  240. position: fixed;
  241. top: 0px;
  242. left: 0px;
  243. width:100%;
  244. margin-top: 0px;
  245. margin-bottom: 0px;
  246. background-color:#fff;
  247. border-bottom: 0px solid #d7d7d7;
  248. box-shadow: 0px 0px 0px #b8b8b8, 0px 0px 0px #b8b8b8;
  249. }
  250.  
  251. .cssnav {
  252. border: 0px;
  253. margin-top: 15px;
  254. margin-left: auto;
  255. margin-right:auto;
  256. padding: 0px;
  257. width: auto;
  258. font-family:'Railway', sans-serif;
  259. font-size: 12.5px;
  260. font-weight:bold;
  261. text-transform: uppercase;
  262. letter-spacing: 0px;
  263. color: #fff;
  264. padding-right: 0px;
  265. margin-bottom: 15px;
  266. text-align:center;
  267.  
  268. }
  269.  
  270. .cssnav ul {
  271. border: 0px;
  272. margin-top: 15px;
  273. margin-left: 50px;
  274. padding: 0px;
  275. width: auto;
  276. font-family:'Railway', sans-serif;
  277. font-size: 12.5px;
  278. font-weight:bold;
  279. text-transform: uppercase;
  280. letter-spacing: 2px;
  281. color: #ffffff;
  282. text-align: left;
  283. padding-right: 0px;
  284. margin-bottom: 15px;
  285. }
  286.  
  287. .cssnav li {
  288. float: none;
  289. display: inline-block;
  290. padding: 0px;
  291. }
  292.  
  293. .cssnav li a {
  294. border: 0px;
  295. margin-top: 15px;
  296. margin-left: 25px;
  297. padding: 0px;
  298. width: auto;
  299. font-family: 'Railway', sans-serif;
  300. font-size: 12.5px;
  301. font-weight:bold;
  302. text-transform: uppercase;
  303. letter-spacing: 1px;
  304. color: #000;
  305. text-align: center;
  306. padding-right: 0px;
  307. margin-bottom: 15px;
  308. }
  309.  
  310. .cssnav > ul > li > a {
  311. color: #000000;
  312. }
  313.  
  314. .cssnav ul ul a {
  315. color: #000000;
  316. }
  317.  
  318. .cssnav li > a:hover, #cssnav ul li:hover {
  319. color: #000;
  320. text-decoration: none;
  321. }
  322.  
  323. .cssnav li ul {
  324. background: #ffffff;
  325. display: none;
  326. height: auto;
  327. padding: 0px;
  328. margin: 0px;
  329. border: 1px solid #ffffff;
  330. padding-top: 13px;
  331. padding-bottom: 13px;
  332. position: absolute;
  333. width: 150px;
  334. z-index:9999;
  335. line-height: 1em;
  336. text-align: center;
  337. }
  338.  
  339. .cssnav li:hover ul {
  340. display: block;
  341. }
  342.  
  343. .cssnav li li {
  344. background: #ffffff;
  345. _background-image: none;
  346. display: block;
  347. float: none;
  348. margin: 0px;
  349. padding: 0px;
  350. width: 150;
  351. text-align: left;
  352. }
  353.  
  354. .cssnav li:hover li a {
  355. color: #000;
  356. background: #ffffff;
  357. }
  358.  
  359. .cssnav li ul a {
  360. display: block;
  361. height: auto;
  362. margin: 0px;
  363. padding: 10px;
  364. margin-left: 5px;
  365. text-align: left;
  366. }
  367.  
  368. .cssnav li ul a:hover, #cssnav li ul li:hover > a {
  369. color: #adaaaa;
  370. border: 0px;
  371. text-decoration: none;
  372. }
  373.  
  374.  
  375. #sidebar {
  376. {block:ifSidebarRight}float:right;{/block:ifSidebarRight}
  377. {block:ifNotSidebarRight}float:left;{/block:ifNotSidebarRight}
  378. width:300px;}
  379. .sbbox {
  380. text-align:justify;
  381. line-height:20px;
  382. text-align:center;
  383. padding:20px;
  384. background-color:{color:Post};
  385. margin-bottom:15px;}
  386. .sbbox img {width:100%; height:auto;}
  387. .sbtitle {
  388. text-align:center;
  389. padding:5px 20px;
  390. color:{color:Titles};
  391. font-size:12px;
  392. letter-spacing:0.5px;
  393. line-height:15px;
  394. margin-bottom:15px;
  395. font-family:'Arial Black';
  396. background-color:{color:Sidebar Title Bg};
  397. text-transform:uppercase;}
  398. .sblinks1 {
  399. margin:20px 0px 0px 0px;
  400. text-align:center;
  401. font-size:11px;
  402. letter-spacing:2px;
  403. text-transform:uppercase;
  404. font-family:'Quicksand', sans-serif;}
  405. .sblinks1 a {
  406. color:{color:Text};
  407. border-bottom:1px solid {color:Text};
  408. margin:0px 10px;}
  409. .sblinks1 a:hover {color:{color:Link}; border-bottom:1px solid {color:Link Underline};}
  410.  
  411. .sbicons {text-align:center;}
  412. .sbicons a {
  413. font-size:13px;
  414. margin:0px 5px;
  415. border-bottom:0px solid #0f0f0f;}
  416. .sbicons a:hover {color:{color:Link Bg};}
  417.  
  418. .fp {
  419. width: 220px;
  420. height: auto;
  421. position:absolute;
  422. overflow: auto;
  423. overflow-y: hidden;
  424. position: relative;
  425. }
  426.  
  427.  
  428.  
  429. #entries {
  430. margin-bottom:40px;
  431. {block:ifSidebarRight}margin-right:320px;{/block:ifSidebarRight}
  432. {block:ifNotSidebarRight}margin-left:320px;{/block:ifNotSidebarRight}
  433. {block:ifWiderPosts}width:760px;{/block:ifWiderPosts}
  434. {block:ifNotWiderPosts}width:560px;{/block:ifNotWiderPosts}}
  435. .etitle {
  436. text-align:center;
  437. color:#1f1f1f;
  438. margin-top:-20px;
  439. display:block;
  440. margin-bottom:20px;
  441. text-transform:lowercase;
  442. font-family:'Playfair Display', serif;
  443. font-weight:900;
  444. letter-spacing:1px;
  445. font-style:italic;
  446. font-size:22px;}
  447. .eborder {
  448. margin:0px auto 10px auto;
  449. width:10%;
  450. border-top:1px solid #555;}
  451.  
  452. .post {
  453. padding:20px;
  454. background-color:{color:Post};
  455. {block:ifWiderPosts}width:700px;{/block:ifWiderPosts}
  456. {block:ifNotWiderPosts}width:500px;{/block:ifNotWiderPosts}
  457. {block:IndexPage}margin-bottom:30px;{/block:IndexPage}
  458. {block:PermalinkPage}margin-bottom:30px;{/block:PermalinkPage}
  459. text-align:justify;
  460. }
  461.  
  462. .posttags {
  463. line-height:18px;
  464. margin:10px 0px;
  465. text-align:center;}
  466. .posttags a {
  467. display:none;
  468. font-size:9px;
  469. padding:3px 6px!important;
  470. text-transform:uppercase;
  471. font-family:'Quicksand', sans-serif;
  472. letter-spacing:2px;
  473. border-bottom:1px solid {color:Titles};
  474. color:{color:Titles};}
  475. .posttags a:nth-child(1) {display:inline-block !important;}
  476. .posttags a:hover {
  477. opacity:.5;
  478. border-bottom:1px solid #afafaf !important;}
  479.  
  480. .posttitle {
  481. margin-top:15px;
  482. line-height:18px;
  483. text-align:center;
  484. }
  485. .posttitle a {
  486. text-transform:uppercase;
  487. font-family: Arial Black;
  488. font-weight:400;
  489. font-size:24px; color:#000000;
  490. letter-spacing:0px;
  491. line-height:25px;
  492. margin-bottom: 15px;
  493. border-bottom:0px solid #0f0f0f;}
  494. .posttitle a:hover {opacity:.7;}
  495.  
  496. .postbody {
  497. line-height:23px;
  498. text-align:justify;
  499. padding-bottom:40px;}
  500. .postbody p {padding:0px 30px;}
  501. .postbody img {width:100%; height:auto;}
  502.  
  503. .readmore {
  504. padding-top:30px;
  505. margin:20px 30px 0px 30px;
  506. text-align:center;}
  507. .readmore a {
  508. padding:10px 10px;
  509. font-family:'Montserrat', sans-serif;
  510. letter-spacing:3px;
  511. color:#888888;
  512. font-size:12px;
  513. text-transform:uppercase;
  514. padding-bottom:8px;
  515. background:#ffffff;
  516. border-style: solid;
  517. border-color: #888888;
  518. border-width:thin;
  519. }
  520. .readmore a:hover {color:#ffffff; background: #e89e8c; border-color: #ffffff;}
  521.  
  522. .postquote {
  523. text-align:center;
  524. text-transform:normal;
  525. font-family:'Libre Baskerville', serif;
  526. font-size:17.5px;
  527. letter-spacing:2px;
  528. line-height:25px;
  529. }
  530.  
  531. .postquoteb {
  532. width:10%;
  533. margin:10px auto;
  534. border-top:1px solid #0f0f0f;}
  535. .postquotes {
  536. color:#0f0f0f;
  537. text-align:center;
  538. font-size:10px;
  539. font-family:'Quicksand', sans-serif;
  540. text-transform:uppercase;
  541. letter-spacing:1px;}
  542. .postquotes a {border-bottom:0px solid #0f0f0f !important;}
  543.  
  544. .postchat ul {
  545. margin-top:20px;
  546. width:100%;
  547. list-style:none;
  548. margin-left:-40px;}
  549. .postchat li {
  550. margin-bottom:-1px;
  551. border:1px solid #f1f1f1;
  552. padding:8px 15px;}
  553. .chatlabel {
  554. font-weight:700;
  555. font-family:'Montserrat', sans-serif;
  556. text-transform:uppercase;
  557. letter-spacing:2px;
  558. font-size:10px;}
  559.  
  560. .postask {
  561. margin-top:20px;
  562. margin-bottom:20px;
  563. overflow:hidden;
  564. }
  565. .postaskl {
  566. float:left;
  567. width:60px;
  568. padding:20px;
  569. border-right:1px solid #f1f1f1;}
  570. .postaskl img {width:100%; height:auto;}
  571. .postaskr {
  572. margin-left:100px;
  573. padding:20px;
  574. text-align:left;}
  575. .postaskr span {
  576. line-height:20px;
  577. text-transform:uppercase;
  578. font-size:14px;
  579. letter-spacing:2px;
  580. color:{color:Titles};}
  581. .postaskr a {color:{color:Titles};}
  582. .postaskr p {
  583. font-family:'Arial';
  584. text-transform:normal;
  585. font-size:12.5px;
  586. letter-spacing:2px;
  587. line-height:20px;
  588. }
  589.  
  590. .postaudio {overflow:hidden; margin-bottom:20px;}
  591. .postaudiol {
  592. float:left;
  593. width:80px;}
  594. .postaudiol img {
  595. vertical-align:middle;
  596. display:block;
  597. width:100%;
  598. height:auto;}
  599. .postaudior {padding:23px 25px; background-color:#000;}
  600.  
  601. .postinfo {overflow:hidden; color:{color:Dates}; margin-top:10px;}
  602. .postinfo a {
  603. color:{color:Dates};
  604. border-bottom:0px;
  605. text-transform:uppercase;
  606. font-family:'Raleway', sans-serif;
  607. font-weight:bold;
  608. font-size:10px;
  609. letter-spacing:2px;
  610. margin:0px 15px;}
  611. .postinfo a:hover {opacity:.5;}
  612.  
  613. .postbox {
  614. padding:30px;
  615. background-color:{color:Post};
  616. {block:ifWiderPosts}width:700px;{/block:ifWiderPosts}
  617. {block:ifNotWiderPosts}width:500px;{/block:ifNotWiderPosts}
  618. margin-top:10px;}
  619.  
  620. .share a {
  621. margin-left:20px;
  622. }
  623.  
  624. .share {
  625. text-transform:uppercase;
  626. font-size:10px;
  627. letter-spacing:1px;
  628. border:1px solid {color:#ffffff};
  629. text-align:center;
  630. padding:5px 5px;
  631. margin-top:10px;
  632. }
  633.  
  634. #notes {
  635. background-color:{color:Post};
  636. {block:ifWiderPosts}width:700px;{/block:ifWiderPosts}
  637. {block:ifNotWiderPosts}width:500px;{/block:ifNotWiderPosts}
  638. margin-top:60px;
  639. padding:30px;
  640. text-transform:uppercase;
  641. font-family:'Montserrat', sans-serif;
  642. font-size:9px;
  643. letter-spacing:1px;
  644. text-align:left;}
  645. #notes a {border:0px;}
  646. #notestext {max-height:410px !important; overflow-y:auto;}
  647. ol.notes {
  648. list-style:none;
  649. margin:0px;
  650. padding:0px}
  651. ol.notes li {
  652. margin:0px;
  653. padding:5px 5px 2px 10px;}
  654. #notes img {
  655. vertical-align:middle;
  656. margin-right:10px;
  657. border:0px}
  658.  
  659. #navigation {overflow:hidden; padding-top:20px 0px;}
  660. #navigation a {
  661. border-bottom:0px solid #0f0f0f;
  662. padding:8px 15px;
  663. text-transform:uppercase;
  664. font-size:11px;
  665. font-weight:700;
  666. font-family:'Montserrat', sans-serif;
  667. letter-spacing:2px;
  668. color:#0f0f0f;}
  669. #navigation a:hover {opacity:.5;}
  670.  
  671. #bottom {
  672. width:100%;
  673. {block:PermalinkPage}margin-top:10px;
  674. {/block:PermalinkPage}
  675. padding-bottom:5px;
  676. background-color:{color:Bottom};
  677. padding-top:-10px;}
  678. .bcontent {width:900px; margin:0px auto;}
  679. .blinks {
  680. margin-top:20px;
  681. text-align:center;}
  682. .blinks a {
  683. font-weight:400;
  684. font-size:10px;
  685. text-transform:normal;
  686. letter-spacing:0px;
  687. margin:0px 15px;
  688. color:#fff;
  689. border-bottom:0px solid #0f0f0f;
  690. font-family:Verdana;}
  691. .blinks a:hover {opacity:.7;}
  692.  
  693. body#permalink #entries{
  694. margin-bottom:40px;
  695. width:1080px;
  696. float:center;
  697.  
  698. }
  699.  
  700. body#permalink #sidebar{
  701. display: none;
  702.  
  703. }
  704.  
  705. body#permalink #header{
  706. {block:ifFullWidthHeader}width:100%;{/block:ifFullWidthHeader}
  707. {block:ifNotFullWidthHeader} margin:80px auto 0px auto;
  708. {block:ifWiderPosts}width:1080px;{/block:ifWiderPosts}
  709. {block:ifNotWiderPosts}width:880px;{/block:ifNotWiderPosts}
  710. {block:ifNotFullWidthHeader}
  711. text-align:center;}
  712.  
  713. }
  714.  
  715. body#permalink #content{
  716. overflow:hidden;
  717. margin:0px auto;
  718. padding-top:60px;
  719. width:1000px;
  720. float:center;
  721.  
  722. }
  723.  
  724. body#permalink .post {
  725. padding:30px;
  726. background-color:{color:Post};
  727. width:1000px;
  728. {block:IndexPage}margin-bottom:80px;{/block:IndexPage}
  729. {block:PermalinkPage}margin-bottom:30px;{/block:PermalinkPage}
  730. text-align:justify;
  731. float:center;
  732. }
  733.  
  734. body#permalink #random {
  735. display:block;
  736. background: #fff;
  737. width:700px;;
  738. height: auto;
  739. padding: 10px;
  740. margin-left: 30px;
  741. bottom: 0px;
  742. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  743. -webkit-box-shadow: 0 0 5px
  744. rgba(0, 0, 0, .1);
  745. -goog-ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  746. box-shadow: 0 0 5px
  747. rgba(0, 0, 0, .1); }
  748.  
  749. body#permalink #notes {
  750. background-color:{color:Post};
  751. width:1000px;
  752. {block:ifNotWiderPosts}width:500px;{/block:ifNotWiderPosts}
  753. margin-top:60px;
  754. padding:30px;
  755. text-transform:uppercase;
  756. font-family:'Montserrat', sans-serif;
  757. font-size:9px;
  758. letter-spacing:1px;
  759. text-align:left;}
  760.  
  761. body#permalink .postbox {
  762. padding:30px;
  763. background-color:{color:Post};
  764. width:1000px;
  765. margin-top:20px;}
  766.  
  767. #ask_hide #ask { display: none; }
  768.  
  769. {CustomCSS}
  770. </style>
  771. </head>
  772.  
  773. <body>
  774.  
  775. <div id="fb-root"></div>
  776. <script>(function(d, s, id) {
  777. var js, fjs = d.getElementsByTagName(s)[0];
  778. if (d.getElementById(id)) return;
  779. js = d.createElement(s); js.id = id;
  780. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8";
  781. fjs.parentNode.insertBefore(js, fjs);
  782. }(document, 'script', 'facebook-jssdk'));</script>
  783.  
  784. <script type="text/javascript" src="http://radarurl.com/js/radarurl_widget.js"></script><script type="text/javascript">radarurl_call_radar_widgetv2({edition:"Dynamic",location:"leftbottom"})</script><noscript><a href="http://radarurl.com/">RadarURL</a></noscript>
  785.  
  786. <div id="fb-root"></div>
  787. <script>(function(d, s, id) {
  788. var js, fjs = d.getElementsByTagName(s)[0];
  789. if (d.getElementById(id)) return;
  790. js = d.createElement(s); js.id = id;
  791. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8";
  792. fjs.parentNode.insertBefore(js, fjs);
  793. }(document, 'script', 'facebook-jssdk'));</script>
  794.  
  795. <SCRIPT TYPE="text/javascript">
  796. <!--
  797. function clickIE() {if (document.all) {(message);return false;}}
  798. function clickNS(e) {if
  799. (document.layers||(document.getElementById&&!document.all)) {
  800. if (e.which==2||e.which==3) {(message);return false;}}}
  801. if (document.layers)
  802. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  803. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  804. document.oncontextmenu=new Function("return false")
  805. // -->
  806. </SCRIPT>
  807.  
  808. <div class="navigationbar">
  809.  
  810. <div class="cssnav">
  811. <li class="active"><a href="/">HOME</a></li>
  812. <li class="active"><a href="/message">Message</a></li>
  813.  
  814. <li class="sub"><a href='#'>ABOUT</a>
  815. <ul>
  816. <li><a href="/tagged/misskhaelife">Life Lately</a></li>
  817. <li><a href="/tagged/basically+khae">Basically Khae</a></li>
  818. <li><a href="/tagged/khaexpaul">Love Journal</a></li>
  819. <li><a href="/featured">Featured</a></li>
  820. </ul>
  821. <li class="sub"><a href="#">Categories</a>
  822. <ul>
  823. <li><a href="/tagged/beauty">Beauty</a></li>
  824. <li><a href="/tagged/food">Food</a></li>
  825. <li><a href="/tagged/health">Health</a></li>
  826. <li><a href="/tagged/travel">Travel</a></li>
  827. <li><a href="/tagged/fashion">Fashion</a></li>
  828. <li><a href="/tagged/coffee+shop">Cafe Shop</a></li></ul>
  829.  
  830. <li class="sub"><a href="#">Blogging</a>
  831. <ul>
  832. <li><a href="/tagged/misskhaewriting">Prose & Poetry</a></li>
  833. <li><a href="/tagged/misskhaeread">Book Hauls</a></li>
  834. <li><a href="/tagged/misskhaeletter">Open Letters</a></li></ul>
  835.  
  836. <li class="sub"><a href="#">Follow Me</a>
  837. <ul>
  838. <li><a href="#">Twitter</a></li>
  839. <li><a href="https://www.facebook.com/theurbanchix/">Facebook</a></li>
  840. <li><a href="#">Instagram</a></li></ul>
  841.  
  842. </div></div>
  843.  
  844. <div id="header">
  845. <div class="htitle">
  846.  
  847. <img src="http://static.tumblr.com/uefdlli/V7Yoif7t4/header.png" style="width:100%; display:block; height:auto;">
  848.  
  849.  
  850. </div>
  851. </div>
  852.  
  853. <img src="" style="margin-bottom:5px;" width="1080px" height="auto">
  854.  
  855.  
  856. <div id="content">
  857.  
  858. <div id="sidebar">
  859.  
  860. <div class="sbbox">
  861. <div class="sbtitle">Current Location: Dipolog, PH</div>
  862. <img src="http://www.kryzuy.com/wp-content/uploads/map-hk.png"></a>
  863. </div>
  864.  
  865. <div class="sbbox">
  866. <img src="{image:Sidebar}">
  867. <p><b>Urbanchix</b> is a small space of <a href="https://www.facebook.com/ohmisskhae">Khae Santiago</a> where she keeps her daily life adventures, musings, beauty discoveries, and everything that falls in between.</p>
  868. </div>
  869.  
  870.  
  871. <center><a href="http://www.topblogs.com.ph/personal/"><img style="border:none" src="http://www.topblogs.com.ph/track_53910.gif" alt="Personal - Top Blogs Philippines" /></a></center>
  872.  
  873. <div class="sbbox">
  874. <div class="sbtitle">Like me on Facebook</div>
  875. <div class="fb-page" data-href="https://www.facebook.com/theurbanchix/" data-width="250" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/theurbanchix/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/theurbanchix/">Urbanchix</a></blockquote></div>
  876. </div>
  877.  
  878. {block:ifShowSidebarIcons}<div class="sbbox">
  879. <div class="sbtitle">Connect</div>
  880. <div class="sbicons">
  881. {block:ifFacebookLink}<a href="{text:Facebook Link}">
  882. <i class="fa fa-facebook"></i></a>{/block:ifFacebookLink}
  883. {block:ifTwitterLink}<a href="{text:Twitter Link}">
  884. <i class="fa fa-twitter"></i></a>{/block:ifTwitterLink}
  885. {block:ifInstagramLink}<a href="{text:Instagram Link}">
  886. <i class="fa fa-instagram"></i></a>{/block:ifInstagramLink}
  887. {block:ifPinterestLink}<a href="{text:Pinterest Link}">
  888. <i class="fa fa-pinterest"></i></a>{/block:ifPinterestLink}
  889.  
  890. <a href="/archive"><i class="fa fa-rss" aria-hidden="true"></i></a>
  891. </div>
  892. </div>{/block:ifShowSidebarIcons}
  893.  
  894. <div class="sbbox">
  895. <div class="sbtitle">Twitter</div>
  896. <a class="twitter-timeline"
  897. href="https://twitter.com/ohmisskhae"
  898. data-height="600"
  899. data-chrome="nofooter"
  900. data-link-color="#e89e8c"
  901. data-border-color="#f3f3f3"
  902. data-chrome="noheader noscrollbar"
  903. data-tweet-limit="3"></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  904. </div>
  905.  
  906. <div class="sbbox">
  907. <div class="sbtitle">Instagram</div>
  908. <!-- SnapWidget -->
  909. <script src="https://snapwidget.com/js/snapwidget.js"></script>
  910. <iframe src="https://snapwidget.com/embed/296688" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; "></iframe><br>
  911. <style>.ig-b- { display: inline-block; }
  912. .ig-b- img { visibility: hidden; }
  913. .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
  914. .ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
  915. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  916. .ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
  917. <a href="https://www.instagram.com/misskhae/?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>
  918. </div>
  919.  
  920. {block:ifShowExtraSidebarBox2}<div class="sbbox">
  921. <div class="sbtitle">{text:Sidebar Extra Box 2 Title}</div>
  922. {text:Sidebar Extra Box 2 Content}
  923.  
  924.  
  925.  
  926. </div>{/block:ifShowExtraSidebarBox2}
  927.  
  928. <div class="sbbox">
  929. <div class="sbtitle">Advertisements</div>
  930. <!-- nuffnang -->
  931. <script type="text/javascript">
  932. nuffnang_bid = "e0e48075d88021163a4802596cd014db";
  933. document.write( "<div id='nuffnang_ss'></div>" );
  934. (function() {
  935. var nn = document.createElement('script'); nn.type = 'text/javascript';
  936. nn.src = '//synad3.nuffnang.com.ph/ss.js';
  937. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
  938. })();
  939. </script>
  940. <!-- nuffnang-->
  941. </div>
  942.  
  943. <!-- ADD MORE BOXES BELOW THIS -->
  944.  
  945. {block:ifShowExtraSidebarBox1}<div class="sbbox">
  946. <div class="sbtitle">{text:Sidebar Extra Box 1 Title}</div>
  947. {text:Sidebar Extra Box 1 Content}
  948. </div>{/block:ifShowExtraSidebarBox1}
  949.  
  950. </div>
  951.  
  952. <div id="entries">
  953.  
  954. {block:Posts}<div class="post">
  955.  
  956. {block:Quote}<div class="postbody">
  957. <div class="postquote">"{Quote}"</div>
  958. <div class="postquoteb"></div>
  959. <div class="postquotes">{Source}</div>
  960. </div>{/block:Quote}
  961.  
  962. {block:Text}
  963. {block:Title}<div class="posttitle"><a href="{Permalink}">
  964. {Title}</a></div>{/block:Title}
  965. {block:Date}<div class="postinfo">
  966. <div style="text-align:center; width:100%;">
  967. <a href="{Permalink}">{Day} {Month} {DayOfMonth}, {Year}</a>
  968. </div></div>{/block:Date}
  969. <div class="postbody">{Body}
  970. {block:More}<div class="readmore"><a href="{Permalink}">
  971. Keep Reading&nbsp;&#8594;</a></div>{/block:More}</div>
  972. {/block:Text}
  973.  
  974. {block:Link}
  975. {block:HasTags}<div class="posttags">
  976. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  977. </div>{/block:HasTags}
  978. <div class="posttitle"><a href="{URL}">{Name}&nbsp;&#8594;</a></div>
  979. {block:Description}<div class="postbody">
  980. {Description}</div>{/block:Description}
  981. {/block:Link}
  982.  
  983. {block:Chat}
  984. {block:HasTags}<div class="posttags">
  985. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  986. </div>{/block:HasTags}
  987. <div class="postchat"><ul>{block:Lines}
  988. <li class="person{UserNumber}">
  989. {block:Label}<span class="chatlabel">
  990. {Label}</span>{/block:Label}
  991. {Line}</li>
  992. {/block:Lines}</ul></div>
  993. {/block:Chat}
  994.  
  995. {block:Photo}
  996. {block:Date}<div class="postinfo">
  997. <div style="text-align:center; width:100%;">
  998. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  999. </div></div>{/block:Date}
  1000. <img src="{PhotoURL-HighRes}" style="width:100%; height:auto;">
  1001. {block:Caption}<div class="postbody">{Caption}
  1002. {block:More}<div class="readmore"><a href="{Permalink}">
  1003. Keep Reading&nbsp;&#8594;</a></div>{/block:More}
  1004. </div>{/block:Caption}
  1005. {/block:Photo}
  1006.  
  1007. {block:Photoset}
  1008. {block:ifWiderPosts}{Photoset-700}{/block:ifWiderPosts}
  1009. {block:ifNotWiderPosts}{Photoset-500}{/block:ifNotWiderPosts}
  1010. {block:Caption}<div class="postbody">{Caption}
  1011. {block:More}<div class="readmore"><a href="{Permalink}">
  1012. Keep Reading&nbsp;&#8594;</a></div>{/block:More}
  1013. </div>{/block:Caption}
  1014. {/block:Photoset}
  1015.  
  1016. {block:Video}
  1017. {block:ifWiderPosts}{Video-700}{/block:ifWiderPosts}
  1018. {block:ifNotWiderPosts}{Video-500}{/block:ifNotWiderPosts}
  1019. {block:HasTags}<div class="posttags">
  1020. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1021. </div>{/block:HasTags}
  1022. {block:Caption}<div class="postbody">{Caption}
  1023. {block:More}<div class="readmore"><a href="{Permalink}">
  1024. Keep Reading&nbsp;&#8594;</a></div>{/block:More}
  1025. </div>{/block:Caption}
  1026. {/block:Video}
  1027.  
  1028. {block:Audio}<div class="postaudio">
  1029. {block:AlbumArt}<div class="postaudiol">
  1030. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1031. <div class="postaudior" {block:AlbumArt}style="margin-left:100px;"{/block:AlbumArt}>
  1032. {AudioPlayerBlack}</div></div>
  1033. {block:HasTags}<div class="posttags">
  1034. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1035. </div>{/block:HasTags}
  1036. {block:Caption}<div class="postbody">
  1037. {Caption}</div>{/block:Caption}
  1038. {/block:Audio}
  1039.  
  1040. {block:Answer}
  1041. <div class="postask">
  1042. <div class="postaskl"><img src="{AskerPortraitURL-128}"></div>
  1043. <div class="postaskr">
  1044. <span>{Asker}:</span>
  1045. <p>{Question}</p></div></div>
  1046. <div class="postbody">{Answer}</div>
  1047. {/block:Answer}
  1048.  
  1049. {block:Audio}
  1050. {block:HasTags}<div class="posttags">
  1051. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1052. </div>{/block:HasTags}
  1053. {/block:Audio}
  1054.  
  1055. <div style="display:none;">
  1056. {block:ContentSource}<a href="{SourceURL}">
  1057. {lang:Source}:{SourceLink}</a>{/block:ContentSource}
  1058. {block:RebloggedFrom}<a title="" href="{ReblogParentURL}">
  1059. {ReblogParentName}</a>{/block:RebloggedFrom}
  1060. </div>
  1061.  
  1062. <div class="share">
  1063.  
  1064. <a href="http://twitter.com/intent/tweet?status={TITLE}+{Permalink}">
  1065. <i class="fa fa-twitter" aria-hidden="true"></i>
  1066. </a>
  1067. <a href="http://www.facebook.com/sharer.php?u=/node/[nid]&p={TITLE}">
  1068. <i class="fa fa-facebook" aria-hidden="true"></i>
  1069. </a>
  1070. <a href="https://plus.google.com/share?url={Permalink}">
  1071. <i class="fa fa-google-plus" aria-hidden="true"></i>
  1072. </a>
  1073. <a href="http://pinterest.com/pin/create/button/?url=/node/[nid]&description={TITLE}">
  1074. <i class="fa fa-pinterest" aria-hidden="true"></i>
  1075. </a>
  1076. <a href="{ReblogURL}">
  1077. <i class="fa fa-refresh" aria-hidden="true"></i>
  1078. </a>
  1079. </div>
  1080.  
  1081. {block:Date}<div class="postinfo">
  1082. <div style="float:left; width:50%;">
  1083. {block:NoteCount} <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  1084. <div style="margin-left:50%; text-align:right;">
  1085. {block:ifShowDisqus}<a href="{Permalink}#disqus_thread">Leave Comment</a>{/block:ifShowDisqus}</div>
  1086. </div>{/block:Date}
  1087. </div>
  1088.  
  1089. {block:ifShowDisqus}{block:PermalinkPage}
  1090. {block:Date}<div class="postbox">
  1091. <div id="disqus_thread"></div>
  1092. <script type="text/javascript">
  1093. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1094. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options
  1095. var disqus_url = '{Permalink}';
  1096.  
  1097. /* * * DON'T EDIT BELOW THIS LINE * * */
  1098. (function() {
  1099. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1100. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1101. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1102. })();
  1103. </script>
  1104. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1105. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1106. </a></div>{/block:Date}
  1107.  
  1108. {/block:PermalinkPage}{/block:ifShowDisqus}
  1109.  
  1110. {block:PostNotes}<div id="notes">
  1111. <div class="posttitle" stye="padding-bottom:10px;"><a>POST NOTES</a></div>
  1112. <div id="notestext">{PostNotes}</div>
  1113. </div>{/block:PostNotes}
  1114. <body{block:Permalink} id="permalink"{/block:Permalink}>
  1115.  
  1116. {/block:Posts}</div>
  1117.  
  1118. {block:Pagination}<div id="navigation">
  1119. {block:NextPage}<div style="float:right; display:inline-block;">
  1120. <a title="" href="{NextPage}">older posts &#10095;</a>
  1121. </div>{/block:NextPage}
  1122. {block:PreviousPage}<div style="float:left; display:inline-block;">
  1123. <a title="" href="{PreviousPage}">&#10094; newer posts</a>
  1124. </div>{/block:PreviousPage}
  1125. </div>{/block:Pagination}
  1126.  
  1127. </div></div>
  1128.  
  1129. <div id="bottom">
  1130. <div class="bcontent">
  1131. {text:Instagram Widget Codes}
  1132. <div class="blinks">
  1133. <a href="/">Copyright 2012. Khae Santiago. All Rights Reserved. Theme by MD.</a>
  1134. </div></div>
  1135. </div><!-- END BOTTOM -->
  1136.  
  1137. <script type="text/javascript">
  1138. var disqus_shortname = '{text:Disqus Shortname}';
  1139.  
  1140. (function () {
  1141. var s = document.createElement('script'); s.async = true;
  1142. s.type = 'text/javascript';
  1143. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1144. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1145. }());
  1146. </script>
  1147.  
  1148. <body onkeydown="return false">
  1149.  
  1150. <center>
  1151. <div id="ask_hide">
  1152. <div id="ask">
  1153. I don't publish everything, so if you just want to say something about a particular post on my blog, <a href="http://oohmisskhae.tumblr.com/message"><b>do this instead.</b></a>
  1154. </div>
  1155. </div>
  1156. </center>
  1157.  
  1158. <script type="text/javascript">
  1159. $('#ask_form').after($('#ask'));
  1160. </script>
  1161.  
  1162. <BODY onselectstart="return false;" ondragstart="return false;">
  1163.  
  1164. </body>
  1165. </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!