API tools faq
paste
acatalepsy

[008] CHANGING OF THE SEASONS (v.2)

acatalepsy
Mar 1st, 2015
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>&#12300; #001 | CHANGING OF THE SEASONS &#12301;</title>
  4. <!-- f a v i c o n -->
  5. <link href="http://i.imgur.com/thb0iO7.png" rel="icon" type="image/x-icon">
  6. <!-- p o s t  f o n t s -->
  7. <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Abel|Fjalla+One|Open+Sans:300|PT+Sans">
  8.  
  9.  
  10. <!-- b e g i n s s c r i p t s -->
  11. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  12.  
  13. <!-- tabs // the script for making tabbed sections. -->
  14. <script type="text/javascript">
  15. function changeNavigation(id)
  16. {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
  17. </script>
  18.  
  19. <!-- t o o l t i p s // the script for changing the style and formatting of hovered text information. -->
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/vxye88v/D5Pnjkxl2/tooltips.js"></script>
  22. <script type="text/javascript">
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title],a[title],img[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:100,
  28. tip_fade_speed:280,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <!-- i c o n f o n t s -->
  36. <link href="http://weloveiconfonts.com/api/?family=entypo" rel="stylesheet" type="text/css">
  37.  
  38.  
  39. <style>
  40. *{cursor: url(http://media.tumblr.com/649c000edb2f0b30a6b3f462d580ffbc/tumblr_inline_mmsrqqFXgB1qz4rgp.png), progress;}
  41.  
  42. #s-m-t-tooltip {
  43. position: absolute;
  44. max-width: 250px;
  45. color: #7C7C7C;
  46. font: 8px 'Cambria', sans-serif;
  47. font-size: 8px;
  48. font-family: 'Cambria', sans-serif;
  49. line-height: 10px;
  50. margin-top: 10px;
  51. margin-bottom: 15px;
  52. padding: 3px;
  53. padding-right: 3px;
  54. padding-left: 3px;
  55. background-color: #FFFFFF;
  56. z-index: 999;}
  57.  
  58. #bottom{
  59. position: fixed;
  60. bottom: 0px;
  61. right: 0px;
  62. display: none;
  63. transition: all 0.5s ease-in-out;
  64. -webkit-transition: all 0.5s ease-in-out;
  65. -moz-transition: all 0.5s ease-in-out;
  66. -o-transition: all 0.5s ease-in-out;}
  67.  
  68. body{
  69. background-color: #FFFFFF;
  70. background-position: center;
  71. background-repeat: repeat;
  72. scrollbar-face-color: #FFFFFF;
  73. scrollbar-arrow-color: #FFFFFF;
  74. scrollbar-track-color: #FFFFFF;
  75. scrollbar-shadow-color: #FFFFFF;
  76. scrollbar-3dlight-color: #FFFFFF;
  77. scrollbar-highlight-color: #FFFFFF;
  78. scrollbar-darkshadow-color: #FFFFFF;}
  79.  
  80. ::-webkit-scrollbar-thumb:vertical {
  81. height: 7px;
  82. background-color: #FFFFFF;}
  83.  
  84. ::-webkit-scrollbar-thumb:horizontal {
  85. height: 7px!important;
  86. background-color: #FFFFFF;
  87. border-right: 2px solid #F0F0F0;
  88. border-left: 2px solid #F0F0F0;}
  89.  
  90. ::-webkit-scrollbar {
  91. width: 8px;
  92. height: 7px;
  93. background-color: #FFFFFF;}
  94.  
  95. b{color: #DA696C;}
  96. strong {color: #748B89;}
  97. i{color: #AC3548;}
  98. em{color: #E5403C;}
  99.  
  100. u{
  101. color: #700000;
  102. text-decoration: none;
  103. padding-bottom: 0px;
  104. border-bottom: 0px solid #AAAAAA;}
  105.  
  106. br{line-height: 5px;}
  107.  
  108. a, a:active, a:link, a:visited{
  109. color: #7F8795;
  110. text-decoration: none;
  111. transition: all 0.7s ease-in-out;
  112. -webkit-transition: all 0.7s ease-in-out;
  113. -moz-transition: all 0.7s ease-in-out;
  114. -o-transition: all 0.7s ease-in-out;}
  115.  
  116. a:hover{
  117. color: #AAAAAA;
  118. text-decoration: none;
  119. transition: all 0.7s ease-in-out;
  120. -webkit-transition: all 0.7s ease-in-out;
  121. -moz-transition: all 0.7s ease-in-out;
  122. -o-transition: all 0.7s ease-in-out;}
  123.  
  124. #navbar-iframe {display: none!important;}
  125.  
  126. #wrapper{
  127. position: absolute;
  128. top: 0px;
  129. left: 0px;
  130. width: 100%;
  131. height: 100%;}
  132.  
  133. #container{
  134. position: relative;
  135. width: 715px;
  136. height: 100%;
  137. margin-right: auto;
  138. margin-left: auto;}
  139.  
  140. #navigation{
  141. position: relative;
  142. width: 715px;
  143. margin-right: auto;
  144. margin-bottom: 10px;
  145. margin-left: auto;}
  146.  
  147. #navigation a, #navigation a:active, #navigation a:link, #navigation a:visited{
  148. overflow: hidden;
  149. width: 75px;
  150. max-width: 75px;
  151. color: #000000;
  152. font: 8px 'PT Sans', sans-serif;
  153. font-size: 8px;
  154. font-family: 'PT Sans', sans-serif;
  155. line-height: 10px;
  156. text-transform: uppercase;
  157. text-align: center;
  158. margin-right: 5px;
  159. margin-bottom: 5px;
  160. padding: 5px;
  161. border-bottom: 1px solid #AAAAAA;
  162. display: inline-block;
  163. transition: all 0.7s ease-in-out;
  164. -webkit-transition: all 0.7s ease-in-out;
  165. -moz-transition: all 0.7s ease-in-out;
  166. -o-transition: all 0.7s ease-in-out;}
  167.  
  168. #navigation a:hover{
  169. color: #AAAAAA;
  170. transition: all 0.7s ease-in-out;
  171. -webkit-transition: all 0.7s ease-in-out;
  172. -moz-transition: all 0.7s ease-in-out;
  173. -o-transition: all 0.7s ease-in-out;}
  174.  
  175. #navigation a:nth-child(8){margin-right: 0;}
  176.  
  177. #sidebar{
  178. float: left;
  179. overflow: hidden;
  180. width: 190px;
  181. height: 100%;
  182. margin-right: 5px;
  183. display: inline-block;}
  184.  
  185. .icon img{
  186. position: relative;
  187. width: 120px;
  188. height: 120px;
  189. margin-right: auto;
  190. margin-bottom: 5px;
  191. margin-left: auto;
  192. background-color: #F0F0F0;
  193. display: block;
  194. border: 5px solid #F0F0F0;
  195. border-radius: 80%;
  196. opacity: 1;
  197. transition: all 0.7s ease-in-out;
  198. -webkit-transition: all 0.7s ease-in-out;
  199. -moz-transition: all 0.7s ease-in-out;
  200. -o-transition: all 0.7s ease-in-out;}
  201.  
  202. .icon img:hover{
  203. opacity: .8;
  204. transition: all 0.7s ease-in-out;
  205. -webkit-transition: all 0.7s ease-in-out;
  206. -moz-transition: all 0.7s ease-in-out;
  207. -o-transition: all 0.7s ease-in-out;}
  208.  
  209. .tabbed{
  210. text-align: center;
  211. margin-top: 10px;
  212. margin-bottom: 10px;
  213. display: block;}
  214.  
  215. .tabbed a, .tabbed a:active, .tabbed a:link, .tabbed a:visited{
  216. width: 10px;
  217. height: 10px;
  218. margin-right: 5px;
  219. background-color: #CFCFCF;
  220. display: inline-block;
  221. border-radius: 80%;
  222. transition: all 0.7s ease-in-out;
  223. -webkit-transition: all 0.7s ease-in-out;
  224. -moz-transition: all 0.7s ease-in-out;
  225. -o-transition: all 0.7s ease-in-out;}
  226.  
  227. .tabbed a:hover{
  228. background-color: #F9F9F9;
  229. transition: all 0.7s ease-in-out;
  230. -webkit-transition: all 0.7s ease-in-out;
  231. -moz-transition: all 0.7s ease-in-out;
  232. -o-transition: all 0.7s ease-in-out;}
  233.  
  234. .tabbed a:last-child{margin-right: 0px;}
  235.  
  236. .sideTitle{
  237. color: #7C7C7C;
  238. font: 10px 'Abel', sans-serif;
  239. font-size: 10px;
  240. font-family: 'Abel', sans-serif;
  241. line-height: 12px;
  242. text-transform: uppercase;
  243. text-align: right;
  244. padding-bottom: 5px;
  245. border-bottom: 1px solid #CFCFCF;}
  246.  
  247. .box{
  248. overflow: auto;
  249. max-height: 125px;
  250. color: #000000;
  251. font: 8px 'PT Sans', sans-serif;
  252. font-size: 8px;
  253. font-family: 'PT Sans', sans-serif;
  254. line-height: 10px;
  255. text-transform: uppercase;
  256. margin-bottom: 5px;}
  257.  
  258. .dropdown{
  259. width: 190px;
  260. font: 8px 'PT Sans', sans-serif;
  261. font-size: 8px;
  262. font-family: 'PT Sans', sans-serif;
  263. line-height: 12px;
  264. text-transform: uppercase;
  265. margin-bottom: 5px;
  266. padding: 0px 5px;  
  267. background-color: #FFFFFF;
  268. border: 0px;}
  269.  
  270. a.affiliates, a.affiliates:active, a.affiliates:link, a.affiliates:visited{
  271. overflow: hidden;
  272. width: 46px;
  273. max-width: 46px;
  274. color: #CFCFCF;
  275. font: 8px 'PT Sans', sans-serif;
  276. font-size: 8px;
  277. font-family: 'PT Sans', sans-serif;
  278. line-height: 10px;
  279. text-transform: uppercase;
  280. text-align: center;
  281. margin-right: 10px;
  282. margin-bottom: 3px;
  283. padding: 5px;
  284. display: inline-block;
  285. border-bottom: 1px solid #F5F5F5;
  286. transition: all 0.7s ease-in-out;
  287. -webkit-transition: all 0.7s ease-in-out;
  288. -moz-transition: all 0.7s ease-in-out;
  289. -o-transition: all 0.7s ease-in-out;}
  290.  
  291. a.affiliates:hover{
  292. color: #000000;
  293. transition: all 0.7s ease-in-out;
  294. -webkit-transition: all 0.7s ease-in-out;
  295. -moz-transition: all 0.7s ease-in-out;
  296. -o-transition: all 0.7s ease-in-out;}
  297.  
  298. a.affiliates:nth-child(3n+0){margin-right: 0px;}
  299.  
  300. #content{
  301. float: left;
  302. width: 515px;
  303. height: 100%;
  304. display: inline-block;}
  305.  
  306. .posts{
  307. width: 515px;
  308. margin-bottom: 10px;}
  309.  
  310. .postContent{
  311. width: 410px;
  312. padding-right: 5px;
  313. display: inline-block;}
  314.  
  315. .postTitle{
  316. color: #7F8795;
  317. font: 18px 'Fjalla One', sans-serif;
  318. font-size: 18px;
  319. font-family: 'Fjalla One', sans-serif;
  320. line-height: 18px;
  321. text-transform: uppercase;
  322. text-align: center;
  323. padding-bottom: 5px;
  324. border-bottom: 1px solid #CFCFCF;}
  325.  
  326. .postText{
  327. color: #000000;
  328. font: 10px 'Open Sans', sans-serif;
  329. font-size: 10px;
  330. font-family: 'Open Sans', sans-serif;
  331. line-height: 17px;
  332. text-align: left;
  333. margin-top: 5px;}
  334.  
  335. .postText img{max-width: 410px;}
  336.  
  337. .postText p{
  338. margin-top: 0px;
  339. margin-bottom: 5px;}
  340.  
  341. .postTitle a, .postTitle a:active, .postTitle a:link, .postTitle a:visited{
  342. color: #7F8795;
  343. transition: all 0.7s ease-in-out;
  344. -webkit-transition: all 0.7s ease-in-out;
  345. -moz-transition: all 0.7s ease-in-out;
  346. -o-transition: all 0.7s ease-in-out;}
  347.  
  348. .postTitle a:hover{
  349. color: #CFCFCF;
  350. transition: all 0.7s ease-in-out;
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;}
  354.  
  355. blockquote{
  356. color: #AAAAAA;
  357. font: 8pt 'Open Sans', sans-serif;
  358. font-size: 8pt;
  359. font-family: 'Open Sans', sans-serif;
  360. line-height: 8pt;
  361. padding: 5px;
  362. border: 1px solid #F9F9F9;}
  363.  
  364. <MainOrArchivePage>
  365. p.blogger-labels {display: none;}
  366. </MainOrArchivePage>
  367.  
  368. <ItemPage>
  369. p.blogger-labels{
  370. color: #7C7C7C;
  371. font: 8px 'PT Sans', sans-serif;
  372. font-size: 8px;
  373. font-family: 'PT Sans', sans-serif;
  374. line-height: 10px;
  375. text-transform: uppercase;
  376. margin-top: 5px;
  377. padding: 5px;
  378. background-color: #F5F5F5;}
  379.  
  380. p.blogger-labels a, p.blogger-labels a:active, p.blogger-labels a:link, p.blogger-labels a:visited{
  381. color: #000000;
  382. transition: all 0.5s ease-in-out;
  383. -webkit-transition: all 0.5s ease-in-out;
  384. -moz-transition: all 0.5s ease-in-out;
  385. -o-transition: all 0.5s ease-in-out;}
  386.  
  387. p.blogger-labels a:hover{
  388. color: #AAAAAA;
  389. transition: all 0.5s ease-in-out;
  390. -webkit-transition: all 0.5s ease-in-out;
  391. -moz-transition: all 0.5s ease-in-out;
  392. -o-transition: all 0.5s ease-in-out;}
  393. </ItemPage>
  394.  
  395. .infoHolder{
  396. width: 78px;
  397. min-height: 100%;
  398. padding: 10px;
  399. padding-top: 0px;
  400. padding-bottom: 0px;
  401. background-color: #F0F0F0;
  402. display: inline-block;}
  403.  
  404. .postIcon{
  405. position: relative;
  406. overflow: hidden;
  407. width: 50px;
  408. height: 50px;
  409. margin-top: 10px;
  410. margin-right: auto;
  411. margin-bottom: 15px;
  412. margin-left: auto;
  413. border: 7px solid #FAFAFA;
  414. -webkit-border-top-left-radius: 15px;
  415. -webkit-border-bottom-right-radius: 15px;
  416. -moz-border-radius-topleft: 15px;
  417. -moz-border-radius-bottomright: 15px;
  418. border-top-left-radius: 15px;
  419. border-bottom-right-radius: 15px;}
  420.  
  421. .postIcon img{
  422. margin-top: -5px;
  423. -webkit-border-top-left-radius: 15px;
  424. -webkit-border-bottom-right-radius: 15px;
  425. -moz-border-radius-topleft: 15px;
  426. -moz-border-radius-bottomright: 15px;
  427. border-top-left-radius: 15px;
  428. border-bottom-right-radius: 15px;}
  429.  
  430. .info{
  431. width: 84px;
  432. color: #CFCFCF;
  433. font: 8px 'PT Sans', sans-serif;
  434. font-size: 8px;
  435. font-family: 'PT Sans', sans-serif;
  436. line-height: 10px;
  437. text-transform: uppercase;
  438. text-align: left;
  439. margin-bottom: 5px;
  440. margin-left: -10px;
  441. padding: 3px;
  442. padding-right: 5px;
  443. padding-left: 10px;
  444. background-color: #FFFFFF;
  445. border-right: 10px solid #F0F0F0;
  446. transition: all 0.7s ease-in-out;
  447. -webkit-transition: all 0.7s ease-in-out;
  448. -moz-transition: all 0.7s ease-in-out;
  449. -o-transition: all 0.7s ease-in-out;}
  450.  
  451. .info:hover{
  452. width: 74px;
  453. color: #000000;
  454. padding-left: 20px;
  455. border-right: 20px solid #292929;
  456. transition: all 0.7s ease-in-out;
  457. -webkit-transition: all 0.7s ease-in-out;
  458. -moz-transition: all 0.7s ease-in-out;
  459. -o-transition: all 0.7s ease-in-out;}
  460.  
  461. .info a, .info a:active, .info a:link, .info a:visited {
  462. color: #CFCFCF;
  463. transition: all 0.7s ease-in-out;
  464. -webkit-transition: all 0.7s ease-in-out;
  465. -moz-transition: all 0.7s ease-in-out;
  466. -o-transition: all 0.7s ease-in-out;}
  467.  
  468. .info a:hover{
  469. transition: all 0.7s ease-in-out;
  470. -webkit-transition: all 0.7s ease-in-out;
  471. -moz-transition: all 0.7s ease-in-out;
  472. -o-transition: all 0.7s ease-in-out;}
  473.  
  474. /* entypo */
  475. [class*="entypo-"]:before {
  476. font-family: 'Entypo', sans-serif;}
  477. </style>
  478. </head>
  479.  
  480.  
  481. <body>
  482. <div id="wrapper">
  483. <div id="container">
  484.  
  485. <div id="navigation">
  486. <a href="/">refresh</a><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">+ follow</a><a href="">link one</a><a href="">link two</a><a href="">link three</a><a href="">link four</a><a href="">link five</a><a href="">link six</a>
  487. </div>
  488.  
  489.  
  490. <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" style="height: 100%; width: 715px;" width="715">
  491. <tr><td align="left" height="100%" style="height: 100%; width: 200px;" valign="top" width="200">
  492. <div id="sidebar">
  493. <div class="icon">
  494. <img border="0" src="http://i.imgur.com/mvakJax.png" />
  495. </div>
  496.  
  497. <div class="tabbed">
  498. <a onClick="changeNavigation('pro')"></a><a onClick="changeNavigation('affs')"></a><a onClick="changeNavigation('arch')"></a><a onClick="changeNavigation('creds')"></a><a onClick="changeNavigation('clear')"></a>
  499. </div>
  500.  
  501. <div id="main">
  502. <div class="sideTitle"><$BlogTitle$>.</div>
  503. <!--do not remove-->
  504. <spacer style="height: 5px; display: block;"></spacer>
  505. <!--end unremoveable section-->
  506.  
  507. <div class="box">
  508. Here's where you can put in a any text you want. I recommend it being a small little welcome or a notice of some sort because there's already a section for your profile. I also recommend that you keep it short, but in case you don't, this area is set to scroll after 125px has been used. So go wild if you want! &hearts;
  509. </div>
  510. </div>
  511.  
  512.  
  513. <div id="pro" style="display: none;">
  514. <div class="sideTitle">profile.</div>
  515. <!--do not remove-->
  516. <spacer style="height: 5px; display: block;"></spacer>
  517. <!--end unremoveable section-->
  518.  
  519. <div class="box">
  520. Oh hello there&mdash;<b>bump that</b>, I'm utter trash at this.<br>
  521. Here's where you fill in all your profile information. Just a little blurb, but remember write as much as you want as this starts to scroll after 125px have been used. <br>
  522. Go ahead and knock yourself out.
  523. </div>
  524. </div>
  525.  
  526.  
  527. <div id="affs" style="display: none;">
  528. <div class="sideTitle">lovelies.</div>
  529. <!--do not remove-->
  530. <spacer style="height: 5px; display: block;"></spacer>
  531. <!--end unremoveable section-->
  532.  
  533. <div class="box">
  534. <a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a><a class="affiliates" href="">LINK</a>
  535. </div>
  536. </div>
  537.  
  538.  
  539. <div id="arch" style="display: none;">
  540. <div class="sideTitle">archives.</div>
  541. <!--do not remove-->
  542. <spacer style="height: 5px; display: block;"></spacer>
  543. <!--end unremoveable section-->
  544.  
  545. <div class="box">
  546. <select class="dropdown" onchange="location=this.options[this.selectedIndex].value;" style="margin-top: 5px;">
  547. <option>by the month &#9662;</option>
  548. <BloggerArchives>
  549. <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
  550. </BloggerArchives>
  551. </select>
  552.  
  553. <spacer style="height: 1px; margin-bottom: 5px; background-color: #F0F0F0; display: block;"></spacer>
  554.  
  555. <select class="dropdown" onchange="location=this.options[this.selectedIndex].value;">
  556. <option>by the date &#9662;</option>
  557. <BloggerPreviousItems>
  558. <option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>
  559. </BloggerPreviousItems>
  560. </select>
  561.  
  562. <spacer style="height: 1px; margin-bottom: 5px; background-color: #F0F0F0; display: block;"></spacer>
  563.  
  564. <span style="height: 15px; margin-bottom: 5px; padding-top: 3px; padding-right: 10px; padding-left: 8px; display: block;">by the label &#9662;</span>
  565. <span style="overflow: auto; max-height: 40px;">
  566. <script type="text/javascript">
  567. //<![CDATA[
  568. var homepage = "http://yourblogurlhere.blogspoot.com";
  569. function showLabels(json) {
  570. var label = json.feed.category;
  571. document.write('');
  572. for (var i = 0; i < label.length; i++) {
  573. document.write('<font color="#B89FA3">&bull;</font> <a class="labels" href="' + homepage + '/search/label/' + encodeURIComponent(label[i].term) + '">' + label[i].term + '</a> ');
  574. }
  575. document.write('');
  576. }
  577. document.write('<scr' + 'ipt src="' + homepage + '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');
  578. //]]>
  579. </script>
  580. </span>
  581. </div>
  582. </div>
  583.  
  584.  
  585. <div id="creds" style="display: none;">
  586. <div class="sideTitle">credits.</div>
  587. <!--do not remove-->
  588. <spacer style="height: 5px; display: block;"></spacer>
  589. <!--end unremoveable section-->
  590.  
  591.  
  592. <!--do not remove or alter-->
  593. <div class="box">
  594. <b>Changing of the Seasons</b> is a base code/template made for <a href="http://blogspot.com" title="blogspot.">Classic Blogger</a> and is credited to <a href="http://untraversable.tk" title="main blog.">that</a> one <a href="http://heisei.tk/blog" title="coding blog.">kid</a>. This layout was tweaked and added to by the owner(s) of this blog and all content found here is created to them unless stated otherwise. Some of the fonts used in the layout are credited to <a href="http://google.com/fonts" title="google fonts.">Google Fonts</a>.
  595. <spacer style="height: 5px; display: block;"></spacer>
  596. </div>
  597. <!--end unremoveable section-->
  598. </div>
  599.  
  600. <div id="clear" style="display: none;">
  601. <div class="sideTitle"><$BlogTitle$>.</div>
  602. <!--do not remove-->
  603. <spacer style="height: 5px; display: block;"></spacer>
  604. <!--end unremoveable section-->
  605.  
  606. <div class="box">
  607. Here's where you can put in a any text you want. I recommend it being a small little welcome or a notice of some sort because there's already a section for your profile. I also recommend that you keep it short, but in case you don't, this area is set to scroll after 125px has been used. So go wild if you want! &hearts;
  608. </div>
  609. </div>
  610.  
  611. <div class="box">
  612. <div style="text-align: right; font-style: 10px;">
  613. <span style="float: left; font-style: 10px;">
  614. <OlderPosts><a href="<$OlderPosts$>" style="text-align: center;" title="next page."><span class="entypo-left"></span></a></OlderPosts>
  615. </span>
  616.  
  617. <NewerPosts><a href="<$NewerPosts$>" style="text-align: center;" title="previous page."><span class="entypo-right"></span></a></NewerPosts>
  618. </div>
  619. </div>
  620. </div>
  621. </td>
  622.  
  623. <td align="left" height="100%" style="height: 100%; width: 515px;" valign="top" width="515">
  624. <div id="content">
  625. <Blogger>
  626. <table align="center" class="posts" cellpadding="0" cellspacing="0" style="width: 515px;" width="515"><tr>
  627. <td align="left" style="width: 415px; " valign="top" width="415">
  628. <div class="postContent">
  629. <div class="postTitle"><BlogItemTitle><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></BlogItemTitle></div>
  630.  
  631. <BlogItemBody>
  632. <div class="postText">
  633. <$BlogItemBody$>
  634. </div>
  635. </BlogItemBody>
  636. </div>
  637. </td>
  638.  
  639.  
  640. <td align="left" style="width: 100px;" valign="top" width="100">
  641. <div class="infoHolder">
  642. <div class="postInfo">
  643. <div class="postIcon">
  644. <img border="0" src="http://i.imgur.com/fivK2bL.png" />
  645. </div>
  646.  
  647. <div class="info" title="<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>">posted on.</div>
  648. <div class="info" title="<$BlogItemAuthor$>">posted by.</div>
  649. <div class="info"><a href="" title="<$BlogItemCommentCount$> comment(s).">comments.</a></div>
  650.  
  651. </div>
  652. </div>
  653. </td></tr>
  654. </table>
  655. </Blogger>
  656.  
  657. </div>
  658. </td></tr>
  659. </table>
  660. </div>
  661. </div>
  662. </body>
  663. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!