Advertisement
nuhgnuyb

Theme 03. Black Widow.

Aug 15th, 2014
1,229
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.32 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <!-- THEME BY SAWAKUYO.
  13. DO NOT TAKE PARTS OF MY THEME AND MAKE IT AS YOUR OWN.
  14. CREDIT IF YOU'RE JUST GOING TO USE IT FOR PERSONAL USE ONLY.
  15.  
  16. OKAY THANKS FOR READING AND I AM GOING CELEBRATE MY BIRTHDAY.
  17. JOKES ITS ON THE 22ND OF AUGUST :)
  18.  
  19. DO NOT REMOVE THIS CREDIT!-->
  20.  
  21.  
  22.  
  23.  
  24. <!-- VARIABLES -->
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:sidebar image" content="" />
  28.  
  29.  
  30. <meta name="color:Background" content="#eaeaea" />
  31. <meta name="color:Text" content="#000000" />
  32. <meta name="color:odd" content="#cc58a1" />
  33. <meta name="color:Link" content="#cc58a1" />
  34. <meta name="color:Content BG" content="#ffffff" />
  35. <meta name="color:Content Border" content="#ebebeb" />
  36. <meta name="color:Info BG" content="#f3f3f3" />
  37. <meta name="color:Info Border" content="#e4e2e1" />
  38. <meta name="color:borders" content="#cc58a1" />
  39.  
  40.  
  41.  
  42. <meta name="text:Link 1 URL" content="http://" />
  43. <meta name="text:Link 1" content="Link 1" />
  44. <meta name="text:Link 2 URL" content="http://" />
  45. <meta name="text:Link 2" content="Link 2" />
  46. <meta name="text:Link 3 URL" content="http://" />
  47. <meta name="text:Link 3" content="Link 3" />
  48. <meta name="text:Link 4 URL" content="http://" />
  49. <meta name="text:Link 4" content="Link 4" />
  50.  
  51. <meta name="text:Song" content=""/>
  52.  
  53.  
  54.  
  55. <style type="text/css">
  56. #s-m-t-tooltip {
  57. z-index:99;
  58. display:none;
  59. position:absolute;
  60. margin-right: 35px;
  61. margin-top: 15px;
  62. max-width: 150px;
  63. text-align: justify;
  64. line-height: 90%;
  65. background-color:#fff;
  66. padding: 2px;
  67. border: solid 1px {color:borders};
  68. font-size: 8px;
  69. font-family:"gasara",'Marcellus SC', serif;
  70. color:{color:borders};}
  71.  
  72. iframe#tumblr_controls {right:0px !important;position:fixed !important;-webkit-filter:invert(100%);opacity:0.2;z-index:99;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  73. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  74.  
  75. ::-webkit-scrollbar-thumb:vertical {
  76. background-color:{color:borders};
  77. border:2px solid #fff;
  78. }
  79. ::-webkit-scrollbar-thumb:horizontal {
  80. background-color:{color:borders};
  81. border:2px solid #fff;
  82. }
  83. ::-webkit-scrollbar {
  84. background-color:{color:borders};
  85. border:5px solid #fff;
  86. width:11px;
  87. height:7px;
  88. }
  89. ::-webkit-scrollbar-button:start:decrement {
  90. background-color:{color:borders};
  91. display:block;height:8px;
  92. border-right:2px solid #fff;
  93. border-left:2px solid #fff;
  94. }
  95. ::-webkit-scrollbar-button:end:increment {
  96. background-color:{color:borders};
  97. display:block;height:8px;
  98. border-right:2px solid #fff;
  99. border-left:2px solid #fff;
  100. }
  101.  
  102.  
  103. ::selection {color: #bbb; background: {color:borders}; }
  104. ::-moz-selection {color: #bbb; background:{color:borders}; }
  105. ::-webkit-selection {color: #bbb; background: {color:borders}; }
  106. /* MAIN */
  107. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  108.  
  109. @font-face { font-family: "gasara"; src: url('http://static.tumblr.com/5j0ikdx/125mn47dp/gasara.ttf'); format("truetype");}
  110.  
  111. @font-face {font-family:digiform demo; src: url(http://static.tumblr.com/o5ifllr/qw7n4t9lg/digiform_demo.otf);}
  112.  
  113. @font-face {font-family: "alexbrush"; src: url('http://static.tumblr.com/bta9rzn/M6xn3xivw/alexbrush-regular.ttf');}
  114.  
  115. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  116.  
  117. body {
  118. background-color:{color:Background};
  119. background-image: url('{image:Background}');
  120. background-attachment:fixed;
  121. color:{color:Text};
  122. font-family: gasara;
  123. font-size: 9px;
  124. margin: 0px;
  125. padding: 0px;
  126. word-wrap:break-word;}
  127.  
  128. a:link, a:active {
  129. text-decoration:none;
  130. color: {color:Link}; }
  131.  
  132. a:visited {
  133. text-decoration:none;
  134. color: {color:Link}; }
  135.  
  136. a:hover {
  137. text-shadow: {color:link} 0 0 5px;
  138. text-decoration:none;
  139. color: {color:bold};
  140. color: transparent;}
  141.  
  142. b, strong, .strong {color:{color:odd};}
  143.  
  144. blockquote {
  145. border-left:3px solid {color:borders};
  146. padding-left:6px; }
  147.  
  148. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  149.  
  150. i, em, .em {color:{color:odd};}
  151.  
  152. img{
  153. max-width:100%;
  154. }
  155.  
  156.  
  157. /* CONTENT */
  158.  
  159. .contentwhole {
  160. width:400px;
  161. z-index:0;
  162. margin-left:600px;
  163. height:100%;}
  164.  
  165. .content {
  166. -webkit-filter: grayscale(70%);
  167. opacity: .8;
  168. width: 250px;
  169. z-index:0;
  170. height: auto;
  171. padding:10px;
  172. margin-top:20px;
  173. background-color: {color:Content BG};
  174. border:1px solid {color:Content Border};
  175. -webkit-transition: opacity 0.7s linear;
  176. -webkit-transition: all 0.7s ease-out;
  177. -moz-transition: all 0.7s ease-out;
  178. transition: all 0.7s ease-out;
  179. }
  180. @font-face {font-family:Aderyn;src:url(http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  181.  
  182. .content:hover{
  183. -webkit-filter: grayscale(0%);
  184. opacity:1;
  185. -webkit-transition: opacity 0.7s linear;
  186. -webkit-transition: all 0.7s ease-out;
  187. -moz-transition: all 0.7s ease-out;
  188. transition: all 0.7s ease-out;
  189. }
  190. /*post title */
  191. .content h1 {
  192. font-family:bebas neue;
  193. font-size: 45px;
  194. color: {color:bold};
  195. font-weight: normal;
  196. text-transform: uppercase;
  197. margin: 0px;}
  198. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  199. .content h2 {
  200. font-family:bebas neue;
  201. font-size: 35px;
  202. color: {color:bold};
  203. font-weight: normal;
  204. margin: 0px;
  205. letter-spacing: 1px;
  206. text-align: center;
  207. }
  208.  
  209. .content li {list-style: square;}
  210.  
  211.  
  212.  
  213. .info {
  214. height:15px;
  215. float:center;
  216. padding-top:4px;
  217. margin-top:10px;
  218. opacity:0.8;
  219. text-align:center;
  220. font-size:9px;
  221. font-family:pixel;
  222. letter-spacing:1px;
  223. background-color: {color:Info BG};
  224. background-image:url('{image:Info BG}');
  225. color:{color:Link};
  226. border-top: 1px solid {color:Info Border};
  227. width: 250px;
  228. text-transform:uppercase;
  229. transition-duration: 0.6s;
  230. -moz-transition-duration: 0.6s;
  231. -webkit-transition-duration: 0.6s;
  232. -o-transition-duration: 0.6s; }
  233.  
  234. .info a {
  235. font-size:9px; }
  236.  
  237. .info:hover {
  238. opacity:1.0;
  239. transition-duration: 0.6s;
  240. -moz-transition-duration: 0.6s;
  241. -webkit-transition-duration: 0.6s;
  242. -o-transition-duration: 0.6s; }
  243.  
  244. #pagination {
  245. top:210px;
  246. left:400px;
  247. width:200px;
  248. font-size:10px;
  249. position:fixed;
  250. text-align:center;}
  251. }
  252.  
  253. /* SIDEBAR */
  254.  
  255.  
  256. #sidebar {
  257. position: fixed;
  258. top: 50px;
  259. left: 100px;
  260. width: 360px;
  261. height:800px;
  262. font-family: calibri;
  263. font-size: 8px;
  264. background-color: transparent;
  265. text-transform: ;
  266. letter-spacing: 1px;
  267. text-align: center;
  268.  
  269. }
  270.  
  271.  
  272. #sideimg img{
  273. position: fixed;
  274. top: 60px;
  275. left: 400px;
  276. width: 130px;
  277. height:130px;
  278. padding:5px;
  279. background-color: white;
  280. -webkit-filter: grayscale(40%);
  281. opacity: .9;
  282. border-bottom:6px solid {color:borders};
  283. border-radius:100px;
  284. }
  285.  
  286. #title {
  287. text-align:center;
  288. font-family:"alexbrush";
  289. width:190px;
  290. top:344px;
  291. left:295px;
  292. font-size:44px;
  293. position:fixed;
  294. text-transform:none;
  295. color:;
  296. line-height:25px;
  297. color:{color:borders};
  298. text-shadow:1px 1px 3px #fff;
  299. -webkit-transform: rotate(-90deg);
  300. -moz-transform: rotate(-90deg);
  301. }
  302.  
  303.  
  304. #desc {
  305. position: fixed;
  306. overflow:hidden;
  307. top: 220px;
  308. left: 410px;
  309. width: 120px;
  310. height:253px;
  311. padding:5px;
  312. font-family: "gasara";
  313. font-size: 8px;
  314. color: {color:text};
  315. background-color: white;
  316. text-transform: uppercase;
  317. letter-spacing: 1px;
  318. text-align: left;
  319. }
  320.  
  321.  
  322. #random {
  323. position: fixed;
  324. top: 0px;
  325. left: 570px;
  326. width: 0px;
  327. height:1000px;
  328. padding:5px;
  329. background-color: {color:borders};
  330. }
  331.  
  332. #lnk1 {
  333. position: fixed;
  334. top: 500px;
  335. left: 450px;
  336. width: 120px;
  337. height:6px;
  338. font-family: "gasara";
  339. font-size: 8px;
  340. color: black;
  341. background-color: {color:borders};
  342. text-transform: uppercase;
  343. letter-spacing: 1px;
  344. text-align: left;
  345. border-radius:20px 0px 0px 20px;
  346. -webkit-transition: opacity 0.7s linear;
  347. -webkit-transition: all 0.7s ease-out;
  348. -moz-transition: all 0.7s ease-out;
  349. transition: all 0.7s ease-out;}
  350.  
  351. #lnk1:hover{
  352. left:380px;
  353. width:190px;
  354. -webkit-transition: opacity 0.7s linear;
  355. -webkit-transition: all 0.7s ease-out;
  356. -moz-transition: all 0.7s ease-out;
  357. transition: all 0.7s ease-out;
  358. }
  359.  
  360. #lnk2 {
  361. position: fixed;
  362. top: 520px;
  363. left: 480px;
  364. width: 90px;
  365. height:6px;
  366. font-family: "gasara";
  367. font-size: 8px;
  368. color: black;
  369. background-color: {color:borders};
  370. text-transform: uppercase;
  371. letter-spacing: 1px;
  372. text-align: left;
  373. border-radius:20px 0px 0px 20px;
  374. -webkit-transition: opacity 0.7s linear;
  375. -webkit-transition: all 0.7s ease-out;
  376. -moz-transition: all 0.7s ease-out;
  377. transition: all 0.7s ease-out;}
  378.  
  379. #lnk2:hover{
  380. left:380px;
  381. width:190px;
  382. -webkit-transition: opacity 0.7s linear;
  383. -webkit-transition: all 0.7s ease-out;
  384. -moz-transition: all 0.7s ease-out;
  385. transition: all 0.7s ease-out;
  386. }
  387.  
  388. #lnk3 {
  389. position: fixed;
  390. top: 540px;
  391. left: 410px;
  392. width: 170px;
  393. height:6px;
  394. font-family: "gasara";
  395. font-size: 8px;
  396. color: black;
  397. background-color: {color:borders};
  398. text-transform: uppercase;
  399. letter-spacing: 1px;
  400. text-align: left;
  401. border-radius:20px 0px 0px 20px;
  402. -webkit-transition: opacity 0.7s linear;
  403. -webkit-transition: all 0.7s ease-out;
  404. -moz-transition: all 0.7s ease-out;
  405. transition: all 0.7s ease-out;}
  406.  
  407. #lnk3:hover{
  408. left:380px;
  409. width:190px;
  410. -webkit-transition: opacity 0.7s linear;
  411. -webkit-transition: all 0.7s ease-out;
  412. -moz-transition: all 0.7s ease-out;
  413. transition: all 0.7s ease-out;
  414. }
  415.  
  416. #lnk4 {
  417. position: fixed;
  418. top: 560px;
  419. left: 430px;
  420. width: 150px;
  421. height:6px;
  422. font-family: "gasara";
  423. font-size: 8px;
  424. color: black;
  425. background-color: {color:borders};
  426. text-transform: uppercase;
  427. letter-spacing: 1px;
  428. text-align: left;
  429. border-radius:20px 0px 0px 20px;
  430. -webkit-transition: opacity 0.7s linear;
  431. -webkit-transition: all 0.7s ease-out;
  432. -moz-transition: all 0.7s ease-out;
  433. transition: all 0.7s ease-out;}
  434.  
  435. #lnk4:hover{
  436. left:380px;
  437. width:190px;
  438. -webkit-transition: opacity 0.7s linear;
  439. -webkit-transition: all 0.7s ease-out;
  440. -moz-transition: all 0.7s ease-out;
  441. transition: all 0.7s ease-out;
  442. }
  443.  
  444. #lnk5 {
  445. position: fixed;
  446. top: 580px;
  447. left: 510px;
  448. width: 60px;
  449. height:6px;
  450. font-family: "gasara";
  451. font-size: 8px;
  452. color: black;
  453. background-color: {color:borders};
  454. text-transform: uppercase;
  455. letter-spacing: 1px;
  456. text-align: left;
  457. border-radius:20px 0px 0px 20px;
  458. -webkit-transition: opacity 0.7s linear;
  459. -webkit-transition: all 0.7s ease-out;
  460. -moz-transition: all 0.7s ease-out;
  461. transition: all 0.7s ease-out;}
  462.  
  463. #lnk5:hover{
  464. left:380px;
  465. width:190px;
  466. -webkit-transition: opacity 0.7s linear;
  467. -webkit-transition: all 0.7s ease-out;
  468. -moz-transition: all 0.7s ease-out;
  469. transition: all 0.7s ease-out;
  470. }
  471.  
  472. #lnk6 {
  473. position: fixed;
  474. top: 600px;
  475. left: 470px;
  476. width: 100px;
  477. height:6px;
  478. font-family: "gasara";
  479. font-size: 8px;
  480. color: black;
  481. background-color: {color:borders};
  482. text-transform: uppercase;
  483. letter-spacing: 1px;
  484. text-align: left;
  485. border-radius:20px 0px 0px 20px;
  486. -webkit-transition: opacity 0.7s linear;
  487. -webkit-transition: all 0.7s ease-out;
  488. -moz-transition: all 0.7s ease-out;
  489. transition: all 0.7s ease-out;}
  490.  
  491. #lnk6:hover{
  492. left:380px;
  493. width:190px;
  494. -webkit-transition: opacity 0.7s linear;
  495. -webkit-transition: all 0.7s ease-out;
  496. -moz-transition: all 0.7s ease-out;
  497. transition: all 0.7s ease-out;
  498. }
  499.  
  500. #music{
  501. position: fixed;
  502. overflow:hidden;
  503. top: 110px;
  504. left: 450px;
  505. width: 30px;
  506. height:30px;
  507. padding:5px;
  508. font-family: "gasara";
  509. font-size: 8px;
  510. color: black;
  511. background-color: white;
  512. text-transform: uppercase;
  513. letter-spacing: 1px;
  514. border-radius:100px;
  515. opacity:0;
  516. -webkit-transition: opacity 0.7s linear;
  517. -webkit-transition: all 0.7s ease-out;
  518. -moz-transition: all 0.7s ease-out;
  519. transition: all 0.7s ease-out;
  520. }
  521.  
  522. #music:hover{
  523. opacity:.8;
  524. -webkit-transition: opacity 0.7s linear;
  525. -webkit-transition: all 0.7s ease-out;
  526. -moz-transition: all 0.7s ease-out;
  527. transition: all 0.7s ease-out;
  528. }
  529.  
  530.  
  531.  
  532.  
  533. /* TAGS */
  534.  
  535. .tags {
  536. color:#000;
  537. opacity:0.9; }
  538.  
  539.  
  540.  
  541.  
  542.  
  543. /* EXTRAS LINKS */
  544.  
  545. #extraslinks a {
  546. background-color: {color:Content BG};
  547. border:1px solid {color:borders};
  548. display:block;
  549. font-size:7pt;
  550. margin-bottom:2px;
  551. padding:5px;
  552. width:100px;
  553. margin-left:-7px;
  554. letter-spacing:0px;
  555. text-align:center;
  556. font-family:copperplate;
  557. text-shadow:none;
  558. text-transform:uppercase;
  559. color: {color:link};
  560. -webkit-transition: opacity 0.7s linear;
  561. -webkit-transition: all 0.7s ease-out;
  562. -moz-transition: all 0.7s ease-out;
  563. transition: all 0.7s ease-out;
  564. }
  565.  
  566. #extraslinks a:hover {
  567. background-color: {color:borders};
  568. color: {color:Content BG};
  569. text-shadow:none;
  570. text-decoration:none;
  571. text-align:center;
  572. -webkit-transition: opacity 0.7s linear;
  573. -webkit-transition: all 0.7s ease-out;
  574. -moz-transition: all 0.7s ease-out;
  575. transition: all 0.7s ease-out;}
  576.  
  577. /* EXTRAS */
  578.  
  579. .extras {
  580. width:420px;
  581. z-index:2000;
  582. padding:0px;
  583. letter-spacing:0;}
  584.  
  585. .push {
  586. background:transparent;
  587. opacity:0;
  588. margin-top:0px;
  589. text-align:left;
  590. margin-left:285px;
  591. position:absolute;
  592. -webkit-transition: opacity 0.7s linear;
  593. -webkit-transition: all 0.7s ease-out;
  594. -moz-transition: all 0.7s ease-out;
  595. transition: all 0.7s ease-out;}
  596.  
  597. .extras:hover .push {
  598. opacity:1.0;
  599. margin-left:285px;
  600. -webkit-transition: opacity 0.7s linear;
  601. -webkit-transition: all 0.7s ease-out;
  602. -moz-transition: all 0.7s ease-out;
  603. transition: all 0.7s ease-out;}
  604.  
  605. /*album cover */
  606. .audio {background-color:{color:transparent};height:62px;margin-bottom:0px;}
  607. .audio-player{height:26px;width:26px; margin-top: 15px; margin-left: 15px;overflow:hidden;opacity:0.5;border: 3px solid #f9f9f9; position:absolute; z-index:2; margin-right:12px; border-radius:100px;}
  608. .audio-album { position:absolute; width:42px; margin-right:0px;border-radius:100px;}
  609. .audio-info { height: 50px;margin-left:60px; padding:0px 10px 0px 10px;text-align:left; font-family:gasara;font-size:9px;line-height:110%;font-weight:bold;color:#888;text-transform:uppercase;}
  610.  
  611. }
  612. a {color:;text-decoration:none;-webkit-tra… all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  613.  
  614. .fufu {width:227px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.5s ease-out;}
  615.  
  616. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  617.  
  618. #asker {
  619. color:{color:text};
  620. font-family:helvetica;
  621. padding-left:4px;
  622. font-size:12px;
  623. line-height:12px;
  624. border-bottom:solid 1px {color:borders};
  625. font-weight:bold;
  626. font-style:normal;
  627. margin-left:-8px;
  628. text-align:left;
  629. text-transform:lowercase;
  630. }
  631. #asker a {
  632. color:{color:text};
  633. }
  634.  
  635. #question {
  636. padding:10px;
  637. padding-left:8px;
  638. border-left:solid 8px {color:borders};
  639. font:10px arial;
  640. text-align:left;
  641. }
  642.  
  643.  
  644. .credit {
  645. position: fixed;
  646. top: 0px;
  647. left:-10px;
  648. width:70px;
  649. padding:3px;
  650. font-family: "gasara";
  651. font-size: 10px;
  652. color: {color:Link};
  653. background-color: {color:transparent};
  654. text-transform: uppercase;
  655. letter-spacing: 1px;
  656. text-align: center;
  657. }
  658.  
  659. .credit a {
  660. color:{color:Link};
  661. }
  662.  
  663.  
  664.  
  665. </style>
  666.  
  667. <script type="text/javascript">
  668. function unhide(divID) {
  669. var item = document.getElementById(divID);
  670. if (item) {
  671. item.className=(item.className=='hidden')?'unhidden':'hidden';
  672. }
  673. }
  674. </script>
  675.  
  676. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  677. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  678. <script>
  679. (function($){
  680. $(document).ready(function(){
  681. $("[title],a[title],img[title]").style_my_tooltips({
  682. tip_follows_cursor:true,
  683. tip_delay_time:30,
  684. tip_fade_speed:300,
  685. attribute:"title"
  686. });
  687. });
  688. })(jQuery);
  689. </script>
  690.  
  691. <div id="pagination">
  692. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} -
  693. {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  694. </div>
  695.  
  696.  
  697.  
  698.  
  699. <div id="sidebar">
  700. <div id="sideimg"><img src="{image:sidebar image}" width="400"></div>
  701. <div id="title">{Title}</div>
  702.  
  703. <div id="random"></div>
  704. <div id="desc">{description}
  705. </div>
  706. <div id="random"></div>
  707. <div id="random2"></div>
  708. <a href="/" title="refresh"><div id="lnk1"></div></a>
  709. <a href="/ask" title="inquire"><div id="lnk2"></div></a>
  710. <a href="{text:Link 1 URL}" title="{text:Link 1}"><div id="lnk3"></div></a>
  711. <a href="{text:Link 2 URL}" title="{text:Link 2}"><div id="lnk4"></div></a>
  712. <a href="{text:Link 3 URL}" title="{text:Link 3}"><div id="lnk5"></div></a>
  713. <a href="{text:Link 4 URL}" title="{text:Link 4}"><div id="lnk6"></div></a>
  714. <div id="music"><center>
  715. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="25" height="20">
  716. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  717. <param name="bgcolor" value="#ffffff" />
  718. <param name="FlashVars" value="mp3={text:Song}&amp;width=25&amp;loop=1&amp;autoplay=1&amp;showslider=0&amp;loadingcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=000000&amp;buttonovercolor=000000" />
  719. </object>
  720. </center>
  721. </div>
  722. <div align="center"><table width="400px" style="margin:0;padding:0;text-align:center;"><td><td width="50%" vAlign="top" style="margin:0;padding:0;">
  723.  
  724. </td>
  725.  
  726. <td width="50%" vAlign="top" style="margin:0;padding:0;">
  727.  
  728. </td></tr></table></div></div>
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735. </div> <!-- END SIDEBAR -->
  736.  
  737. <div class="contentwhole">
  738.  
  739. {block:Posts}
  740.  
  741. <div class="extras">
  742.  
  743. <div class="push">
  744. <div id="extraslinks">
  745.  
  746. <a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
  747. {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  748. {block:ContentSource} <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a>
  749.  
  750. </div> <!-- END EXTRA LINKS -->
  751.  
  752. <div class="tags">
  753.  
  754. {block:HasTags}{block:Tags}
  755. <a href="{TagURL}">#{Tag}</a><br />
  756. {/block:Tags}{/block:HasTags}
  757.  
  758. </div> <!-- END TAGS -->
  759. </div> <!-- END PUSH -->
  760.  
  761. <div class="content">
  762.  
  763.  
  764. {block:Text}
  765. {block:Title}
  766. <h1>{Title}</h1>
  767. {/block:Title}
  768. {Body}
  769. {/block:Text}
  770.  
  771. {block:Photo}
  772. <img class="photo" src="{PhotoURL-250}" alt="{PhotoAlt}" />
  773. {block:Caption}{Caption}{/block:Caption}
  774. {/block:Photo}
  775.  
  776. {block:Photoset}
  777. {Photoset-250}
  778. {block:Caption}{Caption}{/block:Caption}
  779. {/block:Photoset}
  780.  
  781. {block:Quote}
  782. <h2><center> γ€Œ{Quote}」</h2></center><p>
  783. {block:Source}γƒΌ{Source}{/block:Source}
  784. {/block:Quote}
  785.  
  786. {block:Link}
  787. <a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a>
  788. {block:Description} {Description} {/block:Description}
  789. {/block:Link}
  790.  
  791. {block:Chat}
  792. {block:Title} {Title} {/block:Title}
  793. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  794.  
  795. {/block:Lines}
  796. {/block:Chat}
  797.  
  798.  
  799. {block:Audio}<div class="audio">
  800. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:62px;">{/block:AlbumArt}
  801. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  802. <div class="audio-info">
  803. {block:TrackName} <div style="font-family:calibri;text-transform:uppercase; font-size:10px;padding:8px 8px 8px 8px;margin-left:-8px;color:#000;width:100%;background:{color:base color};">{TrackName}</div><br>{/block:TrackName}
  804. {block:Artist}{Artist}<br>{/block:Artist}
  805. </div></div>
  806. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  807.  
  808. {/block:Audio}
  809.  
  810.  
  811. {block:Video}
  812. {Video-250}
  813. {block:Caption}{Caption}{/block:Caption}
  814. {/block:Video}
  815.  
  816. {block:Answer}
  817. <div id="question"><div id="asker">{Asker} said:</div> {Question}</div>
  818. {Answer}
  819. {/block:Answer}
  820.  
  821.  
  822. <div class="info">
  823. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  824. {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
  825. </div> <!--END INFO -->
  826.  
  827. {block:PermalinkPage}
  828. {block:ContentSource} Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>{/block:ContentSource}<p>
  829. {block:PostNotes}
  830. {PostNotes}
  831. {/block:PostNotes}
  832. {/block:PermalinkPage}
  833. </div> <!-- END CONTENT -->
  834. </div> <!-- END EXTRAS -->
  835. {/block:Posts}
  836. <div class="credit"><a href="http://sawakuyo.tumblr.com" title="Theme by sawakuyo">THEME</a></div>
  837. </div> <!-- END CONTENT WHOLE -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement