API tools faq
paste
Advertisement
Guest User

NO REGRETS ll redux edit (edit)

a guest
Apr 12th, 2014
2,474
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.45 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. | |
  5. __ _ _ _ ___ _ _| | ____ _
  6. / _` | | | / __| | | | |/ / _` |
  7. | (_| | |_| \__ \ |_| | < (_| |
  8. \__,_|\__,_|___/\__,_|_|\_\__,_|
  9. no regrets redux edit by ursa ausuka
  10. ausuka.tumblr.com
  11. original redux theme by jacob bijani
  12. -->
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head>
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:Background" content="#ccc" />
  17. <meta name="font:Title" content="bitxmap" />
  18. <meta name="font:Body" content="Arial" />
  19. <meta name="font:Accent" content="Lucida Sans" />
  20. <meta name="if:Show Tags" content="1" />
  21. <meta name="if:Show Album Art on Audio Posts" content="1" />
  22. <meta name="image:Background" content="" />
  23. <meta name="if:CoverBackground" content ="0" />
  24. <meta name="image:Favicon" />
  25. <link rel="shortcut icon" href="{image:Favicon}" />
  26. <meta name="if:InfiniteScrolling" content="0" />
  27. <meta name="text:RoundnessOfCorners" content="10"/>
  28.  
  29. <meta name="color:AccentColor" content="#000" />
  30. <meta name="color:AccentColor2" content="#ccc" />
  31. <meta name="image:Banner" content="" />
  32. <meta name="text:BackToTheTop" content="Top" />
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38. <!-- SIDEBAR -->
  39. <meta name="color:TitleText" content="#000" />
  40. <meta name="color:SidebarText" content="#000" />
  41. <meta name="color:SidebarBackground" content="#fff" />
  42.  
  43. <meta name="text:PostOpacity" content=".6" />
  44. <meta name="text:SidebarOpacity" content=".6" />
  45. <meta name="if:LeftSideImage" content="1" />
  46. <meta name="if:RightSideImage" content="0" />
  47. <meta name="image:LeftSideImg" content="" />
  48. <meta name="image:RightSideImg" content="" />
  49. <meta name="text:RightImagePositionFromRight" content="0" />
  50. <meta name="text:RightImagePositionFromBottom" content="0" />
  51. <meta name="text:LeftImagePositionFromLeft" content="0" />
  52. <meta name="text:LeftImagePositionFromBottom" content="0" />
  53. <meta name="if:RoundedPostCorners" content="0" />
  54. <meta name="if:RoundedSidebarCorners" content="0" />
  55. <meta name="text:SidebarDistanceFromTop" content="250" />
  56. <meta name="color:Links" content="#000" />
  57. <meta name="text:SidebarTitle" content="no REGRETS" />
  58. <meta name="if:sidebarRight" content="0" />
  59. <meta name="if:RightSidebarIcons" content="0" />
  60. <meta name="if:PostBorder" content="1" />
  61. <meta name="if:DashedPostBorder" content="1" />
  62. <meta name="if:SidebarBorder" content="1" />
  63. <meta name="if:DashedSidebarBorder" content="1" />
  64. <meta name="if:Link4" content="0" />
  65. <meta name="if:Link5" content="0" />
  66. <meta name="if:Link6" content="0" />
  67. <meta name="text:Link1Name" content="" />
  68. <meta name="text:Link1URL" content="/" />
  69. <meta name="text:Link2Name" content="" />
  70. <meta name="text:Link2URL" content="/" />
  71. <meta name="text:Link3Name" content="" />
  72. <meta name="text:Link3URL" content="/" />
  73. <meta name="text:Link4Name" content="" />
  74. <meta name="text:Link4URL" content="/" />
  75. <meta name="text:Link5Name" content="" />
  76. <meta name="text:Link5URL" content="/" />
  77. <meta name="text:Link6Name" content="" />
  78. <meta name="text:Link6URL" content="/" />
  79. <meta name="text:DropdownTitle" content="NAV" />
  80. <meta name="color:DropdownMenu" content="#fff" />
  81. <meta name="color:DropdownText" content="#000" />
  82. <meta name="image:SidebarIcon" content="" />
  83. <meta name="if:TransparentPosts" content="0" />
  84. <meta name="if:TransparentSideBar" content="0" />
  85. <meta name="color:PostBackground" content="#fff" />
  86. <meta name="color:PostText" content="#000" />
  87. <meta name="if:400pxPosts" content="1" />
  88. <meta name="text:PostDistanceFromTop" content="50" />
  89. <meta name="text:SpaceBetweenPosts" content="40" />
  90. <meta name="if:TransparentFooters" content="0" />
  91. <meta name="if:ShowCaptions" content="1" />
  92.  
  93. <style type="text/css">
  94. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  95.  
  96. body {
  97. background: {color:Background} url('{image:Background}');
  98. background-position:top left;
  99. background-attachment:fixed;
  100. background-repeat:repeat;
  101. {block:ifnotCoverBackground}{/block:ifnotCoverBackground};
  102. {block:ifCoverBackground}-webkit-background-size: cover;
  103. -moz-background-size: cover;
  104. -o-background-size: cover;
  105. background-size: cover;{/block:ifCoverBackground}
  106. margin: 0;
  107. padding: 0;
  108. font-family: bitxmap;
  109. letter-spacing: 0px;
  110. font-size:12px;
  111. }
  112.  
  113. .clear {
  114. clear: both;
  115. height: 0px;
  116. overflow: hidden;
  117. }
  118.  
  119. a img {
  120. border: none;
  121. }
  122.  
  123. #wrapper {
  124. width: 845px;
  125. margin: 0 auto;
  126. }
  127.  
  128. /*TITLE*/
  129. #wrapper #title {
  130. line-height:15px;
  131. color:{color:TitleText};
  132. font-size: 25px;
  133. font-family: bitxmap;
  134. letter-spacing: -1px;
  135. text-align:left;
  136. text-transform:lowercase;
  137. }
  138.  
  139. #wrapper #title a {
  140. color:{color:TitleText} !important;
  141. text-decoration: none;
  142. }
  143.  
  144. /*POSTS*/
  145. #wrapper #content {
  146. {block:if400pxPosts}
  147. width:420px;
  148. {/block:if400pxPosts}
  149. {block:ifnot400pxPosts}
  150. width:520px;
  151. {/block:ifnot400pxPosts}
  152. margin: 0 auto;
  153. z-index:5;
  154. margin-top:{text:PostDistanceFromTop}px;
  155. color:{color:PostText};
  156. }
  157.  
  158. #wrapper #content .post {
  159. opacity:{text:PostOpacity};
  160. {block:ifnotPixelFontBody}
  161. font-family: {font:Body};
  162. {/block:ifnotPixelFontBody}
  163. {block:ifPixelFontBody}
  164. font-family: bitxmap;
  165. letter-spacing: 0px;
  166. font-size:12px;
  167. {/block:ifPixelFontBody}
  168. {block:if400pxPosts}
  169. width:400px;
  170. padding: 10px;
  171. {/block:if400pxPosts}
  172. {block:ifnot400pxPosts}
  173. width:500px;
  174. padding: 5px;
  175. margin-left:40px;
  176. {/block:ifnot400pxPosts}
  177. position: relative;
  178. {block:ifTransparentPosts}
  179. background:transparent;
  180. {/block:ifTransparentPosts}
  181. {block:ifnotTransparentPosts}
  182. background:{color:PostBackground};
  183. {/block:ifnotTransparentPosts}
  184. {block:ifRoundedPostCorners}
  185. -webkit-border-radius: {text:RoundnessOfCorners}px;
  186. -moz-border-radius: {text:RoundnessOfCorners}px;
  187. {/block:ifRoundedPostCorners}
  188. -webkit-transition: all 1.0s ease;
  189. -moz-transition: all 1.0s ease;
  190. -o-transition: all 1.0s ease;
  191. {block:ifPostBorder}
  192. border:1px {block:ifDashedPostBorder}dashed{/block:ifDashedPostBorder}
  193. {block:ifnotDashedPostBorder}solid{/block:ifnotDashedPostBorder} {color:AccentColor};
  194. {/block:ifPostBorder}
  195. }
  196.  
  197. #wrapper #content .post:hover {
  198. opacity:.9;
  199. -webkit-transition: all 1.0s ease;
  200. -moz-transition: all 1.0s ease;
  201. -o-transition: all 1.0s ease;
  202. }
  203.  
  204. #wrapper #content .post .media {
  205. text-align: center;
  206. margin-bottom: 10px;
  207. {block:ifnot400pxPosts}
  208. max-width:500px;
  209. {/block:ifnot400pxPosts}
  210. {block:if400pxPosts}
  211. max-width:400px;
  212. {/block:if400pxPosts}
  213. }
  214.  
  215. /*QUOTES*/
  216. #wrapper #content .post .quotebg {
  217. font-size: 150px;
  218. color: {color:AccentColor};
  219. opacity: 0.2;
  220. filter: alpha(opacity=20);
  221. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  222. position: absolute;
  223. top: 70px;
  224. left: 10px;
  225. }
  226.  
  227. #wrapper #content .post .quote {
  228. color: {color:AccentColor};
  229. font-weight: bold;
  230. padding: 20px 20px 5px 20px;
  231. }
  232.  
  233. #wrapper #content .post .quote.short {
  234. font-size: 33px;
  235. line-height: 28px;
  236. }
  237.  
  238. #wrapper #content .post .quote.medium {
  239. font-size: 25px;
  240. line-height: 23px;
  241. }
  242.  
  243. #wrapper #content .post .quote.long {
  244. font-size: 18px;
  245. line-height: 18px;
  246. }
  247.  
  248. #wrapper #content .post .quote_source *:first-child {
  249. margin-top: 0px;
  250. }
  251.  
  252. #wrapper #content .post .quote_source *:last-child {
  253. margin-bottom: 0px;
  254. }
  255.  
  256. #wrapper #content .post .quote *:first-child {
  257. margin-top: 0px;
  258. }
  259.  
  260. #wrapper #content .post .quote *:last-child {
  261. margin-bottom: 0px;
  262. }
  263.  
  264. #wrapper #content .post .copy {
  265. color: #6e7173;
  266. padding: 10px;
  267. font-size: 13px;
  268. line-height: 15px;
  269. }
  270.  
  271. #wrapper #content .post .copy a {
  272. color: #6e7173;
  273. text-decoration: underline;
  274. }
  275.  
  276. #wrapper #content .post .copy p {
  277. margin: 10px 0 0 0;
  278. padding: 0;
  279. }
  280.  
  281. #wrapper #content .post .copy pre {
  282. margin: 10px 0px 10px 0px;
  283. padding: 10px;
  284. background-color: #e6e6e6;
  285. font: normal 11px Courier, monospace;
  286. overflow: auto;
  287. }
  288.  
  289. #wrapper #content .post .copy > p:first-child {
  290. margin-top: 0;
  291. }
  292.  
  293. /*IMAGE POSTS*/
  294. #wrapper #content .post .copy img {
  295. {block:ifnot400pxPosts}
  296. max-width:500px;
  297. {/block:ifnot400pxPosts}
  298. {block:if400pxPosts}
  299. max-width:400px;
  300. {/block:if400pxPosts}
  301. }
  302.  
  303. /*AUDIO POSTS*/
  304. #wrapper #content .post .audio {
  305. background: #eaeaea;
  306. float: left;
  307. padding: 7px;
  308. margin-bottom: 10px;
  309. -moz-border-radius: 4px;
  310. -webkit-border-radius: 4px;
  311. border-radius: 4px;
  312. }
  313.  
  314. #wrapper #content .post .audio .player {
  315. float: left;
  316. }
  317.  
  318. #wrapper #content .post .audio .player .audio_player embed {
  319. border: 1px solid #c8c8c8;
  320. }
  321.  
  322. #wrapper #content .post .audio .meta {
  323. padding: 8px 13px;
  324. height: 13px;
  325. float: left;
  326. color: #666;
  327. font-family: {font:Accent};
  328. font-size: 11px;
  329. text-transform: lowercase;
  330. }
  331.  
  332. #wrapper #content .post .audio .meta a {
  333. color: #666;
  334. text-decoration: none;
  335. }
  336.  
  337. #wrapper #content .post .album_art {
  338. position: relative;
  339. z-index: 1
  340. }
  341.  
  342. /*ASKS*/
  343. #wrapper #content .post .question {
  344. color: #494949;
  345. font-size: 16px;
  346. font-weight: bold;
  347. background: #f1f1f1;
  348. -moz-border-radius: 8px;
  349. -webkit-border-radius: 8px;
  350. border-radius: 8px;
  351. margin: 0 0 15px 0;
  352. padding: 15px 20px;
  353. position: relative;
  354. }
  355.  
  356. #wrapper #content .post .question .nipple {
  357. width: 13px;
  358. height: 7px;
  359. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  360. position: absolute;
  361. bottom: -7px;
  362. left: 30px;
  363. }
  364.  
  365. #wrapper #content .post .asker_container {
  366. margin: 0 0 20px 24px;
  367. }
  368.  
  369. #wrapper #content .post .asker_container img {
  370. margin: 0 12px -7px 0;
  371. }
  372.  
  373. #wrapper #content .post .asker_container a.asker {
  374. color: {color:Body};
  375. }
  376.  
  377. #wrapper #content .post .title {
  378. color: #494949;
  379. font-size: 16px;
  380. font-weight: bold;
  381. padding: 10px 10px 0 10px;
  382. }
  383.  
  384. #wrapper #content .post img {
  385. {block:if400pxPosts}
  386. max-width:400px;
  387. {/block:if400pxPosts}
  388. {block:ifnot400pxPosts}
  389. max-width:500px;
  390. {/block:ifnot400pxPosts}
  391. }
  392.  
  393. /*CHAT*/
  394. #wrapper #content .post .chat {
  395. background-color: transparent;
  396. margin: 10px 10px 0 10px;
  397. font-size: 14px;
  398. }
  399.  
  400. #wrapper #content .post .chat .lines {
  401. margin-left: 1px;
  402. }
  403.  
  404. #wrapper #content .post .chat .lines .line {
  405. background-color: #eaeaea;
  406. color: #494949;
  407. margin-bottom: 1px;
  408. padding: 3px 5px;
  409. }
  410.  
  411. #wrapper #content .post .chat .lines .line.even {
  412. background-color: {color:AccentColor2};
  413. }
  414.  
  415. /*LINKS*/
  416. #wrapper #content .post .link {
  417. margin: 4px 0 2px 0;
  418. font-size: 16px;
  419. line-height: 25px;
  420. }
  421.  
  422. #wrapper #content .post .link a {
  423. background-color: transparent;
  424. color: {color:accentcolor};
  425. padding: 5px 7px;
  426. -moz-border-radius: 4px;
  427. -webkit-border-radius: 4px;
  428. border-radius: 4px;
  429. letter-spacing:3px;
  430. }
  431.  
  432. #wrapper #content .post .link a:hover {
  433. opacity: 0.9;
  434. filter: alpha(opacity=90);
  435. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  436. }
  437.  
  438. #wrapper #content .post .footer {
  439. {block:ifnotTransparentFooters}
  440. background-color:{color:AccentColor2};
  441. {/block:ifnotTransparentFooters}
  442. {block:ifTransparentFooters}background-color:transparent{/block:ifTransparentFooters};
  443. -moz-border-radius: 4px;
  444. -webkit-border-radius: 4px;
  445. border-radius: 4px;
  446. font-family: {font:Accent};
  447. font-size: 11px;
  448. color: #666;
  449. padding: 5px 10px;
  450. margin-top: 10px;
  451. }
  452.  
  453. #wrapper #content .post .footer.for_permalink:hover {
  454. opacity: 0.9;
  455. filter: alpha(opacity=90);
  456. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  457. }
  458.  
  459. #wrapper #content .post .footer .date {
  460. width: 67%;
  461. float: left;
  462. color: {color:Links};
  463. }
  464.  
  465. #wrapper #content .post .footer .notes {
  466. width: 33%;
  467. float: right;
  468. text-align: right;
  469. color: {color:Links};
  470. }
  471.  
  472. #wrapper #content .post .footer .notes a {
  473. color: {color:Links};
  474. }
  475.  
  476. #wrapper #content .post .footer .tags a {
  477. color: {color:Links};
  478. text-decoration: underline;
  479. }
  480.  
  481. #wrapper #content .post .footer .tags .tag-commas:last-child {
  482. display: none;
  483. }
  484.  
  485. #wrapper #content .post .footer.with_source_url .tags {
  486. max-width: 330px;
  487. ]float: left;
  488. }
  489.  
  490. #wrapper #content .post .footer.with_source_url .source_url {
  491. float: right;
  492. max-width: 160px;
  493. overflow: hidden;
  494. white-space: nowrap;
  495. }
  496.  
  497. #wrapper #content .post .footer.with_source_url .source_url img {
  498. vertical-align: top;
  499. -moz-opacity: 0.5;
  500. opacity: 0.5;
  501. }
  502.  
  503. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  504. -moz-opacity: 0.7;
  505. opacity: 0.7;
  506. }
  507.  
  508. #wrapper #content .post a {
  509. color: #6e7173;
  510. text-decoration: none;
  511. }
  512.  
  513. #wrapper #content .post .copy blockquote {
  514. margin: 10px 0px 10px 10px;
  515. padding-left: 15px;
  516. border-left: solid 4px #dcdcdc;
  517. }
  518.  
  519. #wrapper #content .post .copy blockquote blockquote {
  520. border-left: solid 4px #cccccc;
  521. }
  522.  
  523. #wrapper #content .post .copy blockquote blockquote blockquote {
  524. border-left: solid 4px #bcbcbc;
  525. }
  526.  
  527. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  528. border-left: solid 4px #acacac;
  529. }
  530.  
  531. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  532. border-left: solid 4px #9c9c9c;
  533. }
  534.  
  535. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  536. border-left: solid 4px #8c8c8c;
  537. }
  538.  
  539. #wrapper #content .bottom {
  540. background: transparent;
  541. width: 513px;
  542. height:{text:SpaceBetweenPosts}px;
  543. margin: 0 auto;
  544. }
  545.  
  546. #wrapper #content #navigation {
  547. text-align: right;
  548. padding-bottom: 35px;
  549. text-transform: lowercase;
  550. }
  551.  
  552. #wrapper #content #navigation a {
  553. color: {color:AccentColor} !important;
  554. text-decoration:none !important;
  555. }
  556.  
  557. #wrapper #content #navigation a:hover {
  558. opacity: 0.9;
  559. filter: alpha(opacity=90);
  560. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  561. }
  562.  
  563. #wrapper #content #navigation.jump_pagination {
  564.  
  565. }
  566.  
  567. #wrapper #content #navigation.jump_pagination a {
  568. margin: 0 0 0 4px;
  569. }
  570.  
  571. #wrapper #content #navigation.jump_pagination .current_page {
  572. color: #fff;
  573. background-color: rgba(255,255,255, 0.1);
  574. border: 2px solid #fff;
  575. padding: 3px 8px;
  576. margin: 0 0 0 4px;
  577. cursor: default;
  578. }
  579.  
  580. #wrapper #content #navigation.jump_pagination .jump_page {
  581. }
  582.  
  583. #wrapper #content .post .notecontainer {
  584. background: #eaeaea;
  585. -moz-border-radius: 4px;
  586. -webkit-border-radius: 4px;
  587. border-radius: 4px;
  588. font-family: {font:Accent};
  589. font-size: 11px;
  590. color: #666;
  591. margin-top: 10px;
  592. margin-bottom: -10px;
  593. }
  594.  
  595. #wrapper #content .post .notecontainer a {
  596. color: #666;
  597. text-decoration: underline;
  598. }
  599.  
  600. #wrapper #content .post .notecontainer ol.notes {
  601. padding: 0px 0 10px 0;
  602. list-style-type: none;
  603. font-size: 11px;
  604. }
  605.  
  606. #wrapper #content .post .notecontainer ol.notes li.note {
  607. padding: 10px 10px 0 10px;
  608. }
  609.  
  610. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  611. vertical-align: -4px;
  612. margin-right: 10px;
  613. width: 16px;
  614. height: 16px;
  615. }
  616.  
  617. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  618. font-weight: normal;
  619. }
  620.  
  621. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  622. font-weight: normal;
  623. }
  624.  
  625. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  626. border-left: 2px solid #666;
  627. padding: 4px 10px;
  628. margin: 10px 0px 0px 25px;
  629. }
  630.  
  631. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  632. text-decoration: none;
  633. }
  634.  
  635. /*SIDEBAR*/
  636. #wrapper #sidebar {
  637. width: 200px;
  638. position:fixed !important;
  639. {block:ifsidebarRight}
  640. {block:ifnot400pxPosts}
  641. margin-left:740px;
  642. {/block:ifnot400pxPosts}
  643. {block:if400pxPosts}
  644. margin-left:670px;
  645. {/block:if400pxPosts}
  646. {/block:ifsidebarRight}
  647. {block:ifnotsidebarRight}margin-left:-15px;{/block:ifnotsidebarRight}
  648. color: {color:SidebarText};
  649. font-family: {font:Accent}
  650. z-index:20;
  651. top:{text:SidebarDistanceFromTop}px;
  652. text-align:center;
  653. }
  654.  
  655. #wrapper #sidebar a {
  656. color: {color:AccentColor};
  657. }
  658.  
  659. #wrapper #sidebar #top {
  660. background: #fff;
  661. min-height:87px;
  662. padding: 3px;
  663. padding-bottom:13px;
  664. {block:ifRoundedSidebarCorners}
  665. -webkit-border-radius: {text:RoundnessOfCorners}px;
  666. -moz-border-radius: {text:RoundnessOfCorners}px;
  667. {/block:ifRoundedSidebarCorners}
  668. opacity:{text:SidebarOpacity};
  669. {block:ifTransparentSidebar}
  670. background:transparent;
  671. {/block:ifTransparentSidebar}
  672. {block:ifnotTransparentSidebar}
  673. background:{color:SidebarBackground};
  674. {/block:ifnotTransparentSidebar}
  675. z-index:6;
  676. {block:ifSidebarBorder}
  677. border:1px {block:ifDashedSidebarBorder}dashed{/block:ifDashedSidebarBorder}
  678. {block:ifnotDashedSidebarBorder}solid{/block:ifnotDashedSidebarBorder} {color:AccentColor};
  679. {/block:ifSidebarBorder}
  680. }
  681.  
  682. #wrapper #sidebar #top #pages {
  683. margin-bottom: 15px;
  684. font-size: 12px;
  685. }
  686.  
  687. #wrapper #sidebar #top #pages.ask_and_submit {
  688. display: none;
  689. {block:AskEnabled}display: block;{/block:AskEnabled}
  690. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  691. }
  692.  
  693. #wrapper #sidebar #top #pages a.page {
  694. display: block;
  695. float: left;
  696. background-color: {color:AccentColor};
  697. color: #fff;
  698. padding: 4px 5px;
  699. margin: 0 5px 5px 0;
  700. -webkit-border-radius: 3px;
  701. -moz-border-radius: 3px;
  702. border-radius: 3px;
  703. }
  704.  
  705. #wrapper #sidebar #top #pages a.page:last-child {
  706. margin-right: 0;
  707. }
  708.  
  709. #wrapper #sidebar #top #pages a.page:hover {
  710. opacity: 0.9;
  711. filter: alpha(opacity=90);
  712. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  713. }
  714.  
  715. #wrapper #sidebar #top #description {
  716. font-size: 11px;
  717. position: relative;
  718. top: 5px;
  719. text-align:justify;
  720. }
  721.  
  722. #wrapper #sidebar #top #description a {
  723. color: {color:AccentColor};
  724. text-decoration: underline;
  725. }
  726.  
  727. #wrapper #sidebar #top .heading {
  728. color: #fff;
  729. font-family: helvetica, arial, sans-serif;
  730. font-size: 17px;
  731. margin-top: 20px;
  732. padding: 10px;
  733. background-color: {color:Background};
  734. -webkit-border-top-left-radius: 4px;
  735. -webkit-border-top-right-radius: 4px;
  736. -moz-border-radius-topleft: 4px;
  737. -moz-border-radius-topright: 4px;
  738. border-top-left-radius: 4px;
  739. border-top-right-radius: 4px;
  740. }
  741.  
  742. #wrapper #sidebar #top a .heading {
  743. color: #fff;
  744. text-decoration: none;
  745. }
  746.  
  747. /*THEME SPECIFIC*/
  748. {block:ifLeftSideImage}
  749. #leftsideimg {
  750. left:{text:LeftImagePositionFromLeft}px;
  751. bottom:{text:LeftImagePositionFromBottom}px;
  752. position:fixed;
  753. z-index:-5;
  754. }
  755. {/block:ifLeftSideImage}
  756. {block:ifRightSideImage}
  757. #rightsideimg {
  758. Right:{text:RightImagePositionFromRight}px;
  759. bottom:{text:RightImagePositionFromBottom}px;
  760. position:fixed;
  761. z-index:-5;
  762. }
  763. {/block:ifRightSideImage}
  764.  
  765. #banner {
  766. position:fixed;
  767. top:-5px;
  768. margin-left:0px;
  769. height:110px;
  770. width:100%;
  771. background:transparent url("{image:Banner}");
  772. background-position:top left;
  773. background-repeat:repeat-x;
  774. z-index:20;
  775. }
  776.  
  777. #top-link {
  778. display:none;
  779. position:fixed;
  780. right:5px;
  781. bottom:5px;
  782. }
  783.  
  784. #top-link a {
  785. color:{color:AccentColor};
  786. font-family: consolas;
  787. text-decoration:none;
  788. background:none;
  789. font-size:12px;
  790. text-transform:lowercase;
  791. }
  792.  
  793. #icons {
  794. width:60px;
  795. padding:3px;
  796. float:{block:ifRightSidebarIcons}right{/block:ifRightSidebarIcons}
  797. {block:ifnotRightSidebarIcons}left{/block:ifnotRightSidebarIcons};
  798. position:relative;
  799. text-align:justify;
  800. z-index:100;
  801. }
  802.  
  803. .playbutton {
  804. width: 20px;
  805. height: 30px;
  806. overflow: hidden;
  807. position: relative;
  808. z-index: 1000;
  809. margin: 20px 29px 18px 21px;
  810. }
  811.  
  812. .playbox {
  813. background-color: #000;
  814. position:absolute;
  815. z-index:1000;
  816. {block:ifnot400pxPosts}
  817. margin-top: 215px;
  818. margin-left: 215px;
  819. {/block:ifnot400pxPosts}
  820. {block:if400pxPosts}
  821. margin-top: 160px;
  822. margin-left: 163px;
  823. {/block:if400pxPosts}
  824. -webkit-border-radius: 100px;
  825. -moz-border-radius: 100px;
  826. border-radius: 100px;
  827. -webkit-transition: all 0.6s ease;
  828. -moz-transition: all 0.6s ease;
  829. -o-transition: all 0.6s ease;
  830. }
  831.  
  832. .playbox:hover {
  833. opacity:.2;
  834. -webkit-transition: all 0.6s ease;
  835. -moz-transition: all 0.6s ease;
  836. -o-transition: all 0.6s ease;
  837. }
  838.  
  839. #credit {
  840. bottom:0px;
  841. left:0px;
  842. position:fixed;
  843. z-index:1000;
  844. }
  845.  
  846. #credit a {
  847. color:{color:AccentColor};
  848. font-family: consolas;
  849. text-decoration:none;
  850. background:none;
  851. font-size:12px;
  852. text-transform:lowercase;
  853. }
  854. </style>
  855. <!--[if lt IE 7.]>
  856. <style type="text/css">
  857. #wrapper #sidebar #bottom {
  858. background: transparent;
  859. }
  860.  
  861. #wrapper #sidebar #top #avatar {
  862. background: none;
  863. }
  864.  
  865. #wrapper #sidebar #top #avatar img {
  866. border: 5px solid #f1f1f1;
  867. }
  868.  
  869.  
  870. #wrapper #content .post .audio .player {
  871. float: none;
  872. }
  873.  
  874. #wrapper #content .post .audio .meta {
  875. display: none;
  876. float: none;
  877. }
  878. </style>
  879. <![endif]-->
  880.  
  881. <!--[if lt IE 8.]>
  882. <style type="text/css">
  883. #wrapper #content .bottom {
  884. background: transparent;
  885. }
  886.  
  887. #wrapper #content .post .footer {
  888. background: transparent;
  889. color: #000;
  890. }
  891.  
  892. #wrapper #content .post .audio {
  893. float: none;
  894. background: transparent;
  895. }
  896.  
  897. #wrapper #content .post .notecontainer .notes {
  898. padding: 0;
  899. margin: 0;
  900. }
  901. </style>
  902. <![endif]-->
  903. <style type="text/css">{CustomCSS}</style>
  904. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  905. <!--[back to the top button]--->
  906. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  907. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  908. <script type="text/javascript">
  909. jQuery.fn.topLink = function(settings) {
  910. settings = jQuery.extend({
  911. min: 1,
  912. fadeSpeed: 200,
  913. ieOffset: 50
  914. }, settings);
  915. return this.each(function() {
  916. //listen for scroll
  917. var el = $(this);
  918. el.css('display','none'); //in case the user forgot
  919. $(window).scroll(function() {
  920. if(!jQuery.support.hrefNormalized) {
  921. el.css({
  922. 'position': 'absolute',
  923. 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  924. });
  925. }
  926. if($(window).scrollTop() >= settings.min)
  927. {
  928. el.fadeIn(settings.fadeSpeed);
  929. }
  930. else
  931. {
  932. el.fadeOut(settings.fadeSpeed);
  933. }
  934. });
  935. });
  936. };
  937.  
  938. $(document).ready(function() {
  939. $('#top-link').topLink({
  940. min: 400,
  941. fadeSpeed: 500
  942. });
  943. //smoothscroll
  944. $('#top-link').click(function(e) {
  945. e.preventDefault();
  946. $.scrollTo(0,300);
  947. });
  948. });
  949.  
  950.  
  951. </script>
  952. <!--[end back to the top button]--->
  953. </head>
  954. <body>
  955. <div id="top"></div>
  956. <div id="top-link"><a style="border:none;" href="#top">{text:BackToTheTop}</a></div>
  957. <div id="banner"></div>
  958. <div id="wrapper">
  959.  
  960.  
  961. <div id="content">
  962.  
  963. {block:SearchPage}
  964. {block:SearchResults}
  965. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  966. {/block:SearchResults}
  967.  
  968. {block:NoSearchResults}
  969. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  970. {/block:NoSearchResults}
  971. {/block:SearchPage}
  972. {block:ifInfiniteScrolling}
  973. <div class="autopagerize_page_element">
  974. {/block:ifInfiniteScrolling}
  975. {block:Posts}
  976. <div class="post">
  977.  
  978. {block:Photo}
  979. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:{block:if400pxPosts}400{/block:if400pxPosts}{block:ifnot400pxPosts}500{/block:ifnot400pxPosts}px;" />{LinkCloseTag}</div>
  980. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  981. {/block:Photo}
  982.  
  983. {block:Photoset}
  984. <div class="media">
  985. {LinkOpenTag}
  986. {block:if400pxPosts}
  987. {Photoset-400}
  988. {/block:if400pxPosts}
  989. {block:ifnot400pxPosts}
  990. {Photoset-500}
  991. {/block:ifnot400pxPosts}
  992. {LinkCloseTag}</div>
  993. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  994. {/block:Photoset}
  995.  
  996. {block:Video}
  997. <div class="media">{Video-500}</div>
  998. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  999. {/block:Video}
  1000. <!--AUDIO POSTS-->
  1001. {block:Audio}
  1002.  
  1003. {block:AudioEmbed}
  1004. {AudioEmbed}
  1005. {/block:AudioEmbed}
  1006.  
  1007. <div class="playbox"><div class="playbutton">
  1008. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1009. </div></div>
  1010. {block:IfShowAlbumArtOnAudioPosts}
  1011. {block:AlbumArt}
  1012. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;{block:ifnot400pxPosts}height:500px;width:500px;{/block:ifnot400pxPosts}" class="album_art" />
  1013. {/block:AlbumArt}
  1014. {/block:IfShowAlbumArtOnAudioPosts}
  1015. {/block:AudioPlayer}
  1016.  
  1017. <div class="clear"></div>
  1018.  
  1019. {block:ifShowCaptions}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  1020.  
  1021. {/block:Audio}
  1022.  
  1023. <!--QUOTE POSTS-->
  1024. {block:Quote}
  1025. <div class="quote {Length}">{Quote}</div>
  1026. <div class="copy">
  1027. <div class="quotebg">“</div>
  1028. {block:Source}
  1029. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1030. <tr>
  1031. <td valign="top" style="width:20px;">&mdash;</td>
  1032. <td valign="top" class="quote_source">
  1033. {Source}
  1034. </td>
  1035. </tr>
  1036. </table>
  1037. {/block:Source}
  1038. </div>
  1039. {/block:Quote}
  1040.  
  1041. {block:Text}
  1042. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1043. <div class="copy">{Body}</div>
  1044. {/block:Text}
  1045.  
  1046. {block:Answer}
  1047. <div class="question">
  1048. <div class="nipple"></div>
  1049. {Question}
  1050. </div>
  1051. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1052. <div class="copy">{Answer}</div>
  1053. {/block:Answer}
  1054.  
  1055. {block:Chat}
  1056. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1057. <div class="chat">
  1058. <div class="lines">
  1059. {block:Lines}
  1060. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1061. {/block:Lines}
  1062. </div>
  1063. </div>
  1064. <div class="clear"></div>
  1065. <div style="height:10px;"></div>
  1066. {/block:Chat}
  1067.  
  1068. {block:Link}
  1069. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1070. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1071. {/block:Link}
  1072.  
  1073. {block:Date}
  1074. <a href="{Permalink}">
  1075. <div class="footer for_permalink">
  1076. <div class="date">
  1077. {block:Reblog}
  1078. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  1079. {/block:Reblog}
  1080.  
  1081. {block:NotReblog}
  1082. {lang:Posted TimeAgo from source}
  1083. {/block:NotReblog}
  1084. </div>
  1085. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  1086. <div class="clear"></div>
  1087. </div>
  1088. </a>
  1089. {/block:Date}
  1090.  
  1091. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  1092. display:none;
  1093. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  1094. {block:ContentSource}display:block;{/block:ContentSource}
  1095. ">
  1096. {block:IfShowTags}
  1097. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  1098. {/block:IfShowTags}
  1099.  
  1100. {block:ContentSource}
  1101. <a href="{SourceURL}" class="source_url">
  1102. {lang:Source}:
  1103. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1104. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1105. </a>
  1106. {/block:ContentSource}
  1107.  
  1108. <div class="clear"></div>
  1109. </div>
  1110.  
  1111. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1112.  
  1113.  
  1114. </div>
  1115. <div class="bottom"></div>
  1116. {/block:Posts}
  1117. {block:ifInfiniteScrolling}
  1118. </div>
  1119. {/block:ifInfiniteScrolling}
  1120.  
  1121. </div>
  1122.  
  1123. <div id="sidebar">
  1124. <div id="top">
  1125. <div id="icons">
  1126. <img src="{image:SidebarIcon}" width="60px" /><BR />
  1127. <a href="/"><img src="http://i.imgur.com/i1IKcbV.png" /></a>
  1128. <a href="/ask"><img src="http://i.imgur.com/SYTCODV.png" /></a>
  1129. <a href="/submit"><img src="http://i.imgur.com/hsoPv5U.png" /></a><br />
  1130.  
  1131.  
  1132. <form name="jump">
  1133. <select name="menu"
  1134. onChange="location=document.
  1135. jump.menu.options
  1136. [document.jump.menu
  1137. .selectedIndex].value;
  1138. " style="font-family:ARIAL;font-size:10px;color:{color:DropdownMenuText};background:{color:DropdownMenu};" value="GO">
  1139. <option>{text:DropdownTitle}</option>
  1140. <option value="{text:Link1URL}">{text:Link1Name}</option>
  1141. <option value="{text:Link2URL}">{text:Link2Name}</option>
  1142. <option value="{text:Link3URL}">{text:Link3Name}</option>
  1143. {block:ifLink4}
  1144. <option value="{text:link4URL}">{text:Link4Name}</option>
  1145. {/block:iflink4}
  1146. {block:ifLink5}
  1147. <option value="{text:Link5URL}">{text:Link5Name}</option>
  1148. {/block:ifLink5}
  1149. {block:ifLink6}
  1150. <option value="{text:Link6URL}">{text:Link6Name}</option>
  1151. {/block:ifLink6}
  1152. </select>
  1153. </form>
  1154.  
  1155. </div>
  1156. <div id="title">
  1157. <a href="/">
  1158. {text:SidebarTitle}
  1159. </a>
  1160. </div>
  1161. <div id="description">{Description}</div>
  1162.  
  1163. </div>
  1164. {block:ifnotInfiniteScrolling}
  1165. {block:Pagination}
  1166. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1167. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1168.  
  1169. {block:IfEnableJumpPagination}
  1170. {block:JumpPagination length="5"}
  1171. {block:CurrentPage}
  1172. <span class="current_page">{PageNumber}</span>
  1173. {/block:CurrentPage}
  1174.  
  1175. {block:JumpPage}
  1176. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1177. {/block:JumpPage}
  1178.  
  1179. {/block:JumpPagination}
  1180. {/block:IfEnableJumpPagination}
  1181.  
  1182. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1183. </div>
  1184. {/block:Pagination}
  1185. {/block:ifnotInfiniteScrolling}
  1186. </div>
  1187.  
  1188. <div class="clear"></div>
  1189. </div>
  1190.  
  1191. {block:ifRightSideImage}<div id="rightsideimg"><img src="{image:RightSideImg}" /></div>{/block:ifRightSideImage}
  1192. {block:ifLeftSideImage}<div id="leftsideimg"><img src="{image:LeftSideImg}" /></div>{/block:ifLeftSideImage}
  1193. <div id="credit"><a href="ausuka.tumblr.com">★</a></div>
  1194.  
  1195. </body>
  1196. </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!