API tools faq
paste
Advertisement
yanilavigne

SPACING

yanilavigne
Jul 25th, 2014
7,683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <HTML>
  3.  
  4. <!--
  5. SPACING Theme by: Miss-Yani
  6. (w w w.m i s s - y a n i.c o m)
  7. Visit My Themes's site
  8. (w w w.themesbymissyani.c o m)
  9.  
  10. *Strictly no removing of credits,leave at least one link of my blog*
  11. *You can't use this as your base code*
  12. *No theme redistribution or posting to any site*
  13.  
  14. -->
  15.  
  16. <HEAD>
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25.  
  26. <META name="image:avatar" content="http://static.tumblr.com/285b45a3fbb9967369f40ea05a6bfc6d/6lttjv1/qIun9ahl7/tumblr_static_9d1fmmc81psskcg0gc4g8kk40.png">
  27. <META name="image:Background" content="">
  28. <META name="color:Main Background" content="#ffffff">
  29. <META name="color:Main Font" content="#2e2d2d">
  30. <META name="color:Blog Title" content="#151515">
  31. <META name="color:Main Borders" content="#dfdfdf">
  32. <META name="color:Sidebar header font" content="#000000">
  33. <META name="color:Sidebar header border" content="#8f8f8f">
  34. <META name="color:CHAT BG" content="#dcdcdc">
  35. <META name="color:POST LABEL BG" content="#393535">
  36. <META name="color:POST LABEL FONT" content="#000000">
  37. <META name="color:Link Font" content="#6f7371">
  38. <META name="color:Link Font hover" content="#5acdb3">
  39. <META name="color:Bold Font" content="#000000">
  40. <META name="color:Italic Font" content="#000000">
  41. <META name="color:Post title" content="#000000">
  42. <META name="color:Post bottom border" content="#d4d4d4">
  43. <META name="color:Post tags" content="#e5e5e5">
  44. <META name="color:Tagged Post BG" content="#222222">
  45. <META name="color:Tagged Post BG Hover" content="#c3c3c3">
  46. <META name="color:Tagged Post Link" content="#ffffff">
  47. <META name="color:Tagged Post Link Hover" content="#000000">
  48. <META name="color:Like Stuff BG" content="#f0f0f0">
  49. <META name="color:Question BG" content="#f0f0f0">
  50. <META name="color:Question Font" content="#6b6b6b">
  51. <META name="color:Music Details FONT" content="#d1d0d0">
  52. <META name="color:Music Details BG" content="#2b2b2b">
  53. <META name="color:Pagination BG" content="#000000">
  54. <META name="color:Pagination Hover BG" content="#eeeeee">
  55. <META name="color:Pagination Font" content="#ffffff">
  56. <META name="color:Pagination Font Hover" content="#000000">
  57. <META name="color:Search BG" content="#eeeeee">
  58. <META name="color:Search BG Hover" content="#ffffff">
  59. <META name="color:Search Font" content="#888888">
  60. <META name="color:TopBar Background" content="#000000">
  61. <META name="color:TopBar Background Hover" content="#ffffff">
  62. <META name="color:TopBar Font" content="#ffffff">
  63. <META name="color:TopBar Font Hover" content="#333333">
  64. <META name="font:Blog Title" content="Georgia">
  65. <META name="font:Blog TagLine" content="Georgia">
  66. <META name="font:Post Title" content="Georgia">
  67. <META name="font:Top Menu" content="Courier New">
  68. <META name="font:Blog Main Font" content="Georgia">
  69. <META name="text:MENU 1" content="home">
  70. <META name="text:MENU1 URL" content="/">
  71. <META name="text:MENU 2" content="archive">
  72. <META name="text:MENU2 URL" content="/archive">
  73. <META name="text:MENU 3" content="random">
  74. <META name="text:MENU3 URL" content="/random">
  75. <META name="text:MENU 4" content="rss">
  76. <META name="text:MENU4 URL" content="/rss">
  77. <META name="text:MENU 5" content="Theme">
  78. <META name="text:MENU5 URL" content="http://miss-yani.com">
  79. <meta name='text:SB HEADER 1' content='MORE ABOUT ME' />
  80. <meta name='text:SB HEADER 2' content='MY FLICKR' />
  81. <meta name='text:SB HEADER 3' content='TAGGED POSTS' />
  82. <meta name='text:SB HEADER 4' content='INSTAGRAM' />
  83. <meta name='text:SB HEADER 5' content='CALENDAR' />
  84. <meta name='text:SB HEADER 6' content='STUFF I LIKE' />
  85. <META name="text:TAG ONE" content="Tag One">
  86. <META name="text:TAG TWO" content="Tag two">
  87. <META name="text:TAG THREE" content="Tag three">
  88. <META name="text:TAG FOUR" content="Tag four">
  89. <META name="text:TAG FIVE" content="Tag five">
  90. <meta name='text:Twitter URL' content='http://twitter.com/USERNAME' />
  91. <meta name='text:Facebook URL' content='http://facebook.com/USERNAME' />
  92. <meta name='text:Google URL' content='http://google.com/USERNAME' />
  93. <meta name='text:Instagram URL' content='http://instagram.com/USERNAME' />
  94. <meta name='text:Pinterest URL' content='http://pinterest.com/USERNAME/' />
  95. <meta name='text:Youtube URL' content='http://youtube.com/USERNAME/' />
  96. <meta name='text:Email URL' content='@yahoo.com' />
  97. <meta name='text:RSS URL' content='{RSS}' />
  98. <meta name='text:Instagram Username' content='' />
  99. <meta name="if:ShowCalendar" content="1"/>
  100. <META name="text:Flickr ID" content="">
  101. <meta name='text:Disqus Shortname' content='' />
  102. <meta name='text:Blog Tagline' content='Welcome to my blog!' />
  103. <meta name="if:ShowTaggedPosts" content="1"/>
  104. <meta name="if:ShowBlackButtons" content="1"/>
  105. <meta name="if:ShowSearch" content="1"/>
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Domine:700' rel='stylesheet' type='text/css'>
  108. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  109.  
  110. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  111.  
  112.  
  113.  
  114. <script>
  115. $(document).ready(function(){
  116. $(window).bind('scroll', function(){
  117. if($(window).scrollTop() > 140){
  118. $('#topbar').addClass('freeze');
  119. }
  120.  
  121. else{
  122. $('#topbar').removeClass('freeze');
  123. }
  124. });
  125. });
  126. </script>
  127.  
  128.  
  129. <style type="text/css">
  130. #navbar-iframe {height:0px; visibility:hidden; display:none}
  131.  
  132. a:link, a:visited, a:active {
  133. color: {color:Link Font};
  134. cursor: pointer;
  135. text-decoration:none;
  136. -webkit-transition: .30s ease-in;
  137. }
  138. a:hover {
  139. color: {color:Link Font hover};
  140. text-decoration:none;
  141. cursor: hand;
  142. }
  143. body {
  144. background-color: {color:Main Background};
  145. background-image: url({image:Background});
  146. background-repeat: repeat;
  147. background-position: center center;
  148. color:{color:Main Font};
  149. cursor: default;
  150. text-align:justify;
  151. margin: 0px;
  152. padding: 0px;
  153. list-style-type: none;
  154. }
  155. #whole {
  156. width: 1050px;
  157. height: auto;
  158. color:{color:Main Font};
  159. font-family: 'Inconsolata';
  160. text-transform: none;
  161. letter-spacing: 1px;
  162. font-size:10pt;
  163. }
  164. /* TABLE */
  165. table {
  166. background-color: transparent;
  167. color:{color:Main Font};
  168. font:13px {font:Blog Main Font};
  169. line-height: 120%;
  170. padding: 0px;
  171. margin-left: auto;
  172. margin-right: auto;
  173. margin-top: 0px;
  174.  
  175. }
  176. .header {
  177. font: 20px {font:Post Title};
  178. color: {color:post title};
  179. text-transform: uppercase;
  180. line-height: 80%;
  181. text-align: left;
  182. max-width: 700px;
  183. letter-spacing: 2px;
  184. margin-bottom: 10px;
  185. }
  186. .header2 {
  187. margin: 0 0 0 0;
  188. color: {color:Sidebar header font};
  189. border-bottom: 1px solid {color:Sidebar header border};
  190. width: 230px; height: 15px;
  191. padding-top: 5px; padding-left: 3px;
  192. text-align:justify;
  193. letter-spacing: 2px;
  194. font:15px {font:Blog Title};
  195. text-transform: uppercase;
  196. }
  197. b {
  198. color: {color:Bold Font};}
  199. strong {
  200. color: {color:Bold Font};}
  201. i {
  202. color: {color:Italic Font};}
  203. u {
  204. color: {color:Italic Font};
  205. }
  206. a.nav {
  207. background-color:{color:Tagged Post BG};
  208. height: 30px;
  209. color:{color:Tagged Post Link};
  210. padding: 3px 8px;
  211. margin-bottom: 10px;
  212. -webkit-transition: .30s ease-in;
  213. display: block;
  214. text-align: center;
  215. line-height: 200%;
  216. }
  217. a.nav:hover {
  218. background-color:{color:Tagged Post BG Hover};
  219. color:{color:Tagged Post Link Hover};
  220. border-radius: 10px;
  221. padding: 3px 8px;
  222. }
  223. blockquote {
  224. border-left: 2px solid {color:Post bottom border};
  225. padding: 5px;
  226. }
  227. ol.notes {
  228. padding: 0px;
  229. margin: 25px 0px;
  230. list-style-type: none;
  231. border-bottom: solid 2px {color:Post bottom border};
  232. }
  233.  
  234. ol.notes li.note {
  235. border-top: solid 2px {color:Post bottom border};
  236. padding: 10px;
  237. }
  238.  
  239. ol.notes li.note img.avatar {
  240. vertical-align: -4px;
  241. margin-right: 10px;
  242. width: 16px;
  243. height: 16px;
  244. }
  245.  
  246. ol.notes li.note span.action {
  247. font-weight: bold;
  248. }
  249.  
  250. ol.notes li.note .answer_content {
  251. font-weight: normal;
  252. }
  253.  
  254. ol.notes li.note blockquote {
  255. border-color: {color:post bottom border};
  256. padding: 4px 10px;
  257. margin: 10px 0px 0px 25px;
  258. }
  259. ol.notes li.note blockquote a {
  260. text-decoration: none;
  261. }
  262. .cl-effect-15 a {
  263. color: rgba(0,0,0,0.2);
  264. font-weight: 700;
  265. text-shadow: none;
  266. }
  267.  
  268. .cl-effect-15 a::before {
  269. font:14px 'Domine', serif;
  270. content: attr(data-hover);
  271. position: relative;
  272. color: {color:Main Menu Font};
  273. padding-top:0px;
  274. font-weight: bold;
  275. width:100px;
  276. margin-left:5px;
  277. margin-top:10px;
  278. text-align:center;
  279. text-transform:uppercase;
  280. letter-spacing:2px;
  281. display:inline-block;
  282. opacity:1.0;
  283. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  284. -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  285. transition: transform 0.3s, opacity 0.3s;
  286. }
  287.  
  288. .cl-effect-15 a:hover::before,
  289. .cl-effect-15 a:focus::before {
  290. -webkit-transform: scale(0.9);
  291. -moz-transform: scale(0.9);
  292. transform: scale(0.9);
  293. opacity: .5;
  294.  
  295. }
  296. /* TOP BAR */
  297. #topbar {
  298. background: {color:TopBar Background};
  299. width: 100%;
  300. height: 50px;
  301. overflow-x: hidden;
  302. position: fixed;
  303. z-index: 99;
  304.  
  305. }
  306. .freeze{
  307. position:fixed;
  308. top:0;
  309. margin-bottom: 10px;
  310. opacity:0.8;
  311.  
  312. }
  313. #topnav {
  314. width:1055px;
  315. position: relative;
  316. height: 50px;
  317. }
  318. #topnav .navs{
  319. padding-right: 30px;
  320. padding-left: 25px;
  321. padding-bottom: -20px;
  322. margin-top: 20px;
  323. font: normal 15px {font:Top Menu};
  324. color: {color:TopBar Font};
  325. text-transform: uppercase;
  326. }
  327. #topnav .navs:hover{
  328. color: {color:TopBar Font Hover};
  329. background-color: {color:TopBar Background Hover};
  330. }
  331. #content {
  332. float: left;
  333. width: 740px;
  334. text-align: left;
  335. margin-left: 20px;
  336. border-right: {color:Main Borders} solid 1px;
  337. padding: 10px;
  338. min-height:2180px !important;
  339. }
  340. #mainpost {
  341. width: 820px;
  342. margin-left: -100px;
  343. }
  344. #mainpost .permalink {
  345. letter-spacing: 1px;
  346. font-size: 10px;
  347. text-align: center;
  348. width:100%;
  349. height:0px;
  350. opacity: 100;
  351. transition: opacity 0.1s,height 0.1s,padding 0.1s;
  352. -moz-transition: opacity 0.1s ,height 0.1s,padding 0.1s;
  353. -webkit-transition: opacity 0.1s ,height 0.1s,padding 0.1s;
  354. -o-transition: opacity 0.1s ,height 0.1s,padding 0.1s;
  355. }
  356. #mainpost:hover .permalink {
  357. height: 0px;
  358. width: 100%px;
  359. opacity: .8;
  360. transition: opacity 0.5s;
  361. -moz-transition: opacity 0.5s;
  362. -webkit-transition: opacity 0.5s;
  363. -o-transition: opacity 0.5s;
  364. }
  365. #post {
  366. background-color: {color:Post Background};
  367. float:right;
  368. width:710px;
  369. padding: 5px;
  370. text-align: left;
  371. margin-left:-120px;
  372.  
  373. }
  374. #pstdetails {
  375. float: left;
  376. width: 80px;
  377. margin-left: 0px;
  378. margin-top: 10px;
  379. text-align: left;
  380. }
  381. #pstdetails .details{
  382. height: auto;
  383. width: 70px;
  384. font: bold 8px {font:Blog Main Font};
  385. color:{color:POST LABEL FONT};
  386. text-transform: uppercase;
  387. text-align: right;
  388. background: ;
  389. margin-bottom: 2px;
  390. padding: 5px;
  391. border-right: 1px solid {color:Main Borders};
  392. }
  393. #content .photopost {
  394. width: 700px;
  395. }
  396. #text {
  397. max-width: 720px;
  398. }
  399. #text img{
  400. width: 700px;
  401. height: auto;
  402. }
  403. #perma {
  404. max-width: 700px;
  405. }
  406. #sidebar{
  407. float: right;
  408. padding: 5px 5 5 5;
  409. width: 230px;
  410. text-align: left;
  411. margin-right: 0px;
  412. margin-top: 20px;
  413. padding-bottom: 50px;
  414. }
  415. #postdetails {
  416. width: 710px;
  417. height: auto;
  418. font: 9px {font:Top Menu};
  419. text-transform: uppercase;
  420. letter-spacing: 1px;
  421. border-top:1px solid {color:post bottom border};
  422. margin-top: 3px;
  423. margin-bottom: 3px;
  424. line-height: 30px;
  425. }
  426. #postdetails .right {
  427. float: right;
  428. height: auto;
  429. }
  430. #postdetails .left {
  431. float: left;
  432. height: auto;
  433. }
  434. #postdetails .tagged {
  435. margin-top: -10px;
  436.  
  437. }
  438. #flickr {
  439. width:250px;
  440. height:190px;
  441. padding: 0px 5px 0px 5px;
  442. margin-left:1px; padding-top:10px;
  443. }
  444. #flickr img {
  445. float: left;
  446. margin:0 5px 5px 0px;
  447. background: {color:Main Background};
  448. padding: 3px;
  449. width: 60px;
  450. height: 50px;
  451. border: 1px solid {color:Tagged Post BG};
  452. }
  453. #flickr a img:hover {
  454. border: 1px solid {color:link color};
  455. -webkit-transition: .30s ease-in;
  456. opacity: 0.5;
  457. }
  458. /* CHAT */
  459. .chat {
  460. width: 700px;
  461. margin-left:0px;
  462. padding:0px
  463. text-align:left;
  464. }
  465. .chat li {
  466. padding: 2px;
  467. list-style-type: none;
  468. }
  469. .chat li:nth-child(odd) {
  470. background: {color:CHAT BG};
  471. }
  472. #spacebuttom {
  473. margin-top: 100px;
  474. }
  475. /* Q AND A */
  476. #question {
  477. padding:15px; background-color:{color:Question BG}; color:{color:Question Font}; width: 700px;
  478. }
  479. #asker {
  480. text-align: left; vertical-align:bottom; margin-top:2px; margin-left:20px; font-size:10px; font-family:'Dosis', sans-serif;
  481. }
  482. #asker a{
  483. color: {color:link};font-size:15px;line-height: 75px;
  484. }
  485. #asker a:hover {color:{color:link hover};
  486. }
  487. #asker img{
  488. vertical-align:center; float:left;margin-top:15px; margin-left: 320px; margin-right: 5px; border: 2px solid {color:Question BG}; padding: 2px;
  489. }
  490. #arrow{width: 13px; height: 7px; font-size:62px; margin-top:-5px; margin-left:290px; font-family:'trebuchet ms'; color:{color:Question BG};
  491. }
  492. ul#likes {
  493. list-style-type: none;
  494. margin: 0 0 0 0;
  495. padding: 0 0 0 0;
  496. }
  497. li.like_post {
  498. /* Should match the width specified in the Likes tag */
  499. width: 217px;
  500. float: left;
  501. padding: 10px;
  502. background: {color:Like Stuff BG};
  503. -moz-box-shadow: 0px 2px 15px #333;
  504. margin-bottom: 5px;
  505. }
  506. li.like_post img {
  507. width: 215px;
  508. -webkit-transition: .30s ease-in;
  509. }
  510. li.like_post img:hover {
  511. -webkit-transform: rotate(-10deg);
  512. -moz-transform: rotate(-10deg);
  513. -moz-box-shadow: 5px 2px 15px #333;
  514. }
  515. li.like_post blockquote {
  516. margin: 0;
  517. padding: 0 0 0 10px;
  518. border-left: 1px solid {color:Like Stuff BG};
  519. }
  520. li.like_post ol,
  521. li.like_post ul {
  522. margin: 0 0 0 15px;
  523. padding: 0;
  524. }
  525. li.like_post .like_link a {
  526. font-weight: bold;
  527. }
  528. li.like_post .like_title {
  529. font-weight: bold;
  530. }
  531. li.like_post .post_info_bottom {
  532. margin: 10px 0 0 0;
  533. display: block !important;
  534. }
  535. /* AUDIO*/
  536. #audio {
  537. width:710px;
  538. height: 150px;
  539. background-color: {color:Main Background};
  540. }
  541. .playbutton {
  542. width: 20px;
  543. height: 30px;
  544. overflow: hidden;
  545. position: relative;
  546. z-index: 1000;
  547. margin: 15px 24px 13px 16px;
  548.  
  549. }
  550. .playbox {background-color: #fff;
  551. position: absolute;
  552. z-index: 1000;
  553. margin-top: 40px;
  554. margin-left: 40px;
  555. -webkit-border-radius: 100px;
  556. -moz-border-radius: 100px;
  557. border-radius: 100px;
  558. opacity: 0.5;
  559. }
  560. #audio .albumart {
  561. width: 120px;
  562. height: 110;
  563. border: 6px solid {color:Main Background};
  564. margin-left: -3px;
  565. }
  566. #audio .details {
  567. margin-left: 2px;
  568. margin-bottom: 2px;
  569. padding: 5px;
  570. width: 700px;
  571. height: 20px;
  572. text-align:left;
  573. background-color: {color:Music Details BG};
  574. color: {color:Music Details FONT};
  575. font-family: {font:Top Menu};
  576. font-size: 12pt;
  577. text-transform: uppercase;
  578. }
  579. .photoset-img {
  580. width: 600px;
  581. height: 95px;
  582. height: auto;
  583. }
  584. .tags {
  585. background-color: {color:Post tags};
  586. padding: 3px;
  587. }
  588. .tags:hover {
  589. -webkit-transition: .30s ease-in;
  590. opacity: 0.5;
  591. }
  592. .pages-nav {
  593. height:35px;
  594. padding:10px 9px;
  595. position:relative
  596. }
  597. .pages-nav a {
  598. display:inline-block;
  599. height:35px;
  600. line-height:35px;
  601. padding:0 10px;
  602. background: {color:Pagination BG};
  603. color: {color:Pagination Font};
  604. font-weight:bold;
  605. }
  606. .pages-nav a:hover {
  607. background: {color:Pagination Hover BG};
  608. color: {color:Pagination Font Hover};
  609. }
  610. .pages-nav a.previous {
  611. position:absolute;
  612. left:9px;
  613. top:10px
  614. }
  615. .pages-nav a.next {
  616. position:absolute;
  617. right:9px;
  618. top:10px
  619. }
  620. .pages-nav .pages {
  621. text-align:center
  622. }
  623. .pages-nav .pages a {
  624. margin-right:5px;
  625. padding:0 13px;
  626. }
  627. .title {
  628. font: 30px {font:Blog Title};
  629. letter-spacing: 15px;
  630. text-transform: uppercase;
  631. color: {color:Blog Title};
  632. }
  633. .subtitle {
  634. font: 10px {font:Blog TagLine};
  635. letter-spacing: 5px;
  636. text-transform: uppercase;
  637. color: {color:Blog Title};
  638. }
  639. .logo{
  640. width:40px;
  641. height: 40px;
  642. -webkit-transition: all 0.5s ease;
  643. -webkit-filter: brightness({block:IfShowBlackButtons}-{/block:IfShowBlackButtons}80%);
  644.  
  645. }
  646.  
  647. .logo img{
  648. width:40px;
  649. height: 40px;
  650. margin-bottom: -15px;
  651.  
  652. }
  653. .logo:hover {
  654. -webkit-filter: brightness(65%);
  655. -webkit-transition: all 1s ease;
  656. -moz-transition: all 1s ease;
  657. -o-transition: all 1s ease;
  658. -ms-transition: all 1s ease;
  659. transition: all 1s ease;
  660. }
  661. .circular {
  662. width: 200px;
  663. height: autopx;
  664.  
  665. }
  666. .circular:hover {
  667. -webkit-transition: .30s ease-in;
  668. opacity: 0.5;
  669. }
  670. .like_and_reblog_buttons {
  671. border: 0px solid #e8e8e8;
  672. border-radius: 3px;
  673. list-style: none;
  674. margin-top: 0px;
  675. }
  676. .like_and_reblog_buttons li:hover {
  677. -webkit-transition: .30s ease-in;
  678. opacity: 0.5;
  679. }
  680.  
  681. .like_and_reblog_buttons li {
  682. float: left;
  683. margin: 1;
  684. padding: 5px;
  685. height: 15px;
  686. }
  687. .like_and_reblog_buttons li:first-child {
  688. border-right: 1px solid {color:Post bottom border};
  689. }
  690. #bottom {
  691. background-color: {color:Main Background};
  692. width: 1020px;
  693. height: 70px;
  694. color:{color:Main Font};
  695. font:8px {font:Top Menu};
  696. text-transform: uppercase;
  697. letter-spacing: 1px;
  698. text-align: center;
  699. border-top: {color:Main Borders} solid 1px;
  700. padding: 10px;
  701. }
  702. #up{
  703. width: 1045px;
  704. background-color: {color:Main Borders};
  705. width: 1000px;
  706. height: 1px;
  707. margin-left: 20px;
  708. }
  709. /* Form wrapper styling */
  710. .search-wrapper {
  711. width: 220px;
  712. margin: 45px auto 50px auto;
  713. box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
  714. }
  715.  
  716. .cf:before, .cf:after{
  717. content:"";
  718. display:table;
  719. }
  720.  
  721. .cf:after{
  722. clear:both;
  723. }
  724.  
  725. .cf{
  726. zoom:1;
  727. }
  728.  
  729. /* Form wrapper styling */
  730. .search-wrapper {
  731. width: 220px;
  732. margin: 45px auto 50px auto;
  733. box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
  734. }
  735.  
  736. /* Form text input */
  737.  
  738. .search-wrapper input {
  739. width: 138px;
  740. height: 20px;
  741. padding: 10px 5px;
  742. float: left;
  743. font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
  744. border: 0;
  745. background: {color:Search BG};
  746. border-radius: 3px 0 0 3px;
  747. }
  748.  
  749. .search-wrapper input:focus {
  750. outline: 0;
  751. background: {color:Search BG Hover};
  752. box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
  753. }
  754.  
  755. .search-wrapper input::-webkit-input-placeholder {
  756. color: {color:Search Font};
  757. font-weight: normal;
  758. font-style: italic;
  759. }
  760.  
  761. .search-wrapper input:-moz-placeholder {
  762. color: {color:Search Font};
  763. font-weight: normal;
  764. font-style: italic;
  765. }
  766.  
  767. .search-wrapper input:-ms-input-placeholder {
  768. color: {color:Search Font};
  769. font-weight: normal;
  770. font-style: italic;
  771. }
  772.  
  773. /* Form submit button */
  774. .search-wrapper button {
  775. overflow: visible;
  776. position: relative;
  777. float: right;
  778. border: 0;
  779. padding: 0;
  780. cursor: pointer;
  781. height: 40px;
  782. width: 72px;
  783. font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
  784. color: white;
  785. text-transform: uppercase;
  786. background: {color:Tagged Post BG};
  787. border-radius: 0 3px 3px 0;
  788. text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  789. }
  790.  
  791. .search-wrapper button:hover{
  792. background: {color:Tagged Post BG Hover};
  793. }
  794.  
  795. .search-wrapper button:active,
  796. .search-wrapper button:focus{
  797. background: {color:Tagged Post BG Hover};
  798. outline: 0;
  799. }
  800.  
  801. .search-wrapper button:before { /* left arrow */
  802. content: '';
  803. position: absolute;
  804. border-width: 8px 8px 8px 0;
  805. border-style: solid solid solid none;
  806. border-color: transparent {color:Tagged Post BG} transparent;
  807. top: 12px;
  808. left: -6px;
  809. }
  810.  
  811. .search-wrapper button:hover:before{
  812. border-right-color:{color:Tagged Post BG Hover};
  813. }
  814.  
  815. .search-wrapper button:focus:before,
  816. .search-wrapper button:active:before{
  817. border-right-color: {color:Tagged Post BG Hover};
  818. }
  819.  
  820. .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
  821. border: 0;
  822. padding: 0;
  823. }
  824.  
  825. {CustomCSS}
  826. </style>
  827.  
  828. </head>
  829. <body>
  830.  
  831. <center>
  832.  
  833. <center>
  834. <div id="topbar"><div id="topnav"><center><br>
  835. <a href="{text:MENU1 URL}" class="navs">{text:MENU 1}</a>
  836. <a href="{text:MENU2 URL}" class="navs">{text:MENU 2}</a>
  837. <a href="{text:MENU3 URL}" class="navs">{text:MENU 3}</a>
  838. <a href="{text:MENU4 URL}" class="navs">{text:MENU 4}</a>
  839. <a href="http://miss-yani.com" class="navs">Theme</a>
  840. </center>
  841.  
  842. </div></div>
  843.  
  844.  
  845. <table width="1050px" align="center" cellpadding="10" cellspacing="0" border-style="1px dashed #000000";>
  846.  
  847.  
  848.  
  849.  
  850. <div id="whole">
  851. <br><br><br><br><br><br><br><br><br><br>
  852. <a href="/"><div class="title">{Title}</div></a>
  853. <div class="subtitle">{text:Blog Tagline}</div>
  854. <br><br><br><br><br>
  855. <div id="up"></div>
  856. <td width="730px" valign="top" cellpadding="15" style="background: transparent;">
  857.  
  858. <div id="content">
  859. {block:Posts}
  860.  
  861.  
  862.  
  863. <!-- TEXT -->
  864.  
  865. <div id="mainpost">
  866. {block:Text}
  867. <div class="permalink"><div id="pstdetails">
  868. <div class="details">TEXT</div>
  869. <div class="details">
  870. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  871. </div></div>
  872. <div id="post">
  873. {block:Title}
  874. <div class="header">
  875. {Title}</strong></div>
  876. {/block:Title}
  877. <div id="text">{Body}</div>
  878. </div>
  879. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  880. {/block:Text}
  881. </div>
  882.  
  883.  
  884. <!-- END OF TEXT -->
  885.  
  886.  
  887.  
  888.  
  889.  
  890. <!-- PHOTOSET -->
  891.  
  892. <div id="mainpost">
  893. {block:Photoset}
  894. <div class="permalink"><div id="pstdetails">
  895. <div class="details">PHOTOSET</div>
  896. <div class="details">
  897. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  898. </div></div>
  899. <div id="post">
  900. {block:IndexPage}
  901. {Photoset-700}
  902. {block:Caption}
  903. <div id="text">{Caption}</div>
  904. {/block:Caption}
  905. {/block:IndexPage}
  906. {block:PermalinkPage}
  907. {Photoset-700}
  908. {block:Caption}
  909. {Caption}
  910. {/block:Caption}{/block:PermalinkPage}
  911. </div>
  912. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  913. {/block:Photoset}
  914. </DIV>
  915.  
  916.  
  917. <!-- END OF PHOTOSET -->
  918.  
  919.  
  920.  
  921.  
  922. <!-- PHOTO -->
  923.  
  924. <div id="mainpost">
  925. {block:Photo}
  926. <div class="permalink"><div id="pstdetails">
  927. <div class="details">PHOTO</div>
  928. <div class="details">
  929. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  930. </div></div>
  931. <div id="post">
  932. {LinkOpenTag}<img class="photopost" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" id="photoposts">{LinkCloseTag}
  933. {block:Caption}<div id="text">{Caption}</div>{/block:Caption}
  934. </div>
  935. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  936. {/block:Photo}
  937. </div>
  938.  
  939. <!-- END OF PHOTO -->
  940.  
  941.  
  942.  
  943.  
  944. <!-- QUOTE -->
  945.  
  946. <div id="mainpost">
  947. {block:Quote}
  948. <div class="permalink"><div id="pstdetails">
  949. <div class="details">QUOTE</div>
  950. <div class="details">
  951. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  952. </div></div>
  953. <div id="post">
  954. <div class="header">{Quote}</div>
  955. {block:Source}{Source}{/block:Source}
  956. </div>
  957. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  958. {/block:Quote}
  959. </DIV>
  960.  
  961. <!-- END OF QUOTE -->
  962.  
  963.  
  964.  
  965.  
  966.  
  967. <!-- LINK-->
  968.  
  969. <div id="mainpost">
  970. {block:Link}
  971. <div class="permalink"><div id="pstdetails">
  972. <div class="details">LINK</div>
  973. <div class="details">
  974. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  975. </div></div>
  976. <div id="post">
  977. <div class="header"><a href="{URL}" {Target}>{Name}</a></div>
  978. {block:Description}{Description}{/block:Description}
  979. </div>
  980. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  981. {/block:Link}
  982. </DIV>
  983.  
  984. <!-- END OF LINK -->
  985.  
  986.  
  987.  
  988. <!-- CHAT-->
  989.  
  990. <div id="mainpost">
  991. {block:Chat}
  992. <div class="permalink"><div id="pstdetails">
  993. <div class="details">CHAT</div>
  994. <div class="details">
  995. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  996. </div></div>
  997. <div id="post">
  998. {block:Title}<div class="header">{Title}</div>{/block:Title}
  999. <div class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  1000. {/block:Lines}<br></div>
  1001. </div>
  1002. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  1003. {/block:Chat}
  1004. </DIV>
  1005.  
  1006. <!-- END OF CHAT-->
  1007.  
  1008.  
  1009.  
  1010.  
  1011. <!-- AUDIO-->
  1012.  
  1013. <div id="mainpost">
  1014. {block:Audio}
  1015. <div class="permalink"><div id="pstdetails">
  1016. <div class="details">MUSIC</div>
  1017. <div class="details">
  1018. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  1019. </div></div>
  1020. <div id="post">
  1021. <div id="audio">
  1022. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  1023. <div class="albumart">{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}" align="left">{/block:AlbumArt}</div>
  1024.  
  1025. <div class="details">&nbsp;&nbsp;{PlayCountWithLabel}</div>
  1026.  
  1027. {block:Album}
  1028. <div class="details">&nbsp;&nbsp;{Album}</div>
  1029. {/block:Album}
  1030.  
  1031. {block:Artist}
  1032. <div class="details">&nbsp;&nbsp;{Artist}</div>
  1033. {/block:Artist}
  1034.  
  1035. {block:TrackName}
  1036. <div class="details"> &nbsp;&nbsp;{TrackName}</div>
  1037. {/block:TrackName}
  1038.  
  1039. </div>
  1040. {block:PermalinkPage}
  1041. {block:caption}<div id="text">{caption}</div>{/block:caption}
  1042. {/block:PermalinkPage}
  1043. </div>
  1044. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  1045. {/block:Audio}
  1046. </DIV>
  1047.  
  1048. <!-- END OF AUDIO-->
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <!-- VIDEO-->
  1055.  
  1056. <div id="mainpost">
  1057. {block:Video}
  1058. <div class="permalink"><div id="pstdetails">
  1059. <div class="details">VIDEO</div>
  1060. <div class="details">
  1061. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  1062. </div></div>
  1063. <div id="post">
  1064. <div style="margin-bottom:15px;">
  1065. {Video-700}</div><div id="text">{Caption}</div>
  1066. </div>
  1067. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  1068. {/block:Video}
  1069. </DIV>
  1070.  
  1071. <!-- END OF VIDEO-->
  1072.  
  1073.  
  1074.  
  1075.  
  1076. <!-- QA-->
  1077.  
  1078. <div id="mainpost">
  1079. {block:Answer}
  1080. <div class="permalink"><div id="pstdetails">
  1081. <div class="details">TUMBLRASK</div>
  1082. <div class="details">
  1083. <a href="{Permalink}">{DayOfWeek}, {DayOfMonthWithZero} {Month} {Year}</a></div>
  1084. </div></div>
  1085. <div id="post">
  1086. <div id="text">
  1087. <div id="question">{Question}</div></div>
  1088. <div id="arrow">◥</div>
  1089. <div id="asker"><a href="{askerurl}"><img src="{AskerPortraitURL-30}"></a></div><br><br><br><br>
  1090. <div id="text">{answer}</div>
  1091. </div>
  1092. <img src="http://static.tumblr.com/6lttjv1/rRHmkvcgr/sep.png" style="margin-left: 48px" "margin-bottom:-10px" width="548px"></img>
  1093. {/block:Answer}
  1094. </DIV>
  1095.  
  1096. <!-- END OF QA-->
  1097.  
  1098.  
  1099. <div id="postdetails">
  1100. <div class="right">
  1101. <ul class="like_and_reblog_buttons">
  1102. <li>{ReblogButton size="15"}</li>
  1103. <li>{LikeButton size="15"}</li>
  1104. </ul>
  1105. </div>
  1106.  
  1107. <div class="left">
  1108. Posted {TimeAgo}{block:NoteCount} | <a href="{PermaLink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1109. {block:RebloggedFrom} | <a href="{ReblogParentURL}"> via </a>{/block:RebloggedFrom}{block:ContentSource} | <a href="{SourceURL}" target="_blank"> © </a>{/block:ContentSource} {block:IfDisqusShortname} | <a href="{Permalink}#disqus_thread">Comments</a>
  1110. <script type="text/javascript">
  1111. var disqus_shortname = '{text:Disqus Shortname}';
  1112.  
  1113. (function () {
  1114. var s = document.createElement('script'); s.async = true;
  1115. s.type = 'text/javascript';
  1116. s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
  1117. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1118. }());
  1119. </script>{/block:IfDisqusShortname}
  1120.  
  1121. <div class="tagged">
  1122. {block:HasTags}
  1123. {block:Tags}<a class="tags" href="{TagURL}">#{Tag}</a> {/block:Tags}
  1124. {/block:HasTags}
  1125. </div>
  1126. </div>
  1127.  
  1128. </div>
  1129. <div id="spacebuttom"></div>
  1130.  
  1131.  
  1132.  
  1133. {block:PermalinkPage}
  1134. <br><br><div id="perma">
  1135. {block:IfDisqusShortname}
  1136. <div id="disqus_thread"></div>
  1137. <script type="text/javascript">
  1138. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  1139. var disqus_shortname = '{text:Disqus Shortname}'; // required: replace example with your Disqus site shortname
  1140. var disqus_url = '{Permalink}';
  1141. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  1142.  
  1143. /* * * DON'T EDIT BELOW THIS LINE * * */
  1144. (function() {
  1145. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1146. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  1147. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1148. })();
  1149. </script>
  1150. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1151. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a><br>
  1152. {/block:IfDisqusShortname}
  1153. <br><br>
  1154.  
  1155. {block:PostNotes}
  1156. <br>
  1157. {PostNotes}
  1158. {block:RebloggedFrom}<br>Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<br>Source:<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}
  1159. {/block:PostNotes}
  1160. </div>
  1161. {/block:PermalinkPage}
  1162.  
  1163. {/block:Posts}
  1164.  
  1165.  
  1166. <center>{block:Pagination} <br>
  1167. <div class="pages-nav">
  1168. {block:PreviousPage}
  1169. <a href="{PreviousPage}" class="previous">« Previous Page</a>
  1170. {/block:PreviousPage}
  1171. <center>
  1172. {block:JumpPagination length="10"}
  1173. {block:JumpPage}
  1174. <a href="{URL}"><div class="pages">{PageNumber}</div></a>
  1175. {/block:JumpPage}
  1176. {/block:JumpPagination}
  1177. </center>
  1178. {block:NextPage}
  1179. <a href="{NextPage}" class="next">Next Page »</a>
  1180. {/block:NextPage}
  1181. </div><br>
  1182. {/block:Pagination}
  1183. </center>
  1184.  
  1185. </div>
  1186. </td>
  1187.  
  1188. <td width="230px" valign="top" style="background:transparent; text-align:left;
  1189. ">
  1190. <div id="sidebar">
  1191. <center><a href="/"><img class="circular" src="{image:avatar}" ></img></a><br>
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197. {block:Description}<br>{Description}<br>{/block:Description}
  1198. <br><br>
  1199. {block:IfTwitterURL}
  1200. <a class="logo" href="{text:Twitter URL}"><img src="http://static.tumblr.com/6lttjv1/GZimeta48/tw.png" ></img></a>
  1201. {/block:IfTwitterURL}
  1202. {block:IfFacebookURL}
  1203. <a class="logo" href="{text:Facebook URL}"><img src="http://static.tumblr.com/6lttjv1/EODmeta4s/fb.png" ></img></a>
  1204. {/block:IfFacebookURL}
  1205. {block:IfGoogleURL}
  1206. <a class="logo" href="{text:Google URL}"><img src="http://static.tumblr.com/6lttjv1/yjNmeta55/em.png" ></img></a>
  1207. {/block:IfGoogleURL}
  1208. {block:IfInstagramURL}
  1209. <a class="logo" href="{text:Instagram URL}"><img src="http://static.tumblr.com/6lttjv1/Trkn6mo8c/insta.png" ></img></a><br><br>
  1210. {/block:IfInstagramURL}
  1211. {Block:ifPinterestURL}
  1212. <a class="logo" href="{text:Pinterest URL}"><img src="http://static.tumblr.com/6lttjv1/acznim8c7/p.png" ></img></a>
  1213. {/Block:ifPinterestURL}
  1214. {Block:ifYoutubeURL}
  1215. <a class="logo" href="{text:Youtube URL}"><img src="http://static.tumblr.com/6lttjv1/cp0nim8qw/b73362_3bc4ab147338c65ab7686afb2473a2b5.png" ></img></a>
  1216. {/Block:ifYoutubeURL}
  1217. {Block:ifEmailURL}
  1218. <a class="logo" href="{text:Email URL}"><img src="http://static.tumblr.com/6lttjv1/fqdnim9hh/b73362_3bc4ab147338c65ab7686afb2473a2b5.png" ></img></a>
  1219. {/Block:ifEmailURL}
  1220. {Block:ifRSSURL}
  1221. <a class="logo" href="{text:RSS URL}"><img src="http://static.tumblr.com/6lttjv1/YDYnim9e0/b73362_3bc4ab147338c65ab7686afb2473a2b5.png" ></img></a>
  1222. {/Block:ifRSSURL}
  1223.  
  1224. <br><br><br>
  1225. </center>
  1226. {block:IfFlickrID}<br><br>
  1227. <div class="header2">{text:SB HEADER 2}</div>
  1228. <div id="flickr">
  1229. <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user={text:Flickr ID}"></script>
  1230. </div>{/block:IfFlickrID}
  1231.  
  1232.  
  1233. {block:IfShowTaggedPosts}<br>
  1234. {block:IfTAGONE}<div class="header2">{text:SB HEADER 3}</div><br>{/block:IfTAGONE}
  1235.  
  1236. {block:IfTAGONE}
  1237. <a class="nav" href="/tagged/{text:TAG ONE}">{text:TAG ONE}</a>
  1238. {/block:IfTAGONE}
  1239.  
  1240. {block:IfTAGTWO}
  1241. <a class="nav" href="/tagged/{text:TAG TWO}">{text:TAG TWO}</a>
  1242. {/block:IfTAGTWO}
  1243.  
  1244. {block:IfTAGTHREE}
  1245. <a class="nav" href="/tagged/{text:TAG THREE}">{text:TAG THREE}</a>
  1246. {/block:IfTAGTHREE}
  1247.  
  1248. {block:IfTAGFOUR}
  1249. <a class="nav" href="/tagged/{text:TAG FOUR}">{text:TAG FOUR}</a>
  1250. {/block:IfTAGFOUR}
  1251.  
  1252. {block:IfTAGFIVE}
  1253. <a class="nav" href="/tagged/{text:TAG FIVE}">{text:TAG FIVE}</a>
  1254. {/block:IfTAGFIVE}
  1255.  
  1256. {/block:IfShowTaggedPosts}
  1257.  
  1258.  
  1259.  
  1260.  
  1261. {block:IfInstagramUsername}<br>
  1262. <div class="header2">{text:SB HEADER 4}</div>
  1263. <br><center>
  1264. <iframe src="http://widget.stagram.com/in/{text:Instagram Username}/?s=60&w=3&h=3&b=1&bg={color:Main Background}&p=5" allowtransparency="true" frameborder="0" scrolling="no" style="border:none;overflow:hidden;width:230px; height: 225px" ></iframe> <!-- Webstagram - web.stagram.com --></center>
  1265. <br>
  1266. {/block:IfInstagramUsername}
  1267.  
  1268.  
  1269.  
  1270. {block:IfShowCalendar}<br>
  1271. <div class="header2">{text:SB HEADER 5}</div>
  1272.  
  1273. <SCRIPT language="JavaScript">
  1274. monthnames = new Array(
  1275. "JANUARY",
  1276. "FEBRUARY",
  1277. "MARCH",
  1278. "APRIL",
  1279. "MAY",
  1280. "JUNE",
  1281. "JULY",
  1282. "AUGUST",
  1283. "SEPTEMBER",
  1284. "OCTOBER",
  1285. "NOVEMBER",
  1286. "DECEMBER");
  1287. var linkcount=0;
  1288. function addlink(month, day, href) {
  1289. var entry = new Array(3);
  1290. entry[0] = month;
  1291. entry[1] = day;
  1292. entry[2] = href;
  1293. this[linkcount++] = entry;
  1294. }
  1295. Array.prototype.addlink = addlink;
  1296. linkdays = new Array();
  1297. monthdays = new Array(12);
  1298. monthdays[0]=31;
  1299. monthdays[1]=28;
  1300. monthdays[2]=31;
  1301. monthdays[3]=30;
  1302. monthdays[4]=31;
  1303. monthdays[5]=30;
  1304. monthdays[6]=31;
  1305. monthdays[7]=31;
  1306. monthdays[8]=30;
  1307. monthdays[9]=31;
  1308. monthdays[10]=30;
  1309. monthdays[11]=31;
  1310. todayDate=new Date();
  1311. thisday=todayDate.getDay();
  1312. thismonth=todayDate.getMonth();
  1313. thisdate=todayDate.getDate();
  1314. thisyear=todayDate.getYear();
  1315. thisyear = thisyear % 100;
  1316. thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
  1317. if (((thisyear % 4 == 0)
  1318. && !(thisyear % 100 == 0))
  1319. ||(thisyear % 400 == 0)) monthdays[1]++;
  1320. startspaces=thisdate;
  1321. while (startspaces > 7) startspaces-=7;
  1322. startspaces = thisday - startspaces + 1;
  1323. if (startspaces < 0) startspaces+=7;
  1324. document.write("<FONT face='arial'>");
  1325. document.write("<table width=100% border=0 " );
  1326. document.write("style='font-size : 10px; color :#444;' cellpadding=0 cellspacing=1>");
  1327.  
  1328. document.write("<tr><td colspan=7><ce><upper><center>"
  1329. + monthnames[thismonth] + " " + thisyear
  1330. + "</center></upper></ce></td></tr>");
  1331. document.write("<tr>");
  1332. document.write("<td align=center><strong><ce>S</ce></strong></td>");
  1333. document.write("<td align=center><strong><ce>M</ce></strong></td>");
  1334. document.write("<td align=center><strong><ce>T</ce></strong></td>");
  1335. document.write("<td align=center><strong><ce>W</ce></strong></td>");
  1336. document.write("<td align=center><strong><ce>T</ce></strong></td>");
  1337. document.write("<td align=center><strong><ce>F</ce></strong></td>");
  1338. document.write("<td align=center><strong><ce>S</ce></strong></td>");
  1339. document.write("</tr>");
  1340. document.write("<tr>");
  1341. for (s=0;s<startspaces;s++) {
  1342. document.write("<td align=center>x</td>");
  1343. }
  1344. count=1;
  1345. while (count <= monthdays[thismonth]) {
  1346. for (b = startspaces;b<7;b++) {
  1347. linktrue=false;
  1348. document.write("<td align=center>");
  1349. for (c=0;c<linkdays.length;c++) {
  1350. if (linkdays[c] != null) {
  1351. if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
  1352. document.write("<a href=\"" + linkdays[c][2] + "\">");
  1353. linktrue=true;
  1354. }
  1355. }
  1356. }
  1357. if (count==thisdate) {
  1358. document.write("<B>");
  1359. }
  1360. if (count <= monthdays[thismonth]) {
  1361. document.write(count);
  1362. }
  1363. else {
  1364. document.write("x");
  1365. }
  1366. if (count==thisdate) {
  1367. document.write("</B>");
  1368. }
  1369. if (linktrue)
  1370. document.write("</a>");
  1371. document.write("</td>");
  1372. count++;
  1373. }
  1374. document.write("</tr>");
  1375. document.write("<tr>");
  1376. startspaces=0;
  1377. }
  1378. document.write("</table>");
  1379. document.write("</FONT>");
  1380. // End --></SCRIPT>
  1381. <br>{/block:IfShowCalendar}
  1382.  
  1383.  
  1384. {block:Likes}
  1385. <div class="header2">{text:SB HEADER 6}</div><br>
  1386. <div id="likes_container">
  1387.  
  1388.  
  1389. {Likes limit="3" summarize="100" width="220"}
  1390.  
  1391. <a href="http://www.tumblr.com/liked/by/{Name}">
  1392. See more stuff I like
  1393. </a>
  1394. </div>
  1395. {/block:Likes}
  1396. <br>
  1397. <form action="/search" method="get" class="search-wrapper cf">
  1398. <input type="text" placeholder="Search here..." required="" name="q" value="{SearchQuery}">
  1399. <button type="submit">Search</button>
  1400. </form>
  1401.  
  1402. </div>
  1403.  
  1404.  
  1405.  
  1406. </td></tr>
  1407. </table>
  1408.  
  1409. <center>
  1410. <table width="1050px" align="center" cellpadding="10" cellspacing="0" border-style="1px dashed #000000";>
  1411. <div id="bottom"><br><br><br><br><br>
  1412. © <a href="/">{title}</a> | Theme <a href="http://miss-yani.com">SPACING</a>, DESIGNED BY: <a href="http://miss-yani.com">MISS-YANI</a> | POWERED BY: <a href="http://tumblr.com">TUMBLR</a><br><br>
  1413. </div>
  1414. </td></tr>
  1415. </table>
  1416. </center>
  1417.  
  1418. <script type="text/javascript" src="/tweets.js"></script>
  1419.  
  1420.  
  1421. </body>
  1422. </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!