Advertisement
nuhgnuyb

Tʜᴇᴍᴇ 04.

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