Advertisement
Snowshoe2

Goat tumblr

Dec 11th, 2013
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.06 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. <!--
  3. ╔═.♥.══════════════════════════════════════════════════════════════════╗
  4.  
  5. ---------------------------SHOUJO THEME V1.1----------------------------
  6. by toukos
  7.  
  8. ╚══════════════════════════════════════════════════════════════════.♥.═╝
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="text:a musicbox code" content="" />
  15. <meta name="text:dropbox title" content="navigation" />
  16. <meta name="text:link 1 url" content=""/>
  17. <meta name="text:link 1 title" content=""/>
  18. <meta name="text:link 2 url" content=""/>
  19. <meta name="text:link 2 title" content=""/>
  20. <meta name="text:link 3 url" content=""/>
  21. <meta name="text:link 3 title" content=""/>
  22. <meta name="text:link 4 url" content=""/>
  23. <meta name="text:link 4 title" content=""/>
  24. <meta name="text:link 5 url" content=""/>
  25. <meta name="text:link 5 title" content=""/>
  26. <meta name="text:link 6 url" content=""/>
  27. <meta name="text:link 6 title" content=""/>
  28. <meta name="text:link 7 url" content=""/>
  29. <meta name="text:link 7 title" content=""/>
  30. <meta name="text:the sidebar img position top" content="45"/>
  31. <meta name="text:the sidebar img position left" content="900"/>
  32. <meta name="text:sidebar position top" content="70"/>
  33. <meta name="text:sidebar position left" content="0"/>
  34.  
  35. <meta name="if:top thingy" content="1">
  36. <meta name="if:rounded border" content="1">
  37. <meta name="if:400px" content="1">
  38. <meta name="if:500px" content="0">
  39. <meta name="if:Page Navigation" content="0" />
  40. <meta name="if:Infinite Scroll" content="1" />
  41. <meta name="if:Music Box" content="1" />
  42. <meta name="if:Box Shadows" content="1" />
  43. <meta name="if:Snow Storm" content="0" />
  44. <meta name="if:link 1" content="0"/>
  45. <meta name="if:link 2" content="0"/>
  46. <meta name="if:link 3" content="0"/>
  47. <meta name="if:link 4" content="0"/>
  48. <meta name="if:link 5" content="0"/>
  49. <meta name="if:link 6" content="0"/>
  50. <meta name="if:link 7" content="0"/>
  51.  
  52. <meta name="color:Background and Text" content="#9b8c92" />
  53. <meta name="color:link" content="" />
  54. <meta name="color:Footer" content="#f1ede6" />
  55. <meta name="color:Border" content="#ccc4bd" />
  56.  
  57. <meta name="font:Body" content="Arial" />
  58. <meta name="font:Accent" content="Lucida Sans" />
  59.  
  60. <meta name="if:Show Tags" content="1" />
  61. <meta name="if:Show Album Art on Audio Posts" content="0" />
  62.  
  63. <meta name="image:Favicon" content="http://media.tumblr.com/98aa88143087db556a71b5ec6748f048/tumblr_inline_mi5xk8TMq51qz4rgp.gif" />
  64. <meta name="image:Background" content="http://lh5.ggpht.com/-XQwTbImBtIM/TkG7Db1mM2I/AAAAAAAAAQI/szPg9bhczgA/s128/77words_patterns5_042.gif" />
  65. <meta name="image:the sidebar" content="" />
  66. <meta name="image:bottom sidebar img" content="" />
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  73. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  74. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75. <link rel="shortcut icon" href="{image:favicon}" />
  76. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  78. <style type="text/css">
  79. A:link {text-decoration: none}
  80. A:visited {text-decoration: none}
  81. A:active {text-decoration: none}
  82. A:hover {text-decoration: none}
  83.  
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar {
  88. height: 0px;
  89. width: 8px;
  90. background: #ffffff;
  91. opacity:0;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background: #ffffff url('http://www.aboveandbeyondny.com/sitebuilder/images/Med-Grey-Square-495x404-495x428.jpg');
  96. height: 8px;
  97. width: 8px;
  98. border-radius: 2px;
  99. -moz-border-radius: 2px;
  100. -webkit-border-radius: 2px;
  101. -o-border-radius: 2px;
  102. -ms-border-radius: 2px;
  103. }
  104.  
  105.  
  106.  
  107.  
  108.  
  109. body {
  110. background: {color:Background and Text} url('{image:Background}') top left fixed;
  111. margin: 0;
  112. background-size: 100% 100%;
  113. padding: 0;
  114. font-family: {font:Body};
  115. font-family:Helvetica Neue, Arial, sans-serif;
  116. color:#1c1c1d;
  117. background-color:#e6ebea;
  118. background-repeat:repeat-x;
  119. background-attachment:fixed;
  120.  
  121.  
  122. }
  123.  
  124.  
  125. .clear {
  126. clear: both;
  127. height: 0px;
  128. overflow: hidden;
  129. }
  130.  
  131. a img {
  132. border: none;
  133. }
  134.  
  135. hie {
  136. font-size:11px;
  137. color: {color:http://static.tumblr.com/3add7363dbfa84a6b7d58ed48c512064/vf9qrkn/EtXmrac02/tumblr_static_vvpvyme_copy.png and text}
  138. }
  139.  
  140.  
  141.  
  142. #wrapper {
  143. width: 845px;
  144. margin: 0 auto;
  145. }
  146.  
  147.  
  148. #wrapper #title {
  149. margin: 30px;
  150. color: #fff;
  151. font-size: 50px;
  152. font-weight: bold;
  153. font-family: {font:Title};
  154.  
  155. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  156. letter-spacing: -1px;
  157. }
  158.  
  159. #wrapper #title a {
  160. color: #fff;
  161. text-decoration: none;
  162. color:{color:link};
  163. font-weight: bold;
  164. }
  165.  
  166. #wrapper #content {
  167. margin-top: -30px;
  168. width: {block:if400px}410px{/block:if400px}{block:if500px}510px{/block:if500px};
  169. float: left;
  170. margin-left: 250px;
  171. top: -5px;
  172. }
  173.  
  174.  
  175. #fonty {
  176. color: {color:sidebar title}
  177. }
  178.  
  179. #wrapper #content .post {
  180. {block:IfBoxShadows}
  181. box-shadow:rgba(0,0,0,0.06)6px 6px;{/block:IfBoxShadows}
  182. border: {color:Border} 1px solid;
  183. font-family: {font:Body};
  184. background: #fff;
  185. padding: 4px;
  186. position: relative;
  187. color: {color:background and text};{block:ifroundedborder}
  188. border-radius: 20px;{/block:ifroundedborder}
  189. }
  190.  
  191. #wrapper #content .post .media {
  192. text-align: center;
  193. margin-bottom: 0px;
  194. opacity: 0.95;
  195. -webkit-transition: all 0.3s ease-out;
  196. -moz-transition: all 0.3s ease-out;
  197. transition: all 0.3s ease-out;
  198. }
  199.  
  200. #wrapper #content .post .media:hover {
  201. -webkit-transition: all 0.3s ease-out;
  202. -moz-transition: all 0.3s ease-out;
  203. transition: all 0.3s ease-out;
  204. opacity: 1;
  205. }
  206.  
  207. #wrapper #content .post .quotebg {
  208. font-family: georgia, serif;
  209. font-size: 150px;
  210. color: {color:Background and Text};
  211. opacity: 0.2;
  212. filter: alpha(opacity=20);
  213. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  214. position: absolute;
  215. top: 70px;
  216. left: 10px;
  217. }
  218.  
  219. #wrapper #content .post .quote {
  220. color: {color:Background and Text};
  221. font-weight: bold;
  222. padding: 20px 20px 5px 20px;
  223. }
  224.  
  225. #wrapper #content .post .quote.short {
  226. font-size: 33px;
  227. line-height: 35px;
  228. }
  229.  
  230. #wrapper #content .post .quote.medium {
  231. font-size: 25px;
  232. line-height: 28px;
  233. }
  234.  
  235. #wrapper #content .post .quote.long {
  236. font-size: 18px;
  237. line-height: 22px;
  238. }
  239.  
  240. #wrapper #content .post .quote_source *:first-child {
  241. margin-top: 0px;
  242. }
  243.  
  244. #wrapper #content .post .quote_source *:last-child {
  245. margin-bottom: 0px;
  246. }
  247.  
  248. #wrapper #content .post .quote *:first-child {
  249. margin-top: 0px;
  250. }
  251.  
  252. #wrapper #content .post .quote *:last-child {
  253. margin-bottom: 0px;
  254. }
  255.  
  256. #wrapper #content .post .copy {
  257. color: {color:background and text};
  258. padding: 10px;
  259. font-size: 13px;
  260. line-height: 15px;
  261. }
  262.  
  263. #wrapper #content .post .copy a {
  264. color: {color:background and text};
  265. text-decoration: none;
  266. color:{color:link};
  267. }
  268.  
  269. #wrapper #content .post .copy p {
  270. margin: 10px 0 0 0;
  271. padding: 0;
  272. }
  273.  
  274. #wrapper #content .post .copy pre {
  275. margin: 10px 0px 10px 0px;
  276. padding: 10px;
  277. background-color: #e6e6e6;
  278. font: normal 11px Courier, monospace;
  279. overflow: auto;
  280. }
  281.  
  282. #wrapper #content .post .copy > p:first-child {
  283. margin-top: 0;
  284. }
  285.  
  286. #wrapper #content .post .copy img {
  287. max-width: 100%;
  288. }
  289.  
  290. #wrapper #content .post .audio {
  291. background: #fff;
  292. float: left;
  293. padding: 7px;
  294.  
  295. margin-top:2px;
  296.  
  297. margin-left:82px;
  298.  
  299. margin-bottom: 10px;{block:ifroundedborder}
  300. border-radius: 20px;{/block:ifroundedborder}
  301. }
  302.  
  303. #wrapper #content .post .audio .player {
  304. float: left;
  305. }
  306.  
  307. #wrapper #content .post .audio .player .audio_player embed {
  308. border: 1px solid {color:border};
  309. }
  310.  
  311. #wrapper #content .post .audio .meta {
  312. padding: 8px 13px;
  313. height: 13px;
  314. float: left;
  315. color: #666;
  316. font-family: {font:Accent};
  317. font-size: 11px;
  318. text-transform: lowercase;
  319. }
  320.  
  321. #wrapper #content .post .audio .meta a {
  322. color: #666;
  323. text-decoration: none;
  324. }
  325.  
  326. #wrapper #content .post .album_art {
  327. text-align: center;
  328. }
  329.  
  330. #wrapper #content .post .question {
  331. color: #494949;
  332. font-size: 14px;
  333. font-weight: bold;
  334. background: #f1f1f1;{block:ifroundedborder}
  335. border-radius: 20px;{/block:ifroundedborder}
  336. margin: 0 0 15px 0;
  337. padding: 15px 20px;
  338. position: relative;
  339. }
  340.  
  341. #wrapper #content .post .question .nipple {
  342. width: 13px;
  343. height: 7px;
  344. position: absolute;
  345. bottom: -7px;
  346. left: 30px;
  347. }
  348.  
  349. #wrapper #content .post .asker_container {
  350. margin: 0 0 20px 24px;
  351. }
  352.  
  353. #wrapper #content .post .asker_container img {
  354. margin: 0 12px -7px 0;
  355. }
  356.  
  357. #wrapper #content .post .asker_container a.asker {
  358. color: {color:Body};
  359. }
  360.  
  361. #wrapper #content .post .title {
  362. color: #494949;
  363. font-size: 16px;
  364. font-weight: bold;
  365. padding: 10px 10px 0 10px;
  366. }
  367.  
  368. #wrapper #content .post img {
  369. max-width: 550px;{block:ifroundedborder}
  370. border-radius: 20px;{/block:ifroundedborder}
  371. }
  372.  
  373. #wrapper #content .post .chat {
  374. background-color: #fff;
  375. border-left: 1px solid #dedddd;
  376. margin: 10px 10px 0 10px;
  377. font-size: 12px;
  378. }
  379.  
  380. #wrapper #content .post .chat .lines {
  381. margin-left: 1px;
  382. }
  383.  
  384. #wrapper #content .post .chat .lines .line {
  385. background-color: #eaeaea;
  386. color: #494949;
  387. margin-bottom: 1px;
  388. padding: 3px 5px;
  389. }
  390.  
  391. #wrapper #content .post .chat .lines .line.even {
  392. background-color: #dedddd;
  393. }
  394.  
  395. #wrapper #content .post .link {
  396. margin: 4px 0 2px 0;
  397. font-size: 11px;
  398. line-height: 25px;
  399. }
  400.  
  401. #wrapper #content .post .link a {
  402. background-color: {color:Background and Text};
  403. color: #fff;
  404. padding: 5px 7px;{block:ifroundedborder}
  405. border-radius: 20px;{/block:ifroundedborder}
  406. }
  407.  
  408. #wrapper #content .post .link a:hover {
  409. opacity: 0.9;
  410. filter: alpha(opacity=90);
  411. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  412. }
  413.  
  414. #wrapper #content .post .footer {
  415. background: {color:Footer};
  416. border-bottom-right-radius: 20px;
  417. border-bottom-left-radius: 20px;
  418.  
  419. font-family: {font:Accent};
  420. font-size: 10px;
  421. color: #666;
  422. padding: 1px 10px;
  423. margin-top: -4px;
  424. text-transform:lowercase;
  425. }
  426.  
  427.  
  428. }
  429.  
  430. #wrapper #content .post .footer:hover {
  431. color: {color:footer text};
  432. -webkit-transition: all 0.2s ease-out;
  433. -moz-transition: all 0.2s ease-out;
  434. transition: all 0.2s ease-out;
  435.  
  436. }
  437.  
  438. #wrapper #content .post .footer.for_permalink:hover {
  439. opacity: 0.7;
  440. filter: alpha(opacity=90);
  441. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  442. }
  443.  
  444.  
  445. #wrapper #content .post .footer .date {
  446. width: 67%;
  447. float: left;
  448. color: #666;
  449. }
  450.  
  451. #wrapper #content .post .footer .notes {
  452. width: 33%;
  453. float: right;
  454. text-align: right;
  455. color: #666;
  456. }
  457.  
  458. #wrapper #content .post .footer .notes a {
  459. color: #666;
  460. }
  461.  
  462. #wrapper #content .post .footer .tags a {
  463. color: #4a4a51;
  464. text-decoration: none;
  465. }
  466.  
  467. #wrapper #content .post .footer .tags .tag-commas:last-child {
  468. display: none;
  469. }
  470.  
  471. #wrapper #content .post .footer.with_source_url .tags {
  472. max-width: 330px;
  473. float: left;
  474. }
  475.  
  476. #wrapper #content .post .footer.with_source_url .source_url {
  477. float: right;
  478. max-width: 160px;
  479. overflow: hidden;
  480. white-space: nowrap;
  481.  
  482. }
  483.  
  484. #wrapper #content .post .footer.with_source_url .source_url img {
  485. vertical-align: top;
  486. -moz-opacity: 0.5;
  487. opacity: 0.5;
  488. }
  489.  
  490. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  491. -moz-opacity: 0.7;
  492. opacity: 0.7;
  493. }
  494.  
  495. #wrapper #content .post a {
  496. color: #6e7173;
  497. text-decoration: none;
  498. }
  499.  
  500. #wrapper #content .post .copy blockquote {
  501. margin: 10px 0px 10px 10px;
  502. padding-left: 15px;
  503. border-left: solid 1px #dcdcdc;
  504. }
  505.  
  506. #wrapper #content .post .copy blockquote blockquote {
  507. border-left: solid 1px #cccccc;
  508. }
  509.  
  510. #wrapper #content .post .copy blockquote blockquote blockquote {
  511. border-left: solid 1px #bcbcbc;
  512. }
  513.  
  514. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  515. border-left: solid 1px #acacac;
  516. }
  517.  
  518. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  519. border-left: solid 1px #9c9c9c;
  520. }
  521.  
  522. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  523. border-left: solid 1px #8c8c8c;
  524. }
  525.  
  526. #wrapper #content .bottom {
  527. background: url('') top center no-repeat transparent;
  528. width: 390px;
  529. height: 15px;
  530. margin: 0 auto;
  531. }
  532.  
  533. #wrapper #content #navigation {
  534. text-align: center;
  535. padding-bottom: 35px;
  536. text-transform: lowercase;
  537. }
  538.  
  539. #wrapper #content #navigation a {
  540. background-color: #fff;
  541. color: {color:Background and Text};
  542. padding: 5px 10px;
  543. text-decoration: none;
  544. margin-left: 25px;
  545. }
  546.  
  547. #wrapper #content #navigation a:hover {
  548. opacity: 0.9;
  549. filter: alpha(opacity=90);
  550. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  551. }
  552.  
  553. #wrapper #content #navigation.jump_pagination {}
  554.  
  555. #wrapper #content #navigation.jump_pagination a {
  556. margin: 0 0 0 4px;
  557. }
  558.  
  559. #wrapper #content #navigation.jump_pagination .current_page {
  560. color: #fff;
  561. background-color: rgba(255,255,255, 0.1);
  562. border: 1px solid #fff;
  563. padding: 3px 8px;
  564. margin: 0 0 0 4px;
  565. cursor: default;
  566. }
  567.  
  568. #wrapper #content #navigation.jump_pagination .jump_page {}
  569.  
  570. #wrapper #content .post .notecontainer {
  571. background: #eaeaea;{block:ifroundedborder}
  572. border-radius: 20px;{/block:ifroundedborder}
  573. font-family: {font:Accent};
  574. font-size: 11px;
  575. color: #666;
  576. margin-top: 10px;
  577. margin-bottom: -10px;
  578. }
  579.  
  580. #wrapper #content .post .notecontainer a {
  581. color: #666;
  582. text-decoration: none;
  583. color:{color:link};
  584. }
  585.  
  586. #wrapper #content .post .notecontainer ol.notes {
  587. padding: 0px 0 10px 0;
  588. list-style-type: none;
  589. font-size: 11px;
  590. }
  591.  
  592. #wrapper #content .post .notecontainer ol.notes li.note {
  593. padding: 10px 10px 0 10px;
  594. }
  595.  
  596. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  597. vertical-align: -4px;
  598. margin-right: 10px;
  599. width: 16px;
  600. height: 16px;
  601. }
  602.  
  603. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  604. font-weight: normal;
  605. }
  606.  
  607. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  608. font-weight: normal;
  609. }
  610.  
  611. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  612. border-left: 1px solid #666;
  613. padding: 4px 10px;
  614. margin: 10px 0px 0px 25px;
  615. }
  616.  
  617. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  618. text-decoration: none;
  619. }
  620.  
  621.  
  622.  
  623. #wrapper #musicbox #top {
  624. {block:ifroundedborder}
  625. border-radius: 20px;{/block:ifroundedborder}
  626. border: {color:border} 1px solid;
  627. background: #fff;
  628. width: 150px;
  629. height: 52px;
  630. margin-left: 0px;
  631. margin-top: -7px;
  632. }
  633.  
  634. #wrapper #musicbox #top #move {
  635.  
  636. margin-top: 5px;
  637. }
  638.  
  639.  
  640. #wrapper #sidebar #top {
  641. border: {color:border} 1px solid;
  642.  
  643. background: #fff;
  644. padding: 0 20px;
  645. {block:IfBoxShadows}
  646. box-shadow:rgba(0,0,0,0.06)6px 6px;{/block:IfBoxShadows}
  647.  
  648.  
  649. }
  650.  
  651.  
  652.  
  653.  
  654. .titlos {
  655. color:{color:title};
  656. text-align: center;
  657. padding-bottom:4px;
  658. font-size: 34px;
  659. font-family: arial;
  660. line-height: 30px;
  661. }
  662. .titlos a {
  663. color:{color:title hover};
  664. }
  665.  
  666. #wrapper #sidebar {
  667.  
  668. position:fixed !important;
  669.  
  670. margin-top:{text:sidebar position top}px;
  671. width: 195px;
  672.  
  673. margin-left:{text:sidebar position left}px;
  674.  
  675.  
  676. color: {color:Background and Text};
  677. }
  678.  
  679. #wrapper #sidebar #top {
  680. {block:ifroundedborder}
  681. border-radius: 20px;{/block:ifroundedborder}
  682. border: {color:border} 1px solid;
  683. background: #fff;
  684. padding: 0 20px;
  685.  
  686.  
  687.  
  688. }
  689.  
  690.  
  691.  
  692.  
  693. #wrapper #sidebar #avatar {
  694. width: 120px;
  695. height: 135px;
  696. padding: 8px 0 0 0px;
  697. background: url('') top left no-repeat transparent;
  698. position: relative;
  699. top: {text:sidebar img position top}px;
  700. left: {text:sidebar img position left}px;
  701. }
  702.  
  703. #wrapper #sidebar #top #description {
  704. font-size: 11px;
  705. position: relative;
  706. top: -18px;
  707. }
  708.  
  709. #wrapper #sidebar #top #description a {
  710. color: {color:Background and Text};
  711. text-decoration: none;
  712. color:{color:link};
  713. font-size:11px;
  714. }
  715.  
  716. #wrapper #sidebar #top .heading {
  717. color: #fff;
  718. font-family: helvetica, arial, sans-serif;
  719. font-size: 17px;
  720. margin-top: 20px;
  721. padding: 10px;
  722. background-color: {color:Background and Text};
  723. }
  724.  
  725. #wrapper #sidebar #top a .heading {
  726. color: #fff;
  727. text-decoration: none;
  728. }
  729.  
  730. #wrapper #sidebar #top .content {
  731. margin-top: 2px;
  732. padding: 7px 10px;
  733. background: #eaeaea;
  734. color: #666;
  735. font-size: 11px;
  736. overflow: hidden;
  737. }
  738.  
  739. #wrapper #sidebar #top a {
  740. text-decoration: none;
  741. }
  742.  
  743. #wrapper #sidebar #bottom {
  744. background: url('') top center no-repeat transparent;
  745. width: 250px;
  746. height: 25px;
  747. }
  748.  
  749.  
  750. #music {
  751. position:fixed;
  752. top:10px;
  753. left:10px;
  754. height:10px;
  755. width:35px;
  756. {block:IfBoxShadows}
  757. box-shadow:rgba(0,0,0,0.06)5px 5px;{/block:IfBoxShadows}
  758. border: {color:border} 1px solid;
  759. background-color:#fff;{block:ifroundedborder}
  760. border-radius:20px;{block:ifroundedborder}
  761. -webkit-transition: all 0.4s ease-in-out;
  762. padding:12px 0px 12px 0px;
  763. text-align:center;
  764. }
  765.  
  766. #musicplayer {
  767. margin-top:-35px;
  768. height: 50px;
  769. padding-top:0px;
  770. opacity: 0;
  771. padding-left: 3px;
  772. -webkit-transition: all 0.5s ease-in-out;
  773. }
  774.  
  775. #musicplayer:hover {
  776. margin-top:-10px;
  777. opacity: 1;
  778.  
  779. }
  780.  
  781. #music:hover
  782. {
  783. border: {color:border} 1px solid;
  784. padding:5px;
  785. height:30px;
  786. width:140px;
  787. -webkit-transition: all 0.4s ease-in-out;
  788. }
  789.  
  790.  
  791.  
  792. </style>
  793. <!--[if lt IE 7.]>
  794. <style type="text/css">
  795. #wrapper #sidebar #bottom {
  796. background: transparent;
  797. }
  798.  
  799. #wrapper #sidebar #top #avatar {
  800. background: none;
  801. }
  802.  
  803. #wrapper #sidebar #top #avatar img {
  804. border: 1px solid #f1f1f1;
  805. }
  806.  
  807. #wrapper #sidebar #top .heading#followontumblr {
  808. background-image: none;
  809. text-indent: 0;
  810. }
  811.  
  812. #wrapper #sidebar #top .heading#twitter {
  813. background-image: none;
  814. }
  815.  
  816. #wrapper #sidebar #top .heading#following {
  817. background-image: none;
  818. }
  819.  
  820. #wrapper #content .post .audio .player {
  821. float: none;
  822. }
  823.  
  824. #wrapper #content .post .audio .meta {
  825. display: none;
  826. float: none;
  827. }
  828. </style>
  829. <![endif]-->
  830.  
  831. <!--[if lt IE 8.]>
  832. <style type="text/css">
  833. #wrapper #content .bottom {
  834. background: transparent;
  835. }
  836.  
  837. #wrapper #content .post .footer {
  838. background: transparent;
  839. color: #000;
  840. }
  841.  
  842. #wrapper #content .post .audio {
  843. float: none;
  844. background: transparent;
  845. }
  846.  
  847. #wrapper #content .post .notecontainer .notes {
  848. padding: 0;
  849. margin: 0;
  850. }
  851. </style>
  852. <![endif]-->
  853. <style type="text/css">{CustomCSS}</style>
  854. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  855. </head>
  856. <body>
  857.  
  858.  
  859. <div id="wrapper">
  860. <br><br><br>
  861.  
  862.  
  863. <div id="content">
  864. {block:ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  865. {block:Posts}
  866. <div class="post">
  867. {block:ifinfinitescroll}<div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  868. {block:Photo}
  869. <div class="media">{LinkOpenTag}{block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400px}{block:if500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500px}{LinkCloseTag}</div>
  870. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  871. {/block:Photo}
  872. {block:ifinfinitescroll}</div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  873. {block:Photoset}
  874. <div class="media">{LinkOpenTag}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{LinkCloseTag}</div>
  875. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  876. {block:PermalinkPage}<a class="no" href="{ReblogParentURL}">{ReblogParentName}</a>{/block:PermalinkPage}
  877. {/block:Photoset}
  878. {block:ifinfinitescroll} </div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  879. {block:Video}
  880. <div class="media">{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</div>
  881. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  882. {/block:Video}
  883. {block:ifinfinitescroll} </div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  884. {block:Audio}
  885.  
  886. {block:AudioEmbed}
  887. {AudioEmbed}
  888. {/block:AudioEmbed}
  889.  
  890. {block:AudioPlayer}
  891. {block:ifshowalbumartonaudioposts}
  892. {block:AlbumArt}
  893. <div class="media">
  894. {block:if400px} <img src="{AlbumArtURL}" width="400px" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />{/block:if400px}
  895. {block:if500px}<img src="{AlbumArtURL}" width="500px" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  896. {/block:if500px}
  897. </div>
  898. {/block:AlbumArt}
  899. {/block:ifshowalbumartonaudioposts}
  900.  
  901. <div class="audio">
  902. <div class="player">{AudioPlayerWhite}</div>
  903. <div class="meta">{block:PlayCount}{PlayCountWithLabel}!{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  904. <div class="clear"></div>
  905. </div>
  906. {/block:AudioPlayer}
  907.  
  908. <div class="clear"></div>
  909.  
  910. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  911.  
  912. {/block:Audio}
  913. {block:ifinfinitescroll} </div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  914. {block:Quote}
  915. <div class="quotebg">“</div>
  916. <div class="quote {Length}">{Quote}</div>
  917. <div class="copy">
  918. {block:Source}
  919. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  920. <tr>
  921. <td valign="top" style="width:20px;">&mdash;</td>
  922. <td valign="top" class="quote_source">
  923. {Source}
  924. </td>
  925. </tr>
  926. </table>
  927. {/block:Source}
  928. </div>
  929. {/block:Quote}
  930. {block:ifinfinitescroll}</div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  931. {block:Text}
  932. {block:Title}<div class="title">{Title}</div>{/block:Title}
  933. <div class="copy">{Body}</div>
  934. {/block:Text}
  935. {block:ifinfinitescroll} </div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  936. {block:Answer}
  937. <div class="question">
  938. <div class="nipple"></div>
  939. <b>{Question}</b>
  940. </div>
  941. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  942. <div class="copy">{Answer}</div>
  943. {/block:Answer}
  944. {block:ifinfinitescroll} </div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  945. {block:Chat}
  946. {block:Title}<div class="title">{Title}</div>{/block:Title}
  947. <div class="chat">
  948. <div class="lines">
  949. {block:Lines}
  950. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  951. {/block:Lines}
  952. </div>
  953. </div>
  954. <div class="clear"></div>
  955. <div style="height:10px;"></div>
  956. {/block:Chat}
  957. {block:ifinfinitescroll}</div><div class = "autopagerize_page_element" >{/block:ifinfinitescroll}
  958. {block:Link}
  959. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  960. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  961. {/block:Link}{block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  962. {block:Date}
  963. <a href="{Permalink}">
  964. <div class="footer for_permalink">
  965. <div class="date">
  966. {block:Reblog}
  967. {TimeAgo}
  968. {/block:Reblog}
  969.  
  970. {block:NotReblog}
  971. {TimeAgo}
  972. {/block:NotReblog}
  973. </div>
  974. <div class="notes">{block:NoteCount}{NoteCount} %{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  975. <div class="clear"></div>
  976. </div>
  977. </a>
  978. {/block:Date}
  979.  
  980. <div class="footer" style="
  981. display:none;
  982. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  983.  
  984. ">
  985. {block:IfShowTags}
  986. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  987. {/block:IfShowTags}
  988.  
  989.  
  990. <div class="clear"></div>
  991. </div>
  992.  
  993. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  994. </div><br>
  995. {/block:Posts}{block:ifinfinitescroll}</div>{/block:ifinfinitescroll}
  996.  
  997.  
  998.  
  999. {block:ifpagenavigation}
  1000.  
  1001. <center>
  1002. {block:Pagination} <div id="classic-pagination">
  1003. {block:NextPage} <a href="{NextPage}">←</a>{/block:NextPage}
  1004. {block:PreviousPage} <a href="{PreviousPage}">→</a {/block:PreviousPage}
  1005.  
  1006.  
  1007. </div><!-- #classic-pagination -->{/block:Pagination}
  1008.  
  1009. </center>
  1010.  
  1011.  
  1012. {/block:ifpagenavigation}<br>
  1013. </div>
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019. <div id="sidebar">
  1020.  
  1021.  
  1022.  
  1023. <center><div id="avatar"><a href="/"></a></div>
  1024.  
  1025.  
  1026. </center>
  1027.  
  1028. <div id="top">
  1029.  
  1030.  
  1031. <br><p>
  1032.  
  1033.  
  1034. <center><div id="description">{Description}</div></center><center>
  1035.  
  1036.  
  1037. </div><br><center><td><tr>
  1038. <div id="musicbox"><div id="top">
  1039.  
  1040. <center><div id="move">
  1041. <a href="/" title="home">
  1042. <img src="http://media.tumblr.com/b0cc9770f66a411c1ac0a4791341a11b/tumblr_inline_mi5xawucaj1qz4rgp.gif"></a>
  1043. &nbsp;
  1044. <a href="/ask" title="ask">
  1045. <img src="http://media.tumblr.com/62ba07f19e6f98abd0157efb7ec9ce8d/tumblr_inline_mi5xb2xHwl1qz4rgp.gif"></a>
  1046. &nbsp;
  1047. <a href="/submit" title="submit">
  1048. <img src="http://media.tumblr.com/4b5c2fd9e49307c339005c8c30ab4b3a/tumblr_inline_mi5xayvcuE1qz4rgp.gif"></a>
  1049. &nbsp;
  1050. <a href="/about" title="about">
  1051. <img src="http://media.tumblr.com/492bb87d39c4c86ab04dfcb7a5fc624c/tumblr_inline_mi5xb5adJd1qz4rgp.gif"></a>
  1052.  
  1053.  
  1054. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:verdana; font-size:10px; color:{color:background and text}; width: 150px;">
  1055. <option value="/">{text:dropbox title}</option>
  1056.  
  1057. {block:Iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:Iflink1}
  1058. {block:Iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2}
  1059. {block:Iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:Iflink3}
  1060. {block:Iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:Iflink4}
  1061. {block:Iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:Iflink5}
  1062. {block:Iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:Iflink6}
  1063. {block:Iflink7}<option value="{text:link 7 url}">{text:link 7 title}</option>{/block:Iflink7}
  1064.  
  1065.  
  1066.  
  1067.  
  1068.  
  1069.  
  1070. <!--
  1071. ----------------------------------------------------------------------
  1072. yo if you remove the credit i will come to ur house and slamdunk your disemboweled organs (you're allowed to place the credit elsewhere, like on a credit page so long as you have credit to me somewhere on your blog)
  1073. ----------------------------------------------------------------------
  1074. -->
  1075.  
  1076. <option value="http://toukos.tumblr.com/">theme credit</option>
  1077. </select></center>
  1078. <br>
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084. </div> {block:IfMusicBox}
  1085.  
  1086. <p>
  1087.  
  1088.  
  1089.  
  1090. <center></center>
  1091. </div></center>
  1092.  
  1093. <div id="bottom"></div></div>
  1094.  
  1095.  
  1096. </div>
  1097.  
  1098. </div>
  1099.  
  1100.  
  1101. </body>
  1102. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement