API tools faq
paste
Advertisement
imgirlrauhl

Theme #22 - Sweetie

imgirlrauhl
Aug 11th, 2014
4,227
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.71 KB | None | 0 0
raw download clone embed print report
  1. <!----------
  2.  
  3. Theme #22 "Sweetie" by Vanne @ vitanica.tumblr.com
  4.  
  5. .Do NOT remove the credits
  6. .Do NOT steal my codes
  7. .Do NOT use as base code
  8. .Do NOT claim as your own
  9.  
  10. Thank you so much for using my theme! <3
  11.  
  12. ----------->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  27.  
  28. <meta name="image:Background" content="http://33.media.tumblr.com/d2403a83b5741b09ac1fb750e5ddebaf/tumblr_na3vyc14nm1tfs23yo1_400.png"/>
  29. <meta name="image:Blog BG" content="https://38.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_na3vyc14nm1tfs23yo2_100.png"/>
  30. <meta name="image:Description BG" content="https://31.media.tumblr.com/7237b43cb275a25c9b553cf7276c23a4/tumblr_na3vyc14nm1tfs23yo3_250.png"/>
  31. <meta name="image:Icon" content="http://static.tumblr.com/n9vj50j/fUPn5mkjh/captura_de_pantalla_2014-05-15_a_las_11.59.00.png"/>
  32. <meta name="image:Main Nav BG" content=""/>
  33.  
  34. <meta name="color:Background" content="#f8f8f8"/>
  35. <meta name="color:Blog BG" content="#deeaea"/>
  36. <meta name="color:Blog Shadow" content="#cfd1da"/>
  37. <meta name="color:Title BG" content="#c3dfe7"/>
  38. <meta name="color:Title" content="#ffffff"/>
  39. <meta name="color:Icon Border" content="#ccdfbc"/>
  40. <meta name="color:Description BG" content="#ffffff"/>
  41. <meta name="color:Description Text" content="#949494"/>
  42. <meta name="color:Description Italic" content="#b0d4dc"/>
  43. <meta name="color:Description Bold" content="#e7aebb"/>
  44. <meta name="color:Description Link" content="#edc59b"/>
  45. <meta name="color:Description Link Hover" content="#cccccc"/>
  46.  
  47. <meta name="color:Main Nav BG" content="#fffff7"/>
  48. <meta name="color:Main Nav Links" content="#a2b884"/>
  49. <meta name="color:Main Nav Links Hover" content="#b0b0b0"/>
  50. <meta name="color:Main Nav Links Border" content="#f8d4da"/>
  51. <meta name="color:Main Nav Links Border Hover" content="#b2d7df"/>
  52. <meta name="color:Music Player BG" content="#ffffff"/>
  53. <meta name="color:Music Player Icon Color" content="#ffffff"/>
  54. <meta name="color:Music Player Icon BG" content="#c3c3e2"/>
  55. <meta name="color:Search Button BG" content="#fbacb5"/>
  56. <meta name="color:Search Button Icon Color" content="#ffffe5"/>
  57.  
  58. <meta name="color:Entries BG" content="#ffffff"/>
  59. <meta name="color:Entries Border" content="#e7e7e7"/>
  60. <meta name="color:Entries Text" content="#8c8c8c"/>
  61. <meta name="color:Entries Title" content="#afc995"/>
  62. <meta name="color:Entries Title Border" content="#f5eedb"/>
  63.  
  64. <meta name="color:Blockquote Border" content="#f3f3f3">
  65. <meta name="color:Blockquote BG" content="#f8f8f8">
  66. <meta name="color:Scrollbar" content="#f5b7c8">
  67. <meta name="color:Scrollbar Bottom" content="#dceff0">
  68. <meta name="color:Link" content="#f09bad">
  69. <meta name="color:Link Hover" content="#b8b8b8">
  70. <meta name="color:Italic Text" content="#b4cc9d">
  71. <meta name="color:Bold Text" content="#b3b8e2">
  72. <meta name="color:Highlight BG" content="#ecf5da"/>
  73. <meta name="color:Tooltip Text" content="#ffffff"/>
  74. <meta name="color:Tooltip BG" content="#c5d7b0"/>
  75.  
  76. <meta name="color:Pagination BG" content="#f8abae">
  77. <meta name="color:Pagination BG Hover" content="#feeab8">
  78. <meta name="color:Pagination Link" content="#f3f2d7">
  79. <meta name="color:Pagination Link Hover" content="#8db09a">
  80. <meta name="color:Permalink BG" content="#eef5e5"/>
  81. <meta name="color:Permalink Text" content="#c6c6c6"/>
  82. <meta name="color:Permalink Links" content="#e7a786"/>
  83. <meta name="color:Permalink Links Hover" content="#9ab396"/>
  84. <meta name="color:Tag Color" content="#ffffec"/>
  85. <meta name="color:Tag BG" content="#a3cad1"/>
  86. <meta name="color:Posted Color" content="#ffffff"/>
  87. <meta name="color:Posted BG" content="#edb4c3"/>
  88.  
  89. <meta name="color:Ask BG" content="#f2fbf8"/>
  90. <meta name="color:Ask Text" content="#f2fbf8"/>
  91. <meta name="color:Ask Border" content="#c3e5e1"/>
  92. <meta name="color:Music Border" content="#d0deea"/>
  93. <meta name="color:Music Text" content="#c9c9c9"/>
  94. <meta name="color:Music Bold Text" content="#a7be96"/>
  95.  
  96. <meta name="if:Search Box" content="1"/>
  97. <meta name="if:Infinite Scroll" content="">
  98. <meta name="if:Show Captions" content="1">
  99. <meta name="if:Image Fade" content="">
  100. <meta name="if:Black And White Images" content="">
  101. <meta name="if:Back To Top" content="1"/>
  102.  
  103. <meta name="text:Top Bar Phrase" content="life is full of candy">
  104. <meta name="text:Ask Title" content="ask me anything!">
  105. <meta name="text:Search Title" content="search tags!">
  106. <meta name="text:Music Player" content="">
  107. <meta name="text:Link 1" content="link 1">
  108. <meta name="text:Link 1 URL" content="">
  109. <meta name="text:Link 2" content="link 2">
  110. <meta name="text:Link 2 URL" content="">
  111. <meta name="text:Link 3" content="link 3">
  112. <meta name="text:Link 3 URL" content="">
  113. <meta name="text:Link 4" content="link 4">
  114. <meta name="text:Link 4 URL" content="">
  115. <meta name="text:Link 5" content="link 5">
  116. <meta name="text:Link 5 URL" content="">
  117. <meta name="text:Link 6" content="link 6">
  118. <meta name="text:Link 6 URL" content="">
  119. <meta name="text:Link 7" content="link 7">
  120. <meta name="text:Link 7 URL" content="">
  121. <meta name="text:Link 8" content="link 8">
  122. <meta name="text:Link 8 URL" content="">
  123. <meta name="text:Link 9" content="link 9">
  124. <meta name="text:Link 9 URL" content="">
  125. <meta name="text:Link 10" content="link 10">
  126. <meta name="text:Link 10 URL" content="">
  127.  
  128. <style type="text/css">
  129.  
  130. @import url(http://weloveiconfonts.com/api/?family=entypo);
  131.  
  132. /* entypo */
  133. [class*="entypo-"]:before {
  134. font-family: 'entypo', sans-serif;
  135. }
  136.  
  137. iframe#tumblr_controls {
  138. right: 3px !important;
  139. position: fixed !important;
  140. opacity: 0.4;
  141. white-space: nowrap;
  142. -webkit-filter: invert(100%);
  143. -moz-filter: invert(100%);
  144. -o-filter: invert(100%);
  145. -ms-filter: invert(100%);
  146. filter: invert(100%);
  147. -webkit-transition: opacity 0.7s linear;
  148. -webkit-transition: all 0.5s ease-in-out;
  149. -moz-transition: all 0.5s ease-in-out;
  150. -o-transition: all 0.5s ease-in-out;
  151. transition: all 0.5s ease-in-out;}
  152.  
  153. iframe#tumblr_controls:hover {
  154. opacity: 0.7;}
  155.  
  156. body {
  157. font-size: 11px;
  158. color: {color:Entries Text};
  159. background: {color:Background} url('{image:Background}');
  160. background-attachment: fixed;
  161. font-family: Noto Sans;
  162. word-wrap: break-word;}
  163.  
  164. ::-webkit-scrollbar-thumb:vertical {
  165. background: {color:Scrollbar};
  166. height: auto;}
  167.  
  168. ::-webkit-scrollbar-thumb:horizontal {
  169. background: {color:Scrollbar};
  170. height: auto;}
  171.  
  172. ::-webkit-scrollbar {
  173. height: 5px;
  174. width: 5px;
  175. background: {color:Scrollbar Bottom};}
  176.  
  177. blockquote {
  178. margin: 10px 0px 0px 0px;
  179. padding: 2px 7px 2px 7px;
  180. background: {color:Blockquote BG};
  181. border-left: 3px solid {color:Blockquote Border};}
  182.  
  183. ::selection { background: {color:Highlight BG}; }
  184.  
  185. a {
  186. color: {color:Link};
  187. text-decoration: none;
  188. -webkit-transition: all .4s ease;
  189. -moz-transition: all .4s ease;
  190. -o-transition: all .4s ease;
  191. transition: all .4s ease;}
  192.  
  193. a:hover { color: {color:Link Hover}; text-decoration: none; }
  194.  
  195. b, strong {
  196. font-weight: 700;
  197. color: {color:Bold Text};
  198. letter-spacing: 0px;
  199. word-spacing: 2px;}
  200.  
  201. i, em {
  202. font-weight: 400italic;
  203. letter-spacing: 0px;
  204. word-spacing: 2px;
  205. color: {color:Italic Text};}
  206.  
  207. pre {
  208. padding: 10px;
  209. background: {color:Ask BG};}
  210.  
  211. #main {
  212. z-index: 9;
  213. position: fixed;
  214. top: 0px;
  215. margin-left: 110px;
  216. width: 510px;
  217. height: 31px;
  218. background: {color:Main Nav BG} url('{image:Main Nav BG}');
  219. border-bottom: 4px solid {color:Main Nav Links Border};
  220. }
  221.  
  222. #main a {
  223. z-index: 99999;
  224. margin: 0px;
  225. position: relative;
  226. display: inline-block;
  227. text-align: center;
  228. font-family: noto sans;
  229. letter-spacing: 3px;
  230. text-transform: uppercase;
  231. font-size: 9px;
  232. width: 125px;
  233. height: 31px;
  234. line-height: 33px;
  235. border-bottom: 4px solid {color:Main Nav Links Border};
  236. color: {color:Main Nav Links};
  237. -webkit-transition: all 0.5s ease-in-out;
  238. -moz-transition: all 0.5s ease-in-out;
  239. -o-transition: all 0.5s ease-in-out;
  240. -ms-transition: all 0.5s ease-in-out;
  241. transition: all 0.5s ease-in-out;}
  242.  
  243. #main a:hover {
  244. border-bottom: 4px solid {color:Main Nav Links Border Hover};
  245. color: {color:Main Nav Links Hover};}
  246.  
  247. #sidebar {
  248. z-index: 9;
  249. position: fixed;
  250. top: 35px;
  251. margin-left: 110px;
  252. width: 510px;
  253. height: 100px;
  254. overflow: hidden;
  255. background: #fff;
  256. }
  257.  
  258. .sidebar {
  259. z-index: 9;
  260. margin: 0px;
  261. height: 100px;
  262. background: {color:Description BG} url('{image:Description BG}');
  263. -webkit-transition: all 1s ease-in-out;
  264. -moz-transition: all 1s ease-in-out;
  265. -o-transition: all 1s ease-in-out;
  266. -ms-transition: all 1s ease-in-out;
  267. transition: all 1s ease-in-out;
  268. }
  269.  
  270. #sidebar img {
  271. float: left;
  272. margin-top: 10px;
  273. margin-left: 50px;
  274. border: solid 5px {color:Icon Border};
  275. width: 70px;
  276. -webkit-border-radius: 6px;
  277. -moz-border-radius: 6px;
  278. border-radius: 6px;
  279. }
  280.  
  281. #title {
  282. position: absolute;
  283. margin-top: 10px;
  284. margin-left: 140px;
  285. font-size: 14px;
  286. text-align: left;
  287. font-family: Montserrat;
  288. line-height: 20px;
  289. text-align: center;
  290. letter-spacing: 1px;
  291. width: 310px;
  292. height: 20px;
  293. color: {color:Title};
  294. background: {color:Title BG};
  295. border-left: 3px double;
  296. border-top: 3px double;
  297. border-right: 3px double;
  298. -webkit-border-top-left-radius: 6px;
  299. -webkit-border-top-right-radius: 6px;
  300. -moz-border-radius-topleft: 6px;
  301. -moz-border-radius-topright: 6px;
  302. border-top-left-radius: 6px;
  303. border-top-right-radius: 6px;
  304. }
  305.  
  306. /* description */
  307. #description {
  308. position: absolute;
  309. margin-top: 33px;
  310. margin-left: 140px;
  311. width: 296px;
  312. height: 38px;
  313. overflow: auto;
  314. text-align: center;
  315. font-size: 11px;
  316. line-height: 11px;
  317. font-family: noto sans;
  318. color: {color:Description Text};
  319. background: {color:Description BG};
  320. padding: 10px;
  321. -webkit-border-bottom-right-radius: 6px;
  322. -webkit-border-bottom-left-radius: 6px;
  323. -moz-border-radius-bottomright: 6px;
  324. -moz-border-radius-bottomleft: 6px;
  325. border-bottom-right-radius: 6px;
  326. border-bottom-left-radius: 6px;
  327. }
  328.  
  329. #description b, #description strong { color: {color:Description Bold}; }
  330. #description i, #description em { color: {color:Description Italic}; }
  331. #description a { color: {color:Description Link}; }
  332. #description a:hover { color: {color:Description Link Hover}; }
  333. #description::-webkit-scrollbar-thumb:vertical { background: {color:Scrollbar}; height: auto; }
  334. #description::-webkit-scrollbar-thumb:horizontal { background: {color:Scrollbar}; height: auto; }
  335. #description::-webkit-scrollbar { height: 2px; width: 2px; background: {color:Scrollbar Bottom}; }
  336.  
  337. .mwah {
  338. position: fixed;
  339. top: 35px;
  340. margin-left: 0px;
  341. color: {color:Entries Text};
  342. background: {color:Entries BG};
  343. border-bottom: 4px solid {color:Main Nav Links Border Hover};
  344. padding: 15px;
  345. width: 480px;
  346. z-index: 99999;
  347. }
  348.  
  349. #custom { text-align: center; }
  350. #custom a { width: 93px; }
  351.  
  352. /*music player*/
  353. #musicplayer {
  354. position: fixed;
  355. z-index: 99999999999999;
  356. top: 66px;
  357. margin-left: 620px;
  358. line-height: 31px;
  359. text-align: center;
  360. font-size: 16px;
  361. width: 31px;
  362. height: 31px;
  363. -webkit-border-top-right-radius: 5px;
  364. -webkit-border-bottom-right-radius: 5px;
  365. -moz-border-radius-topright: 5px;
  366. -moz-border-radius-bottomright: 5px;
  367. border-top-right-radius: 5px;
  368. border-bottom-right-radius: 5px;
  369. color: {color:Music Player Icon Color};
  370. background: {color:Music Player Icon BG};
  371. box-shadow: 3px 3px 10px {color:Blog Shadow};
  372. -webkit-transition: all .7s ease;
  373. -moz-transition: all .7s ease;
  374. -o-transition: all .7s ease;
  375. transition: all .7s ease;
  376. }
  377.  
  378. #line {
  379. position:absolute;
  380. background: {color:Music Player Icon BG};
  381. box-shadow: 3px 3px 10px {color:Blog Shadow};
  382. }
  383.  
  384. .line {
  385. top: 13px;
  386. left: 30px;
  387. width: 0px;
  388. height: 3px;
  389. -webkit-transition:all .4s ease;
  390. -moz-transition:all .4s ease;
  391. -o-transition:all .4s ease;
  392. transition-delay: 0s;
  393. -webkit-transition-delay: 0s;
  394. }
  395.  
  396. #musicplayer:hover .line {
  397. width: 20px;
  398. -webkit-transition-delay: 0s;
  399. }
  400.  
  401. .play {
  402. z-index: 9999;
  403. top: 0px;
  404. left: 50px;
  405. width: 140px;
  406. height: 0px;
  407. padding: 0px 5px 5px 0px;
  408. overflow: hidden;
  409. position: absolute;
  410. text-align: center;
  411. background: {color:Music Player BG};
  412. border-left: 3px solid {color:Music Player Icon BG};
  413. box-shadow: 2px 2px 10px {color:Blog Shadow};
  414. opacity: 0;
  415. -webkit-transition: all .4s ease;
  416. -moz-transition: all .4s ease;
  417. -o-transition: all .4s ease;
  418. transition-delay: .4s;
  419. -webkit-transition-delay: .4s;
  420. }
  421.  
  422. #musicplayer:hover .play {
  423. height: 25px;
  424. opacity: 1;
  425. transition-delay: .6s;
  426. -webkit-transition-delay: .6s;
  427. }
  428.  
  429. /*search box*/
  430. #searchbox {
  431. position: fixed;
  432. top: 70px;
  433. margin-left: 80px;
  434. z-index: 999999;
  435. }
  436.  
  437. #searchbox a {
  438. display: block;
  439. width: 30px;
  440. height: 30px;
  441. line-height: 30px;
  442. text-align: center;
  443. font-size: 16px;
  444. background: {color:Search Button BG};
  445. color: {color:Search Button Icon Color};
  446. box-shadow: 0px 0px 10px {color:Blog Shadow};
  447. -webkit-border-top-left-radius: 5px;
  448. -webkit-border-bottom-left-radius: 5px;
  449. -moz-border-radius-topleft: 5px;
  450. -moz-border-radius-bottomleft: 5px;
  451. border-top-left-radius: 5px;
  452. border-bottom-left-radius: 5px;
  453. }
  454.  
  455. /* - - - - P O S T S - - - - */
  456. #all {
  457. position: relative;
  458. top: 0px;
  459. margin: 0 auto;
  460. padding: 5px;
  461. width: 730px;
  462. }
  463.  
  464. #middle {
  465. position: fixed;
  466. z-index: -1;
  467. top: 0px;
  468. margin-left: 110px;
  469. background: {color:Blog BG} url('{image:Blog BG}');
  470. height: 100%;
  471. width: 510px;
  472. box-shadow: 0px 0px 20px {color:Blog Shadow};
  473. }
  474.  
  475. #container {
  476. margin-left: 150px;
  477. margin-top: 165px;
  478. margin-bottom: 70px;
  479. width: 480px;
  480. }
  481.  
  482. .entry {
  483. position: relative;
  484. text-align: justify;
  485. float: left;
  486. color: {color:Entries Text};
  487. background: {color:Entries BG};
  488. border: 1px dashed {color:Entries Border};
  489. padding: 15px;
  490. width: 400px;
  491. font-family: Noto Sans;
  492. font-size: 11px;
  493. }
  494.  
  495. .entry img {
  496. max-width: 100%;
  497. }
  498.  
  499. h1 {
  500. margin-top: 0px;
  501. font-size: 13px;
  502. text-align: center;
  503. letter-spacing: 1px;
  504. color: {color:Entries Title};
  505. border-bottom: 4px solid {color:Entries Title Border};
  506. padding-bottom: 6px;
  507. font-family: Montserrat;
  508. }
  509.  
  510. /* image fade / black and white images */
  511. {block:IfImageFade}
  512. .entry img {
  513. opacity: .7;
  514. -webkit-transition: all 0.5s ease-in-out;
  515. -moz-transition: all 0.5s ease-in-out;
  516. -o-transition: all 0.5s ease-in-out;
  517. -ms-transition: all 0.5s ease-in-out;
  518. transition: all 0.5s ease-in-out;
  519. }
  520.  
  521. .entry img:hover {
  522. opacity: 1;
  523. }
  524.  
  525. img, .photoset{
  526. opacity: .7;
  527. -webkit-transition: all 0.6s ease-in-out;
  528. -moz-transition: all 0.6s ease-in-out;
  529. -o-transition: all 0.6s ease-in-out;
  530. }
  531.  
  532. img:hover,.photoset:hover{
  533. opacity: 1;
  534. -webkit-transition: all 0.6s ease-in-out;
  535. -moz-transition: all 0.6s ease-in-out;
  536. -o-transition: all 0.6s ease-in-out;
  537. }
  538. {/block:IfImageFade}
  539.  
  540. {block:IfBlackAndWhiteImages}
  541. .entry img{
  542. -webkit-filter:grayscale(80%);
  543. -webkit-transition: all 0.5s ease-in-out;
  544. -moz-transition: all 0.5s ease-in-out;
  545. -o-transition: all 0.5s ease-in-out;
  546. -ms-transition: all 0.5s ease-in-out;
  547. transition: all 0.5s ease-in-out;
  548. }
  549.  
  550. .entry img:hover{
  551. -webkit-filter:none;
  552. -webkit-transition: all 0.5s ease-in-out;
  553. -moz-transition: all 0.5s ease-in-out;
  554. -o-transition: all 0.5s ease-in-out;
  555. -ms-transition: all 0.5s ease-in-out;
  556. transition: all 0.5s ease-in-out;
  557. }
  558.  
  559. .entry img, .photoset{
  560. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix type=\'matrix\'
  561. values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* FIREFOX 3.5+ */
  562. filter: gray; /* IE6-9 */
  563. -webkit-filter: grayscale(80%);
  564. -webkit-transition: all 0.6s ease-in-out;
  565. -moz-transition: all 0.6s ease-in-out;
  566. -o-transition: all 0.6s ease-in-out;
  567. }
  568.  
  569. .entry img:hover,.photoset:hover{
  570. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix type=\'matrix\'
  571. values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* FIREFOX 3.5+ */
  572. filter: gray; /* IE6-9 */
  573. -webkit-filter: grayscale(0%);
  574. -webkit-transition: all 0.6s ease-in-out;
  575. -moz-transition: all 0.6s ease-in-out;
  576. -o-transition: all 0.6s ease-in-out;
  577. }
  578. {/block:IfBlackAndWhiteImages}
  579.  
  580. #ask {
  581. margin-left: 0px;
  582. background: {color:Ask BG};
  583. color: {color:Ask Text};
  584. min-height: 56px;
  585. padding: 5px;
  586. }
  587.  
  588. #answer {
  589. margin-top: 10px;
  590. }
  591.  
  592. #portrait img {
  593. float: left;
  594. border: 6px solid {color:Ask Border};
  595. margin: 3px 7px 0px 3px;
  596. }
  597.  
  598. /* music posts */
  599. #musicpost {
  600. position: relative;
  601. width: 400px;
  602. height: 165px;
  603. overflow: hidden;
  604. margin-bottom: 3px;
  605. }
  606.  
  607. #audio {
  608. position: relative;
  609. float: left;
  610. }
  611.  
  612. #audio img {
  613. border: 7px solid {color:Music Border};
  614. width: 150px;
  615. }
  616.  
  617. #playerholder {
  618. overflow: hidden;
  619. position: absolute;
  620. left: 180px;
  621. top: 30px;
  622. }
  623.  
  624. #player {
  625. overflow: hidden;
  626. position: relative;
  627. opacity: .7;
  628. }
  629.  
  630. #player:hover {
  631. opacity: 1;
  632. }
  633.  
  634. #audioinfo {
  635. position: absolute;
  636. width: 205px;
  637. height: 80px;
  638. margin-left: 175px;
  639. top: 78px;
  640. -webkit-transition: all .8s ease;
  641. -moz-transition: all .8s ease;
  642. -o-transition: all .8s ease;
  643. transition: all .8s ease;
  644. }
  645.  
  646. #audioline {
  647. float: left;
  648. overflow: hidden;
  649. margin-top: 6px;
  650. height: 16px;
  651. line-height: 16px;
  652. width: 209px;
  653. font-size: 11px;
  654. letter-spacing: 1px;
  655. text-transform: uppercase;
  656. font-family: Consolas;
  657. color: {color:Music Text};
  658. padding: 3px 3px 3px 10px;
  659. border-bottom: 1px solid {color:Music Border};
  660. }
  661.  
  662. #audioline b, #audioline strong {
  663. color: {color:Music Bold Text};
  664. }
  665.  
  666. /* quote */
  667. #quote {
  668. padding: 8px;
  669. text-align: center;
  670. font-size: 14px;
  671. font-family: Montserrat;
  672. letter-spacing: 1px;
  673. text-transform: uppercase;
  674. color: {color:Italic Text};
  675. }
  676.  
  677. #quotesource {
  678. padding: 3px;
  679. text-align: center;
  680. font-size: 8px;
  681. text-transform: uppercase;
  682. letter-spacing: 1px;
  683. color: {color:Bold Text};
  684. }
  685.  
  686. /* chat */
  687. .chat {
  688. margin: 0;
  689. }
  690.  
  691. .chat .chat1 {
  692. margin-left: 0px;
  693. }
  694.  
  695. .chat .chat1 .chat2 {
  696. color: {color:Italic Text};
  697. margin-bottom: 2px;
  698. padding: 4px 4px 5px 5px;
  699. }
  700.  
  701. .chat .chat1 .chat2.even {
  702. color: {color:Bold Text};
  703. }
  704.  
  705. /* permalink */
  706. #permalink {
  707. position: relative;
  708. float: left;
  709. margin-bottom: 30px;
  710. width: 420px;
  711. background: {color:Permalink BG};
  712. color: {color:Permalink Text};
  713. border-left: 1px dashed {color:Entries Border};
  714. border-bottom: 1px dashed {color:Entries Border};
  715. border-right: 1px dashed {color:Entries Border};
  716. line-height: 18px;
  717. padding: 5px 5px 5px 5px;
  718. text-align: left;
  719. font-size: 9px;
  720. font-family: consolas;
  721. text-transform: uppercase;
  722. letter-spacing: 1px;
  723. }
  724.  
  725. #permalink a { color: {color:Permalink Links}; }
  726. #permalink a:hover { color: {color:Permalink Links Hover}; }
  727.  
  728. /* tags */
  729. #tags {
  730. width: 245px;
  731. text-align: center;
  732. padding: 0px;
  733. font-size: 8px;
  734. font-family: arial;
  735. padding: 2px;
  736. text-transform: uppercase;
  737. -webkit-transition:all .5s ease;
  738. -moz-transition:all .5s ease;
  739. transition:all .5s ease;
  740. -o-transition:all .5s ease;
  741. }
  742.  
  743. /*pagination*/
  744. #pagination {
  745. position: fixed;
  746. bottom: 10px;
  747. margin-left: 620px;
  748. width: 50px;
  749. text-align: center;
  750. {block:IfInfiniteScroll}
  751. display: none;
  752. {/block:IfInfiniteScroll}
  753. {block:IfNotInfiniteScroll}
  754. display: visible;
  755. {/block:IfNotInfiniteScroll}
  756. }
  757.  
  758. #pagination a {
  759. display: block;
  760. font-size: 10px;
  761. line-height: 15px;
  762. width: 15px;
  763. height: 15px;
  764. margin-top: 4px;
  765. text-align: center;
  766. font-family: noto sans;
  767. letter-spacing: 1px;
  768. color: {color:Pagination Link};
  769. background: {color:Pagination BG};
  770. box-shadow: 1px 1px 3px {color:Blog Shadow};
  771. -webkit-border-top-right-radius: 3px;
  772. -webkit-border-bottom-right-radius: 3px;
  773. -moz-border-radius-topright: 3px;
  774. -moz-border-radius-bottomright: 3px;
  775. border-top-right-radius: 3px;
  776. border-bottom-right-radius: 3px;
  777. }
  778.  
  779. #pagination a:hover {
  780. padding-left: 4px;
  781. color: {color:Pagination Link Hover};
  782. background: {color:Pagination BG Hover};
  783. }
  784.  
  785. span.selectedpage {
  786. color: {color:Pagination Link Hover};
  787. background: {color:Pagination BG Hover};
  788. display: block;
  789. font-size: 10px;
  790. line-height: 15px;
  791. width: 15px;
  792. height: 15px;
  793. margin-top: 4px;
  794. text-align: center;
  795. font-family: noto sans;
  796. letter-spacing: 1px;
  797. -webkit-border-top-right-radius: 3px;
  798. -webkit-border-bottom-right-radius: 3px;
  799. -moz-border-radius-topright: 3px;
  800. -moz-border-radius-bottomright: 3px;
  801. border-top-right-radius: 3px;
  802. border-bottom-right-radius: 3px;
  803. box-shadow: 1px 1px 3px {color:Blog Shadow};
  804. }
  805.  
  806. /* back to top button */
  807. .top {
  808. position: fixed;
  809. z-index: 999;
  810. }
  811.  
  812. .top a {
  813. font-size: 11px;
  814. text-align: center;
  815. font-weight: bold;
  816. padding: 4px 7px 4px 7px;
  817. text-transform: uppercase;
  818. font-family: Courier New;
  819. background: {color:Search Button BG};
  820. color: {color:Search Button Icon Color};
  821. -webkit-transition:all .5s ease;
  822. -moz-transition:all .5s ease;
  823. transition:all .5s ease;
  824. -o-transition:all .5s ease;
  825. }
  826.  
  827. .top a:hover {
  828. background: {color:Music Player Icon BG};
  829. color: {color:Music Player Icon Color};
  830. }
  831.  
  832. #scrollToTop:link, #scrollToTop:visited {
  833. z-index: 9999;
  834. display: none;
  835. position: fixed;
  836. bottom: 10px;
  837. right: 10px;
  838. }
  839.  
  840. /*permalink page*/
  841. .post_perma {
  842. position: relative;
  843. float: left;
  844. background: {color:Entries BG};
  845. margin-top: 10px;
  846. width: 400px;
  847. padding: 15px;
  848. text-align: center;
  849. font-size: 13px;
  850. font-family: Montserrat;
  851. border: 1px dashed {color:Entries Border};
  852. }
  853.  
  854. /* notes */
  855. .post_notes {
  856. position: relative;
  857. float: left;
  858. background: {color:Entries BG};
  859. margin-top: 10px;
  860. margin-bottom: 30px;
  861. width: 400px;
  862. padding: 15px;
  863. border: 1px dashed {color:Entries Border};
  864. }
  865.  
  866. ol.notes blockquote {
  867. margin-left: 0px;
  868. margin-right: 0px;
  869. margin-bottom: 0px;
  870. padding: 3px 5px 3px 5px;
  871. background: {color:Entries BG};
  872. border-left: 3px solid {color:Blockquote Border};
  873. }
  874.  
  875. ol.notes {
  876. width: 500px;
  877. text-align:left;
  878. padding: 0px;
  879. margin: 0px 0px;
  880. list-style-type: lower-roman;
  881. }
  882.  
  883. ol.notes li.note {
  884. font-size: 9px;
  885. list-style-type:none;
  886. text-transform: uppercase;
  887. line-height: 13px;
  888. font-family: Consolas;
  889. letter-spacing: 1px;
  890. padding: 5px;
  891. }
  892.  
  893. ol.notes li.note img.avatar { display: none; }
  894.  
  895. .avatar_frame{ display:none; }
  896.  
  897. /* style my tooltip */
  898. #s-m-t-tooltip{
  899. max-width: 300px;
  900. margin: 12px;
  901. padding: 4px 8px 4px 8px;
  902. z-index: 99999;
  903. text-align: center;
  904. text-transform: uppercase;
  905. font-family: consolas;
  906. font-size: 9px;
  907. background: {color:Tooltip BG};
  908. color: {color:Tooltip Text};
  909. letter-spacing: 1px;
  910. }
  911.  
  912. /* credits - Vitanica Themes (tumblr)
  913.  
  914. You have NO RIGHT to delete the credits.
  915. This theme was made for public use and for FREE.
  916. Unless you want to pay to use my themes...
  917. DO NOT REMOVE THE CREDIT!
  918.  
  919. Thank you.
  920. -Vanne (Owner of vitanica.tumblr.com)
  921.  
  922. */
  923.  
  924. #pancake {
  925. position: fixed;
  926. bottom: 10px;
  927. left: 10px;
  928. }
  929.  
  930. #pancake a {
  931. z-index: 99999;
  932. position: relative;
  933. display: block;
  934. text-align: center;
  935. width: 16px;
  936. height: 16px;
  937. -webkit-border-radius: 4px;
  938. -moz-border-radius: 4px;
  939. border-radius: 4px;
  940. -webkit-transition: all 0.5s ease-in-out;
  941. -moz-transition: all 0.5s ease-in-out;
  942. -o-transition: all 0.5s ease-in-out;
  943. -ms-transition: all 0.5s ease-in-out;
  944. transition: all 0.5s ease-in-out;
  945. }
  946.  
  947. .iconu {
  948. float: left;
  949. margin-left: 0px;
  950. font-size: 13px;
  951. overflow: hidden;
  952. height: 20px;
  953. width: 20px;
  954. line-height: 20px;
  955. text-align: center;
  956. -webkit-border-radius: 4px;
  957. -moz-border-radius: 4px;
  958. border-radius: 4px;
  959. box-shadow: 0px 0px 6px {color:Blog Shadow};
  960. }
  961.  
  962. .iconti {
  963. height: 20px;
  964. width: 20px;
  965. font-size: 10px;
  966. letter-spacing: 1px;
  967. text-transform: lowercase;
  968. font-style: italic;
  969. font-family: consolas;
  970. text-align: center;
  971. line-height: 20px;
  972. background: {color:Search Button BG};
  973. color: {color:Search Button Icon Color};
  974. -webkit-transition: all 0.5s ease-in-out;
  975. -moz-transition: all 0.5s ease-in-out;
  976. -o-transition: all 0.5s ease-in-out;
  977. -ms-transition: all 0.5s ease-in-out;
  978. transition: all 0.5s ease-in-out;}
  979.  
  980. .iconvi {
  981. height: 20px;
  982. width: 20px;
  983. font-size: 12px;
  984. text-align: center;
  985. margin-left: 0px;
  986. line-height: 18px;
  987. background: {color:Music Player Icon BG};
  988. color: {color:Music Player Icon Color};
  989. -webkit-transition: all 0.5s ease-in-out;
  990. -moz-transition: all 0.5s ease-in-out;
  991. -o-transition: all 0.5s ease-in-out;
  992. -ms-transition: all 0.5s ease-in-out;
  993. transition: all 0.5s ease-in-out;}
  994.  
  995. .iconu:hover .iconvi {
  996. margin-top: -20px;}
  997.  
  998. </style>
  999.  
  1000. {block:IfBackToTop}
  1001. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1002. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1003.  
  1004. <div class="top">
  1005. <a href="javascript:;" id="scrollToTop" title="scroll to top"><span class="entypo-up-dir"></span></a>
  1006. </div>
  1007. {/block:IfBackToTop}
  1008.  
  1009. <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
  1010. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1011. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  1012.  
  1013. <script type="text/javascript">
  1014. jQuery(document).ready(function() {
  1015. jQuery(".mwah").hide();
  1016. //toggle the componenet with class msg_body
  1017. jQuery(".fringe").click(function()
  1018. {
  1019. jQuery(this).next(".mwah").slideToggle(500);
  1020. });});
  1021. </script>
  1022.  
  1023. {block:IfInfiniteScroll}
  1024. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1025. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1026. <script type="text/javascript" charset="utf-8">
  1027. var $j = jQuery.noConflict();
  1028. $j(function() {
  1029. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1030. $j("img").lazyload({
  1031. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1032. effect: "fadeIn",
  1033. });
  1034. });
  1035. </script>
  1036.  
  1037. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1038. {/block:IfInfiniteScroll}
  1039.  
  1040. </head>
  1041.  
  1042. <body>
  1043.  
  1044. <div id="all">
  1045.  
  1046. <div id="middle"></div>
  1047.  
  1048. {block:IfMusicPlayer}
  1049. <div id="musicplayer">
  1050. <span class="entypo-note-beamed"></span>
  1051. <div id="line" class="line"></div>
  1052. <div class="play">{text:Music Player}</div>
  1053. </div>
  1054. {/block:IfMusicPlayer}
  1055.  
  1056. {block:IfSearchBox}
  1057. <div id="searchbox">
  1058. <a href="#" class="fringe"><span class="entypo-search"></span></a>
  1059. <div class="mwah" style="margin-left: 30px; text-align: center;"><h1>{text:Search Title}</h1>
  1060. <form action="/search" method="get">
  1061. <input type="text" name="q" value="" style="width:200px; height:17px; padding-left: 5px; background: {color:Entries BG}; border: 1px solid {color:Entries Border}; color: {color:Italic Text}; font-family: Noto Sans; text-transform: uppercase; letter-spacing: 1px; font-size: 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top: 0px; margin-left:2px; -moz-box-shadow: 0 0 0px #b9b9b9; -webkit-box-shadow: 0 0 0px #b9b9b9;"/>
  1062. <input type="button" value="search" style="height:21px; background: {color:Bold Text}; color: {color:Entries BG}; border: 1px solid {color:Bold Text}; font-family: noto sans; text-transform: uppercase; font-size: 9px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow: 0 0 0px #b9b9b9; -webkit-box-shadow: 0 0 0px #b9b9b9;"/></form>
  1063. </div>
  1064. </div>
  1065. {/block:IfSearchBox}
  1066.  
  1067. {block:Pagination}
  1068. <div id="pagination">
  1069. {block:PreviousPage}
  1070. <a href="{PreviousPage}"><</a>
  1071. {/block:PreviousPage}
  1072. {block:JumpPagination length="5"}
  1073. {block:CurrentPage}
  1074. <span class="selectedpage">{PageNumber}</span>
  1075. {/block:CurrentPage}
  1076. {block:JumpPage}
  1077. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1078. {/block:JumpPage}
  1079. {/block:JumpPagination}
  1080. {block:NextPage}
  1081. <a href="{NextPage}">></a>
  1082. {/block:NextPage}
  1083. </div>
  1084. {/block:Pagination}
  1085.  
  1086. <div id="sidebar">
  1087. <div class="sidebar">
  1088. <img src="{image:Icon}">
  1089. <div id="title">{text:Top Bar Phrase}</div>
  1090. <div id="description">{Description}</div>
  1091. </div>
  1092. </div>
  1093.  
  1094. <div id="main">
  1095. <a href="/">home</a>
  1096.  
  1097. <a href="#" class="fringe">message</a>
  1098. <div class="mwah"><h1>{text:Ask Title}</h1>
  1099. <iframe frameborder="0" scrolling="yes" width="100%" height="220px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1100. </div>
  1101.  
  1102. <a href="/archive">memories</a>
  1103.  
  1104. <a href="#" class="fringe">navigate</a>
  1105. <div class="mwah"><h1>explore my blog</h1>
  1106. <div id="custom">
  1107. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  1108. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  1109. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  1110. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  1111. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  1112. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  1113. {block:iflink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:iflink7}
  1114. {block:iflink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:iflink8}
  1115. {block:iflink9}<a href="{text:Link 9 URL}">{text:Link 9}</a>{/block:iflink9}
  1116. {block:iflink10}<a href="{text:Link 10 URL}">{text:Link 10}</a>{/block:iflink10}
  1117. </div>
  1118. </div>
  1119. </div><!-- /div main -->
  1120.  
  1121.  
  1122. <div id="container">
  1123. {block:Posts}
  1124. <div class="entry">
  1125.  
  1126. {block:Text}
  1127. {block:Title}<h1>{Title}</h1>{/block:Title}
  1128. {Body}
  1129. {/block:Text}
  1130.  
  1131. {block:Photo}
  1132. {LinkOpenTag}<img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}">{LinkCloseTag}
  1133. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1134. {/block:Photo}
  1135.  
  1136. {block:Photoset}
  1137. <div class="photo">{Photoset-400}</div>
  1138. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1139. {/block:Photoset}
  1140.  
  1141. {block:Audio}
  1142. <div id="musicpost">
  1143. {block:AlbumArt}
  1144. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  1145. {/block:AlbumArt}
  1146. <div id="playerholder">
  1147. <div id="player">
  1148. {AudioPlayerGrey}
  1149. </div>
  1150. </div>
  1151. <div id="audioinfo">
  1152. {block:TrackName}
  1153. <div id="audioline"><b>Track:</b> {TrackName}</div>
  1154. {/block:TrackName} <br />
  1155. {block:Artist}
  1156. <div id="audioline"><b>Artist:</b> {Artist}</div>
  1157. {/block:Artist} <br />
  1158. {block:Album}
  1159. <div id="audioline"><b>Album:</b> {Album}</div>
  1160. {/block:Album}
  1161. </div>
  1162. </div>
  1163. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1164. {/block:Audio}
  1165.  
  1166.  
  1167. {block:Video}
  1168. {Video-400}
  1169. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1170. {/block:Video}
  1171.  
  1172.  
  1173. {block:Quote}
  1174. <div id="quote">{Quote}</div>
  1175. <div id="quotesource">-{Source}</div>
  1176. {/block:Quote}
  1177.  
  1178.  
  1179. {block:Link}
  1180. <h1> <a href="{URL}" {Target}>{Name}</a></h1>
  1181. {Description}
  1182. {/block:Link}
  1183.  
  1184.  
  1185. {block:Chat}
  1186. {block:Title}<h1>{Title}</h1>{/block:Title}
  1187. <div class="chat">
  1188. <div class="chat1">
  1189. {block:Lines}
  1190. <div class="chat2 {Alt}">
  1191. {block:Label}
  1192. {Label}
  1193. {/block:Label}
  1194. {Line} </div>
  1195. {/block:Lines}
  1196. </div>
  1197. </div>
  1198. {/block:Chat}
  1199.  
  1200.  
  1201. {block:Answer}
  1202. <div id="ask">
  1203. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  1204. {Asker} <b>sent:</b> {Question}
  1205. </div>
  1206. <div id="answer">{Answer}</div>
  1207. {/block:Answer}
  1208.  
  1209.  
  1210. </div> <!-- /div entry -->
  1211.  
  1212.  
  1213. {block:IndexPage}
  1214. <!-- permalink -->
  1215. <div id="permalink"><font style="background: {color:Posted BG}; color: {color:Posted Color}; padding: 3px;">Posted:</font> {block:Date}<a href="{permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}{block:NoteCount} with {NoteCount} notes{/block:NoteCount}</a>{/block:Date} / <a href="{reblogurl}" target="_blank">Reblog</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}" title="{SourceTitle}"> Source</a>{/block:ContentSource}
  1216.  
  1217. {block:HasTags}<br><font style="background: {color:Tag BG}; color: {color:Tag Color}; padding: 3px;">Tags:</font>
  1218. {block:Tags}
  1219. <a href="{TagURL}">#{Tag}</a>
  1220. {block:Tags}
  1221. {/block:HasTags}
  1222. </div>
  1223. <!-- /permalink -->
  1224. {/block:IndexPage}
  1225.  
  1226. {block:PermalinkPage}
  1227. <!-- permalink -->
  1228. {block:Date}<div class="post_perma">
  1229. <b>• •</b> Posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes}{AmPm} with {NoteCountWithLabel} <b>• •</b>
  1230.  
  1231. {block:RebloggedFrom}<br><b>• •</b> Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> <b>• •</b> Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <b>• •</b>{/block:RebloggedFrom}
  1232.  
  1233. {block:HasTags}<br><b>• •</b> Tagged as {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<b>• •</b>{/block:HasTags}
  1234. </div>
  1235. {/block:Date}
  1236.  
  1237. {block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
  1238. <!-- /permalink -->
  1239. {/block:PermalinkPage}
  1240.  
  1241. {/block:Posts}
  1242. </div> <!-- /div container -->
  1243. </div> <!-- /div all -->
  1244.  
  1245. <div id="pancake">
  1246. <a href="http://vitanica.tumblr.com" title="vitanica themes">
  1247. <div class="iconu">
  1248. <div class="iconvi"><span class="entypo-heart-empty"></span></div>
  1249. <div class="iconti">vt</div>
  1250. </div>
  1251. </a>
  1252. </div>
  1253.  
  1254. </body>
  1255.  
  1256. </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!