API tools faq
paste
Advertisement
acatalepsy

[000] UNTITLED

acatalepsy
Apr 17th, 2014
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 21.49 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title><$BlogTitle$></title>
  4. <link type="image/png" rel="icon" href="http://i.imgur.com/JXJ7v8U.jpg">
  5. <link href="http://weloveiconfonts.com/api/?family=entypo|fontawesome|iconicfill|typicons" rel="stylesheet" type="text/css">
  6. <link href="http://fonts.googleapis.com/css?family=Megrim" rel="stylesheet" type="text/css">
  7.  
  8. <style type="text/css">
  9. *{cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), progress;}
  10.  
  11. #s-m-t-tooltip {
  12. position: absolute;
  13. max-width: 190px;
  14. color: #AAAAAA;
  15. font: 10px 'Calibri', sans-serif;
  16. font-size: 10px;
  17. font-family: 'Calibri', sans-serif;
  18. line-height: 10px;
  19. font-style: italic;
  20. font-weight: bold;
  21. text-transform: lowercase;
  22. margin-top: 10px;
  23. margin-bottom: 15px;
  24. padding: 3px;
  25. padding-right: 3px;
  26. padding-left: 3px;
  27. background-color: #FFFFFF;
  28. z-index: 999;}
  29.  
  30. body{
  31. background-color: #FFFFFF;
  32. background-image: url('');
  33. background-position: center;
  34. background-repeat: repeat;
  35. scrollbar-face-color: #F0DEC6;
  36. scrollbar-arrow-color: #F0DEC6;
  37. scrollbar-track-color: #F0DEC6;
  38. scrollbar-shadow-color: #F0DEC6;
  39. scrollbar-3dlight-color: #F0DEC6;
  40. scrollbar-highlight-color: #F0DEC6;
  41. scrollbar-darkshadow-color: #F0DEC6;}
  42.  
  43. ::-webkit-scrollbar-thumb:vertical {
  44. height: 10px;
  45. background-color: #F0DEC6;}
  46.  
  47. ::-webkit-scrollbar-thumb:horizontal {
  48. height: 10px!important;
  49. background-color: #F0DEC6;}
  50.  
  51. ::-webkit-scrollbar {
  52. width: 5px;
  53. height: 10px;
  54. background-color: #F0DEC6;}
  55.  
  56. br{line-height: 3px;}
  57. b{color: #CB6C6A;}
  58. strong{color: #925841;}
  59. i{color: #D2B299;}
  60. em{color: #AF9686;}
  61.  
  62. u{
  63. color: #BD635A;
  64. text-decoration: none;
  65. border-bottom: 1px dashed #CB6C6A;}
  66.  
  67. a, a:active, a:link, a:visited{
  68. color: #D65452;
  69. text-decoration: none;
  70. transition: all 0.7s ease-in-out;
  71. -webkit-transition: all 0.7s ease-in-out;
  72. -moz-transition: all 0.7s ease-in-out;
  73. -o-transition: all 0.7s ease-in-out;}
  74.  
  75. a:hover{
  76. color: #925841;
  77. transition: all 0.7s ease-in-out;
  78. -webkit-transition: all 0.7s ease-in-out;
  79. -moz-transition: all 0.7s ease-in-out;
  80. -o-transition: all 0.7s ease-in-out;}
  81.  
  82. #navbar-iframe{display: none;}
  83.  
  84. #wrapper{
  85. position: absolute;
  86. top: 0px;
  87. left: 0px;
  88. width: 100%;
  89. height: 100%;}
  90.  
  91. #body{
  92. position: relative;
  93. top: 0px;
  94. left: 0px;
  95. width: 450px;
  96. margin-right: auto;
  97. margin-bottom: 30px;
  98. margin-left: auto;
  99. padding: 10px;}
  100.  
  101. #btitle{
  102. float: left;
  103. overflow: hidden;
  104. width: 190px;
  105. color: #221D17;
  106. font: 26px 'Megrim', cursive;
  107. font-size: 26px;
  108. font-family: 'Megrim', cursive;
  109. line-height: 24px;
  110. font-weight: bold;
  111. letter-spacing: -2px;
  112. text-transform: uppercase;
  113. display: inline-block;}
  114.  
  115. #btitle a, #btitle a:active, #btitle a:link, #btitle a:visited{
  116. color: #221D17;
  117. padding-left: 15px;
  118. transition: all 0.7s ease-in-out;
  119. -webkit-transition: all 0.7s ease-in-out;
  120. -moz-transition: all 0.7s ease-in-out;
  121. -o-transition: all 0.7s ease-in-out;}
  122.  
  123. #btitle a:hover{
  124. color: #BD635A;
  125. transition: all 0.7s ease-in-out;
  126. -webkit-transition: all 0.7s ease-in-out;
  127. -moz-transition: all 0.7s ease-in-out;
  128. -o-transition: all 0.7s ease-in-out;}
  129.  
  130. #navigation{
  131. float: left;
  132. overflow: hidden;
  133. width: 260px;
  134. height: 25px;
  135. display: inline-block;}
  136.  
  137. #navigation a, #navigation a:active, #navigation a:link, #navigation a:visited{
  138. overflow: hidden;
  139. width: 37px;
  140. height: 100%;
  141. color: #D2B299;
  142. font: 15px 'Calibri', sans-serif;
  143. font-size: 15px;
  144. font-family: 'Calibri', sans-serif;
  145. line-height: 15px;
  146. text-align: center;
  147. margin-left: 5px;
  148. padding: 5px;
  149. padding-top: 2px;
  150. display: inline-block;
  151. transition: all 0.7s ease-in-out;
  152. -webkit-transition: all 0.7s ease-in-out;
  153. -moz-transition: all 0.7s ease-in-out;
  154. -o-transition: all 0.7s ease-in-out;}
  155.  
  156. #navigation a:hover{
  157. color: #BD635A;
  158. transition: all 0.7s ease-in-out;
  159. -webkit-transition: all 0.7s ease-in-out;
  160. -moz-transition: all 0.7s ease-in-out;
  161. -o-transition: all 0.7s ease-in-out;}
  162.  
  163. #blog{
  164. position: relative;
  165. width: 450px;
  166. margin-top: 10px;
  167. margin-right: auto;
  168. margin-left: auto;}
  169.  
  170. .posts{
  171. width: 450px;
  172. margin-bottom: 5px;}
  173.  
  174. .title{
  175. color: #AAAAAA;
  176. font: 18px 'Calibri', sans-serif;
  177. font-size: 18px;
  178. font-family: Calibri', sans-serif;
  179. line-height: 15px;
  180. text-align: center;
  181. letter-spacing: -2px;
  182. text-transform: uppercase;
  183. border-bottom: 1px solid #E8E8E8;
  184. transition: all 0.7s ease-in-out;
  185. -webkit-transition: all 0.7s ease-in-out;
  186. -moz-transition: all 0.7s ease-in-out;
  187. -o-transition: all 0.7s ease-in-out;}
  188.  
  189. .title:hover{
  190. color: #D2B299;
  191. transition: all 0.7s ease-in-out;
  192. -webkit-transition: all 0.7s ease-in-out;
  193. -moz-transition: all 0.7s ease-in-out;
  194. -o-transition: all 0.7s ease-in-out;}
  195.  
  196. .text{
  197. color: #000000;
  198. font: 9px 'Georgia', serif;
  199. font-size: 9px;
  200. font-family: 'Georgia', serif;
  201. line-height: 10px;
  202. font-style: italic;
  203. padding: 5px;}
  204.  
  205. .text a {font-style: normal;}
  206.  
  207. <MainOrArchivePage>
  208. .text img, .tr-caption-container, p.blogger-labels{display: none;}
  209. </MainOrArchivePage>
  210.  
  211. <ItemPage>
  212. .text img {
  213. max-width: 440px;
  214. margin-right: auto;
  215. margin-left: auto;
  216. border: 5px solid #F5F5F5;
  217. opacity: .8;}
  218.  
  219. td.tr-caption{
  220. color: #464646;
  221. font: 11px 'Arial', sans-serif;
  222. font-size: 11px;
  223. font-family: 'Arial', sans-serif;
  224. line-height: 11px;
  225. text-transform: lowercase;
  226. padding: 5px;
  227. display: block;}
  228.  
  229. p.blogger-labels{display: none;}
  230. </ItemPage>
  231.  
  232. .botlnks{
  233. font-size: 15px;
  234. line-height: 15px;
  235. text-align: right;
  236. margin-top: 10px;
  237. margin-bottom: 5px;
  238. padding: 3px;
  239. border-top: 1px solid #E8E8E8;}
  240.  
  241. .botlnks a, .botlnks a:active, .botlnks a:link, .botlnks a:visited{
  242. color: #AAAAAA;
  243. max-width: 15px;
  244. max-height: 13px;
  245. text-align: center;
  246. margin-top: 5px;
  247. margin-right: 5px;
  248. padding: 5px;
  249. padding-top: 7px;
  250. display: inline-block;
  251. border-radius: 80%;
  252. transition: all 0.7s ease-in-out;
  253. background-color: #F5F5F5;
  254. -webkit-transition: all 0.7s ease-in-out;
  255. -moz-transition: all 0.7s ease-in-out;
  256. -o-transition: all 0.7s ease-in-out;}
  257.  
  258. .botlnks a:hover{
  259. color: #BD635A;
  260. transition: all 0.7s ease-in-out;
  261. -webkit-transition: all 0.7s ease-in-out;
  262. -moz-transition: all 0.7s ease-in-out;
  263. -o-transition: all 0.7s ease-in-out;}
  264.  
  265. .info{
  266. color: #7C7C7C;
  267. font: 11px 'Arial', sans-serif;
  268. font-size: 11px;
  269. font-family: 'Arial', sans-serif;
  270. line-height: 14px;
  271. margin-top: 10px;
  272. margin-bottom: 10px;
  273. padding: 5px;
  274. padding-top: 0px;
  275. padding-bottom: 0px;}
  276.  
  277. .holder{
  278. float: left;
  279. overflow: hidden;
  280. width: 100px;
  281. height: 100px;
  282. margin-right: 5px;
  283. margin-bottom: 0px;
  284. padding-bottom: 0px;
  285. display: inline;
  286. border: 5px solid #E9E9E9;
  287. border-radius: 80%;}
  288.  
  289. img.profile{
  290. width: 100%;
  291. height: 100%;
  292. margin: 0;
  293. margin-top:;
  294. opacity: 8;}
  295.  
  296. ul.trules{
  297. margin: 0;
  298. padding: 0;
  299. list-style-type: none;}
  300.  
  301. ul.trules li{
  302. font: 10px 'Calibri', sans-serif;
  303. font-size: 10px;
  304. font-family: 'Calibri', sans-serif;
  305. line-height: 10px;
  306. font-weight: bold;
  307. padding: 5px;
  308. text-transform: uppercase;}
  309.  
  310. ul.trules li:nth-child(odd){color: #CB6C6A;}
  311. ul.trules li:nth-child(even){color: #D2B299;}
  312.  
  313. a.babies, a.babies:active, a.babies:link, a.babies:visited{
  314. overflow: hidden;
  315. width: 73px;
  316. height: 10px;
  317. color: #AAAAAA;
  318. font: 9px 'Calibri', sans-serif;
  319. font-size: 9px;
  320. font-family: 'Calibri', sans-serif;
  321. line-height: 9px;
  322. text-align: center;
  323. margin-left: 5px;
  324. margin-bottom: 5px;
  325. padding: 5px;
  326. padding-top: 6px;
  327. background-color: #F5F5F5;
  328. display: inline-block;
  329. transition: all 0.7s ease-in-out;
  330. -webkit-transition: all 0.7s ease-in-out;
  331. -moz-transition: all 0.7s ease-in-out;
  332. -o-transition: all 0.7s ease-in-out;}
  333.  
  334. a.babies:hover{
  335. color: #BD635A;
  336. transition: all 0.7s ease-in-out;
  337. -webkit-transition: all 0.7s ease-in-out;
  338. -moz-transition: all 0.7s ease-in-out;
  339. -o-transition: all 0.7s ease-in-out;}
  340.  
  341. #labelList{
  342. overflow: auto;
  343. max-height: 50px;}
  344.  
  345. #labelList h1.sidebar-title{display: none;}
  346.  
  347. #labelList::-webkit-scrollbar-thumb:vertical {
  348. height: 10px;
  349. background-color: #F5F5F5;}
  350.  
  351. #labelList::-webkit-scrollbar-thumb:horizontal {
  352. height: 10px!important;
  353. background-color: #F5F5F5;}
  354.  
  355. #labelList::-webkit-scrollbar {
  356. width: 5px;
  357. height: 10px;
  358. background-color: #F5F5F5;}
  359.  
  360. #label-list li{
  361. margin: 0px;
  362. padding: 0px;
  363. display: inline-block;
  364. list-style-type: none;}
  365.  
  366. ul#label-list {
  367. margin: 0px;
  368. padding: 0px;
  369. list-style-type: none;}
  370.  
  371. #label-list a, #label-list a:active, #label-list a:link, #label-list a:visited{
  372. color: #AAAAAA;
  373. font: 9px 'Calibri', sans-serif;
  374. font-size: 9px;
  375. font-family: 'Calibri', sans-serif;
  376. line-height: 9px;
  377. font-weight: bold;
  378. text-transform: uppercase;
  379. margin-right: 5px;
  380. display: inline-block;
  381. transition: all 0.5s ease-in-out;
  382. -webkit-transition: all 0.5s ease-in-out;
  383. -moz-transition: all 0.5s ease-in-out;}
  384.  
  385. #label-list a:hover{
  386. color: #BD635A;
  387. transition: all 0.5s ease-in-out;
  388. -webkit-transition: all 0.5s ease-in-out;
  389. -moz-transition: all 0.5s ease-in-out;}
  390.  
  391. #mask{
  392. position: fixed;  
  393. top: 0px;
  394. left: 0px;
  395. width: 100%;
  396. height: 100%;
  397. background-color: rgba(255, 255, 255, 0.9);
  398. z-index: 9999;}
  399.  
  400. .boxed{
  401. float: left;
  402. position: fixed;
  403. top: 50%;
  404. left: 50%;
  405. color: #555555;
  406. font: 11px 'Arial', sans-serif;
  407. font-size: 11px;
  408. font-family: 'Arial', sans-serif;
  409. line-height: 14px;
  410. padding: 10px;
  411. background: #F5F5F5;
  412. display: none;
  413. border: 2px solid rgba(232, 232, 232, 0.5);
  414. border-radius: 5px;
  415. z-index: 999999999999;}
  416.  
  417. *html .boxed {
  418. position: absolute;}
  419.  
  420. [class*="entypo-"]:before {font-family: 'entypo', sans-serif;}
  421. [class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
  422. [class*="iconicfill-"]:before {font-family: 'IconicFill', sans-serif;}
  423. [class*="typicons-"]:before {font-family: 'Typicons', sans-serif;}
  424. </style>
  425.  
  426.  
  427. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  428. <script type="text/javascript" src="http://sumeoseo.webs.com/scripts/tooltips.js"></script>
  429. <script type="text/javascript">
  430. (function($){
  431. $(document).ready(function(){
  432. $("[title],a[title],img[title]").style_my_tooltips({
  433.     tip_follows_cursor:true,
  434.     tip_delay_time:100,
  435.     tip_fade_speed:280,
  436.     attribute:"title"
  437. });
  438. });
  439. })(jQuery);
  440. </script>
  441.  
  442. <script type="text/javascript"
  443. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  444. <script>
  445. $(document).ready(function() {
  446. //
  447. $('a.popup[href^=#]').click(function() {
  448. var popID = $(this).attr('rel'); //Get Popup Name
  449. var popURL = $(this).attr('href'); //Get Popup href to define size
  450. var query= popURL.split('?');
  451. var dim= query[1].split('&');
  452. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  453. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  454. var popMargTop = ($('#' + popID).height() + 80) / 2;
  455. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  456. //Apply Margin to Popup
  457. $('#' + popID).css({
  458. 'margin-top' : -popMargTop,
  459. 'margin-left' : -popMargLeft
  460. });
  461. $('body').append('<div id="mask"></div>');
  462. $('#mask').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  463. return false;
  464. });
  465. $('#mask').live('click', function() {
  466. $('#mask , .boxed').fadeOut(function() {
  467. $('#mask, a.close').remove(); //fade them both out
  468. });
  469. return false;
  470. });
  471. });
  472. </script>
  473.  
  474. <script type="text/javascript">
  475. function changeNavigation(id)
  476. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  477. </script>
  478. </head>
  479.  
  480. <body>
  481. <div id="wrapper">
  482. <!--do not touch this section-->
  483. <div style="position: fixed; bottom: 15px; right: 60px;"><a href="#?w=220" rel="credits" class="popup" title="view all credits;"><span class="entypo-heart-empty" style="font-size: 15px;"></span></a>
  484. </div>
  485.  
  486. <div id="credits" class="boxed">
  487. This layout is credited to <a href="http://untraversable.tk" title="hubpage.">acata</a><a href="http://blogskins.me/" title="blogskins.">lep.sy</a>. Icons fonts used are credited to <a href=""  title="visit weloveiconfonts.">We Love Icon Fonts</a>, title fonts are credited to <a href="http://google.com/fonts" title="visit google fonts.">Google Fonts</a>, <a href="http://weheartit.com/entry/111725493/">favicon</a> and <a href="http://weheartit.com/entry/111623610/">about icon</a> credited to <a href="http://weheartit.com">We❤It</a>, and colours were found on <a href="http://colourlovers.com/" title="visit colourlovers.">Colour Lovers</a>.  Any customisations made to this layout are credited to the owner of this blog.
  488.  
  489. <crystal style="height: 5px; display: block;"></crystal>
  490.  
  491. Any attempts at jocking, recreating this layout without permission, or using this layout as a basecode without permission is a no go and the creator/skinner is more inclined to remove their skins from public use. So let&rsquo;s just not, hm?
  492. </div>
  493. <!--end uneditable section-->
  494.  
  495.  
  496.  
  497. <div id="body">
  498. <div id="btitle"><a href="/" title="refresh the page.">{title here}</a></div>
  499. <div id="navigation"><a onClick="changeNavigation('entries')" title="go back;"><span class="iconicfill-home"></span></a><a onClick="changeNavigation('profile')" title="getting to know me;"><span class="iconicfill-user"></span></a><a href="#?w=220" rel="tagboard" class="popup" title="leave a mesage;"><span class="iconicfill-mail"></span></a><a href="#?w=380" rel="affiliates" class="popup"  title="friendlies;"><span class="iconicfill-star"></span></a><a href="#?w=400" rel="archives" class="popup"  title="archives;"><span class="iconicfill-pen-alt2"></span></a></div>
  500. <!--do not remove or edit this-->
  501. <span style="height: 5px; display: block; clear: both;"></span>
  502. <div style="height: 5px; background-image: url('http://i.imgur.com/hojRaz0.png'); background-position: top center; background-repeat: repeat;"></div>
  503. <!--proceed editing-->
  504.  
  505.  
  506.  
  507. <!--main section begin-->
  508. <div id="main">
  509. <div id="blog">
  510. <Blogger>
  511. <div class="posts">
  512. <BlogItemTitle><div class="title"><$BlogItemTitle$></div></BlogItemTitle>
  513.  
  514. <BlogItemBody>
  515. <div class="text">
  516. <$BlogItemBody$>
  517. </div>
  518. </BlogItemBody>
  519.  
  520. <div class="botlnks"><a href="<$BlogItemPermalinkURL$>" title="permalink"><span class="typicons-anchor"></span><BlogDateHeader><a title="<$BlogDateHeaderDate$>"><span class="typicons-time"></span></a></BlogDateHeader><BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"  title="<$BlogItemCommentCount$> comments."><span class="typicons-chat"></span></a></BlogItemCommentsEnabled></div>
  521. </div>
  522. </Blogger>
  523.  
  524. </div>
  525.  
  526. <!--do not remove or edit this-->
  527. <div style="height: 5px; margin-bottom: 10px; background-image: url('http://i.imgur.com/hojRaz0.png'); background-position: top center; background-repeat: repeat;"></div>
  528.  
  529. <!--begin pagination-->
  530. <div style="text-align: left;">
  531. <OlderPosts><a href="<$OlderPosts$>" title="backwards;"><span class="typicons-left" style="font-size: 15px;"></span></a></OlderPosts>
  532. <span style="float: right;">
  533. <NewerPosts><a href="<$NewerPosts$>" title="onwards;"><span class="typicons-right" style="font-size: 15px;"></span></NewerPosts>
  534. </span>
  535. </div>
  536. <!--end pagination-->
  537. <!--end uneditable section-->
  538. </div>
  539. <!--main section end-->
  540.  
  541.  
  542.  
  543. <!--about section begin-->
  544. <div id="profile" style="display: none;">
  545. <div class="info">
  546. <span style="float: right;">
  547. <div class="holder"><img align="left" class="profile" src="http://i.imgur.com/qpt72qc.jpg" /></div>
  548. Here you can put a little about me. Tell your visitors about you or about your blog. I would recommend that  you shouldn’t edit the coding for this section unless you know what you’re doing. Try not to make it too short, but you can make it as long as you want.
  549. </span>
  550. <!--do not remove or edit this-->
  551. <span style="display: block; clear: both;"></span>
  552. </div>
  553.  
  554. <div style="height: 5px; margin-bottom: 10px; background-image: url('http://i.imgur.com/hojRaz0.png'); background-position: top center; background-repeat: repeat;"></div>
  555. <!--end uneditable section-->
  556. </div>
  557. <!--about section end-->
  558.  
  559.  
  560.  
  561. <!--tagboard section begin-->
  562. <div id="tagboard" class="boxed">
  563. <div id="cboxdiv" style="text-align: center; line-height: 0">
  564. <div><iframe frameborder="0" width="220" height="125" src="http://www5.cbox.ws/box/?boxid=861892&amp;boxtag=6gz97s&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-861892" style="border: none;" id="cboxmain5-861892"></iframe></div>
  565. </div>
  566. <div><iframe frameborder="0" width="220" height="75" src="http://www5.cbox.ws/box/?boxid=861892&amp;boxtag=6gz97s&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-861892" style="border-top: 1px dashed #F5F5F5;" id="cboxform5-861892"></iframe></div>
  567.  
  568. <br><br>
  569.  
  570. Replace these codes with your own tagboard. Make sure the width of the tagboard is <b>220px</b> and <em>no larger</em>.  I would make the height of the messages box <b>125px</b> (if you do include the messages portion of the tagboard).
  571. </div>
  572.  
  573.  
  574.  
  575. <!--affiliates section begin-->
  576. <div id="affiliates" class="boxed" style="text-align: center;">
  577. <a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a><a class="babies" href="LINKHERE">NAME</a>
  578. </div>
  579. <!--affiliates section end-->
  580.  
  581.  
  582.  
  583. <!--archives section begins-->
  584. <div id="archives" class="boxed">
  585. <form name="recents">
  586. <select style="width: 100%; color:#000000;  font: 11px 'Arial', sans-serif; font-size: 11px; font-family: 'Arial', sans-serif; line-height: 11px; text-transform: lowercase; margin: 0; padding: 0; background-color: #F5F5F5; border: 1px solid #D2B299;" onChange="location.href=this.options[this.selectedIndex].value;">
  587. <option>&infin; by date;</option>
  588. <BloggerPreviousItems><div style="padding-left: 15px;  display: inline-block;"><option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option></div></BloggerPreviousItems>
  589. </select>
  590. </form>
  591.  
  592. <form name="monthlies">
  593. <select style="width: 100%; color:#000000;  font: 11px 'Arial', sans-serif; font-size: 11px; font-family: 'Arial', sans-serif; line-height: 11px; text-transform: lowercase; margin: 0px; padding: 0; background-color: #F5F5F5; border: 1px solid #D2B299;" onChange="location.href=this.options[this.selectedIndex].value;">
  594. <option>&infin; by month;</option>
  595. <BloggerArchives><div style="padding-left: 15px; display: inline-block;"><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option></div></BloggerArchives>
  596. </select>
  597. </form>
  598.  
  599. <!--do not edit-->
  600. <div id="labelList"></div> <script type="text/javascript">
  601. //<![CDATA[
  602. function listLabels(root){
  603. var baseURL = '/search/label/';
  604. var baseHeading = "";
  605. var isFTP = false;
  606. var llDiv = document.getElementById('labelList');
  607. var entry = root.entry;
  608. var h1 = document.createElement('h1');
  609. h1.className = 'sidebar-title';
  610. var h1t = document.createTextNode(baseHeading);
  611. h1.appendChild(h1t);
  612. llDiv.appendChild(h1);
  613. var ul = document.createElement('ul');
  614. ul.id = 'label-list';
  615. var category = entry.category;
  616. labelSort = new Array();
  617. for(p in category){
  618. labelSort[labelSort.length] = [category[p].term];
  619. }
  620. labelSort.sort();
  621. for (var r=0; r < labelSort.length; r++){
  622. var li = document.createElement('li');
  623. var a = document.createElement('a');
  624. if(isFTP){
  625. a.href = baseURL + encodeURIComponent(labelSort[r])+'.html';
  626. }
  627. else {
  628. a.href = baseURL + encodeURIComponent(labelSort[r]);
  629. }
  630. a.innerHTML = labelSort[r] + ' ';
  631. li.appendChild(a);
  632. ul.appendChild(li);
  633. abnk = document.createTextNode(' ');
  634. ul.appendChild(abnk);
  635. }
  636. llDiv.appendChild(ul);
  637. }
  638. //]]>
  639. </script>
  640. <script type="text/javascript" src="http://www.blogger.com/feeds/12982103002162183798/blogs/<$BlogID$>?alt=json-in-script&callback=listLabels" ></script>
  641. <!--uneditable section end-->
  642. </div>
  643. <!--archives section ends-->
  644.  
  645.  
  646.  
  647. <!--entries section begin-->
  648. <div id="entries" style="display: none;">
  649. <div id="blog">
  650. <Blogger>
  651. <div class="posts">
  652. <BlogItemTitle><div class="title"><$BlogItemTitle$></div></BlogItemTitle>
  653.  
  654. <BlogItemBody>
  655. <div class="text">
  656. <$BlogItemBody$>
  657. </div>
  658. </BlogItemBody>
  659.  
  660. <div class="botlnks"><a href="<$BlogItemPermalinkURL$>" title="permalink"><span class="typicons-anchor"></span><BlogDateHeader><a title="<$BlogDateHeaderDate$>"><span class="typicons-time"></span></a></BlogDateHeader><BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"  title="<$BlogItemCommentCount$> comments."><span class="typicons-chat"></span></a></BlogItemCommentsEnabled></div>
  661. </div>
  662. </Blogger>
  663.  
  664. </div>
  665.  
  666. <!--do not remove or edit this-->
  667. <div style="height: 5px; margin-bottom: 10px; background-image: url('http://i.imgur.com/hojRaz0.png'); background-position: top center; background-repeat: repeat;"></div>
  668.  
  669. <!--begin pagination-->
  670. <div style="text-align: left;">
  671. <OlderPosts><a href="<$OlderPosts$>" title="backwards;"><span class="typicons-left" style="font-size: 15px;"></span></a></OlderPosts>
  672. <span style="float: right;">
  673. <NewerPosts><a href="<$NewerPosts$>" title="onwards;"><span class="typicons-right" style="font-size: 15px;"></span></NewerPosts>
  674. </span>
  675. </div>
  676. <!--end pagination-->
  677. <!--end uneditable section-->
  678. </div>
  679. <!--entries section ends-->
  680.  
  681. </div>
  682. </div>
  683. </body>
  684. </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!