API tools faq
paste
Advertisement
lizarps

Theme #012 In 'n' Out

lizarps
Oct 26th, 2016
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10. <!--- theme by lcstmyhead
  11. please follow the rules thank u !!
  12. --->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#a8a8a8"/>
  16. <meta name="color:sidebar links" content="#b8b8b8"/>
  17. <meta name="color:border" content="#f2f2f2"/>
  18. <meta name="color:hover" content="#f2f2f2"/>
  19. <meta name="color:scrollbar" content="#f2f2f2"/>
  20. <meta name="color:links" content="#a1a1a1"/>
  21. <meta name="color:tags" content="#c0bfbf" />
  22. <meta name="color:entries bg" content="#f8f8f8" />
  23. <meta name="color:post bg" content="#ffffff"/>
  24. <meta name="color:sidebar bg" content="#f6f6f6"/>
  25. <meta name="color:accent" content="#a8a8a8"/>
  26. <meta name="color:italic" content="#888888"/>
  27.  
  28. <meta name="image:header" content=""/>
  29. <meta name="image:background" content=""/>
  30. <meta name="image:icon" content=""/>
  31.  
  32. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  33.  
  34. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
  35.  
  36. <script src="https://use.fontawesome.com/255525e9a0.js"></script>
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41.  
  42. <meta name="color:Updates Tab Navicon" content="#000"/>
  43. <meta name="color:Updates Tab BG" content="#fff"/>
  44. <meta name="color:Updates Tab Border" content="#fff"/>
  45. <meta name="color:Updates Tab Accent" content="#f8eeef"/>
  46. <meta name="color:Updates Tab Icons" content="#000"/>
  47. <meta name="color:Updates Tab Title" content="#000"/>
  48. <meta name="color:Updates Tab Content" content="#6d6d6d"/>
  49. <meta name="color:Updates Tab Link" content="#000"/>
  50. <meta name="color:Updates Tab Link Hover" content="#f8dcdd"/>
  51. <meta name="color:Updates Tab Link Border" content="#f8dcdd"/>
  52.  
  53. <meta name="select:Updates Tab Title" content="Muli" title="Muli"/>
  54. <meta name="select:Updates Tab Title" content="Hind" title="Hind"/>
  55. <meta name="select:Updates Tab Title" content="Roboto" title="Roboto"/>
  56. <meta name="select:Updates Tab Title" content="Inconsolata" title="Inconsolata"/>
  57. <meta name="select:Updates Tab Title" content="Lato" title="Lato"/>
  58. <meta name="select:Updates Tab Title" content="Karla" title="Karla">
  59. <meta name="select:Updates Tab Title" content="Vollkorn" title="Vollkorn"/>
  60. <meta name="select:Updates Tab Title" content="Playfair Display" title="Playfair Display">
  61. <meta name="select:Updates Tab Title" content="Cardo" title="Cardo"/>
  62.  
  63. <meta name="if:Updates Tab Top Left" content="1"/>
  64. <meta name="if:Updates Tab Top Right" content="0"/>
  65. <meta name="if:Updates Tab Bottom Left" content="0"/>
  66. <meta name="if:Updates Tab Bottom Right" content="0"/>
  67. <meta name="if:Reveal Updates tab on click" content="0"/>
  68.  
  69. <style type="text/css">
  70.  
  71. /* updates tab */
  72.  
  73. #updates_navicon {
  74. position:fixed;
  75. z-index:9999999999999999999;
  76. {block:ifUpdatesTabTopLeft}left:20px; top:20px;{/block:ifUpdatesTabTopLeft}
  77. {block:ifUpdatesTabTopRight}right:20px; top:35px;{/block:ifUpdatesTabTopRight}
  78. {block:ifUpdatesTabBottomLeft}left:20px; bottom:20px;{/block:ifUpdatesTabBottomLeft}
  79. {block:ifUpdatesTabBottomRight}right:20px; bottom:20px;{/block:ifUpdatesTabBottomRight}
  80. }
  81.  
  82. #updates {
  83. position:fixed;
  84. {block:ifUpdatesTabTopLeft}left:35px; top:35px;{/block:ifUpdatesTabTopLeft}
  85. {block:ifUpdatesTabTopRight}right:35px; top:50px;{/block:ifUpdatesTabTopRight}
  86. {block:ifUpdatesTabBottomLeft}left:35px; bottom:35px;{/block:ifUpdatesTabBottomLeft}
  87. {block:ifUpdatesTabBottomRight}right:35px; bottom:35px;{/block:ifUpdatesTabBottomRight}
  88. width:180px;
  89. height:auto;
  90. padding:5px 8px 5px 5px;
  91. text-align:justify;
  92. z-index:9999999999999999999;
  93. border:1px solid {color:Updates Tab Border};
  94. background-color:{color:Updates Tab BG};
  95. {block:ifRevealUpdatesTabonclick}display:none;{/block:ifRevealUpdatesTabonclick}
  96. }
  97.  
  98. #updates a, #updates a:visited {
  99. color:{color:Updates Tab Link};
  100. text-decoration:none;
  101. border-bottom:1px solid {color:Updates Tab Link Border};
  102. -webkit-transition-duration: .5s;
  103. -moz-transition-duration: .5s;
  104. -o-transition-duration: .5s;
  105. transition-duration: .5s;
  106. }
  107.  
  108. #updates a:hover {
  109. color:{color:Updates Tab Link Hover};
  110. text-decoration:none;
  111. -webkit-transition-duration: .5s;
  112. -moz-transition-duration: .5s;
  113. -o-transition-duration: .5s;
  114. transition-duration: .5s;
  115. }
  116.  
  117. #updates ul {list-style-type:none; margin:0 0 0 -40px;}
  118.  
  119. #updates ul > li:before {content:'—'; margin-right:5px;}
  120.  
  121. #updates ul > li li:before {margin-left:10px;}
  122.  
  123. .ui {display:inline-block;}
  124.  
  125. .updates_icon {text-align:center; display:table;}
  126.  
  127. @keyframes spin {to{transform:rotateZ(720deg)}}
  128.  
  129. .iconwrap:hover > i {animation:spin 3000ms;}
  130.  
  131. .iconspin {display:inline-block; transform-origin:50% 50%;}
  132.  
  133. #updates .fa:not(.fa-navicon) {
  134. display:table-cell;
  135. vertical-align:middle;
  136. width:10px;
  137. height:10px;
  138. background-color:{color:Updates Tab Accent};
  139. padding:8px;
  140. color:{color:Updates Tab Icons};
  141. font-size:10px;
  142. -webkit-border-radius:20px;
  143. -moz-border-radius:20px;
  144. border-radius:20px;
  145. }
  146.  
  147. #updates_navicon .fa-navicon {font-size:10px;}
  148.  
  149. .updates_title {
  150. display:inline-block;
  151. margin-left:-6px;
  152. margin-top:4px;
  153. width:80%;
  154. padding-left:8px;
  155. vertical-align:top;
  156. font:bold 13px {select:Updates Tab Title};
  157. letter-spacing:1px;
  158. text-transform:lowercase;
  159. border-bottom:1px solid {color:Updates Tab Accent};
  160. color:{color:Updates Tab Title};
  161. }
  162.  
  163. .updates_title:after, .container_content:last-of-type:after {
  164. content:'';
  165. width:6px;
  166. height:6px;
  167. background-color:{color:Updates Tab Accent};
  168. -webkit-border-radius:20px;
  169. -moz-border-radius:20px;
  170. border-radius:20px;
  171. }
  172.  
  173. .updates_title:after {
  174. position:absolute;
  175. right:0;
  176. margin:13px 10px 0 0;
  177. }
  178.  
  179. .container_content {
  180. display:block;
  181. border-left:1px solid {color:Updates Tab Accent};
  182. margin-left:12px;
  183. margin-top:-6px;
  184. padding:0 2px;
  185. }
  186.  
  187. .container_content:last-of-type {margin-bottom:-2px;}
  188.  
  189. .container_content:last-of-type:after {
  190. display:block;
  191. margin-left:-5px;
  192. margin-top:-9px;
  193. }
  194.  
  195. .updates_content {
  196. padding:8px 2px 10px 7px;
  197. font-size:8px;
  198. text-transform:uppercase;
  199. letter-spacing:1px;
  200. color:{color:Updates Tab Content};
  201. }
  202.  
  203. ::-webkit-scrollbar-thumb {
  204. height:auto;
  205. background-color:{color:Scrollbar};
  206. }
  207.  
  208. ::-webkit-scrollbar {
  209. height:9px;
  210. width:3px;
  211. background-color:#ffffff;
  212. z-index:999;
  213. }
  214.  
  215. body {
  216. background:{color:background};
  217. margin:0px;
  218. color:{color:text};
  219. font-family:calibri;
  220. font-size:10px;
  221. line-height:100%;
  222. letter-spacing:0px;
  223. text-align:justify;
  224. background-image:url('{image:background}');
  225.  
  226. }
  227.  
  228. a {
  229. text-decoration:none;
  230. outline:none;
  231. -moz-outline-style:none;
  232. color:{color:Links};
  233. }
  234.  
  235. img {
  236. border:none;
  237. max-width:100%;
  238. height:auto;
  239. }
  240.  
  241. img a{
  242. border:none;
  243. max-width:100%;
  244. height:auto;
  245. }
  246.  
  247. blockquote {
  248. padding-left:5px;
  249. border-left:2px solid;
  250. }
  251.  
  252. blockquote img {
  253. max-width:100%;
  254. height:auto;
  255. }
  256.  
  257. blockquote blockquote {
  258. padding-left:5px;
  259. border-left:2px solid;
  260. }
  261.  
  262. h1 {
  263. font-size:16px;
  264. letter-spacing:2px;
  265. text-transform:lowercase;
  266. font-style:bold;
  267. line-height:15px;
  268. text-align:left;
  269. padding:0px;
  270. color:{color:sidebar links};
  271. font-family:sans-serif;
  272. }
  273.  
  274. h2 {
  275. font-size:13px;
  276. letter-spacing:1px;
  277. text-transform:lowercase;
  278. line-height:13px;
  279. text-align:left;
  280. color:{color:italic};
  281. }
  282.  
  283. a:hover {
  284. color:#000000;
  285. -moz-transition-duration:0.3s;
  286. -webkit-transition-duration:0.3s;
  287. -o-transition-duration:0.3s;
  288. }
  289.  
  290. b, strong {
  291. color: {color:accent};
  292. }
  293.  
  294. i, em,italic {
  295. color: {color:italic};
  296. }
  297.  
  298. s, strike {
  299. color: {color:accent};
  300. }
  301.  
  302. u,underline {
  303. color: {color:italic};
  304. }
  305.  
  306. /*HEADER IMG*/
  307. #header {
  308. background-color:#fff;
  309. position:fixed;
  310. margin-top:8px;
  311. margin-left:350px;
  312. width:720px;
  313. height:175px;
  314. }
  315.  
  316. /*ENTRIES*/
  317.  
  318. #entries {
  319. padding:10px;
  320. width:420px;
  321. margin-left:600px;
  322. margin-top:225px;
  323. font-size:10px;
  324. font-family:'arial';
  325. letter-spacing:0px;
  326. padding-bottom:5px;
  327. padding-right:10px;
  328. height: 300px;
  329. overflow:auto;
  330. background-color:{color:entries bg};
  331. position:fixed;
  332. }
  333.  
  334. #post {
  335. width:400px;
  336. margin-bottom:40px;
  337. padding:10px;
  338. height: auto;
  339. background-color:{color:post bg};
  340. }
  341.  
  342.  
  343. /*SIDEBAR*/
  344.  
  345. #sidebar {
  346. position:fixed;
  347. margin-left:350px;
  348. margin-top:190px;
  349. padding-top:10px;
  350. padding-left:10px;
  351. padding-right:10px;
  352. padding-bottom:10px;
  353. width:700px;
  354. height:390px;
  355. background-color:{color:sidebar bg};
  356. }
  357.  
  358. #description {
  359. border:10px solid {color:sidebar bg};
  360. height:200px;
  361. overflow:auto;
  362. font-family:'arial';
  363. width:200px;
  364. font-size:10px;
  365. text-transform:none;
  366. color:{color:text};
  367. line-height:13px;
  368. margin-top:15px;
  369. margin-left:10px;
  370. text-align:justify;
  371. padding:5px;
  372. line-height:17px;
  373. letter-spacing:2px;
  374. padding-top:none;
  375. border-left:0px;
  376. padding-left:none;
  377. font-weight:normal;
  378. font-size:8px;
  379. color:{color:desctext};
  380. background:{color:container};
  381. z-index:999;
  382. -webkit-transition:all 0.7s ease-in-out;
  383. -moz-transition:all 0.7s ease-in-out;
  384. -o-transition:all 0.7s ease-in-out;
  385. transition:all 0.7s ease-in-out;
  386. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  387. }
  388.  
  389. #description a {
  390. font-size:9px;
  391. font-family:'Arial';
  392. color:{color:links};
  393. }
  394.  
  395. .links {
  396. width:230px;
  397. height:220px;
  398. margin-left:355px;
  399. margin-top:350px;
  400. padding-top:130px;
  401. padding-bottom:130px;
  402. font-size:15px;
  403. text-align:center;
  404. position:fixed;
  405. }
  406.  
  407. .links a {
  408. background:#f8eeef;
  409. border-radius:50%;
  410. color:{color:Hover};
  411. padding:10px;
  412. }
  413.  
  414. .links a:hover {
  415. -moz-transition-duration:0.3s;
  416. -webkit-transition-duration:0.3s;
  417. -o-transition-duration:0.3s;
  418. color:{color:Hover};
  419. padding:10px;
  420. }
  421.  
  422. .pagination{
  423. position:fixed;
  424. margin-left:350px;
  425. margin-top:528px;
  426. width:247px;
  427. text-align:center;
  428. height:10px;
  429. padding:5px;
  430. padding-bottom:7px;
  431. padding-top:5px;
  432. font-weight:bold;
  433. z-index:99;
  434. color:{color:scrollbarbg};
  435. background:{color:sidebar bg};
  436. text-transform:uppercase;
  437. }
  438.  
  439. .pagination a {
  440. display:inline-block;
  441. text-align:center;
  442. width:auto;
  443. color:{color:scrollbarbg};
  444. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  445. font-family:'arial';
  446. padding:1px;
  447. z-index:99999999999;
  448. }
  449.  
  450. .pagination a:hover{
  451. text-decoration:none;
  452. font-style:italic;
  453. color:{color:hover};
  454. -webkit-transition:all 0.5s ease-in-out;
  455. -moz-transition:all 0.5s ease-in-out;
  456. -o-transition:all 0.5s ease-in-out;
  457. transition:all 0.5s ease-in-out;
  458. }
  459.  
  460.  
  461. #title {
  462. width:705px;
  463. background-color:#ffffff;
  464. text-transform:uppercase;
  465. letter-spacing:2px;
  466. position:fixed;
  467. padding:5px;
  468. padding-left:10px;
  469. padding-bottom:8px;
  470. text-align:left;
  471. font-weight:bold;
  472. margin-top:-30px;
  473. margin-left:-10px;
  474. z-index:999;
  475. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  476. }
  477.  
  478. /*POST INFO*/
  479.  
  480. #info {
  481. width:400px;
  482. text-align:right;
  483. font-size:8px;
  484. font-style:none;
  485. padding-top:10px;
  486. padding-bottom:10px;
  487. line-height:10px;
  488. letter-spacing:1px;
  489. text-transform:lowercase;
  490. border-top: 1px #f4f4f4 solid;
  491. }
  492.  
  493. #info a {
  494. color:{color:Links};
  495. }
  496.  
  497. #info a:hover {
  498. -moz-transition-duration:0.3s;
  499. -webkit-transition-duration:0.3s;
  500. -o-transition-duration:0.3s;
  501. color:{color:Hover}
  502. }
  503.  
  504. #tags {
  505. float:right;
  506. width:390px;
  507. margin-right:0px;
  508. margin-top:-5px;
  509. text-align:right;
  510. font-size:7px;
  511. padding:5px;
  512. font-size:8px;
  513. opacity:1;
  514. transition-duration: 0.5s;
  515. -moz-transition-duration: 0.5s;
  516. -webkit-transition-duration: 0.5s;
  517. -o-transition-duration: 0.5s
  518. color:{color:Tags};
  519. background-color:{color:post bg};
  520. }
  521.  
  522. #tags a {
  523. letter-spacing:0px;
  524. font-size:8px;
  525. text-align:center;
  526. text-decoration:none;
  527. display:inline-block;
  528. color:{color:Tags};
  529. }
  530.  
  531. #tags a:hover {
  532. background-color:#fff;
  533. -moz-transition-duration:0.3s;
  534. -webkit-transition-duration:0.3s;
  535. -o-transition-duration:0.3s;
  536. color:{color:Hover};
  537. }
  538.  
  539. ol.notes{
  540. list-style-type:none;
  541. }
  542.  
  543. ol.notes li.note img{
  544. display:none;
  545. }
  546.  
  547. /*QUESTION*/
  548.  
  549. .question {
  550. padding:10px;
  551. padding-left:12px;
  552. text-align:justify;
  553. text-transform:italic;
  554. color:{color:text};
  555. background-color: #f5f5f5;
  556. border-left:3px solid #e5e5e5;
  557. line-height:120%;
  558. }
  559.  
  560. .question img {
  561. padding:2px;
  562. background-color:#f5f5f5;
  563. padding-right:8px;
  564. }
  565.  
  566. .answer {
  567. text-align:left;
  568. padding-top:5px;
  569. color:{color:text};
  570. }
  571.  
  572. /*AUDIO*/
  573.  
  574. .player {
  575. width:25px;
  576. height:25px;
  577. overflow:hidden;
  578. position:absolute;
  579. background:white;
  580. }
  581.  
  582. .audioinfo {
  583. margin-left:50px;
  584. padding-bottom:15px;
  585. padding-top:3px;
  586. text-transform:uppercase;
  587. font-size:9px;
  588. letter-spacing:2px;
  589. }
  590.  
  591.  
  592. /*CREDIT*/
  593.  
  594. #cred {
  595. position:fixed;
  596. right:9px;
  597. bottom:9px;
  598. padding:4px;
  599. }
  600.  
  601. /*HOVER TEXT*/
  602.  
  603. div#qTip {
  604. border:0px dotted #fff;
  605. padding: 3px;
  606. display: none;
  607. margin-left:10px;
  608. margin-top:-25px;
  609. text-align: center;
  610. font-style:normal;
  611. background:#fff;
  612. opacity:0.9;
  613. font-weight:400;
  614. position: absolute;
  615. text-transform:uppercase;
  616. font-size:7.5px;
  617. line-height:10px;
  618. z-index: 9999999;
  619. color: {color:text};
  620. letter-spacing: 0.5px;}
  621.  
  622. {CustomCSS}</style></head><body>
  623.  
  624. <div id="updates_navicon"><i class="fa fa-navicon" aria-hidden="true"></i></div>
  625. <div id="updates">
  626.  
  627.  
  628. <!---------------
  629.  
  630. 1. To install a new icon, visit http://fontawesome.io/icons/ and paste the name of your chosen icon over an existing one in the code, e.g. 'bookmark', 'clock-o', etc. I highly suggest choosing icons that have approximately the same width and height, otherwise they will have different background shapes = not pretty.
  631.  
  632. 2. To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 6 -- >"
  633.  
  634. --------------->
  635.  
  636.  
  637. <!-- section 1 -->
  638. <div class="ui"><div class="updates_icon iconwrap">
  639. <i class="fa fa-bookmark fa-fw iconspin" aria-hidden="true"></i>
  640. </div></div>
  641. <div class="updates_title">
  642. welcome<!-- your title here -->
  643. </div>
  644. <div class="container_content"><div class="updates_content">
  645. Welcome to morrisonsrph!<!-- your text here -->
  646. </div></div>
  647. <!-- end section 1 -->
  648.  
  649.  
  650. <!--section 2-->
  651. <div class="ui"><div class="updates_icon iconwrap">
  652. <i class="fa fa-clock-o fa-fw iconspin" aria-hidden="true"></i>
  653. </div></div>
  654. <div class="updates_title">
  655. updates <!-- your title here -->
  656. </div>
  657. <div class="container_content"><div class="updates_content">
  658. <!-- you can create lists like so: -->
  659. <ul>
  660. <li>08/30; opened shoutouts</li>
  661. <li>08/01; opened makeovers</li>
  662. <li>08/01; new theme</li>
  663. </ul>
  664. <!-- end list -->
  665. </div></div>
  666.  
  667.  
  668. <!--section 3-->
  669. <div class="ui"><div class="updates_icon iconwrap">
  670. <i class="fa fa-book fa-fw iconspin" aria-hidden="true"></i>
  671. </div></div>
  672. <div class="updates_title">
  673. to do list <!-- your title here -->
  674. </div>
  675. <div class="container_content"><div class="updates_content">
  676. <!-- you can insert links like so: -->
  677. <ul>
  678. <li>theme makeover <b><a href="http://westchesterhq.tumblr.com/">x</a></b></li>
  679. <li>update my own theme</li>
  680. </ul>
  681. <!-- end link -->
  682. </div></div>
  683.  
  684.  
  685. <!--section 4-->
  686. <div class="ui"><div class="updates_icon iconwrap">
  687. <i class="fa fa-umbrella fa-fw iconspin" aria-hidden="true"></i>
  688. </div></div>
  689. <div class="updates_title">
  690. closed <!-- your title here -->
  691. </div>
  692. <div class="container_content"><div class="updates_content">
  693. <ul>
  694. <li>certain graphics</li>
  695. </ul><!-- your text here -->
  696. </div></div>
  697.  
  698.  
  699. <!--section 5-->
  700. <div class="ui"><div class="updates_icon iconwrap">
  701. <i class="fa fa-leaf fa-fw iconspin" aria-hidden="true"></i>
  702. </div></div>
  703. <div class="updates_title">
  704. upcoming <!-- your title here -->
  705. </div>
  706. <div class="container_content"><div class="updates_content">
  707. <ul>
  708. <li>themes</li>
  709. <li>character psds</li>
  710. <li>name posts</li>
  711. <li>psds</li>
  712. </ul>
  713. </div></div>
  714.  
  715.  
  716. <!-- section 6 -->
  717. <div class="ui"><div class="updates_icon iconwrap">
  718. <i class="fa fa-key fa-fw iconspin" aria-hidden="true"></i>
  719. </div></div>
  720. <div class="updates_title">
  721. requests <!-- your title here -->
  722. </div>
  723. <div class="container_content"><div class="updates_content">
  724. <ul>
  725. <li><a href="http://morrisonsrph.tumblr.com/ask">request a thing</a></li>
  726. <li><a href="http://morrisonsrph.tumblr.com/wid">complete wid</a></li>
  727. <li><a href="http://morrisonsrph.tumblr.com/todo">to do list</a></a>
  728. </ul><!-- your text here -->
  729. </div></div>
  730. <!-- end section 6 -->
  731. </div>
  732.  
  733. <!-- SIDEBAR -->
  734. <div id="header"><img src="{image:header}"></div></div>
  735. <div id="sidebar">
  736.  
  737. <!--- TITLE -->
  738.  
  739. <div id="title">jennifairy;&nbsp;I <i><u>L O V E</i></u> &nbsp;in <i>'n'</i> out burgers <b><i>!</b></i></div>
  740.  
  741.  
  742. <!-- DESCRIPTION -->
  743.  
  744. <div id="description"><img align="left" src="http://i68.tinypic.com/etxzj9.png" style="padding:5px; border:1px solid #f4e8e9; height:50px; width:50px; margin-right:10px;"/><p style="margin-top:-5px"><h5></h5>+LIZZIE / 中国;</h5><br>
  745. <u>Welcome</u> and <em>thank you</em> for joining me on my blog! You'll be finding plenty of resources; html help, psd's, character graphics, themes and more here! Please check my WID and to-do lists before requesting, just to be sure things are open. I try to get to requests as quickly as possible, but sometimes I just can't do them, or I'm havin' a life, y'know...? What can ya do!<center>[ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5249363";
  746. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  747. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  748. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  749. </script>
  750. ] && [ <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3109529";
  751. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  752. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  753. </script>
  754. ]</center>
  755. </div></div>
  756. <div class="pagination">
  757. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK&nbsp;/&nbsp;</a>{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  758. </div>
  759.  
  760. <!-- SIDEBAR LINKS -->
  761.  
  762. <div class="links">
  763. <a href="/"><i class="fa fa-home"></i></a>&nbsp;<a href="/ask"><i class="fa fa-envelope" aria-hidden="true"></i></a>&nbsp;<a href="/nav"><i class="fa fa-tags" aria-hidden="true"></i></a>&nbsp;<a href="/mine"><i class="fa fa-paw" aria-hidden="true"></i></a>&nbsp;<a href="/wid"><i class="fa fa-star" aria-hidden="true"></i></a></div>
  764. </div>
  765.  
  766. <!-- POSTS -->
  767.  
  768. <div id="entries">
  769.  
  770. {block:Posts}
  771. {block:NoRebloggedFrom}
  772. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  773. {/block:NoRebloggedFrom}
  774. {block:ContentSource}<!-- {SourceURL}
  775. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  776. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  777. {/block:ContentSource}
  778.  
  779. <div id="post">
  780.  
  781. <!-- TEXT -->
  782.  
  783. {block:Text}
  784. <h1>{block:Title}{Title}{/block:Title}</h1>
  785. {Body}{/block:Text}
  786.  
  787. <!-- PHOTO -->
  788.  
  789. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="padding-bottom:10px;">{LinkCloseTag}
  790. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  791.  
  792. <!-- PHOTOSET -->
  793.  
  794. {block:Photoset}{Photoset-400}{block:Caption}{Caption}
  795. {/block:Caption}{/block:Photoset}
  796.  
  797. <!-- QUOTE -->
  798.  
  799. {block:Quote}<h2>"{Quote}"</h2>
  800. {block:Source}<div class="qsource" style="padding-bottom:5px;"><i class="fa fa-star fa-1x" style="font-size:9px; padding-right:5px;"></i>{Source}</div>
  801. {/block:Source}{/block:Quote}
  802.  
  803. <!-- LINK -->
  804.  
  805. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  806.  
  807. <!-- CHAT -->
  808.  
  809. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<p>{block:Lines}{block:Label}<b><font style="text-transform: uppercase; font-size: 10px;">{Label}</font></b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  810.  
  811. <!-- AUDIO -->
  812.  
  813. {block:Audio}
  814. <div class="player">{AudioPlayerWhite}</div>
  815. <div class="audioinfo">
  816. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  817. </div>
  818. {/block:Audio}
  819.  
  820. <!-- VIDEO -->
  821.  
  822. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  823.  
  824. <!-- ANSWER -->
  825.  
  826. {block:Answer}<div class="question"><img src="{AskerPortraitURL-48}" style="float:left; border-radius:50%;">{ASKER}:<br><i>{Question}</i></div><div class="answer">{Answer}</div>{/block:answer}
  827.  
  828. <!-- POST INFO -->
  829.  
  830. <div id="info">
  831.  
  832. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  833. <i class="fa fa-heart fa-1x" style="font-size:6px;"></i>
  834.  
  835. {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}
  836.  
  837. {block:PostNotes}<left>{PostNotes}</left>{/block:PostNotes}
  838.  
  839. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet fa-1x" style="font-size:9px; padding-right:7px;"></i></a>
  840.  
  841. {block:HasTags}<div id="tags" style="padding-right:7px;">
  842. {block:Tags}<i class="fa fa-tags fa-1x" style="font-size:6px;"></i><a href="/tagged/{Tag}">&nbsp;{Tag}</a>&nbsp;{/block:Tags}
  843. </div>{block:HasTags}
  844.  
  845. </div>
  846.  
  847. </div>
  848.  
  849. {/block:Posts}
  850.  
  851.  
  852.  
  853. <!-- CREDIT -->
  854.  
  855. <div id="cred">
  856. <a href="http://lcstmyhead.tumblr.com/"><img src="http://media.tumblr.com/4f8c975a47cc207f199dc010c3b1ab6b/tumblr_inline_misjmp4Fsf1qz4rgp.gif"></a>
  857. </div>
  858. </div>
  859. </div>
  860.  
  861.  
  862.  
  863. </body></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!