API tools faq
paste
Advertisement
aphrussiaofficial

Big Fat Shadows

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