API tools faq
paste
Advertisement
aphrussiaofficial

Redux was #1 Code

aphrussiaofficial
Apr 19th, 2014
917
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.21 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. . .o8 oooo
  5. .o8 "888 `888
  6. .o888oo oooo oooo ooo. .oo. .oo. 888oooo. 888 oooo d8b
  7. 888 `888 `888 `888P"Y88bP"Y88b d88' `88b 888 `888""8P
  8. 888 888 888 888 888 888 888 888 888 888
  9. 888 . 888 888 888 888 888 888 888 888 888 .o.
  10. "888" `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b Y8P
  11.  
  12.  
  13. "REDUX WAS #1"
  14.  
  15. REDUX EDIT BY APHRUSSIAOFFICIAL
  16. original redux theme is by Jacob Bijani
  17. please do not remove the credit in the dropdown menu! I spent a lot of time on this theme because it's my first one!! Please let me know if you have any problems or questions! Thank you very much for using my theme!
  18.  
  19. -->
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <!-- DEFAULT VARIABLES -->
  23. <meta name="color:Background" content="#bad8eb" />
  24. <meta name="color:Title Color" content="#ffffff" />
  25. <meta name="color:Description Text" content="#404040" />
  26. <meta name="color:Description Link" content="#97c5e0" />
  27. <meta name="color:Description Link Hover" content="#315f7a" />
  28. <meta name="color:Post Title" content="#315f7a" />
  29. <meta name="color:Body Text" content="#404040" />
  30. <meta name="color:Body Link" content="#97c5e0" />
  31. <meta name="color:Body Link Hover" content="#315f7a" />
  32. <meta name="color:Quote Accent" content="#427ea3" />
  33. <meta name="color:Audio Background" content="#dcecf5" />
  34. <meta name="color:Audio Meta" content="#404040" />
  35. <meta name="color:Ask Text Color" content="#404040" />
  36. <meta name="color:Ask Background" content="#dcecf5" />
  37. <meta name="color:Asker Name" content="#315f7a" />
  38. <meta name="color:Asker Name Hover" content="#404040" />
  39. <meta name="color:Chat Background 1" content="#dfdfdf" />
  40. <meta name="color:Chat Background 2" content="#c0c0c0" />
  41. <meta name="color:Chat Text" content="#404040" />
  42. <meta name="color:Footer Background" content="#dcecf5" />
  43. <meta name="color:Footer Text" content="#404040" />
  44. <meta name="color:Tags Color" content="#315f7a" />
  45. <meta name="color:Tags Color Hover" content="#dcecf5" />
  46. <meta name="color:Post Border Color" content="#427ea3" />
  47. <meta name="color:Footer Border Color" content="#75b1d6" />
  48. <meta name="color:Sidebar Border Color" content="#315f7a" />
  49. <meta name="color:Leftmost Blockquote color" content="#315f7a" />
  50. <meta name="color:Blockquote Color" content="#75b1d6" />
  51. <meta name="color:Pagination Text" content="#315f7a" />
  52. <meta name="color:Pagination Background" content="#dcecf5" />
  53. <meta name="color:Pagination Background Hover" content="#bad8eb" />
  54. <meta name="color:Pagination Current Page" content="#bad8eb" />
  55. <meta name="color:Pagination Current Page Border" content="#dcecf5" />
  56.  
  57. <meta name="font:Title" content="Arial" />
  58. <meta name="font:Body" content="Arial" />
  59. <meta name="font:Accent" content="Lucida Sans" />
  60.  
  61. <meta name="if:Show Sidebar Image" content="1" />
  62. <meta name="if:BG cover" content="0" />
  63. <meta name="if:500px Posts" content="0" />
  64. <meta name="if:400px Posts" content="1" />
  65. <meta name="if:250px Posts" content="0" />
  66. <meta name="if:Post Shadows" content="1" />
  67. <meta name="if:Title Shadow" content="1" />
  68. <meta name="if:Sidebar Shadows" content="1" />
  69. <meta name="if:Round Post Corners" content="0" />
  70. <meta name="if:Round Footer Corners" content="1" />
  71. <meta name="if:Round Sidebar Corners" content="1" />
  72. <meta name="if:Round Pagination Corners" content="0" />
  73. <meta name="if:Underline Links" content="1" />
  74. <meta name="if:Smooth Hover" content="1" />
  75. <meta name="if:Post Borders" content="1" />
  76. <meta name="if:Footer Borders" content="1" />
  77. <meta name="if:Sidebar Borders" content="1" />
  78. <meta name="if:Show Tags" content="1" />
  79. <meta name="if:Enable Jump Pagination" content="1" />
  80. <meta name="if:Show Title" content="1" />
  81. <meta name="if:Link 1" content="0" />
  82. <meta name="if:Link 2" content="0" />
  83. <meta name="if:Link 3" content="0" />
  84. <meta name="if:Link 4" content="0" />
  85. <meta name="if:Link 5" content="0" />
  86. <meta name="if:Link 6" content="0" />
  87. <meta name="if:Float Image on Top" content="0" />
  88.  
  89. <meta name="text:Asker Text" content="said" />
  90. <meta name="text:Tag Text" content="tagged" />
  91. <meta name="text:Post Opacity" content="1" />
  92. <meta name="text:Footer Opacity" content="1" />
  93. <meta name="text:Footer Opacity Hover" content="0.5" />
  94. <meta name="text:Sidebar Opacity" content="1" />
  95. <meta name="text:Shadow Opacity" content="0.5" />
  96. <meta name="text:Roundness" content="10" />
  97. <meta name="text:Float Image Right" content="" />
  98. <meta name="text:Float Image Bottom" content="" />
  99. <meta name="text:Float Image Width" content="" />
  100. <meta name="text:Sidebar Top" content="100" />
  101. <meta name="text:Sidebar Left" content="600" />
  102. <meta name="text:Nav Title" content="navigation" />
  103. <meta name="text:Link1 URL" content="" />
  104. <meta name="text:Link1 Title" content="" />
  105. <meta name="text:Link2 URL" content="" />
  106. <meta name="text:Link2 Title" content="" />
  107. <meta name="text:Link3 URL" content="" />
  108. <meta name="text:Link3 Title" content="" />
  109. <meta name="text:Link4 URL" content="" />
  110. <meta name="text:Link4 Title" content="" />
  111. <meta name="text:Link5 URL" content="" />
  112. <meta name="text:Link5 Title" content="" />
  113. <meta name="text:Link6 URL" content="" />
  114. <meta name="text:Link6 Title" content="" />
  115.  
  116. <meta name="image:Background" content="" />
  117. <meta name="image:Float Image" content="" />
  118.  
  119. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  120. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  121. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  122. <link rel="shortcut icon" href="{Favicon}" />
  123. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  124. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  125.  
  126. <style type="text/css">
  127. #picture
  128. {
  129. position:fixed;
  130. right: {text:float image right}px;
  131. bottom: {text:float image bottom}px;
  132. {block:iffloatimageontop}z-index:100{/block:iffloatimageontop}
  133. {block:ifnotfloatimageontop}z-index:0;{/block:ifnotfloatimageontop}
  134. }
  135.  
  136. body {
  137. {block:ifnotbgcover} background: {color:Background} url('{image:Background}') top left fixed repeat; {/block:ifnotbgcover}
  138. margin: 0;
  139. padding: 0;
  140. font-family: {font:Body};
  141. }
  142.  
  143. {block:ifbgcover} html {
  144. background: url('{image:background}') no-repeat center center fixed;
  145. -webkit-background-size: cover;
  146. -moz-background-size: cover;
  147. -o-background-size: cover;
  148. background-size: cover; } {/block:ifbgcover}
  149.  
  150. .clear {
  151. clear: both;
  152. height: 0px;
  153. overflow: hidden;
  154. }
  155.  
  156. a img {
  157. border: none;
  158. }
  159.  
  160. #wrapper {
  161. width: 845px;
  162. margin: 0 auto;
  163. }
  164.  
  165. #wrapper #title {
  166. margin: 30px 0;
  167. color: {color:Title color};
  168. {block:iftitleshadow}text-shadow: 3px 3px rgba(0,0,0, {text:shadow opacity});{/block:iftitleshadow}
  169. font-size: 50px;
  170. font-weight: bold;
  171. font-family: {font:Title};
  172. letter-spacing: -1px;
  173. }
  174.  
  175. #wrapper #title a {
  176. color: {color:Title color};
  177. text-decoration: none;
  178. }
  179.  
  180. #wrapper #content {
  181. {block:ifnotshowtitle}margin-top: 100px;{/block:ifnotshowtitle}
  182. width: {block:if250pxposts}270px{/block:if250pxposts}{block:if400pxposts}420px{/block:if400pxposts}{block:if500pxposts}520px{/block:if500pxposts};
  183. float: left;
  184. }
  185.  
  186. #wrapper #content .post {
  187. font-family: {font:Body};
  188. background-color:rgba(255,255,255,{text:post opacity});
  189. padding: 10px;
  190. position: relative;
  191. {block:ifpostborders}border: 1px solid;
  192. border-color: {color:post border color}{/block:ifpostborders};
  193. {block:ifpostshadows}
  194. -webkit-box-shadow: 4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  195. -moz-box-shadow:4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  196. box-shadow:4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  197. {/block:ifpostshadows}
  198. {block:ifroundpostcorners}
  199. -moz-border-radius: {text:roundness}px;
  200. -webkit-border-radius: {text:roundness}px;
  201. border-radius: {text:roundness};px;
  202. {/block:ifroundpostcorners}
  203. }
  204.  
  205. #wrapper #content .post .media {
  206. text-align: center;
  207. margin-bottom: 10px;
  208. }
  209.  
  210. #wrapper #content .post .quotebg {
  211. font-family: georgia, serif;
  212. font-size: 150px;
  213. color: {color:Quote Accent};
  214. opacity: 0.2;
  215. filter: alpha(opacity=20);
  216. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  217. position: absolute;
  218. top: 70px;
  219. left: 10px;
  220. }
  221.  
  222. #wrapper #content .post .quote {
  223. color: {color:Body Text};
  224. font-weight: bold;
  225. padding: 20px 20px 5px 20px;
  226. }
  227.  
  228. #wrapper #content .post .quote.short {
  229. font-size: 33px;
  230. line-height: 35px;
  231. }
  232.  
  233. #wrapper #content .post .quote.medium {
  234. font-size: 25px;
  235. line-height: 28px;
  236. }
  237.  
  238. #wrapper #content .post .quote.long {
  239. font-size: 18px;
  240. line-height: 22px;
  241. }
  242.  
  243. #wrapper #content .post .quote_source *:first-child {
  244. margin-top: 0px;
  245. }
  246.  
  247. #wrapper #content .post .quote_source *:last-child {
  248. margin-bottom: 0px;
  249. }
  250.  
  251. #wrapper #content .post .quote *:first-child {
  252. margin-top: 0px;
  253. }
  254.  
  255. #wrapper #content .post .quote *:last-child {
  256. margin-bottom: 0px;
  257. }
  258.  
  259. #wrapper #content .post .copy {
  260. color: {color:Body Text};
  261. padding: 10px;
  262. font-size: 13px;
  263. line-height: 15px;
  264. }
  265.  
  266. #wrapper #content .post .copy a {
  267. color: {color:Body Link};
  268. {block:ifUnderlineLinks}
  269. text-decoration: underline;
  270. {/block:ifunderlinelinks}
  271. {block:ifnotunderlinelinks}
  272. text-decoration: none;
  273. {/block:ifnotunderlinelinks}
  274. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  275. -webkit-transition:all ease-in-out 0.4s;
  276. -o-transition:all ease-in-out 0.4s;
  277. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  278. }
  279.  
  280. #wrapper #content .post .copy a:hover {
  281. color: {color:Body Link Hover};
  282. }
  283.  
  284. #wrapper #content .post .copy p {
  285. margin: 10px 0 0 0;
  286. padding: 0;
  287. }
  288.  
  289. #wrapper #content .post .copy pre {
  290. margin: 10px 0px 10px 0px;
  291. padding: 10px;
  292. background-color: #e6e6e6;
  293. font: normal 11px Courier, monospace;
  294. overflow: auto;
  295. }
  296.  
  297. #wrapper #content .post .copy > p:first-child {
  298. margin-top: 0;
  299. }
  300.  
  301. #wrapper #content .post .copy img {
  302. max-width: 100%;
  303. }
  304.  
  305. #wrapper #content .post .audio {
  306. background: {color:Audio Background};
  307. float: left;
  308. padding: 7px;
  309. margin-bottom: 10px;
  310. }
  311.  
  312. #wrapper #content .post .audio .player {
  313. float: left;
  314. }
  315.  
  316. #wrapper #content .post .audio .player .audio_player embed {
  317. border: 1px solid #c8c8c8;
  318. }
  319.  
  320. #wrapper #content .post .audio .meta {
  321. padding: 8px 13px;
  322. height: 13px;
  323. float: left;
  324. color: {color:Audio Meta};
  325. font-family: {font:Accent};
  326. font-size: 11px;
  327. text-transform: lowercase;
  328. }
  329.  
  330. #wrapper #content .post .audio .meta a {
  331. color: {color:audio meta};
  332. text-decoration: none;
  333. }
  334.  
  335. #wrapper #content .post .album_art {
  336. text-align: center;
  337. }
  338.  
  339. #wrapper #content .post .question {
  340. color: {color:ask text color};
  341. font-size: 16px;
  342. font-weight: bold;
  343. background: {color:ask background};
  344. margin: 0 0 15px 0;
  345. padding: 15px 20px;
  346. position: relative;
  347. }
  348.  
  349.  
  350.  
  351. #wrapper #content .post .asker_container {
  352. margin: 0 0 20px 24px;
  353. }
  354.  
  355. #wrapper #content .post .asker_container img {
  356. margin: 0 12px -7px 0;
  357. }
  358.  
  359. #wrapper #content .post .asker_container a.asker {
  360. color: {color:Body};
  361. }
  362.  
  363. #wrapper #content .post .title {
  364. color: {color:post title};
  365. font-size: 16px;
  366. font-weight: bold;
  367. padding: 10px 10px 0 10px;
  368. }
  369.  
  370. #wrapper #content .post img {
  371. max-width: {block:if250pxposts}250px{/block:if250pxposts}{block:if400pxposts}400px{/block:if400pxposts}{block:if500pxposts}500px{/block:if500pxposts};
  372. }
  373.  
  374. #wrapper #content .post .chat {
  375. background-color: #fff;
  376. border-left: 5px solid #dedddd;
  377. margin: 10px 10px 0 10px;
  378. font-size: 14px;
  379. }
  380.  
  381. #wrapper #content .post .chat .lines {
  382. margin-left: 1px;
  383. }
  384.  
  385. #wrapper #content .post .chat .lines .line {
  386. background-color: {color:chat background 1};
  387. color: {color:chat text};
  388. margin-bottom: 1px;
  389. padding: 3px 5px;
  390. }
  391.  
  392. #wrapper #content .post .chat .lines .line.even {
  393. background-color: {color:chat background 2};
  394. }
  395.  
  396. #wrapper #content .post .link {
  397. margin: 4px 0 2px 0;
  398. font-size: 16px;
  399. line-height: 25px;
  400. }
  401.  
  402. #wrapper #content .post .link a {
  403. background-color: {color:Body Link};
  404. color: #fff;
  405. padding: 5px 7px;
  406. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  407. -webkit-transition:all ease-in-out 0.4s;
  408. -o-transition:all ease-in-out 0.4s;
  409. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  410. }
  411.  
  412. #wrapper #content .post .link a:hover {
  413. background-color: {color:body link hover};
  414. }
  415.  
  416. #wrapper #content .post .footer {
  417. background: {color:footer background};
  418. opacity: {text:footer opacity};
  419. font-family: {font:Accent};
  420. font-size: 11px;
  421. color: {color:footer text};
  422. padding: 5px 10px;
  423. margin-top: 10px;
  424. {block:iffooterborders}
  425. border: 1px solid;
  426. border-color: {color:footer border color}{/block:iffooterborders};
  427. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  428. -webkit-transition:all ease-in-out 0.4s;
  429. -o-transition:all ease-in-out 0.4s;
  430. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  431. {block:ifroundfootercorners}
  432. -moz-border-radius: {text:roundness}px;
  433. -webkit-border-radius: {text:roundness}px;
  434. border-radius: {text:roundness};px;
  435. {/block:ifroundfootercorners}
  436. }
  437.  
  438. #wrapper #content .post .footer.for_permalink:hover {
  439. opacity: {text:footer opacity hover}
  440. }
  441.  
  442. #wrapper #content .post .footer .date {
  443. width: 67%;
  444. float: left;
  445. color: {color:footer text};
  446. }
  447.  
  448. #wrapper #content .post .footer .notes {
  449. width: 100%;
  450. float: left;
  451. text-align: left;
  452. color: {color:footer text};
  453.  
  454. }
  455.  
  456. #wrapper #content .post .footer .notes a {
  457. color: {color:footer text};
  458.  
  459. }
  460.  
  461. #wrapper #content .post .footer .tags a {
  462. color: {color:tags color};
  463. {block:ifUnderlineLinks}
  464. text-decoration: underline;
  465. {/block:ifunderlinelinks}
  466. {block:ifnotunderlinelinks}
  467. text-decoration: none;
  468. {/block:ifnotunderlinelinks}
  469. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  470. -webkit-transition:all ease-in-out 0.4s;
  471. -o-transition:all ease-in-out 0.4s;
  472. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  473.  
  474. }
  475.  
  476. #wrapper #content .post .footer .tags a:hover {
  477. color: {color:tags color hover};
  478.  
  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. color: {color:footer text};
  489.  
  490. }
  491.  
  492. #wrapper #content .post .footer.with_source_url .source_url {
  493. float: right;
  494. max-width: 160px;
  495. overflow: hidden;
  496. white-space: nowrap;
  497. color: {color:footer text};
  498. }
  499.  
  500. #wrapper #content .post .footer.with_source_url .source_url img {
  501. vertical-align: top;
  502. -moz-opacity: 0.5;
  503. opacity: 0.5;
  504. }
  505.  
  506. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  507. -moz-opacity: 0.7;
  508. opacity: 0.7;
  509. }
  510.  
  511. #wrapper #content .post a {
  512. color: {color:asker name};
  513. text-decoration: none;
  514. {block:ifUnderlineLinks}
  515. text-decoration: underline;
  516. {/block:ifunderlinelinks}
  517. {block:ifnotunderlinelinks}
  518. text-decoration: none;
  519. {/block:ifnotunderlinelinks}
  520. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  521. -webkit-transition:all ease-in-out 0.4s;
  522. -o-transition:all ease-in-out 0.4s;
  523. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  524. }
  525.  
  526. #wrapper #content .post a:hover {
  527. color: {color:asker name hover};
  528. }
  529.  
  530. #wrapper #content .post .copy blockquote {
  531. margin: 10px 0px 10px 10px;
  532. padding-left: 15px;
  533. border-left: solid 4px {color:leftmost blockquote color};
  534. }
  535.  
  536. #wrapper #content .post .copy blockquote blockquote {
  537. border-left: solid 4px {color:blockquote color};
  538. }
  539.  
  540. #wrapper #content .post .copy blockquote blockquote blockquote {
  541. border-left: solid 4px {color:blockquote color};
  542. }
  543.  
  544. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  545. border-left: solid 4px {color:blockquote color};
  546. }
  547.  
  548. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  549. border-left: solid 4px {color:blockquote color};
  550. }
  551.  
  552. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  553. border-left: solid 4px {color:blockquote color};
  554. }
  555.  
  556. #wrapper #content .bottom {
  557. width: 513px;
  558. height: 40px;
  559. margin: 0 auto;
  560. }
  561.  
  562. #wrapper #content #navigation {
  563. text-align: right;
  564. padding-bottom: 35px;
  565. text-transform: lowercase;
  566. }
  567.  
  568. #wrapper #content #navigation a {
  569. background-color: {color:pagination background};
  570. color: {color:pagination text};
  571. padding: 5px 10px;
  572. text-decoration: none;
  573. margin-left: 25px;
  574. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  575. -webkit-transition:all ease-in-out 0.4s;
  576. -o-transition:all ease-in-out 0.4s;
  577. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  578. {block:ifroundpaginationcorners}
  579. -moz-border-radius: {text:roundness}px;
  580. -webkit-border-radius: {text:roundness}px;
  581. border-radius: {text:roundness};px;
  582. {/block:ifroundpaginationcorners}
  583. }
  584.  
  585. #wrapper #content #navigation a:hover {
  586. background-color: {color:pagination background hover};
  587. }
  588.  
  589. #wrapper #content #navigation.jump_pagination {}
  590.  
  591. #wrapper #content #navigation.jump_pagination a {
  592. margin: 0 0 0 4px;
  593. }
  594.  
  595. #wrapper #content #navigation.jump_pagination .current_page {
  596. background-color: {color:pagination current page};
  597. color: {color:pagination text};
  598. border: 1px solid {color:pagination current page border};
  599. padding: 3px 8px;
  600. margin: 0 0 0 4px;
  601. cursor: default;
  602. }
  603.  
  604. #wrapper #content #navigation.jump_pagination .jump_page {}
  605.  
  606. #wrapper #content .post .notecontainer {
  607. background: {color:footer background};
  608. opacity: {text:footer opacity};
  609. font-family: {font:Accent};
  610. font-size: 11px;
  611. color: {color:footer text};
  612. margin-top: 10px;
  613. margin-bottom: -10px;
  614. {block:iffooterborders}
  615. border: 1px solid;
  616. border-color: {color:footer border color}{/block:iffooterborders};
  617. {block:ifroundfootercorners}
  618. -moz-border-radius: {text:roundness}px;
  619. -webkit-border-radius: {text:roundness}px;
  620. border-radius: {text:roundness};px;
  621. {/block:ifroundfootercorners}
  622. }
  623.  
  624. #wrapper #content .post .notecontainer a {
  625. color: {color:body link};
  626. {block:ifUnderlineLinks}
  627. text-decoration: underline;
  628. {/block:ifunderlinelinks}
  629. {block:ifnotunderlinelinks}
  630. text-decoration: none;
  631. {/block:ifnotunderlinelinks}
  632. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  633. -webkit-transition:all ease-in-out 0.4s;
  634. -o-transition:all ease-in-out 0.4s;
  635. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  636. }
  637.  
  638. #wrapper #content .post .notecontainer a:hover {
  639. opacity: 1;
  640. color: {color:body link hover};
  641. }
  642.  
  643. #wrapper #content .post .notecontainer ol.notes {
  644. padding: 0px 0 10px 0;
  645. list-style-type: none;
  646. font-size: 11px;
  647. }
  648.  
  649. #wrapper #content .post .notecontainer ol.notes li.note {
  650. padding: 10px 10px 0 10px;
  651. }
  652.  
  653. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  654. vertical-align: -4px;
  655. margin-right: 10px;
  656. width: 16px;
  657. height: 16px;
  658. }
  659.  
  660. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  661. font-weight: normal;
  662. }
  663.  
  664. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  665. font-weight: normal;
  666. }
  667.  
  668. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  669. border-left: 2px solid {color:leftmost blockquote};
  670. padding: 4px 10px;
  671. margin: 10px 0px 0px 25px;
  672. }
  673.  
  674. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  675. text-decoration: none;
  676. }
  677.  
  678.  
  679.  
  680. #wrapper #sidebar {
  681. width: 250px;
  682. float: right;
  683. position:fixed;
  684. margin-left: {text:sidebar left}px;
  685. margin-top: {text:sidebar top}px;
  686. color: {color:description text};
  687. font-family: {font:Accent}
  688. }
  689.  
  690.  
  691.  
  692. #wrapper #sidebar #top {
  693. background: rgba(255,255,255,{text:sidebar opacity});
  694. padding: 0 20px;
  695. {block:ifsidebarborders}border: 1px solid;
  696. border-color: {color:sidebar border color}{/block:ifsidebarborders}; {block:ifroundsidebarcorners}
  697. -moz-border-radius: {text:roundness}px;
  698. -webkit-border-radius: {text:roundness}px;
  699. border-radius: {text:roundness};px;
  700. {/block:ifroundsidebarcorners} {block:ifsidebarshadows}
  701. -webkit-box-shadow: 4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  702. -moz-box-shadow:4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  703. box-shadow:4px 4px 0px rgba(0,0,0,{text:shadow opacity});
  704. {/block:ifsidebarshadows}
  705. }
  706.  
  707. #wrapper #sidebar #top #avatar {
  708. width: 146px;
  709. height: 146px;
  710. padding: 8px 0 0 9px;
  711. background: url('http://i57.tinypic.com/20rlhj4.jpg') top left no-repeat transparent;
  712. position: relative;
  713. top: -24px;
  714. left: -5px;
  715. }
  716.  
  717.  
  718. #wrapper #sidebar #top #description {
  719. font-size: 11px;
  720. position: relative;
  721. {block:ifshowsidebarimage}top: -18px;{/block:ifshowsidebarimage}
  722. {block:ifnotshowsidebarimage}top: 18px; {/block:ifnotshowsidebarimage}
  723. }
  724.  
  725. #wrapper #sidebar #top #description a {
  726. color: {color:description link};
  727. {block:ifUnderlineLinks}
  728. text-decoration: underline;
  729. {/block:ifunderlinelinks}
  730. {block:ifnotunderlinelinks}
  731. text-decoration: none;
  732. {/block:ifnotunderlinelinks}
  733. {block:ifsmoothhover}-moz-transition:all ease-in-out 0.4s;
  734. -webkit-transition:all ease-in-out 0.4s;
  735. -o-transition:all ease-in-out 0.4s;
  736. transition:all ease-in-out 0.4s;{/block:ifsmoothhover}
  737. }
  738.  
  739. #wrapper #sidebar #top #description a:hover {
  740. color: {color:description link hover};
  741.  
  742. }
  743.  
  744.  
  745. </style>
  746. <!--[if lt IE 7.]>
  747. <style type="text/css">
  748. #wrapper #sidebar #bottom {
  749. background: transparent;
  750. }
  751.  
  752. #wrapper #sidebar #top #avatar {
  753. background: none;
  754. }
  755.  
  756. #wrapper #sidebar #top #avatar img {
  757. border: 5px solid #f1f1f1;
  758. }
  759.  
  760. #wrapper #sidebar #top .heading#followontumblr {
  761. background-image: none;
  762. text-indent: 0;
  763. }
  764.  
  765. #wrapper #sidebar #top .heading#twitter {
  766. background-image: none;
  767. }
  768.  
  769. #wrapper #sidebar #top .heading#following {
  770. background-image: none;
  771. }
  772.  
  773. #wrapper #content .post .audio .player {
  774. float: none;
  775. }
  776.  
  777. #wrapper #content .post .audio .meta {
  778. display: none;
  779. float: none;
  780. }
  781. </style>
  782. <![endif]-->
  783.  
  784. <!--[if lt IE 8.]>
  785. <style type="text/css">
  786. #wrapper #content .bottom {
  787. background: transparent;
  788. }
  789.  
  790. #wrapper #content .post .footer {
  791. background: transparent;
  792. color: #000;
  793. }
  794.  
  795. #wrapper #content .post .audio {
  796. float: none;
  797. background: transparent;
  798. }
  799.  
  800. #wrapper #content .post .notecontainer .notes {
  801. padding: 0;
  802. margin: 0;
  803. }
  804. </style>
  805. <![endif]-->
  806. <style type="text/css">{CustomCSS}</style>
  807. </head>
  808. <body>
  809. <div id="wrapper">
  810. {block:ifshowtitle}<div id="title">
  811. <a href="/">
  812.  
  813. {Title}
  814. </a>
  815. </div>{/block:ifshowtitle}
  816.  
  817. <div id="content">
  818.  
  819. {block:Posts}
  820. <div class="post">
  821.  
  822. {block:Photo}
  823. <div class="media">{LinkOpenTag}{block:if250pxposts}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:if250pxposts}{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400pxposts}{block:if500pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500pxposts}{LinkCloseTag}</div>
  824. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  825. {/block:Photo}
  826.  
  827. {block:Video}
  828. <div class="media">{block:if250pxposts}{Video-250}{/block:if250pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:if500pxposts}{Video-500}{/block:if500pxposts}</div>{/block:Caption}
  829. {/block:Video}
  830.  
  831. {block:Audio}
  832.  
  833. {block:AudioEmbed}
  834. {AudioEmbed}
  835. {/block:AudioEmbed}
  836.  
  837. {block:AudioPlayer}
  838.  
  839.  
  840. <div class="audio">
  841. <div class="player">{AudioPlayerWhite}</div>
  842. <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>
  843. <div class="clear"></div>
  844. </div>
  845. {/block:AudioPlayer}
  846.  
  847. <div class="clear"></div>
  848.  
  849. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  850.  
  851. {/block:Audio}
  852.  
  853. {block:Quote}
  854. <div class="quote {Length}">{Quote}</div>
  855. <div class="copy">
  856. <div class="quotebg">“</div>
  857. {block:Source}
  858. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  859. <tr>
  860. <td valign="top" style="width:20px;">&mdash;</td>
  861. <td valign="top" class="quote_source">
  862. {Source}
  863. </td>
  864. </tr>
  865. </table>
  866. {/block:Source}
  867. </div>
  868. {/block:Quote}
  869.  
  870. {block:Text}
  871. {block:Title}<div class="title">{Title}</div>{/block:Title}
  872. <div class="copy">{Body}</div>
  873. {/block:Text}
  874.  
  875. {block:Answer}
  876. <div class="question">
  877. {asker} {text:asker text}: <i>{Question}</i>
  878. </div>
  879.  
  880. <div class="copy">{Answer}</div>
  881. {/block:Answer}
  882.  
  883. {block:Chat}
  884. {block:Title}<div class="title">{Title}</div>{/block:Title}
  885. <div class="chat">
  886. <div class="lines">
  887. {block:Lines}
  888. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  889. {/block:Lines}
  890. </div>
  891. </div>
  892. <div class="clear"></div>
  893. <div style="height:10px;"></div>
  894. {/block:Chat}
  895.  
  896. {block:Link}
  897. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  898. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  899. {/block:Link}
  900.  
  901. {block:Date}
  902. <a href="{Permalink}">
  903. <div class="footer for_permalink">
  904. <div class="date">
  905. {block:Reblog}
  906. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  907. {/block:Reblog}
  908.  
  909. {block:NotReblog}
  910. {lang:Posted TimeAgo from source}
  911. {/block:NotReblog}
  912. </div>
  913. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
  914. <div class="clear"></div>
  915. </div>
  916. </a>
  917. {/block:Date}
  918.  
  919. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  920. display:none;
  921. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  922. {block:ContentSource}display:block;{/block:ContentSource}
  923. ">
  924. {block:IfShowTags}
  925. {block:HasTags}<div class="tags">{text:tag text}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags}
  926. {/block:IfShowTags}
  927.  
  928. {block:ContentSource}
  929. <a href="{SourceURL}" class="source_url">
  930. {lang:Source}:
  931. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  932. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  933. </a>
  934. {/block:ContentSource}
  935.  
  936. <div class="clear"></div>
  937. </div>
  938.  
  939. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  940.  
  941.  
  942.  
  943. </div>
  944. <div class="bottom"></div>
  945. {/block:Posts}
  946.  
  947. {block:Pagination}
  948. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  949. {block:PreviousPage}<a href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
  950.  
  951. {block:IfEnableJumpPagination}
  952. {block:JumpPagination length="5"}
  953. {block:CurrentPage}
  954. <span class="current_page">{PageNumber}</span>
  955. {/block:CurrentPage}
  956.  
  957. {block:JumpPage}
  958. <a class="jump_page" href="{URL}">{PageNumber}</a>
  959. {/block:JumpPage}
  960.  
  961. {/block:JumpPagination}
  962. {/block:IfEnableJumpPagination}
  963.  
  964. {block:NextPage}<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
  965. </div>
  966. {/block:Pagination}
  967.  
  968. </div>
  969.  
  970. <div id="sidebar">
  971. <div id="top">
  972. {block:ifshowsidebarimage} <div id="avatar"><a href="/"><img src="{PortraitURL-128}" /></a></div>{/block:ifshowsidebarimage}
  973. <div id="description">{Description}{block:ifnotshowsidebarimage}<br><br>{/block:ifnotshowsidebarimage}</div>
  974.  
  975. <div><br><select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;'>
  976.  
  977. <option value="">{text:nav title}</option>
  978. <option value="/">index</option>
  979. <option value="/ask">ask</option>
  980. {block:iflink1}<option value="{text:link1 url}">{text:link1 title}</option>{/block:iflink1}
  981. {block:iflink2}<option value="{text:link2 url}">{text:link2 title}</option>{/block:iflink2}
  982. {block:iflink3}<option value="{text:link3 url}">{text:link3 title}</option>{/block:iflink3}
  983. {block:iflink4}<option value="{text:link4 url}">{text:link4 title}</option>{/block:iflink4}
  984. {block:iflink5}<option value="{text:link5 url}">{text:link5 title}</option>{/block:iflink5}
  985. {block:iflink6}<option value="{text:link6 url}">{text:link6 title}</option>{/block:iflink6}
  986. <option value="/archive">archive</option>
  987. <option value="http://www.quietpurr.tumblr.com">theme</option>
  988.  
  989. </select></div><br>
  990.  
  991.  
  992.  
  993.  
  994. </div>
  995. <div id="bottom"></div>
  996.  
  997. </div>
  998.  
  999. <div class="clear"></div>
  1000. </div>
  1001. <img src="{image:float image}" width="{text:float image width}" id="picture">
  1002. </body>
  1003. </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!