API tools faq
paste
Advertisement
Guest User

tewi v.1 by nue

a guest
Mar 30th, 2013
4,173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. tewi v.1 by nue
  5. nue.tumblr.com
  6.  
  7. -->
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#f5e6dc" />
  12. <meta name="color:Accent1" content="#EAEAEA">
  13. <meta name="color:Accent2" content="#DEDDDD">
  14. <meta name="color:FooterText" content="#6e7173">
  15. <meta name="color:BodyText" content="#333333">
  16. <meta name="color:LinkColor" content="#535353">
  17. <meta name="color:LinkHover" content="#9E9E9E">
  18. <meta name="color:TitleColor" conten="#ffffff">
  19. <meta name="color:tooltipBG" content="#4c4c4c">
  20. <meta name="color:tooltipTXT" content="#fcfcfc">
  21. <meta name="color:FooterBg" content="#F4f4f4">
  22. <meta name="font:Title" content="Garamond" />
  23. <meta name="font:Body" content="Georgia" />
  24.  
  25. <meta name="text:FontSize" content="12">
  26. <meta name="text:PostTitleSize" content="19">
  27.  
  28. <meta name="text:url1" content="">
  29. <meta name="text:link1" content="">
  30. <meta name="text:url2" content="">
  31. <meta name="text:link2" content="">
  32. <meta name="text:url3" content="">
  33. <meta name="text:link3" content="">
  34. <meta name="text:url4" content="">
  35. <meta name="text:link4" content="">
  36. <meta name="if:Link1" content="0">
  37. <meta name="if:Link2" content="0">
  38. <meta name="if:Link3" content="0">
  39. <meta name="if:Link4" content="0">
  40. <meta name="if:Show Captions" content="0">
  41. <meta name="if:Show Tags" content="1" />
  42. <meta name="if:Show Album Art on Audio Posts" content="1" />
  43. <meta name="if:MaxBg" content="0">
  44. <meta name="if:ShowBanner" content="1">
  45. <meta name="if:ShowBorders" content="1">
  46.  
  47. <meta name="image:Sidebar" content="" />
  48. <meta name="image:Background" content="" />
  49. <meta name="image:FooterImage" content="http://media.tumblr.com/tumblr_loepcrNSAs1qhcep0.gif">
  50. <meta name="image:Favicon" content="http://media.tumblr.com/d25e80ec1e395f6cadfe2f33a0aa8bf5/tumblr_inline_mkc93jnIww1rul1ji.gif">
  51. <meta name="if:FooterImage" content="1">
  52.  
  53. <meta name="if:500px" content="1">
  54. <meta name="if:400px" content="0" >
  55. <meta name="if:250px" content="0">
  56.  
  57.  
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  59. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  60. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61.  
  62. <link rel="shortcut icon" href="{image:Favicon}">
  63.  
  64. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  66. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  67. <style type="text/css">@font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  68. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  69.  
  70. body { background: {color:background} url('{image:Background}') top left fixed repeat;
  71. {block:ifMaxBg}background-size:100% 100%;{/block:ifMaxBg}
  72. font-family: {font:Body};
  73. }
  74.  
  75. iframe#tumblr_controls{
  76. white-space:nowrap;
  77. opacity:1;
  78. position:fixed !important;
  79. bottom:0px;
  80. }
  81.  
  82. .clear {
  83. clear: both;
  84. height: 0px;
  85. overflow: hidden;
  86. }
  87.  
  88. a img {
  89. border: none;
  90. }
  91.  
  92. #banner2 {
  93. background-image:url('http://media.tumblr.com/71ef7e8d85f189a1d813439b6bcd29a1/tumblr_inline_mjevois0SN1qz4rgp.gif');
  94. repeat:repeat-x;
  95. left:0;
  96. width:100%;
  97. margin-top: 0px;
  98. height:36px;
  99. top:-0px;
  100. position: fixed;
  101. z-index: 1;
  102. opacity:1;}
  103.  
  104. #wrapper {
  105. width: 1150px;
  106. width:760px;
  107. margin: 0 auto;
  108. margin-top:50px;
  109. }
  110.  
  111. ::selection {
  112. background:#f1f1f1;
  113. color: #777;
  114. }
  115.  
  116. ::-moz-selection {
  117. background:#f1f1f1;
  118. color: #777;
  119. }
  120. iframe#tumblr_controls {
  121. position:fixed !important;-webkit-filter: invert(100%) ;
  122. -moz-transition: all 0.8s ease-out;
  123. -webkit-transition: opacity 0.7s linear;
  124. -webkit-transition: all 0.8s ease-out;
  125. transition: all 0.8s ease-out;
  126. opacity: 0.5;}
  127.  
  128.  
  129.  
  130. iframe#tumblr_controls {
  131. top:2px !important;
  132. right:3px !important;
  133. position: fixed !important;
  134. -webkit-transition: opacity 0.7s linear;
  135. opacity: 0.5;
  136. -webkit-transition: all 0.8s ease-out;
  137. -moz-transition: all 0.8s ease-out;
  138. transition: all 0.8s ease-out;
  139. }
  140.  
  141. iframe#tumblr_controls:hover {
  142. -webkit-transition: opacity 0.7s linear;
  143. opacity: 1;
  144. -webkit-transition: all 0.4s ease-out;
  145. -moz-transition: all 0.4s ease-out;
  146. transition: all 0.4s ease-out;
  147. }#s-m-t-tooltip {
  148. z-index: 9999;
  149. background: {color:TooltipBG};
  150. font-size: 7px;
  151. line-height: 11px;
  152. font-family: tahoma;
  153. letter-spacing: 1px;
  154. text-transform: uppercase;
  155. color: {color:TooltipTXT};
  156. max-width: 100px;
  157. word-wrap: break-word;
  158. padding: 2px 5px 2px 6px;
  159. display: block;
  160. border: 1px none #ddd;
  161. margin: 20px 10px 10px 10px }
  162.  
  163. #wrapper #content {
  164. {block:if500px}width: 520px;{/block:if500px}
  165. {block:if400px}width: 420px;{/block:if400px}
  166. {block:if250px}width: 270px;{/block:if250px}
  167. float: right;
  168. margin-bottom:40px;
  169. }
  170. #leftborder {
  171. background: url("http://24.media.tumblr.com/385fb9167eb529680b32ce8429044061/tumblr_mkeb0ytytb1s47x9po2_250.png") transparent;
  172. height: 100%;
  173. width: 41px;
  174. position: fixed;
  175. left: 469px;
  176. top: 0px;
  177. }
  178.  
  179. #rightborder {
  180. background: url("http://24.media.tumblr.com/7ce7971f227dc0d5d30f28c238733492/tumblr_mkeb0ytytb1s47x9po1_250.png");
  181. height: 100%;
  182. width: 41px;
  183. position: fixed;
  184. {block:if500px}left:1046px;{/block:if500px}
  185. {block:if400px}left: 946px;{/block:if400px}
  186. {block:if250px}left:796px;{/block:if250px}
  187. top: 0px;
  188. }
  189. #wrapper #content .post {
  190. font-family: ronda;
  191. float:left;
  192. {block:IndexPage}
  193. {block:if500px}width: 500px;{/block:if500px}
  194. {block:if400px}width: 400px;{/block:if400px}
  195. {block:if250px}width: 250px;{/block:if250px}
  196. {/block:IndexPage}
  197. {block:PermalinkPage}
  198. {block:if500px}width: 500px;{/block:if500px}
  199. {block:if400px}width: 400px;{/block:if400px}
  200. {block:if250px}width: 250px;{/block:if250px}
  201. {/block:PermalinkPage}
  202. background: #fff;
  203. padding: 10px;
  204. position: relative;
  205. margin-bottom:10px;
  206. margin-right:10px;
  207. margin-top:15px;
  208. -webkit-border-radius: 5px;
  209. -moz-border-radius: 5px;
  210. border-radius: 5px;
  211. }
  212.  
  213. #wrapper #content .post .media {
  214. text-align: center;
  215. margin-bottom: 7px;
  216. }
  217.  
  218. #wrapper #content .post .quote {
  219. color: {color:BodyText};
  220. font-weight: bold;
  221. font-family:sunshine;
  222. padding:10px;
  223. font-size: {text:BiggerFontSize}px;
  224. line-height: 25px;
  225. }
  226.  
  227. .quote_source{
  228. text-align:right;
  229. }
  230.  
  231. #wrapper #content .post .quote_source *:first-child {
  232. margin-top: 0px;
  233. }
  234.  
  235. #wrapper #content .post .quote_source *:last-child {
  236. margin-bottom: 0px;
  237. }
  238.  
  239. #wrapper #content .post .quote *:first-child {
  240. margin-top: 0px;
  241. }
  242.  
  243. #wrapper #content .post .quote *:last-child {
  244. margin-bottom: 0px;
  245. }
  246.  
  247. #wrapper #content .post .copy {
  248. color: {color:BodyText};
  249. padding: 11px;
  250. font-size: 8px;
  251. margin-top:-5px;
  252. }
  253.  
  254. #wrapper #content .post .copy a {
  255. color: {color:LinkColor};
  256. text-decoration: underline;
  257. }
  258.  
  259.  
  260. #wrapper #content .post .copy pre {
  261. margin: 10px 0px 10px 0px;
  262. padding: 10px;
  263. background-color: {color:Accent1};
  264. font: normal 11px Courier, monospace;
  265. overflow: auto;
  266. }
  267.  
  268. #wrapper #content .post .copy > p:first-child {
  269. margin-top: 0;
  270. }
  271.  
  272. #wrapper #content .post .copy img {
  273. max-width: 100%!important;
  274. }
  275.  
  276. #wrapper #content .post .audio {
  277. background: {color:Accent1};
  278. border:1px solid {color:FooterText};
  279. width:95%;
  280. margin:auto;
  281. padding: 7px;
  282. margin-bottom: 10px;
  283. -moz-border-radius: 4px;
  284. -webkit-border-radius: 4px;
  285. border-radius: 4px;
  286. }
  287.  
  288. #wrapper #content .post .audio .player {
  289. float: left;
  290. }
  291.  
  292.  
  293.  
  294. #wrapper #content .post .audio .player .audio_player embed {
  295. border: 1px solid {color:FooterText};
  296. }
  297.  
  298. #wrapper #content .post .audio .meta {
  299. padding: 8px 13px;
  300. height: 13px;
  301. float: left;
  302. color: {color:FooterText};
  303. font-family: Oxygen Mono;
  304. font-size: 9px;
  305. text-transform: lowercase;
  306. }
  307.  
  308. #wrapper #content .post .audio .meta a {
  309. color: {color:BodyText};
  310. text-decoration: none;
  311. }
  312.  
  313. #wrapper #content .post .album_art {
  314. text-align: center;
  315. }
  316.  
  317. .album_art img{
  318. {block:IndexPage}
  319. {block:if500px}width: 500px;{/block:if500px}
  320. {block:if400px}width: 400px;{/block:if400px}
  321. {block:if250px}width: 250px;{/block:if250px}
  322. {/block:IndexPage}
  323. {block:PermalinkPage}
  324. {block:if500px}width: 500px;{/block:if500px}
  325. {block:if400px}width: 400px;{/block:if400px}
  326. {block:if250px}width: 250px;{/block:if250px}
  327. {/block:PermalinkPage}
  328. }
  329.  
  330.  
  331. #wrapper #content .post .question {
  332. color: {color:BodyText};
  333. font-size: 8px;
  334. font-weight: bold;
  335. background: {color:Accent2};
  336. -moz-border-radius: 8px;
  337. -webkit-border-radius: 8px;
  338. border-radius: 8px;
  339. margin: 0 0 15px 0;
  340. padding: 15px 20px;
  341. position: relative;
  342. }
  343.  
  344. #wrapper #content .post .question .nipple {
  345. width: 13px;
  346. height: 7px;
  347. background: {color:Accent2} url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  348. position: absolute;
  349. bottom: -7px;
  350. left: 30px;
  351. }
  352.  
  353. #wrapper #content .post .asker_container {
  354. margin: 0 0 20px 24px;
  355. font-size:8px;
  356. }
  357.  
  358. #wrapper #content .post .asker_container img {
  359. margin: 0 12px -7px 0;
  360. }
  361.  
  362. #wrapper #content .post .asker_container a.asker {
  363. color: {color:Body};
  364. }
  365.  
  366. #wrapper #content .post .title {
  367. color: {color:BodyText};
  368. font-size: {text:BiggerFontSize}px;
  369. padding-left:10px;
  370. font-family:sunshine;
  371. }
  372.  
  373. #wrapper #content .post img {
  374. -webkit-border-radius: 5px;
  375. -moz-border-radius: 5px;
  376. border-radius: 5px;
  377. }
  378.  
  379. .photoset{
  380. -webkit-border-radius: 5px;
  381. -moz-border-radius: 5px;
  382. border-radius: 5px;
  383. }
  384.  
  385. .photoset_row{
  386. -webkit-border-radius: 5px;
  387. -moz-border-radius: 5px;
  388. border-radius: 5px;
  389. }
  390.  
  391. .photoset_photo{
  392. -webkit-border-radius: 5px;
  393. -moz-border-radius: 5px;
  394. border-radius: 5px;
  395. }
  396.  
  397. #wrapper #content .post .chat {
  398. background-color: #fff;
  399. border-left: 5px solid {color:Accent2};
  400. margin: 5px;
  401. font-size: 8px;
  402. }
  403.  
  404. #wrapper #content .post .chat .lines {
  405. margin-left: 1px;
  406. }
  407.  
  408. #wrapper #content .post .chat .lines .line {
  409. background-color: {color:Accent1};
  410. color: {color:BodyText};
  411. margin-bottom: 1px;
  412. padding: 3px 5px;
  413. }
  414.  
  415. #wrapper #content .post .chat .lines .line.even {
  416. background-color: {color:Accent2};
  417. }
  418.  
  419. #wrapper #content .post .link {
  420. margin: 0;
  421. padding-bottom:9px;
  422. text-transform:lowercase;
  423. font-size: 17px;
  424. line-height: 25px;
  425. background: {color:Accent2};
  426. width:100%;
  427. -moz-border-radius: 3px;
  428. -webkit-border-radius: 3px;
  429. border-radius: 3px;
  430. text-align:center;
  431. }
  432.  
  433. #wrapper #content .post .link a {
  434. color: {color:FooterText};
  435. padding: 5px 7px;
  436. }
  437.  
  438. #wrapper #content .post .link a:hover {
  439. opacity: 0.9;
  440. filter: alpha(opacity=90);
  441. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  442. }
  443. #wrapper #content .post .footer {
  444. background: {color:FooterBg}; -moz-border-radius: 1px;
  445. -webkit-border-radius: 1px;
  446. border-radius: 1px;
  447.  
  448. font-family: {font:Accent};
  449. font-size: 8px;
  450. color: {color:FooterText};
  451. padding: 1px 10px;
  452. margin-top: -4px;
  453. text-transform:lowercase;
  454. }
  455.  
  456.  
  457. }
  458.  
  459. #wrapper #content .post .footer:hover {
  460. color: {color:footertext};
  461. -webkit-transition: all 0.2s ease-out;
  462. -moz-transition: all 0.2s ease-out;
  463. transition: all 0.2s ease-out;
  464.  
  465. }
  466.  
  467. #wrapper #content .post .footer.for_permalink:hover {
  468. opacity: 0.7;
  469. filter: alpha(opacity=90);
  470. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  471. }
  472.  
  473.  
  474. #wrapper #content .post .footer .date {
  475. width: 67%;
  476. float: left;
  477. color: {color:FooterText};
  478. }
  479.  
  480. #wrapper #content .post .footer .notes {
  481. width: 33%;
  482. float: right;
  483. text-align: right;
  484. color: {color:FooterText};
  485. }
  486.  
  487. #wrapper #content .post .footer .notes a {
  488. color: {color:FooterText};
  489. }
  490.  
  491. #wrapper #content .post .footer .tags a {
  492. color: {color:FooterText};
  493. text-decoration: underline;
  494. }
  495.  
  496. #wrapper #content .post .footer .tags .tag-commas:last-child {
  497. display: none;
  498. }
  499.  
  500. #wrapper #content .post .footer.with_source_url .tags {
  501. max-width: 330px;
  502. float: left;
  503. }
  504.  
  505. #wrapper #content .post .footer.with_source_url .source_url {
  506. float: right;
  507. max-width: 160px;
  508. overflow: hidden;
  509. white-space: nowrap;
  510.  
  511. }
  512.  
  513. #wrapper #content .post .footer.with_source_url .source_url img {
  514. vertical-align: top;
  515. -moz-opacity: 0.5;
  516. opacity: 0.5;
  517. }
  518.  
  519. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  520. -moz-opacity: 0.7;
  521. opacity: 0.7;
  522. }
  523.  
  524. #wrapper #content .post a {
  525. color: #6e7173;
  526. text-decoration: none;
  527. }
  528.  
  529. #wrapper #content .post .copy blockquote {
  530. margin: 10px 0px 10px 10px;
  531. padding-left: 15px;
  532. border-left: solid 4px {color:Accent2};
  533. }
  534.  
  535. #wrapper #content #navigation {
  536.  
  537. text-align: right;
  538. padding-bottom: 35px;
  539. text-transform: lowercase;
  540. }
  541.  
  542. #wrapper #content #navigation a {
  543.  
  544. background-color: #fff;
  545. font-size:8px;
  546. color: #000;
  547. font-family:ronda;
  548. padding: 5px 10px;
  549. text-decoration: none;
  550. margin-right: 120px;}
  551.  
  552.  
  553. #wrapper #content #navigation a:hover {
  554. opacity: 0.9;
  555. filter: alpha(opacity=90);
  556. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  557. }
  558.  
  559. #wrapper #content #navigation.jump_pagination {}
  560.  
  561. #wrapper #content #navigation.jump_pagination a {
  562. margin: 0 0 0 4px;
  563. }
  564.  
  565. #wrapper #content #navigation.jump_pagination .current_page {
  566. color: #fff;
  567. background-color: rgba(255,255,255, 0.1);
  568. border: 2px solid #fff;
  569. padding: 3px 8px;
  570. margin: 0 0 0 4px;
  571. cursor: default;
  572. }
  573.  
  574. #wrapper #content #navigation.jump_pagination .jump_page {}
  575.  
  576. #wrapper #content .post .notecontainer {
  577. background: #fafafa;
  578. -moz-border-radius: 4px;
  579. -webkit-border-radius: 4px;
  580. border-radius: 4px;
  581. font-family: ronda;
  582. font-size: 8px;
  583. margin: 0 -10px -20px -10px;
  584. color: {color:BodyText};
  585. }
  586.  
  587. #wrapper #content .post .notecontainer a {
  588. color: {color:BodyText};
  589. text-decoration: underline;
  590. }
  591.  
  592. #wrapper #content .post .notecontainer ol.notes {
  593. padding: 0px 0 10px 0;
  594. list-style-type: none;
  595. font-size: 8px;
  596. }
  597.  
  598. #wrapper #content .post .notecontainer ol.notes li.note {
  599. padding: 10px 10px 0 10px;
  600. }
  601.  
  602. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  603. vertical-align: -4px;
  604. margin-right: 10px;
  605. width: 16px;
  606. height: 16px;
  607. }
  608.  
  609. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  610. font-weight: normal;
  611. }
  612.  
  613. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  614. font-weight: normal;
  615. }
  616.  
  617. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  618. border-left: 2px solid {color:BodyText};
  619. padding: 4px 10px;
  620. margin: 10px 0px 0px 25px;
  621. }
  622.  
  623. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  624. text-decoration: none;
  625. }
  626.  
  627.  
  628. #wrapper #sidebar {
  629. width: 180px;
  630. top:150px;
  631. left:250px;
  632. position:fixed;
  633. float: left;
  634. color: {color:BodyText};
  635. font-family: ronda;
  636. }
  637.  
  638.  
  639. #wrapper #sidebar #top {
  640. background: #fff;
  641. padding: 20px;
  642. padding-bottom:10px;
  643. -webkit-border-radius: 5px;
  644. -moz-border-radius: 5px;
  645. border-radius: 5px;
  646.  
  647. }
  648.  
  649. #wrapper #sidebar #top #description {
  650. font-size: 8px;
  651. position: relative;
  652. text-align:center;
  653. margin-top:5px;
  654. }
  655.  
  656. #wrapper #sidebar #top #description a {
  657. color: {color:LinkColor};
  658. }
  659. #wrapper #sidebar #top #description a:hover {
  660. color: {color:LinkHover};
  661. }
  662. #wrapper #sidebar #top .content {
  663. margin-top: 2px;
  664. background: {color:Accent1};
  665. color: {color:BodyText};
  666. font-size: 11px;
  667. overflow: hidden;
  668. }
  669.  
  670. #wrapper #sidebar #top a {
  671. text-decoration: none;
  672. }
  673.  
  674. #sideimage{
  675. width:160px;
  676. margin:-10px 0 0px -10px;
  677. -webkit-border-radius: 5px;
  678. -moz-border-radius: 5px;
  679. border-radius: 5px;
  680. }
  681.  
  682. #photo img{
  683. margin-bottom:-2px;
  684. {block:IndexPage}
  685. {block:if500px}width: 500px;{/block:if500px}
  686. {block:if400px}width: 400px;{/block:if400px}
  687. {block:if250px}width: 250px;{/block:if250px}
  688. {/block:IndexPage}
  689. {block:PermalinkPage}
  690. {block:if500px}width: 500px;{/block:if500px}
  691. {block:if400px}width: 400px;{/block:if400px}
  692. {block:if250px}width: 250px;{/block:if250px}
  693. {/block:PermalinkPage}
  694.  
  695. }
  696.  
  697. #bg img{
  698. position:fixed;
  699. top:0;
  700. left:0;
  701. width:100%;
  702. height:100%;
  703. }
  704.  
  705. #extra{
  706. font-size:8px;
  707. text-align:center;
  708. background:#fff;
  709. width:180px;
  710. position:absolute;
  711. margin-top:-105px;
  712. margin-left:-20px;
  713. padding:5px 0px;
  714. opacity:0;
  715. z-index:-1;
  716.  
  717. -webkit-border-bottom-right-radius: 5px;
  718. -webkit-border-bottom-left-radius: 5px;
  719. -moz-border-radius-bottomright: 5px;
  720. -moz-border-radius-bottomleft: 5px;
  721. border-bottom-right-radius: 5px;
  722. border-bottom-left-radius: 5px;
  723.  
  724. -webkit-transition: all .4s ease-in-out;
  725. -moz-transition: all .4s ease-in-out;
  726. -ms-transition: all .4s ease-in-out;
  727. -o-transition: all .4s ease-in-out;
  728. transition: all .4s ease-in-out;
  729. }
  730.  
  731. #top:hover #extra{
  732. opacity:1;
  733. margin-top:6px;
  734. }
  735.  
  736. #extra a{
  737. display:block;
  738. color:{color:LinkColor}!important;
  739. text-transform:underline;
  740.  
  741. }
  742.  
  743. #extra a:hover{
  744. text-transform:underline;
  745. letter-spacing:1px;
  746. font-size:8px;
  747. }
  748.  
  749. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  750. #infscr-loading {display:none;}
  751.  
  752. #over{
  753. height:2000px!important;
  754. position:absolute;
  755. top:0px;
  756. left:0px;
  757. width: 100%;}
  758.  
  759. #wrapper{
  760. width: 250px;
  761. height: 100%;
  762. {block:if500px}margin-left:779px;{/block:if500px}
  763. {block:if400px}margin-left:679px;{/block:if400px}
  764. {block:if250px}margin-left:529px;{/block:if250px}
  765. background:#fff;
  766. z-index: 2;
  767. padding-top: 0px;
  768. padding-bottom: 0px;
  769. }
  770.  
  771.  
  772. </style>
  773. <!--[if lt IE 7.]>
  774. <style type="text/css">
  775. #wrapper #sidebar #bottom {
  776. background: transparent;
  777. }
  778.  
  779. #wrapper #sidebar #top #avatar {
  780. background: none;
  781. }
  782.  
  783. #wrapper #sidebar #top #avatar img {
  784. border: 5px solid #f1f1f1;
  785. }
  786.  
  787. #wrapper #sidebar #top .heading#followontumblr {
  788. background-image: none;
  789. text-indent: 0;
  790. }
  791.  
  792. #wrapper #sidebar #top .heading#twitter {
  793. background-image: none;
  794. }
  795.  
  796. #wrapper #sidebar #top .heading#following {
  797. background-image: none;
  798. }
  799.  
  800. #wrapper #content .post .audio .player {
  801. float: none;
  802. }
  803.  
  804. #wrapper #content .post .audio .meta {
  805. display: none;
  806. float: none;
  807. }
  808. </style>
  809. <![endif]-->
  810.  
  811. <!--[if lt IE 8.]>
  812. <style type="text/css">
  813. #wrapper #content .bottom {
  814. background: transparent;
  815. }
  816.  
  817. #wrapper #content .post .footer {
  818. background: transparent;
  819. color: #000;
  820. }
  821.  
  822. #wrapper #content .post .audio {
  823. float: none;
  824. background: transparent;
  825. }
  826.  
  827. #wrapper #content .post .notecontainer .notes {
  828. padding: 0;
  829. margin: 0;
  830. }
  831. </style>
  832. <![endif]-->
  833. <style type="text/css">{CustomCSS}</style>
  834. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  835.  
  836. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  837. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  838. <script>
  839. (function($){
  840. $(document).ready(function(){
  841. $("[title]").style_my_tooltips();
  842. });
  843. })(jQuery);
  844. </script>
  845.  
  846.  
  847. </head>
  848. <body>
  849.  
  850. {block:ifShowBanner}<div id="banner2"></div>{/block:ifShowBanner}
  851.  
  852. <div id ="overload"></div>
  853.  
  854.  
  855. <div id="wrapper">
  856.  
  857.  
  858. <div id="sidebar">
  859.  
  860. <div id="top">
  861. <a href="/"><img id="sideimage" src="{image:Sidebar}"/></a>
  862. <div id="description"><br>{Description}<br><br><a href="/ask">ask</a> /
  863. <a href="/submit">submit</a>
  864. {block:ifLink1} / <a href="{text:url1}">{text:link1}</a>{/block:ifLink1}
  865. {block:ifLink2} / <a href="{text:url2}">{text:link2}</a>{/block:ifLink2}
  866. {block:ifLink3} / <a href="{text:url3}">{text:link3}</a>{/block:ifLink3}
  867. {block:ifLink4} / <a href="{text:url4}">{text:link4}</a>{/block:ifLink4}
  868. </div>
  869. <div class="clear"></div>
  870.  
  871.  
  872. </div>
  873. </div>
  874.  
  875. <div id="content">
  876.  
  877. {block:Posts}
  878. <div class="post">
  879.  
  880.  
  881. {block:Photo}
  882. {block:IndexPage}
  883.  
  884. <div class="media"><a href="{Permalink}"><img id="photo" src="{block:if500px}{PhotoURL-500}{/block:if500px}
  885. {block:if400px}{PhotoURL-400}{/block:if400px}
  886. {block:if250px}{PhotoURL-250}{/block:if250px}" alt="{PhotoAlt}" /></a></div>
  887. {block:IfShowCaptions}
  888. {block:Caption}
  889. <div class="copy">{Caption}</div>
  890. {/block:Caption}
  891. {/block:IfShowCaptions}
  892. {/block:IndexPage}
  893.  
  894. {block:PermalinkPage}
  895. <img id="photo" src="{block:if500px}{PhotoURL-500}{/block:if500px}
  896. {block:if400px}{PhotoURL-400}{/block:if400px}{block:if250px}{PhotoURL-250}{/block:if250px}" width="100%" alt="{PhotoAlt}" />
  897. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  898.  
  899. {/block:PermalinkPage}
  900. {/block:Photo}
  901.  
  902. {block:Photoset}
  903. <div class="media">
  904. {block:IndexPage}
  905. {block:if500px}{Photoset-500}{/block:if500px}
  906. {block:if400px}{Photoset-400}{/block:if400px}{block:if250px}{Photoset-250}{/block:if250px}
  907. {/block:IndexPage}
  908.  
  909. {block:PermalinkPage}
  910. {block:if500px}{Photoset-500}{/block:if500px}
  911. {block:if400px}{Photoset-400}{/block:if400px}{block:if250px}{Photoset-250}{/block:if250px}
  912. {/block:PermalinkPage}
  913. </div>{block:IfShowCaptions}
  914. {block:Caption}
  915. <div class="copy">{Caption}</div>
  916. {/block:Caption}
  917. {/block:IfShowCaptions}
  918. {/block:Photoset}
  919.  
  920. {block:Video}
  921. <div class="media">
  922. {block:IndexPage}
  923. {block:if500px}{Video-500}{/block:if500px}
  924. {block:if400px}{Video-400}{/block:if400px}
  925. {block:if250px}{Vide0-250}{/block:if250px}
  926. {/block:IndexPage}
  927. {block:PermalinkPage}
  928. {block:if500px}{Video-500}{/block:if500px}
  929. {block:if400px}{Video-400}{/block:if400px}{block:if250px}{Video-250}{/block:if250px}
  930. {/block:PermalinkPage}
  931. </div>
  932. {block:IfShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  933. {/block:Video}
  934.  
  935. {block:Audio}
  936.  
  937. {block:AudioEmbed}
  938. {AudioEmbed}
  939. {/block:AudioEmbed}
  940.  
  941. {block:AudioPlayer}
  942. {block:IfShowAlbumArtOnAudioPosts}
  943. {block:AlbumArt}
  944. <div class="album_art">
  945. <img id="photo" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  946. </div>
  947. {/block:AlbumArt}
  948. {/block:IfShowAlbumArtOnAudioPosts}
  949.  
  950. <div class="audio">
  951. <div class="player">{AudioPlayerWhite}</div>
  952. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  953. <div class="clear"></div>
  954. </div>
  955. {/block:AudioPlayer}
  956.  
  957. <div class="clear"></div>
  958.  
  959. {block:IfShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  960.  
  961. {/block:Audio}
  962.  
  963. {block:Quote}
  964. <div class="quote {Length}">{Quote}</div>
  965. <div class="copy">
  966. {block:Source}
  967. <div class="quote_source">
  968. &mdash;{Source}
  969. </div>
  970. {/block:Source}
  971. </div>
  972. {/block:Quote}
  973.  
  974. {block:Text}
  975. {block:Title}<div class="title">{Title}</div>{/block:Title}
  976. <div class="copy">{Body}</div>
  977. {/block:Text}
  978.  
  979. {block:Answer}
  980. <div class="question">
  981. <div class="nipple"></div>
  982. {Question}
  983. </div>
  984. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  985. <div class="copy">{Answer}</div>
  986. {/block:Answer}
  987.  
  988. {block:Chat}
  989. {block:Title}<div class="title">{Title}</div>{/block:Title}
  990. <div class="chat">
  991. <div class="lines">
  992. {block:Lines}
  993. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  994. {/block:Lines}
  995. </div>
  996. </div>
  997. <div class="clear"></div>
  998. <div style="height:10px;"></div>
  999. {/block:Chat}
  1000.  
  1001. {block:Link}
  1002. <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
  1003. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1004. {/block:Link}
  1005.  
  1006. {block:Date}
  1007. <a href="{Permalink}">
  1008. <div class="footer for_permalink">
  1009. {block:ContentSource}
  1010.  
  1011.  
  1012. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1013.  
  1014. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1015.  
  1016. {/block:SourceLogo}
  1017.  
  1018. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1019.  
  1020. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1021. <div class="date">
  1022. {block:Reblog}
  1023. {TimeAgo}
  1024. {/block:Reblog}
  1025.  
  1026. {block:NotReblog}
  1027. {TimeAgo}
  1028. {/block:NotReblog}
  1029. </div>
  1030. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  1031. <div class="clear"></div>
  1032. </div>
  1033. </a>
  1034. {/block:Date}
  1035.  
  1036. <div class="footer" style="
  1037. display:none;
  1038. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1039.  
  1040. ">
  1041. {block:IfShowTags}
  1042. {block:HasTags}<div class="tags">{block:ifFooterImage}<img src="{image:FooterImage}"/> {/block:ifFooterImage}{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  1043. {/block:IfShowTags}
  1044.  
  1045.  
  1046. <div class="clear"></div>
  1047. </div>
  1048.  
  1049. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1050.  
  1051. </div>
  1052. {/block:Posts}
  1053.  
  1054. <div class="navigation">
  1055. {block:Pagination}
  1056. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1057. {block:NextPage}<a style="float:right" href="{NextPage}">next &rarr;</a>{/block:NextPage}
  1058.  
  1059. {block:IfEnableJumpPagination}
  1060. {block:JumpPagination length="5"}
  1061. {block:CurrentPage}
  1062. <span class="current_page">{PageNumber}</span>
  1063. {/block:CurrentPage}
  1064.  
  1065. {block:JumpPage}
  1066. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1067. {/block:JumpPage}
  1068.  
  1069. {/block:JumpPagination}
  1070. {/block:IfEnableJumpPagination}
  1071.  
  1072. {block:PreviousPage}<a style="float:right" href="{PreviousPage}">&larr; previous</a>{/block:PreviousPage}
  1073. </div>
  1074. {/block:Pagination}
  1075. </div>
  1076.  
  1077.  
  1078. </div>
  1079. {block:ifShowBorders}<div id="leftborder"></div>
  1080. <div id="rightborder"></div>{block:ifShowBorders}
  1081. </body>
  1082. </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!