shitnaro

t

Oct 20th, 2014
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.89 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. ♥ REDUX EDIT: QUEEN'S WATCHDOG ♥
  6. ♥ by draftworu.tumblr.com ♥
  7.  
  8.  
  9. -->
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12. <!-- DEFAULT VARIABLES -->
  13.  
  14. <meta name="color:Ask Font" content="#494949" />
  15. <meta name="color:Ask Background" content="#fff" />
  16. <meta name="color:Background" content="#fff" />
  17. <meta name="color:Border" content="#ceb6b6"/>
  18. <meta name="color:Footer Border" content="#a9a9a9" />
  19. <meta name="color:Footer Text" content="#777" />
  20. <meta name="color:Tags Color" content="#777" />
  21. <meta name="color:Links" content="#bfd5da" />
  22. <meta name="color:Sidebar Dropdown" content="#eeeeee" />
  23. <meta name="color:Sidebar Dropdown Border" content="#a9a9a9" />
  24. <meta name="color:Sidebar Dropdown Text" content="#383838" />
  25. <meta name="color:Text" content="#777" />
  26. <meta name="color:Sidebar Nav Links" content="#A8A8A8" />
  27. <meta name="color:Sidebar Nav Link Hover" content="#54546B" />
  28. <meta name="color:Sidebar Nav Background" content="##fff" />
  29.  
  30.  
  31.  
  32. <meta name="text:Music Player Code" content=" " />
  33. <meta name="text:Post Opacity" content="0.55" />
  34. <meta name="text:Sidebar Opacity" content="0.55" />
  35. <meta name="text:Sidebar Top" content="250"/>
  36.  
  37.  
  38. <meta name="text:Side Link 1 url" content="/" />
  39. <meta name="text:Side Link 2 url" content="/" />
  40.  
  41.  
  42. <meta name="text:Side Link 1 title" content="link 1" />
  43. <meta name="text:Side Link 2 title" content="link 2" />
  44.  
  45.  
  46. <meta name="text:Nav Link 1 url" content="/" />
  47. <meta name="text:Nav Link 2 url" content="/" />
  48. <meta name="text:Nav Link 3 url" content="/" />
  49. <meta name="text:Nav Link 4 url" content="/" />
  50. <meta name="text:Nav Link 5 url" content="/" />
  51. <meta name="text:Nav Link 6 url" content="/" />
  52. <meta name="text:Nav Link 7 url" content="/" />
  53. <meta name="text:Nav Link 8 url" content="/" />
  54.  
  55.  
  56. <meta name="text:Nav Link 1 title" content="nav link 1" />
  57. <meta name="text:Nav Link 2 title" content="nav link 2" />
  58. <meta name="text:Nav Link 3 title" content="nav link 3" />
  59. <meta name="text:Nav Link 4 title" content="nav link 4" />
  60. <meta name="text:Nav Link 5 title" content="nav link 5" />
  61. <meta name="text:Nav Link 6 title" content="nav link 6" />
  62. <meta name="text:Nav Link 7 title" content="nav link 7" />
  63. <meta name="text:Nav Link 8 title" content="nav link 8" />
  64.  
  65.  
  66.  
  67. <meta name="font:Tags" content="Verdana" />
  68. <meta name="font:Post Date" content="Helvetica Neue" />
  69. <meta name="font:Body" content="Arial" />
  70.  
  71. <meta name="if:400px posts" content="1">
  72. <meta name="if:500px posts" content="0">
  73. <meta name="if:Background Image Stretched" content="0">
  74. <meta name="if:Post and Sidebar Transparent" content="0">
  75. <meta name="if:Right Sidebar" content="0">
  76. <meta name="if:Post Shadows" content="0" />
  77. <meta name="if:Show Tags" content="1" />
  78. <meta name="if:Round Corners" content="0" />
  79. <meta name="if:Infinite Scrolling" content="0" />
  80. <meta name="if:Music Player" content="0" />
  81. <meta name="if:Dropdown Links" content="0" />
  82. <meta name="if:Nav Link 1" content="0"/>
  83. <meta name="if:Nav Link 2" content="0"/>
  84. <meta name="if:Nav Link 3" content="0"/>
  85. <meta name="if:Nav Link 4" content="0"/>
  86. <meta name="if:Nav Link 5" content="0"/>
  87. <meta name="if:Nav Link 6" content="0"/>
  88. <meta name="if:Nav Link 7" content="0"/>
  89. <meta name="if:Nav Link 8" content="0"/>
  90.  
  91. <meta name="image:Banner" content="" />
  92. <meta name="image:Background" content="" />
  93. <meta name="image:Bottom Image Left" content="">
  94. <meta name="image:Bottom Image Right" content="">
  95. <meta name="image:Sidebar" content=""/>
  96.  
  97.  
  98.  
  99.  
  100.  
  101. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  102. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  103. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  104. <link rel="shortcut icon" href="{Favicon}" />
  105. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  107. <style type="text/css">
  108. #banner {
  109. width:100%;
  110. height:110px;
  111. background: url({image:banner}) top fixed repeat-x;
  112. position:fixed;
  113. margin-top:-50px;
  114.  
  115. }
  116.  
  117.  
  118. body {
  119. background: {color:Background} url('{image:Background}') bottom left fixed repeat;
  120.  
  121. {block:IfBackgroundImageStretched}
  122. background-size:100% 100%;
  123. background-repeat:no-repeat;
  124. {/block:IfBackgroundImageStretched}
  125.  
  126. margin: 0;
  127. padding: 0;
  128. font-family: {font:body};
  129. }
  130.  
  131. ::-webkit-scrollbar-thumb:vertical {
  132. background-color: {color:Links};
  133. height: 50px;
  134. }
  135.  
  136. ::-webkit-scrollbar {
  137. height: 10px;
  138. width: 8px;
  139. background-color: {color:Background};
  140. }
  141.  
  142.  
  143. .clear {
  144. clear: both;
  145. height: 0px;
  146. overflow: hidden;
  147. }
  148.  
  149. a img {
  150. border: none;
  151. }
  152.  
  153.  
  154. #wrapper {
  155. {block:If500pxPosts}width: 745px;{/block:If500pxPosts}
  156. {block:If400pxPosts}width: 705px;{/block:If400pxPosts}
  157. margin: 0 auto;
  158. }
  159.  
  160. #wrapper #title {
  161. margin: 30px 0;
  162. color: #fff;
  163. font-size: 50px;
  164. font-weight: bold;
  165. font-family: {font:Blog Header};
  166. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  167. letter-spacing: -1px;
  168. }
  169.  
  170. #wrapper #title a {
  171. color: #fff;
  172. text-decoration: none;
  173. }
  174.  
  175. #wrapper #content {
  176. {block:If500pxPosts}width: 525px;{/block:If500pxPosts}
  177. {block:If400pxPosts}width: 425px;{/block:If400pxPosts}
  178. float: right;
  179. {block:IfRightSidebar}
  180. float:left;
  181. {/block:IfRightSidebar}
  182. }
  183.  
  184. #wrapper #content .post {
  185. {block:IfRoundCorners}
  186. border-radius:10px;
  187. -moz-border-radius:10px;
  188. -webkit-border-radius: 10px;
  189. {/block:IfRoundCorners}
  190. font-family: {font:Body};
  191. border: 1px solid;
  192. border-color:{color:border};
  193. background:#fff;
  194. {block:IfPostAndSidebarTransparent}
  195. background: rgba(255, 255, 255, {text:Post Opacity});
  196. {/block:IfPostAndSidebarTransparent}
  197. padding-right: 10px;
  198. padding-left: 10px;
  199. padding-top: 10px;
  200. padding-bottom: 5px;
  201. position: relative;
  202. {block:IfPostShadows}
  203. box-shadow:rgba(0,0,0,0.1)5px 5px;
  204. {/block:IfPostShadows}
  205.  
  206. }
  207.  
  208. #wrapper #content .post .media {
  209. text-align: center;
  210. margin-bottom:5px;
  211.  
  212.  
  213. }
  214.  
  215. #wrapper #content .post .quotebg {
  216. font-family: georgia, serif;
  217. font-size: 80px;
  218. color: {color:links};
  219. opacity: 0.2;
  220. filter: alpha(opacity=20);
  221. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  222. position: absolute;
  223. top: 40px;
  224. left: 10px;
  225. }
  226.  
  227. #wrapper #content .post .quote {
  228. color: {color:Text};
  229. font-family:georgia;
  230. font-weight: none;
  231. padding: 20px 20px 5px 20px;
  232. }
  233.  
  234. #wrapper #content .post .quote.short {
  235. font-size: 20px;
  236. line-height: 20px;
  237. }
  238.  
  239. #wrapper #content .post .quote.medium {
  240. font-size: 20px;
  241. line-height: 20px;
  242. }
  243.  
  244. #wrapper #content .post .quote.long {
  245. font-size: 15px;
  246. line-height: 18px;
  247. }
  248.  
  249. #wrapper #content .post .quote_source *:first-child {
  250. margin-top: 0px;
  251. }
  252.  
  253. #wrapper #content .post .quote_source *:last-child {
  254. margin-bottom: 0px;
  255. }
  256.  
  257. #wrapper #content .post .quote *:first-child {
  258. margin-top: 0px;
  259. }
  260.  
  261. #wrapper #content .post .quote *:last-child {
  262. margin-bottom: 0px;
  263. }
  264.  
  265. #wrapper #content .post .copy {
  266. color: {color:Text};
  267. padding: 10px;
  268. font-size: 11px;
  269. margin-top:-5px;
  270. line-height: 15px;
  271. overflow:hidden;
  272. }
  273.  
  274. #wrapper #content .post .copy a {
  275. color: #6e7173;
  276. text-decoration: underline;
  277. color: {color:Links};
  278. }
  279.  
  280. #wrapper #content .post .copy p {
  281. margin: 10px 0 0 0;
  282. padding: 0;
  283. }
  284.  
  285. #wrapper #content .post .copy pre {
  286. margin: 0px 0px 0px 0px;
  287. padding: 0px;
  288. overflow:auto;
  289. font: 11px Courier;
  290. }
  291.  
  292. #wrapper #content .post .copy > p:first-child {
  293. margin-top: 0;
  294. }
  295.  
  296. #wrapper #content .post .copy img {
  297. max-width: 100%;
  298. }
  299.  
  300. .audio1 {position:relative; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:160px; margin-bottom:12px; }
  301. .player1 {position:absolute; z-index:3; background:#FFFFFF; margin-bottom:0px; margin-left:170px; opacity:0.75; filter:alpha(opacity=75); border:1px {color:border} solid;}
  302. .audioplayer1 {width:200px; height:40px; overflow:hidden; padding:3px; margin-right:11px; }
  303. .audiocaption { margin-left:172px; margin-top:5px;}
  304. .audiocaption img {max-width:330px!important}
  305. .audiocaption blockquote img {max-width:320px!important}
  306. .audiocaption blockquote blockquote img {max-width:310px!important}
  307.  
  308.  
  309. #wrapper #content .post .audio {
  310. background: #eaeaea;
  311. float: left;
  312. padding: 7px;
  313. margin-bottom: 10px;
  314. -moz-border-radius: 4px;
  315. -webkit-border-radius: 4px;
  316. border-radius: 4px;
  317. }
  318.  
  319. #wrapper #content .post .audio .player {
  320. float: left;
  321. }
  322.  
  323. #wrapper #content .post .audio .player .audio_player embed {
  324. border: 1px solid #c8c8c8;
  325. }
  326.  
  327. #wrapper #content .post .audio .meta {
  328. padding: 8px 13px;
  329. height: 13px;
  330. float: left;
  331. color: #666;
  332. font-family: {font:Body};
  333. font-size: 11px;
  334. text-transform: lowercase;
  335. }
  336.  
  337. #wrapper #content .post .audio .meta a {
  338. color: #666;
  339. text-decoration: none;
  340. }
  341.  
  342.  
  343. #wrapper #content .post .question {
  344. color: {color:ask font};
  345. font-size: 13px;
  346. font-weight: bold;
  347. border-bottom:1px dashed {color:footer border};
  348. font-family:verdana;
  349. background: {color:ask background};
  350. {block:IfRoundCorners}
  351. -moz-border-radius: 8px;
  352. -webkit-border-radius: 8px;
  353. border-radius: 8px;
  354. {/block:IfRoundCorners}
  355. margin: 0 0 15px 0;
  356. padding: 5px 10px;
  357. position: relative;
  358. }
  359.  
  360. #wrapper #content .post .question .nipple {
  361. width: 13px;
  362. height: 7px;
  363. background: {color:ask background};
  364. position: absolute;
  365. bottom: -7px;
  366. left: 300px;
  367. }
  368.  
  369. #wrapper #content .post .asker_container {
  370. margin: 0 0 10px 20px;
  371. font-family:lucida console;
  372. }
  373.  
  374. #wrapper #content .post .asker_container img {
  375. margin: 0 12px -7px 0;
  376. {block:IfRoundCorners}
  377. -moz-border-radius: 8px;
  378. -webkit-border-radius: 8px;
  379. border-radius: 8px;
  380. {/block:IfRoundCorners}
  381. }
  382.  
  383. #wrapper #content .post .asker_container a.asker {
  384. color: {color:Body};
  385. }
  386.  
  387. #wrapper #content .post .title {
  388. color: #494949;
  389. font-size: 14px;
  390. font-weight: bold;
  391. padding: 0px 10px 0 10px;
  392. font-family: verdana;
  393. }
  394.  
  395. #wrapper #content .post img {
  396. {block:If500pxPosts}max-width: 500px;{/block:If500pxPosts}
  397. {block:If400pxPosts}max-width: 400px;{/block:If400pxPosts}
  398. {block:IfRoundCorners}
  399. border-radius:5px;
  400. -moz-border-radius:5px;
  401. -webkit-border-radius:5px;
  402. {/block:IfRoundCorners}
  403. }
  404.  
  405.  
  406. #wrapper #content .post .chat {
  407. background-color: #fff;
  408. {block:IfPostAndSidebarTransparent}
  409. background: rgba(255, 255, 255, 0.10);
  410. {/block:IfPostAndSidebarTransparent}
  411. font-size: 11px;
  412. }
  413.  
  414. #wrapper #content .post .chat .lines {
  415. margin-left: 1px;
  416. }
  417.  
  418. #wrapper #content .post .chat .lines .line {
  419. background-color: #fff;
  420. {block:IfPostAndSidebarTransparent}
  421. background: rgba(255, 255, 255, 0.10);
  422. {/block:IfPostAndSidebarTransparent}
  423. color: {color:text};
  424. margin-bottom: 1px;
  425. padding: 3px 5px;
  426. }
  427.  
  428. #wrapper #content .post .chat .lines .line.even {
  429. background-color: #fff;
  430. {block:IfPostAndSidebarTransparent}
  431. background: rgba(255, 255, 255, {text:Post Opacity});
  432. {/block:IfPostAndSidebarTransparent}
  433. }
  434.  
  435. #wrapper #content .post .link {
  436. margin: 5px 0 -10px 0;
  437. font-size: 14px;
  438. line-height: 14px;
  439. font-family:verdana;
  440. }
  441.  
  442. #wrapper #content .post .link a {
  443. color: {color:links};
  444. font-weight:none;
  445. text-transform:uppercase;
  446. padding: 10px;
  447. }
  448.  
  449. #wrapper #content .post .link a:hover {
  450. opacity: 0.9;
  451. filter: alpha(opacity=90);
  452. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  453. }
  454.  
  455.  
  456.  
  457.  
  458. #wrapper #content .post .footer {
  459.  
  460.  
  461.  
  462.  
  463. font-family: {font:Post Date};
  464.  
  465. font-size: 11px;
  466. font-style: none;
  467. font-weight: none;
  468. text-transform: none;
  469. -webkit-transition: all 0.5s ease-out;
  470. -moz-transition: all 0.5s ease-out;
  471. -o-transition: all 0.5s ease-out;
  472. -ms-transition: all 0.5s ease-out;
  473. transition: all 0.5s ease-out;
  474.  
  475. padding-left: 7px;
  476. margin-bottom:0px;
  477. padding:4px;
  478. margin-top: 0px;
  479.  
  480.  
  481. }
  482.  
  483. #wrapper #content .post .borderrr {
  484. border-top:1px dashed {color:Footer Border};
  485. }
  486.  
  487. #wrapper #content .post .footer .tags {
  488. margin-top:-4px;
  489. }
  490.  
  491.  
  492. #wrapper #content .post .footer .tags a {
  493. font-family: {font:Tags};
  494. color:{color:Tags Color};
  495. margin-left: 0px;
  496. font-size: 10px;
  497. overflow:hidden;
  498. padding-bottom:5px;
  499. }
  500.  
  501.  
  502. #wrapper #content .post .footer.for_permalink:hover {
  503. opacity: 0.9;
  504. filter: alpha(opacity=90);
  505. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  506. }
  507.  
  508. #wrapper #content .post .footer .date {
  509. border-top:1px dashed {color:Footer Border};
  510. width: 80%;
  511. float: right;
  512. text-align:right;
  513. color: {color:footer text};
  514. }
  515.  
  516. #wrapper #content .post .footer .notes {
  517. width: 70%;
  518. float: left;
  519. text-transform:lowercase;
  520. text-align: left;
  521. color: {color:footer text};
  522. }
  523.  
  524. #wrapper #content .post .footer .notes a {
  525. color: {color:footer text};
  526. }
  527.  
  528.  
  529.  
  530. #wrapper #content .post .footer .tags .tag-commas:last-child {
  531. display: none;
  532. }
  533.  
  534. #wrapper #content .post .footer.with_source_url .tags {
  535. float:left;
  536. text-align:left;
  537.  
  538. max-width: 420px;
  539. {block:If500pxPosts}
  540. max-width: 470px;
  541. {/block:If500pxPosts}
  542.  
  543. }
  544.  
  545.  
  546. #wrapper #content .post .footer.with_source_url .source_url {
  547. float: right;
  548. max-width: 260px;
  549. overflow: hidden;
  550. white-space: nowrap;
  551. color: {color:footer text};
  552. }
  553.  
  554. #wrapper #content .post .footer.with_source_url .source_url img {
  555. vertical-align: top;
  556. -moz-opacity: 0.5;
  557. opacity: 0.5;
  558. }
  559.  
  560. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  561. -moz-opacity: 0.7;
  562. opacity: 0.7;
  563. }
  564.  
  565. #wrapper #content .post a {
  566. color: #6e7173;
  567. text-decoration: none;
  568. }
  569.  
  570. #wrapper #content .post .copy blockquote {
  571. margin: 10px 0px 10px 10px;
  572. padding-left: 15px;
  573. border-left: solid 4px #dcdcdc;
  574. }
  575.  
  576. #wrapper #content .post .copy blockquote blockquote {
  577. border-left: solid 4px #cccccc;
  578. }
  579.  
  580. #wrapper #content .post .copy blockquote blockquote blockquote {
  581. border-left: solid 4px #bcbcbc;
  582. }
  583.  
  584. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  585. border-left: solid 4px #acacac;
  586. }
  587.  
  588. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  589. border-left: solid 4px #9c9c9c;
  590. }
  591.  
  592. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  593. border-left: solid 4px #8c8c8c;
  594. }
  595.  
  596. #wrapper #content .bottom {
  597. top center no-repeat transparent;
  598. width: 513px;
  599. height: 20px;
  600. margin: 0 auto;
  601. }
  602.  
  603. #wrapper #content #navigation {
  604. text-align: right;
  605. padding-bottom: 35px;
  606. text-transform: lowercase;
  607. }
  608.  
  609. #wrapper #content #navigation a {
  610. background-color: #fff;
  611. color: {color:Links};
  612. padding: 5px 10px;
  613. text-decoration: none;
  614. margin-left: 25px;
  615. }
  616.  
  617. #wrapper #content #navigation a:hover {
  618. opacity: 0.9;
  619. filter: alpha(opacity=90);
  620. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  621. }
  622.  
  623. #wrapper #content #navigation.jump_pagination {}
  624.  
  625. #wrapper #content #navigation.jump_pagination a {
  626. margin: 0 0 0 4px;
  627. }
  628.  
  629. #wrapper #content #navigation.jump_pagination .current_page {
  630. color: #fff;
  631. background-color: rgba(255,255,255, 0.1);
  632. border: 2px solid #fff;
  633. padding: 3px 8px;
  634. margin: 0 0 0 4px;
  635. cursor: default;
  636. }
  637.  
  638. #wrapper #content #navigation.jump_pagination .jump_page {}
  639.  
  640. #wrapper #content .post .notecontainer {
  641. background: #eaeaea;
  642. -moz-border-radius: 4px;
  643. -webkit-border-radius: 4px;
  644. border-radius: 4px;
  645. font-family: {font:Body};
  646. font-size: 11px;
  647. color: #666;
  648. margin-top: 10px;
  649. margin-bottom: -10px;
  650. }
  651.  
  652. #wrapper #content .post .notecontainer a {
  653. color: #666;
  654. text-decoration: underline;
  655. }
  656.  
  657. #wrapper #content .post .notecontainer ol.notes {
  658. padding: 0px 0 10px 0;
  659. list-style-type: none;
  660. font-size: 11px;
  661. }
  662.  
  663. #wrapper #content .post .notecontainer ol.notes li.note {
  664. padding: 10px 10px 0 10px;
  665. }
  666.  
  667. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  668. vertical-align: -4px;
  669. margin-right: 10px;
  670. width: 16px;
  671. height: 16px;
  672. }
  673.  
  674. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  675. font-weight: normal;
  676. }
  677.  
  678. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  679. font-weight: normal;
  680. }
  681.  
  682. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  683. border-left: 2px solid #666;
  684. padding: 4px 10px;
  685. margin: 10px 0px 0px 25px;
  686. }
  687.  
  688. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  689. text-decoration: none;
  690. }
  691.  
  692. #wrapper #content .rebloggedfrom {
  693.  
  694. background: {color:Sidebar Dropdown} url('') top left fixed repeat;
  695. border-radius: 2px;
  696. -moz-border-radius: 2px;
  697. -webkit-border-radius: 2px;
  698. -o-border-radius: 2px;
  699. -ms-border-radius: 2px;
  700. font-family: verdana;
  701. font-size: 9px;
  702. font-weight: bold;
  703. text-transform: uppercase;
  704. -webkit-transition: all 0.5s ease-out;
  705. -moz-transition: all 0.5s ease-out;
  706. -o-transition: all 0.5s ease-out;
  707. -ms-transition: all 0.5s ease-out;
  708. transition: all 0.5s ease-out;
  709. padding: 3px 6px;
  710. margin-top: 5px;
  711.  
  712. }
  713.  
  714.  
  715. #wrapper #sidebar {
  716. position:fixed !important;
  717. float:left;
  718. {block:IfRoundCorners}
  719. border-radius:10px;
  720. -moz-border-radius:10px;
  721. -webkit-border-radius:10px;
  722. {/block:IfRoundCorners}
  723. border:1px solid
  724. border-color:{color:border};
  725. margin-top: {text:Sidebar Top}px;
  726.  
  727. margin-left:-40px;
  728.  
  729.  
  730. {block:If400pxPosts}
  731. {block:IfRightSidebar}
  732. margin-left:500px;
  733. {/block:IfRightSidebar}
  734. {/block:If400pxPosts}
  735.  
  736. {block:If500pxPosts}
  737. {block:IfRightSidebar}
  738. margin-left:600px;
  739. {/block:IfRightSidebar}
  740. {/block:If500pxPosts}
  741.  
  742. width:175px;
  743. color: {color:Text};
  744. font-family: {font:Body}
  745.  
  746. }
  747.  
  748.  
  749. #sideimg {
  750. width:200px;
  751. }
  752.  
  753. #sideimg img {
  754.  
  755. {block:IfRoundCorners}
  756. border-top-left-radius:5px;
  757. -moz-border-top-left-radius:5px;
  758. -webkit-border-top-left-radius: 5px;
  759.  
  760. border-top-right-radius:5px;
  761. -moz-border-top-right-radius:5px;
  762. -webkit-border-top-right-radius: 5px;
  763. {/block:IfRoundCorners}
  764.  
  765. {block:IfSidebarImage}
  766. padding-top:0px;
  767. width:200px; height:auto;
  768. {block:IfSideBarImage}
  769. }
  770.  
  771.  
  772.  
  773.  
  774. #wrapper #sidebar #pages{
  775. width:164px;
  776. float: left;
  777. {block:IfRightSidebar}
  778. float: right;
  779. {/block:IfRightSidebar}
  780. position: fixed;
  781. font-size:10px;
  782. background: #fff;
  783. {block:IfPostAndSidebarTransparent}
  784. background: rgba(255, 255, 255, {text:Sidebar Opacity});
  785. {/block:IfPostAndSidebarTransparent}
  786. padding-bottom: 0px;
  787. padding: 5px;
  788. color:{color:Text};
  789. margin-top:10px;
  790. text-align:center;
  791. {block:IfRoundCorners}
  792. border-radius:10px;
  793. -moz-border-radius: 10px;
  794. -webkit-border-radius: 10px;
  795. {/block:IfRoundCorners}
  796.  
  797. border: 1px solid;
  798. border-color:{color:border};
  799.  
  800. {block:IfPostShadows}
  801. box-shadow:rgba(0,0,0,0.1)5px 5px;
  802. {/block:IfPostShadows}
  803.  
  804. {block:IfInfiniteScrolling}
  805. display:none;
  806. /{block:IfInfiniteScrolling}
  807.  
  808. }
  809.  
  810. #wrapper #sidebar #pages a{
  811. color:{color:Links}
  812. }
  813.  
  814.  
  815.  
  816.  
  817. #wrapper #sidebar #top {
  818. background:#fff;
  819. {block:IfPostAndSidebarTransparent}
  820. background: rgba(255, 255, 255, {text:Sidebar Opacity});
  821. {/block:IfPostAndSidebarTransparent}
  822. padding: 4px;
  823. {block:IfRoundCorners}
  824. border-radius:10px;
  825. -moz-border-radius:10px;
  826. -webkit-border-radius:10px;
  827. {/block:IfRoundCorners}
  828. border: 1px solid;
  829. border-color:{color:border};
  830. position:relative;
  831. margin-bottom:0px;
  832. {block:IfPostShadows}
  833. box-shadow:rgba(0,0,0,0.1)5px 5px;
  834. {/block:IfPostShadows}
  835. }
  836.  
  837. #wrapper #sidebar #avatar {
  838. width: 100px;
  839. height: 100px;
  840. padding: 0px 0 0 0px;
  841. position: relative;
  842.  
  843. top: 0px;
  844. left: 0px;
  845. }
  846.  
  847. #wrapper #sidebar #avatar img {
  848. border:1px solid {color:border};
  849. width: 97px;
  850. height: 97px;
  851. {block:IfRoundCorners}
  852. border-bottom-left-radius:5px;
  853. -moz-border-bottom-left-radius:5px;
  854. -webkit-border-bottom-left-radius:5px;
  855.  
  856. border-top-left-radius:5px;
  857. -moz-border-top-left-radius:5px;
  858. -webkit-border-top-left-radius:5px;
  859. {/block:IfRoundCorners}
  860.  
  861.  
  862. }
  863.  
  864.  
  865. #wrapper #sidebar #top #description {
  866. font-size: 11px;
  867. position: relative;
  868. top:0px;
  869. padding:2px;
  870. }
  871.  
  872. #wrapper #sidebar #top #description a {
  873. color: {color:Links};
  874. text-decoration: underline;
  875. }
  876.  
  877. #wrapper #sidebar #top .heading {
  878. color: #fff;
  879. font-family: helvetica, arial, sans-serif;
  880. font-size: 17px;
  881. margin-top: 20px;
  882. padding: 10px;
  883. background-color: {color:Background};
  884. -webkit-border-top-left-radius: 4px;
  885. -webkit-border-top-right-radius: 4px;
  886. -moz-border-radius-topleft: 4px;
  887. -moz-border-radius-topright: 4px;
  888. border-top-left-radius: 4px;
  889. border-top-right-radius: 4px;
  890. }
  891.  
  892. #wrapper #sidebar #top a .heading {
  893. color: #fff;
  894. text-decoration: none;
  895. }
  896.  
  897. #wrapper #sidebar #top .content {
  898. margin-top: 2px;
  899. padding: 7px 10px;
  900. background: #eaeaea;
  901. color: #666;
  902. font-size: 11px;
  903. overflow: hidden;
  904. }
  905.  
  906. #wrapper #sidebar #top a {
  907. text-decoration: none;
  908. }
  909.  
  910.  
  911.  
  912. #wrapper #content #nuggets img {
  913. {block:If500pxPosts}max-width: 500px;{/block:If500pxPosts}
  914. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  915.  
  916. }
  917.  
  918. @font-face {font-family:"bitxmap"; src: url(http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf) format("truetype"); }
  919.  
  920. {block:ifnotrightsidebar}
  921. #musicplayer {text-align: center;font-size: 11px;position:fixed;left:20px;bottom:-33px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999; }
  922.  
  923. #musicplayer:hover {bottom:0px;}
  924.  
  925. #music {padding: 10px 0 5px 0;background: #fff;width:230px;border-bottom-top-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;z-index: 9999; border:1px solid; border-color:{color:border};}
  926.  
  927. #musictab {font-family:century gothic;text-shadow: 0 1px 0 #fff;height:30px;padding: 0 0 8px 0;background:#fff;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-bottom-top-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;width: 50px; border-top:1px solid;border-left:1px solid;border-right:1px solid; border-color:{color:border};}
  928. {/block:ifnotrightsidebar}
  929.  
  930. {block:ifrightsidebar}
  931. #musicplayer {text-align: center;font-size: 11px;position:fixed;right:20px;bottom:-33px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999; }
  932.  
  933. #musicplayer:hover {bottom:0px;}
  934.  
  935. #music {padding: 10px 0 5px 0;background: #fff;width:230px;border-bottom-top-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;z-index: 9999; border:1px solid; border-color:{color:border};}
  936.  
  937. #musictab {margin-left:180px; font-family:century gothic;text-shadow: 0 1px 0 #fff;height:30px;padding: 0 0 8px 0;background:#fff;border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-bottom-top-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;width: 50px; border-top:1px solid;border-left:1px solid;border-right:1px solid; border-color:{color:border};}
  938. {/block:ifrightsidebar}
  939.  
  940. .tumblr_audio_player {height: 40px; width: 210px;}
  941.  
  942.  
  943.  
  944. #desc {
  945.  
  946. width:70px;
  947. margin-top:-107px;
  948. margin-left:105px;
  949. font: 8px arial;
  950. padding-bottom: 0px;
  951.  
  952.  
  953. }
  954. #desc a{
  955.  
  956. border:1px solid {color:border};
  957. text-align: left;
  958. font: 8px verdana;
  959. text-decoration: none;
  960. text-transform:uppercase;
  961. display: block;
  962. height:11px;
  963. padding: 4px 3px 5px 7px;
  964. margin: 0px 0px 3px;
  965. color: {color:Sidebar Nav Links};
  966. background: {color:Sidebar Nav Background};
  967. {block:IfPostAndSidebarTransparent}
  968. background: rgba(255, 255, 255, {text:Post Opacity});
  969. {/block:IfPostAndSidebarTransparent}
  970. letter-spacing: 0px;
  971. webkit-transition:-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  972. {block:IfRoundCorners}
  973. border-bottom-right-radius:5px;
  974. -moz-border-bottom-right-radius:5px;
  975. -webkit-border-bottom-right-radius:5px;
  976.  
  977. border-top-right-radius:5px;
  978. -moz-border-top-right-radius:5px;
  979. -webkit-border-top-right-radius:5px;
  980. {/block:IfRoundCorners}
  981. }
  982. #desc a:hover{
  983. color: {color:Sidebar Nav Link Hover};
  984.  
  985. }
  986.  
  987. </style>
  988. <!--[if lt IE 7.]>
  989. <style type="text/css">
  990. #wrapper #sidebar #bottom {
  991. background: transparent;
  992. }
  993.  
  994. #wrapper #sidebar #top #avatar {
  995. background: none;
  996. }
  997.  
  998. #wrapper #sidebar #top #avatar img {
  999. border: 5px solid #f1f1f1;
  1000. }
  1001.  
  1002. #wrapper #sidebar #top .heading#followontumblr {
  1003. background-image: none;
  1004. text-indent: 0;
  1005. }
  1006.  
  1007. #wrapper #sidebar #top .heading#twitter {
  1008. background-image: none;
  1009. }
  1010.  
  1011. #wrapper #sidebar #top .heading#following {
  1012. background-image: none;
  1013. }
  1014.  
  1015. #wrapper #content .post .audio .player {
  1016. float: none;
  1017. }
  1018.  
  1019. #wrapper #content .post .audio .meta {
  1020. display: none;
  1021. float: none;
  1022. }
  1023. </style>
  1024. <![endif]-->
  1025.  
  1026. <!--[if lt IE 8.]>
  1027. <style type="text/css">
  1028. #wrapper #content .bottom {
  1029. background: transparent;
  1030. }
  1031.  
  1032. #wrapper #content .post .footer {
  1033. background: transparent;
  1034. color: #000;
  1035. }
  1036.  
  1037. #wrapper #content .post .audio {
  1038. float: none;
  1039. background: transparent;
  1040. }
  1041.  
  1042. #wrapper #content .post .notecontainer .notes {
  1043. padding: 0;
  1044. margin: 0;
  1045. }
  1046. </style>
  1047. <![endif]-->
  1048. <style type="text/css">{CustomCSS}</style>
  1049. {block:ifinfinitescrolling}
  1050. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  1051. {/block:ifinfinitescrolling}
  1052.  
  1053.  
  1054. </head>
  1055.  
  1056. <body>
  1057.  
  1058. {block:ifmusicplayer}
  1059. <div id="musicplayer">
  1060.  
  1061. <div id="musictab"> <br><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></div>
  1062.  
  1063. <div id="music"> <center>{text:music player code}</center> </div>
  1064.  
  1065.  
  1066.  
  1067. </div>
  1068.  
  1069.  
  1070. {/block:ifmusicplayer}
  1071. </div>
  1072. </div>
  1073.  
  1074.  
  1075. <div id="banner"></div>
  1076.  
  1077.  
  1078.  
  1079.  
  1080. <div id="wrapper">
  1081. <div id="title">
  1082.  
  1083. <a href="/">
  1084.  
  1085. </a>
  1086. </div>
  1087.  
  1088. <div id="content">
  1089.  
  1090. {block:ifinfinitescrolling}
  1091. <div class="autopagerize_page_element">
  1092. {/block:ifinfinitescrolling}
  1093.  
  1094. {block:Posts}
  1095. <div class="post">
  1096.  
  1097. {block:Photo}
  1098. <div class="media">{LinkOpenTag}
  1099. <div id="nuggets">
  1100. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{block:If500pxPosts}
  1101. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:If400pxPosts}
  1102. </div>
  1103.  
  1104. {LinkCloseTag}</div>
  1105. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1106. {/block:Photo}
  1107.  
  1108. {block:Video}
  1109. <div class="media">
  1110. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  1111. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  1112.  
  1113.  
  1114. </div>
  1115. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  1116. {/block:Video}
  1117.  
  1118.  
  1119.  
  1120. {block:Audio}
  1121.  
  1122. <div class="audio1"><span style="background-color:{color:Background}; position:absolute; width:160px; height:160px; margin-right:12px;">
  1123.  
  1124. {block:AlbumArt}<img src="{AlbumArtURL}" width="160px" height="160px" align="left" style="margin-right:12px;" />{/block:AlbumArt}
  1125.  
  1126.  
  1127. <div class="player1"><div class="audioplayer1">{AudioPlayerWhite}</div></div></span>
  1128.  
  1129.  
  1130.  
  1131. <div class="audiocaption"><div class="copy">{block:Caption}<br><br>{Caption}{/block:Caption}</div></div></div>
  1132.  
  1133.  
  1134.  
  1135.  
  1136. {/block:Audio}
  1137.  
  1138.  
  1139.  
  1140. {block:Quote}
  1141. <div class="quote {Length}">{Quote}</div>
  1142. <div class="copy">
  1143. <div class="quotebg">“</div>
  1144. {block:Source}
  1145. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  1146. <tr>
  1147. <td valign="top" style="width:20px;">&mdash;</td>
  1148. <td valign="top" class="quote_source">
  1149. {Source}
  1150. </td>
  1151. </tr>
  1152. </table>
  1153. {/block:Source}
  1154. </div>
  1155. {/block:Quote}
  1156.  
  1157. {block:Text}
  1158. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1159. <div class="copy">{Body}</div>
  1160. {/block:Text}
  1161.  
  1162. {block:Answer}
  1163. <div class="question">
  1164.  
  1165. {Question}
  1166. </div>
  1167. <div class="asker_container"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  1168. <div class="copy">{Answer}</div>
  1169. {/block:Answer}
  1170.  
  1171. {block:Chat}
  1172. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1173. <div class="chat">
  1174. <div class="lines">
  1175. {block:Lines}
  1176. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  1177. {/block:Lines}
  1178. </div>
  1179. </div>
  1180. <div class="clear"></div>
  1181. <div style="height:10px;"></div>
  1182. {/block:Chat}
  1183.  
  1184. {block:Link}
  1185. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1186. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  1187. {/block:Link}
  1188.  
  1189. {block:Date}
  1190.  
  1191. <div class="borderrr"></div>
  1192. <a href="{Permalink}">
  1193. <div class="footer for_permalink">
  1194.  
  1195.  
  1196.  
  1197. <div class="notes">{block:NoteCount}{NoteCount}{/block:NoteCount} ✿ {MonthNumber} / {DayOfMonth} / {Year} &mdash; {12Hour}:{Minutes}{AmPm}
  1198. {block:PermalinkPage}{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource}, <a href="{SourceURL}" class="source_url">source
  1199. </a>
  1200.  
  1201. {/block:ContentSource}
  1202. {/block:PermalinkPage}
  1203.  
  1204. </div>
  1205. <div class="clear"></div></div>
  1206.  
  1207. </a>
  1208. {/block:Date}
  1209.  
  1210. {block:IfShowTags}
  1211. {block:HasTags}
  1212. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" >
  1213.  
  1214. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  1215.  
  1216. <div class="clear"></div>
  1217. </div>
  1218. {/block:HasTags}
  1219. {/block:IfShowTags}
  1220.  
  1221.  
  1222. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1223.  
  1224. </div>
  1225. <div class="bottom"></div>
  1226. {/block:Posts}
  1227.  
  1228. {block:ifinfinitescrolling}
  1229. </div>
  1230. {/block:ifinfinitescrolling}
  1231.  
  1232.  
  1233. </div>
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239. <div id="sidebar">
  1240.  
  1241.  
  1242. <div id="avatar"><img src="{image:Sidebar}" align="left"/></div>
  1243.  
  1244. <td width="100" align="right" valign="top";><div id="desc">
  1245. <p>
  1246. <a href="/"> <img src="http://static.tumblr.com/utqap6x/xJ8n3szkv/home.png"> home </a>
  1247. <a href="{text:Side Link 1 url}"> <img src="http://static.tumblr.com/utqap6x/9KDn3szox/heart.png"> {text:Side Link 1 title}</a>
  1248. <a href="{text:Side Link 2 url}"> <img src=" http://static.tumblr.com/utqap6x/1Iln3szsl/mail.png"> {text:Side Link 2 title}</a>
  1249. <a href="http://draftworu.tumblr.com"> <img src="http://static.tumblr.com/utqap6x/8qan3szww/add.png"> theme</a>
  1250. </p></div></td>
  1251.  
  1252.  
  1253.  
  1254. <div id="top">
  1255.  
  1256.  
  1257. <center>
  1258.  
  1259.  
  1260.  
  1261.  
  1262. <div id="description">{Description}{block:IfDropdownLinks}<br>{/block:IfDropdownLinks}</div>
  1263. {block:IfDropdownLinks}
  1264. <center><select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:courier new; font-size:12px; color:{color:Sidebar Dropdown Text}; border-color:{color:sidebar dropdown border}; width: 160px; background:{color:Sidebar Dropdown};{block:IfRoundCorners} border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; {/block:IfRoundCorners}">
  1265. <option value="/">navigation</option>
  1266. {block:IfNavLink1}
  1267. <option value="{text:Nav Link 1 url}">{text:Nav Link 1 title}</option>
  1268. {/block:IfNavLink1}
  1269. {block:IfNavLink2}
  1270. <option value="{text:Nav Link 2 url}">{text:Nav Link 2 title}</option>
  1271. {/block:IfNavLink2}
  1272. {block:IfNavLink3}
  1273. <option value="{text:Nav Link 3 url}">{text:Nav Link 3 title}</option>
  1274. {/block:IfNavLink3}
  1275. {block:IfNavLink4}
  1276. <option value="{text:Nav Link 4 url}">{text:Nav Link 4 title}</option>
  1277. {/block:IfNavLink4}
  1278. {block:IfNavLink5}
  1279. <option value="{text:Nav Link 5 url}">{text:Nav Link 5 title}</option>
  1280. {/block:IfNavLink5}
  1281. {block:IfNavLink6}
  1282. <option value="{text:Nav Link 6 url}">{text:Nav Link 6 title}</option>
  1283. {/block:IfNavLink6}
  1284. {block:IfNavLink7}
  1285. <option value="{text:Nav Link 7 url}">{text:Nav Link 7 title}</option>
  1286. {/block:IfNavLink7}
  1287. {block:IfNavLink8}
  1288. <option value="{text:Nav Link 8 url}">{text:Nav Link 8 title}</option>
  1289. {/block:IfNavLink8}
  1290. </center>
  1291.  
  1292.  
  1293. </select>
  1294. {/block:IfDropdownLinks}
  1295.  
  1296. </div>
  1297.  
  1298. <div id="pages">
  1299. {block:Pagination}
  1300. {/block:Pagination}
  1301. {block:PreviousPage}<a class="jump_page" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  1302. {block:JumpPagination length="5"}
  1303. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1304. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1305. {/block:JumpPagination}
  1306. {block:NextPage}<a class="jump_page" href="{NextPage}"> &raquo;</a>{/block:NextPage}</div>
  1307.  
  1308.  
  1309.  
  1310.  
  1311. </div>
  1312.  
  1313.  
  1314.  
  1315.  
  1316. <div id="bottomimage" style="position:fixed; bottom:-4px; left:0px; z-index:-1;"><img src="{image:Bottom Image Left}"></div>
  1317.  
  1318.  
  1319.  
  1320. <div id="bottomimage" style="position:fixed; bottom:-4px; right:0px; z-index:-1;"><img src="{image:Bottom Image Right}"></div>
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326. <!-- Start of StatCounter Code for Tumblr -->
  1327. <script type="text/javascript">
  1328. var sc_project=9962162;
  1329. var sc_invisible=1;
  1330. var sc_security="ca2208f7";
  1331. var scJsHost = (("https:" == document.location.protocol) ?
  1332. "https://secure." : "http://www.");
  1333. document.write("<sc"+"ript type='text/javascript' src='" +
  1334. scJsHost+
  1335. "statcounter.com/counter/counter.js'></"+"script>");
  1336. </script>
  1337. <noscript><div class="statcounter"><a title="stat tracker
  1338. for tumblr" href="http://statcounter.com/tumblr/"
  1339. target="_blank"><img class="statcounter"
  1340. src="http://c.statcounter.com/9962162/0/ca2208f7/1/"
  1341. alt="stat tracker for tumblr"></a></div></noscript>
  1342. <!-- End of StatCounter Code for Tumblr -->
  1343. </body>
  1344. </html>
Add Comment
Please, Sign In to add comment