API tools faq
paste
Advertisement
parkz94

Untitled

parkz94
May 5th, 2016
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.26 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <html>
  4. <head>
  5. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5286764";
  6. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  7. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  8. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  9. </script>
  10.  
  11. <title>{block:PostTitle}{PostTitle} -{/block:PostTitle} {Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  14. <meta name="text:Link 1" content="" />
  15. <meta name="text:Link 1 Title" content="" />
  16. <meta name="text:Link 2" content="" />
  17. <meta name="text:Link 2 Title" content="" />
  18. <meta name="text:Link 3" content="" />
  19. <meta name="text:Link 3 Title" content="" />
  20. <meta name="text:Link 4" content="" />
  21. <meta name="text:Link 4 Title" content="" />
  22. <meta name="text:Link 5" content="" />
  23. <meta name="text:Link 5 Title" content="" />
  24. </head>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>
  27.  
  28. <style type="text/css">
  29. body {
  30. color: #000000;
  31. background:url('http://i.imgur.com/HKa2ruY.png') repeat #FFFFFF;
  32. background-attachment:fixed;
  33.  
  34.  
  35. font:10px Helvetica, Arial, Tahoma, Verdana;
  36. margin: 0;
  37. text-align:center;
  38. }
  39.  
  40.  
  41. #title {
  42. width:678px;
  43. font-size:160%;
  44. text-align:left;
  45. margin:0 auto;
  46. }
  47.  
  48. a, a:visited, a:active {
  49. color: #191919;
  50. text-decoration: none;
  51. }
  52.  
  53. a:hover {
  54. color: #666;
  55. text-decoration: none;
  56. }
  57.  
  58. a img {
  59. border: 0;
  60. }
  61.  
  62.  
  63.  
  64. ul, ol, blockquote {
  65. padding-left: 0.50em;
  66. margin-left: 2.5em;
  67. }
  68.  
  69. blockquote {
  70. display: block;
  71. }
  72.  
  73. ul {
  74. list-style: square;
  75.  
  76. }
  77.  
  78. ol {
  79. list-style: none;
  80.  
  81. }
  82.  
  83. a img{
  84. border: 0;
  85.  
  86. }
  87. ol.notes {
  88. padding:1px;margin:1px 1px;list-style-type:none;border-bottom:solid 1px #ccc;text-align:left; font-size:10px;}
  89.  
  90.  
  91.  
  92. ol.notes li.note {border-top:solid 0px #ccc;padding:5px; }
  93.  
  94.  
  95.  
  96. ol.notes li.note img.avatar {vertical-align:-4px;margin-right:10px;width:16px;height:16px;}
  97.  
  98.  
  99.  
  100. ol.notes li.note span.action {font-weight:normal;}
  101.  
  102.  
  103.  
  104. ol.notes li.note .answer_content {font-weight:normal;}
  105.  
  106.  
  107.  
  108. ol.notes li.note blockquote {border-left:2px solid #eee;padding:4px 10px;margin:10px 0px 0px 25px;}
  109.  
  110.  
  111.  
  112. ol.notes li.note blockquote a {text-decoration: none;}
  113.  
  114.  
  115.  
  116.  
  117. .speechbubble {
  118. margin-right: .2em;
  119.  
  120. }
  121.  
  122. /* BASIC LAYOUT */
  123. #contain{
  124. margin: 0 auto;
  125. width: 678px;
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. }
  133.  
  134.  
  135. .navlist ul {
  136. margin:0;
  137. padding:0;
  138. list-style-type:none;
  139. }
  140.  
  141. .navlist ul li {
  142. padding:0;
  143. margin:0;
  144. }
  145.  
  146. .navlist ul li a, .navlist ul li a:visited, .navlist ul li a:active {
  147. display:block;
  148. font-size:9px;
  149. text-transform:uppercase;
  150. width:128px;
  151. padding:5px;
  152. color:#000;
  153. margin:5px 0;
  154. background:white;
  155. border:5px solid white;
  156. -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  157. -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  158. box-shadow: 0 1px 10px rgba(0,0,0,.3);
  159.  
  160. }
  161.  
  162. .navlist ul li a:hover {
  163. text-decoration:underline;}
  164.  
  165. #footer-container {
  166. margin: 0 auto;
  167. width: 678px;
  168. }
  169.  
  170. /* SIDEBAR */
  171. #leftsidebar {
  172. float: left;
  173. margin:0 50px 0 0;
  174. width:148px;
  175. text-align:center;
  176. position:fixed;
  177. color:#000;
  178.  
  179. }
  180.  
  181. #leftsidebar img {
  182. border:10px solid white;
  183. -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  184. -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  185. box-shadow: 0 1px 10px rgba(0,0,0,.3);
  186. }
  187.  
  188.  
  189. #leftsidebar p {
  190. font-size: 9px;
  191. line-height:13px;
  192. display:block;
  193. width:118px;
  194. padding:5px;
  195. color:black;
  196. border:10px solid white;
  197. background:white;
  198. -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  199. -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  200. box-shadow: 0 1px 10px rgba(0,0,0,.3);
  201. }
  202.  
  203.  
  204.  
  205. /* FOOTER */
  206.  
  207. #footer-container {
  208. margin: 0;
  209. font-size: .9em;
  210. padding: 10px;
  211. border-top: 0px solid #333;
  212. width: 100%;
  213.  
  214. }
  215.  
  216.  
  217.  
  218. /* CONTENT */
  219.  
  220. #content {
  221. padding:10px;
  222. text-align:left;
  223. margin-left:158px;
  224. width: 500px;
  225. float:left;
  226. background:#fff;
  227. -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  228. -moz-box-shadow: 0 1px 10px rgba(0,0,0,.3);
  229. box-shadow: 0 1px 10px rgba(0,0,0,.3);
  230.  
  231. }
  232.  
  233. #content .date {
  234. color: #191919;
  235. display: block;
  236. font-size: 11.3px;
  237. margin-bottom: 3px;
  238. margin-right: 15px;
  239. padding-bottom:10px;
  240. margin-top:-4px;
  241. }
  242. #content .date a{
  243. color: #191919;}
  244.  
  245. #content h2 a{
  246. text-decoration: none;
  247.  
  248. }
  249.  
  250. .reblog {
  251. display: block;
  252. margin-bottom: 0px;
  253.  
  254. }
  255.  
  256. #toTop {
  257. position:fixed; /* this is the magic */
  258. bottom:10px; /* together with this to put the div at the bottom*/
  259. right:10px;
  260. cursor:pointer;
  261. display:none;
  262. }
  263.  
  264. .post-footer {
  265. display: block;
  266. color: #191919;
  267. font-size: .8em;
  268. text-align: right;
  269. padding:1px 0 10px 0;
  270. margin:5px 0;
  271. border-bottom:1px dotted #666;
  272. }
  273.  
  274. .post-footer span {
  275. padding:5px;
  276. font-size:10px;
  277. color:#000;
  278. margin:5px 5px;
  279. }
  280.  
  281.  
  282.  
  283.  
  284. .regular, .quote, .link, .photo, .conversation, .video, .audio {
  285. margin: 0 0 0px;
  286.  
  287. }
  288.  
  289.  
  290.  
  291. #content h5 {
  292. color: #191919;
  293. font-size: 25px;
  294. font-weight: bold;
  295. padding:5px;
  296. margin:0;
  297.  
  298.  
  299.  
  300. }
  301.  
  302. .link .arrow{
  303. margin-left: .2em;
  304.  
  305. }
  306.  
  307. .link h5 a {
  308. text-decoration: none;
  309.  
  310. }
  311.  
  312. .link h5 a:hover {
  313. text-decoration:underline;
  314. }
  315.  
  316. .quote .words {
  317. color: #191919;
  318. font-size: 25px;
  319. text-align: left;
  320. display: block;
  321. text-transform:lowercase;
  322. font-weight:bold;
  323.  
  324. }
  325.  
  326. .quote .source {
  327. display: block;
  328. margin-top: 1em;
  329. padding: 0;
  330.  
  331. }
  332.  
  333. .link .link-body, .quote .quote-body {
  334. margin-top: 1em;
  335. margin-bottom: 1em;
  336.  
  337. }
  338.  
  339. .quote .arrow, .reblog .arrow {
  340. margin-right: .2em;
  341.  
  342. }
  343.  
  344. .conversation ul {
  345. list-style: none;
  346. padding: 0 1em 0 0;
  347. margin-left: 0;
  348.  
  349. }
  350.  
  351. conversation ul li{
  352. list-style: none;
  353. padding: 0 1em;
  354.  
  355. }
  356.  
  357. .conversation ul li .person {
  358. color: #191919;
  359. font-weight: bold;
  360. margin-right: 1em;
  361.  
  362. }
  363.  
  364. .video .embed {
  365. width: 500px;
  366.  
  367. }
  368.  
  369.  
  370.  
  371. .caption {
  372. margin: .5em 0 1em 0;
  373.  
  374. }
  375.  
  376. .clear {
  377. padding:0px;
  378.  
  379. }
  380. .desc {
  381. text-align:left;
  382. font-size:10px;
  383. color:#535353;
  384. }
  385. #description{
  386.  
  387. text-align:left;
  388. font-size:7px;
  389. color:#535353;
  390. }
  391. .tittle {
  392. color:#191919;}
  393. #clearfooter {
  394. clear:both;
  395. height:115px;
  396. }
  397. #foot {
  398. width:300px;
  399. height:41px;
  400. float:right;
  401. margin-top:0px;
  402. margin-right: 13px;
  403. background-color:none;
  404.  
  405. padding-top:10px;
  406.  
  407. padding-bottom:0px;
  408.  
  409. }
  410. #foot .cred{
  411. width:300px;
  412. height:21px;
  413. font-size:10px;
  414. color:#686868;
  415. padding-top:5px;
  416. padding-left:17px;
  417. padding-bottom:3px;
  418.  
  419. }
  420.  
  421.  
  422. #foot a{
  423. color:#191919;
  424. font-weight:700;
  425. }
  426.  
  427. h1 {
  428. font-family: 'Days One', sans-serif;
  429. color:white;
  430. text-transform:uppercase;
  431. font-size:55px;
  432. font-weight:bold;
  433. text-shadow:black 1px 1px 1px;
  434. padding:10px 0;
  435. margin:5px 0;
  436. }
  437.  
  438. .postphoto img {
  439. width:500px;
  440. }
  441. </style>
  442. {CustomCSS}
  443.  
  444. </style>
  445.  
  446.  
  447. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  448. <script type="text/javascript">
  449. $(function() {
  450. $(window).scroll(function() {
  451. if($(this).scrollTop() != 0) {
  452. $('#toTop').fadeIn();
  453. } else {
  454. $('#toTop').fadeOut();
  455. }
  456. });
  457.  
  458. $('#toTop').click(function() {
  459. $('body,html').animate({scrollTop:0},800);
  460. });
  461. });
  462. </script>
  463.  
  464. </head>
  465.  
  466. <body>
  467.  
  468.  
  469. <div id="toTop"><img src="http://www.snazzyspace.com/images/back_to_top.png" /></div>
  470. <div id="title">
  471. <h1>{Title}.</h1>
  472. </div>
  473.  
  474. <div id="contain">
  475.  
  476. <div id="leftsidebar">
  477. <a href="/"><img src="{PortraitURL-128}" width="128" height="128" alt="{Title}" border="0" /> </a>
  478.  
  479.  
  480. <div class="navlist">
  481.  
  482. {block:Description}
  483. <p class="desc">{Description}</p>
  484. {/block:Description}
  485.  
  486.  
  487. <ul>
  488.  
  489. <li class="first"><a href="/">Home</a></li>
  490.  
  491. {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
  492.  
  493.  
  494. <li><a href="/archive" id="archives">Archives</a></li>
  495.  
  496.  
  497. {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
  498.  
  499. {block:HasPages}{block:Pages}<li><a href="{URL}">
  500. {Label}</a></li>{/block:Pages}
  501. {/block:HasPages}
  502. {block:ifLink1Title}
  503. <li><a href="{text:Link 1}" title="{text:Link 1 Title}">
  504. {text:Link 1 Title}</a></li>
  505. {/block:ifLink1Title}
  506. {block:ifLink2Title}
  507. <li><a href="{text:Link 2}" title="{text:Link 2 Title}">
  508. {text:Link 2 Title}</a></li>
  509. {/block:ifLink2Title}
  510. {block:ifLink3Title}
  511. <li><a href="{text:Link 3}" title="{text:Link 3 Title}">
  512. {text:Link 3 Title}</a></li>
  513. {/block:ifLink3Title}
  514. {block:ifLink4Title}
  515. <li><a href="{text:Link 4}" title="{text:Link 4 Title}">
  516. {text:Link 4 Title}</a></li>
  517. {/block:ifLink4Title}
  518. {block:ifLink5Title}
  519. <li><a href="{text:Link 5}" title="{text:Link 5 Title}">
  520. {text:Link 5 Title}</a></li>
  521. {/block:ifLink5Title}
  522.  
  523.  
  524. {block:HasPages}
  525. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  526. {/block:HasPages}
  527.  
  528.  
  529. </ul>
  530.  
  531.  
  532.  
  533. </div> <!-- end navlist -->
  534.  
  535. </div> <!-- end leftsidebar div -->
  536.  
  537. <div id="content">
  538. {block:Posts}
  539.  
  540.  
  541. {block:Regular}
  542. <div class="regular">
  543. {block:Title}<h5>{Title}</h5>{/block:Title}
  544. {Body}
  545. {/block:Regular}
  546.  
  547. {block:Quote}
  548. <div class="quote box">
  549. <div class="quote-body">
  550. <span class="words">{Quote}</span>
  551.  
  552. </div>
  553. {/block:Quote}
  554.  
  555. {block:Link}
  556. <div class="link box">
  557. <h5><a href="{URL}" {Target}>{Name}</a></h5>
  558. {/block:Link}
  559.  
  560. {block:Conversation}
  561. <div class="conversation box">
  562. {block:Title}<h5>{Title}</h5>{/block:Title}
  563. <ul>
  564. {block:Lines}
  565. <li>
  566. {block:Label}<span class="person">{Label}</span>{/block:Label}
  567. <span class="line">{Line}</span>
  568. </li>
  569. {/block:Lines}
  570. </ul>
  571. {/block:Conversation}
  572.  
  573. {block:Photo}
  574. <div class="photo box">
  575. <span class="postphoto">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</span>
  576.  
  577.  
  578. {/block:Photo}
  579.  
  580. {block:Video}
  581. <div class="video box">
  582. <div class="embed">{Video-500}</div>
  583. {/block:Video}
  584.  
  585. {block:Audio}
  586. <div class="audio box">
  587. {AudioPlayerGrey}
  588. {/block:Audio}
  589.  
  590.  
  591.  
  592. <div class="post-footer">
  593.  
  594.  
  595. <span>{TimeAgo}
  596.  
  597.  
  598. {block:NoteCount} with <a title="{NoteCountWithLabel}" href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:NoteCount}<span><a href="{ReblogURL}" title="Reblog">Reblog</a></span>
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605. </div> <!-- end post footer -->
  606.  
  607.  
  608. {block:Permalink}
  609.  
  610. <!-- Disqus Code Here -->
  611. {PostNotes}
  612.  
  613. {/block:Permalink}
  614.  
  615. </div> <!-- end single post -->
  616.  
  617.  
  618. {/block:Posts}
  619.  
  620.  
  621. </div> <!-- end content div -->
  622.  
  623.  
  624.  
  625. {block:IndexPage}
  626.  
  627. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  628. {/block:IndexPage}
  629.  
  630.  
  631.  
  632. </body>
  633.  
  634. </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!