API tools faq
paste
Advertisement
Guest User

obsessions theme by hiccupkind/themedkat

a guest
Oct 28th, 2013
15,114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. ╔═══════════════════════════════════════════════════════════════════╗
  5.  
  6. ---------------------------OBSESSIONS THEME--------------------------
  7. by hiccupkind
  8.  
  9. DO NOT REMOVE THE CREDITS OR USE AS A BASE WITHOUT ASKING!!
  10. (you may move the credits to a credit page but NOT COMPLETELY!!)
  11.  
  12. ╚═══════════════════════════════════════════════════════════════════╝
  13.  
  14. -->
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17. <!-- DEFAULT VARIABLES -->
  18. <meta name="color:Asker Background" content="#e6e6e6" >
  19. <meta name="color:Background" content="#edf6fc" />
  20. <meta name="color:Current Page Color" content="#acadad" />
  21. <meta name="color:Highlighter Color" content="#baeaf5" >
  22. <meta name="color:Link" content="#779dad">
  23. <meta name="color:Menu" content="#ffffff">
  24. <meta name="color:Menu Border" content="#acadad"/>
  25. <meta name="color:Next Page Color" content="#779dad">
  26. <meta name="color:Next Page Hover Color" content="#acadad">
  27. <meta name="color:Permalink Links" content="#9ad7e4">
  28. <meta name="color:Permalink Text" content="#b1b1b1">
  29. <meta name="color:Quote Background" content="#779dad" >
  30. <meta name="color:Scrollbar" content="#779dad">
  31. <meta name="color:Sidebar Link" content="#779dad">
  32. <meta name="color:Sidebar Text" content="#acadad">
  33. <meta name="color:Text" content="#acadad" >
  34. <meta name="color:Note Container" content="#e6e6e6">
  35. <meta name="color:Glow" content="#ffffff"/>
  36.  
  37. <meta name="if:Show Tags" content="1" />
  38. <meta name="if:Show Album Art on Audio Posts" content="1" />
  39. <meta name="if:400px" content="0">
  40. <meta name="if:500px" content="1">
  41. <meta name="if:Post Glow" content="0" />
  42. <meta name="if:Post Shadows" content="0" />
  43. <meta name="if:Maximized Background" content="0">
  44. <meta name="if:Side Buttons" content="1">
  45. <meta name="if:Rounded Corners" content="1">
  46. <meta name="if:Description Navigation" content="0" >
  47.  
  48. <meta name="image:Favicon" content="http://media.tumblr.com/tumblr_lkl6vcElNG1qfamg6.gif" />
  49. <meta name="image:Background" content="" />
  50. <meta name="image:Sidebar" content="" />
  51. <meta name="image:Left Bottom Image" content="" />
  52. <meta name="image:Description Image" content="" />
  53.  
  54. <meta name="if:link 1" content="0"/>
  55. <meta name="if:link 2" content="0"/>
  56. <meta name="if:link 3" content="0"/>
  57. <meta name="if:link 4" content="0"/>
  58. <meta name="if:link 5" content="0"/>
  59. <meta name="if:link 6" content="0"/>
  60. <meta name="if:link 7" content="0"/>
  61. <meta name="if:link 8" content="0"/>
  62.  
  63. <meta name="text:link 1 url" content=""/>
  64. <meta name="text:link 1 title" content=""/>
  65. <meta name="text:link 2 url" content=""/>
  66. <meta name="text:link 2 title" content=""/>
  67. <meta name="text:link 3 url" content=""/>
  68. <meta name="text:link 3 title" content=""/>
  69. <meta name="text:link 4 url" content=""/>
  70. <meta name="text:link 4 title" content=""/>
  71. <meta name="text:link 5 url" content=""/>
  72. <meta name="text:link 5 title" content=""/>
  73. <meta name="text:link 6 url" content=""/>
  74. <meta name="text:link 6 title" content=""/>
  75. <meta name="text:link 7 url" content=""/>
  76. <meta name="text:link 7 title" content=""/>
  77. <meta name="text:link 8 url" content=""/>
  78. <meta name="text:link 8 title" content=""/>
  79. <meta name="text:Opacity" content="1"/>
  80.  
  81. <meta name="text:Menu Title" content =""/>
  82. <meta name="text:Sidebar Image Bottom" content="101" />
  83. <meta name="text:Sidebar Image Left" content="-10" />
  84.  
  85. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  86. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  87. <link rel="shortcut icon" href="{image:favicon}" />
  88. <style type="text/css">
  89.  
  90. ::-webkit-scrollbar-thumb:vertical {
  91. width:5px;
  92. height:100px;
  93. background-color: {color:Scrollbar};
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:10px;
  98. width:5px;
  99. background-color: #ffffff;
  100. }
  101.  
  102. ::selection {
  103. color: #ffffff;
  104. background: {color:Highlighter Color};
  105. }
  106.  
  107. ::-moz-selection {
  108. color: #ffffff;
  109. background: {color:Highlighter Color};
  110. }
  111.  
  112. a img {
  113. border: none;
  114. }
  115.  
  116. body {
  117. background: {color:Background} url('{image:Background}') top left fixed repeat;
  118. {block:ifmaximizedbackground}
  119. background-repeat: no-repeat;
  120. background-size: 100%;
  121. {/block:ifmaximizedbackground}
  122. margin: 0;
  123. padding: 0;
  124. font-family: Arial;
  125. }
  126.  
  127. .clear {
  128. clear: both;
  129. height: 0px;
  130. overflow: hidden;
  131. }
  132.  
  133. a img {
  134. border: none;
  135. }
  136.  
  137.  
  138.  
  139. #wrapper {
  140. width: 845px;
  141. margin: 0 auto;
  142. }
  143.  
  144. #wrapper #content {
  145. float: left;
  146. margin-left: 300px;
  147. margin-top: 30px;
  148. width: {block:if400px}420px{/block:if400px}{block:if500px}520px{/block:if500px};
  149. }
  150.  
  151. #wrapper #content .post {
  152. font-family: Arial;
  153. background: rgba(255,255,255, {text:opacity});
  154. padding: 10px;
  155. position: relative;
  156. {block:ifroundedcorners}
  157. -moz-border-radius: 4px;
  158. -webkit-border-radius: 4px;
  159. border-radius: 4px;
  160. {/block:ifroundedcorners}
  161. {block:ifPostGlow}
  162. -moz-box-shadow: 0px 0px 30px {color:Glow};
  163. -webkit-box-shadow: 0px 0px 30px {color:Glow};
  164. box-shadow: 0px 0px 30px {color:Glow};
  165. {/block:ifPostGlow}
  166. {block:ifpostshadows}
  167. -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
  168. -moz-box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  169. box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  170. {/block:ifpostshadows}
  171.  
  172. }
  173.  
  174. #wrapper #content .post .media {
  175. text-align: center;
  176. margin-bottom: 10px;
  177. }
  178.  
  179. #wrapper #content .post .quotebg {
  180. font-family: verdana;
  181. font-size: 90px;
  182. color: {color:Quote Background};
  183. opacity: 0.2;
  184. filter: alpha(opacity=20);
  185. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  186. position: absolute;
  187. top: 70px;
  188. left: 10px;
  189. }
  190.  
  191. #wrapper #content .post .quote {
  192. color: {color:Text};
  193. font-weight: bold;
  194. padding: 20px 20px 5px 20px;
  195. }
  196.  
  197. #wrapper #content .post .quote.short {
  198. font-size: 33px;
  199. line-height: 35px;
  200. }
  201.  
  202. #wrapper #content .post .quote.medium {
  203. font-size: 25px;
  204. line-height: 28px;
  205. }
  206.  
  207. #wrapper #content .post .quote.long {
  208. font-size: 18px;
  209. line-height: 22px;
  210. }
  211.  
  212. #wrapper #content .post .quote_source *:first-child {
  213. margin-top: 0px;
  214. }
  215.  
  216. #wrapper #content .post .quote_source *:last-child {
  217. margin-bottom: 0px;
  218. }
  219.  
  220. #wrapper #content .post .quote *:first-child {
  221. margin-top: 0px;
  222. }
  223.  
  224. #wrapper #content .post .quote *:last-child {
  225. margin-bottom: 0px;
  226. }
  227.  
  228. #wrapper #content .post .copy {
  229. color: #6e7173;
  230. padding: 10px;
  231. font-size: 12px;
  232. line-height: 15px;
  233. }
  234.  
  235. #wrapper #content .post .copy a {
  236. color: {color:Link};
  237. text-decoration: none;
  238. -moz-transition:all ease-in-out 0.4s;
  239. -webkit-transition:all ease-in-out 0.4s;
  240. -o-transition:all ease-in-out 0.4s;
  241. transition:all ease-in-out 0.4s;
  242. }
  243.  
  244. #wrapper #content .post .copy a:hover {
  245. opacity: 0.7;
  246. filter: alpha(opacity=70);
  247. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  248. }
  249.  
  250. #wrapper #content .post .copy p {
  251. margin: 10px 0 0 0;
  252. padding: 0;
  253. }
  254.  
  255. #wrapper #content .post .copy pre {
  256. margin: 10px 0px 10px 0px;
  257. padding: 10px;
  258. background-color:
  259. font: normal 10px verdana;
  260. overflow: auto;
  261. }
  262.  
  263. #wrapper #content .post .copy > p:first-child {
  264. margin-top: 0;
  265. }
  266.  
  267. #wrapper #content .post .copy img {
  268. max-width: 100%;
  269. }
  270.  
  271. #wrapper #content .post .audio {
  272. background: #eaeaea;
  273. float: left;
  274. padding: 7px;
  275. margin-bottom: 10px;
  276. margin-left:{block:ifShowAlbumArtonAudioPosts}50px;{/block:ifShowAlbumArtonAudioPosts}0px;
  277. {block:ifroundedcorners}
  278. -moz-border-radius: 4px;
  279. -webkit-border-radius: 4px;
  280. border-radius: 4px;
  281. {/block:ifroundedcorners}
  282. }
  283.  
  284. #wrapper #content .post .audio .player {
  285. float: left;
  286. }
  287.  
  288. #wrapper #content .post .audio .player .audio_player embed {
  289. border: 1px solid #c8c8c8;
  290. }
  291.  
  292. #wrapper #content .post .audio .meta {
  293. padding: 8px 13px;
  294. height: 13px;
  295. float: left;
  296. color: #666;
  297. font-family: verdana;
  298. font-size: 10px;
  299. text-transform: lowercase;
  300. }
  301.  
  302. #wrapper #content .post .audio .meta a {
  303. color: #666;
  304. text-decoration: none;
  305. }
  306.  
  307. #wrapper #content .post .album_art {
  308. width:43px;
  309. height:43px;
  310. position:absolute;
  311. text-align: center;
  312. }
  313.  
  314. #wrapper #content .post .album_art img {
  315. width:43px;
  316. height:43px;
  317. float:left;
  318. }
  319.  
  320. #wrapper #content .post .question {
  321. color: #494949;
  322. font-size: 11px;
  323. font-weight: normal;
  324. background: {color:Asker Background};
  325. {block:ifroundedcorners}
  326. -moz-border-radius: 4px;
  327. -webkit-border-radius: 4px;
  328. border-radius: 4px;
  329. {/block:ifroundedcorners}
  330. margin: 0 0 0 0;
  331. padding: 3px 5px;
  332. position: relative;
  333. }
  334.  
  335. #wrapper #content .post .question .nipple {
  336. width: 13px;
  337. height: 7px;
  338. background: {color:Asker Background} url;
  339. position: absolute;
  340. bottom: -7px;
  341. left: 30px;
  342. }
  343.  
  344. #wrapper #content .post .title {
  345. color: #494949;
  346. font-size: 20px;
  347. font-weight: bold;
  348. padding: 10px 10px 0 10px;
  349. }
  350.  
  351. #wrapper #content .post img {
  352. max-width: 500px;
  353. {block:ifroundedcorners}
  354. -moz-border-radius: 4px;
  355. -webkit-border-radius: 4px;
  356. border-radius: 4px;
  357. {/block:ifroundedcorners}
  358. }
  359.  
  360. #wrapper #content .post .chat {
  361. background-color: #fff;
  362. border-left: 5px solid #dedddd;
  363. margin: 10px 10px 0 10px;
  364. font-size: 11px;
  365. }
  366.  
  367. #wrapper #content .post .chat .lines {
  368. margin-left: 1px;
  369. }
  370.  
  371. #wrapper #content .post .chat .lines .line {
  372. background-color: #eaeaea;
  373. color: #494949;
  374. margin-bottom: 1px;
  375. padding: 3px 5px;
  376. }
  377.  
  378. #wrapper #content .post .chat .lines .line.even {
  379. background-color: #dedddd;
  380. }
  381.  
  382. #wrapper #content .post .link {
  383. margin: 4px 0 2px 0;
  384. font-size: 11px;
  385. line-height: 25px;
  386. }
  387.  
  388. #wrapper #content .post .link a {
  389. background-color: {color:Text};
  390. color: #fff;
  391. padding: 5px 7px;
  392. {block:ifroundedcorners}
  393. -moz-border-radius: 4px;
  394. -webkit-border-radius: 4px;
  395. border-radius: 4px;
  396. {/block:ifroundedcorners}
  397. -moz-transition:all ease-in-out 0.4s;
  398. -webkit-transition:all ease-in-out 0.4s;
  399. -o-transition:all ease-in-out 0.4s;
  400. transition:all ease-in-out 0.4s;
  401. }
  402.  
  403. #wrapper #content .post .link a:hover {
  404. opacity: 0.7;
  405. filter: alpha(opacity=70);
  406. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  407. }
  408.  
  409. #wrapper #content .post .footer {
  410. {block:ifroundedcorners}
  411. -moz-border-radius: 4px;
  412. -webkit-border-radius: 4px;
  413. border-radius: 4px;
  414. {/block:ifroundedcorners}
  415. font-family: verdana;
  416. font-size: 9px;
  417. color: {color:Permalink Text};
  418. padding: 1px 2px;
  419. border-top : 1px dashed;
  420. }
  421.  
  422. #wrapper #content .post .footer .date {
  423. width: 100%;
  424. float: left;
  425. color: {color:Permalink Text};
  426. font-size: 10px;
  427. }
  428.  
  429. #wrapper #content .post .footer .notes {
  430. width: 33%;
  431. float: right;
  432. text-align: right;
  433. color: {color:Permalink Links};
  434. }
  435.  
  436. #wrapper #content .post .footer .notes a {
  437. text-decoration: none;
  438. font-size: 9px;
  439. color: {color:Permalink Links};
  440. }
  441.  
  442. #wrapper #content .post .footer .tags a {
  443. color: {color:Permalink Links};
  444. text-decoration: none;
  445. font-size: 9px;
  446. }
  447.  
  448.  
  449. #wrapper #content .post .footer .tags .tag-commas:last-child {
  450. display: none;
  451. }
  452.  
  453. #wrapper #content .post .footer.with_source_url .source_url {
  454. color: {color:Permalink Text};
  455. float: right;
  456. max-width: 160px;
  457. overflow: hidden;
  458. white-space: nowrap;
  459. font-size: 10px;
  460. }
  461.  
  462. #wrapper #content .post .footer.with_source_url .source_url img {
  463. vertical-align: top;
  464. -moz-opacity: 0.5;
  465. opacity: 0.5;
  466. }
  467.  
  468. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  469. -moz-opacity: 0.7;
  470. opacity: 0.7;
  471. }
  472.  
  473. #wrapper #content .post a {
  474. color: #6e7173;
  475. text-decoration: none;
  476. }
  477.  
  478. #wrapper #content .post .copy blockquote {
  479. margin: 10px 0px 10px 10px;
  480. padding-left: 15px;
  481. border-left: solid 4px #dcdcdc;
  482. }
  483.  
  484. #wrapper #content .post .copy blockquote blockquote {
  485. border-left: solid 4px #cccccc;
  486. }
  487.  
  488. #wrapper #content .post .copy blockquote blockquote blockquote {
  489. border-left: solid 4px #bcbcbc;
  490. }
  491.  
  492. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  493. border-left: solid 4px #acacac;
  494. }
  495.  
  496. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  497. border-left: solid 4px #9c9c9c;
  498. }
  499.  
  500. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  501. border-left: solid 4px #8c8c8c;
  502. }
  503.  
  504. #wrapper #content .bottom {
  505. background: url;
  506. width: 513px;
  507. height: 40px;
  508. margin: 0 auto;
  509. }
  510.  
  511. #wrapper #content #navigation {
  512. text-align: right;
  513. padding-bottom: 35px;
  514. text-transform: lowercase;
  515.  
  516. }
  517.  
  518. #wrapper #content #navigation a {
  519. background-color: #fff;
  520. color: {color:Text};
  521. padding: 5px 10px;
  522. text-decoration: none;
  523. margin-left: 25px;
  524. }
  525.  
  526. #wrapper #content #navigation a:hover {
  527. opacity: 0.9;
  528. filter: alpha(opacity=90);
  529. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  530. }
  531.  
  532. .jump_page {
  533. padding: 2px 4px;
  534. font-family:verdana;
  535. font-size:10px;
  536. text-decoration:none;
  537. -moz-border-radius: 5px;
  538. -webkit-border-radius: 5px;
  539. border-radius: 5px;
  540. color:{color:Text};
  541. -moz-transition:all ease-in-out 0.4s;
  542. -webkit-transition:all ease-in-out 0.4s;
  543. -o-transition:all ease-in-out 0.4s;
  544. transition:all ease-in-out 0.4s;
  545. }
  546.  
  547. .current_page, .jump_page:hover {
  548. padding: 2px 4px;
  549. font-family:verdana;
  550. font-size:10px;
  551. text-decoration:none;
  552. -moz-border-radius: 5px;
  553. -webkit-border-radius: 5px;
  554. border-radius: 5px;
  555. color:{color:Text};
  556. opacity: 0.7;
  557. filter: alpha(opacity=70);
  558. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  559. }
  560.  
  561. #wrapper #content .post .notecontainer {
  562. background: {color:Note Container};
  563. {block:ifroundedcorners}
  564. -moz-border-radius: 4px;
  565. -webkit-border-radius: 4px;
  566. border-radius: 4px;
  567. {/block:ifroundedcorners}
  568. font-family: verdana;
  569. font-size: 9px;
  570. color: #666;
  571. margin-top: 10px;
  572. margin-bottom: -10px;
  573. }
  574.  
  575. #wrapper #content .post .notecontainer a {
  576. color: #666;
  577. text-decoration: none;
  578. }
  579.  
  580. #wrapper #content .post .notecontainer ol.notes {
  581. padding: 0px 0 10px 0;
  582. list-style-type: none;
  583. font-size: 10px;
  584. }
  585.  
  586. #wrapper #content .post .notecontainer ol.notes li.note {
  587. padding: 10px 10px 0 10px;
  588. }
  589.  
  590. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  591. vertical-align: -4px;
  592. margin-right: 10px;
  593. width: 16px;
  594. height: 16px;
  595. }
  596.  
  597. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  598. font-weight: normal;
  599. }
  600.  
  601. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  602. font-weight: normal;
  603. }
  604.  
  605. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  606. border-left: 2px solid #666;
  607. padding: 4px 10px;
  608. margin: 10px 0px 0px 25px;
  609. }
  610.  
  611. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  612. text-decoration: none;
  613. }
  614.  
  615. #wrapper #sidebar {
  616. width: 192px;
  617. position: fixed;
  618. float: right;
  619. margin-left: 20px;
  620. margin-top: 200px;
  621. font-family: verdana;
  622. color: {color:Text};
  623. }
  624.  
  625. #wrapper #sidebar a {
  626. color: {color:Text};
  627. }
  628.  
  629. #wrapper #sidebar #top {
  630. background: rgba(255,255,255, {text:opacity});
  631. padding: 4px 20px 4px 20px;
  632. {block:ifroundedcorners}
  633. -moz-border-radius: 4px;
  634. -webkit-border-radius: 4px;
  635. border-radius: 4px;
  636. {/block:ifroundedcorners}
  637. {block:ifPostGlow}
  638. -moz-box-shadow: 0px 0px 30px {color:Glow};
  639. -webkit-box-shadow: 0px 0px 30px {color:Glow};
  640. box-shadow: 0px 0px 30px {color:Glow};
  641. {/block:ifPostGlow}
  642. {block:ifpostshadows}
  643. -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
  644. -moz-box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  645. box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  646. {/block:ifpostshadows}
  647. }
  648.  
  649. #wrapper #sidebar #top #avatar {
  650. width: 146px;
  651. height: 146px;
  652. padding: 8px 0 0 9px;
  653. background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
  654. position: relative;
  655. top: -24px;
  656. left: -5px;
  657. }
  658.  
  659.  
  660.  
  661. #wrapper #sidebar #top #pages {
  662. margin-bottom: 15px;
  663. font-size: 11px;
  664. }
  665.  
  666. #wrapper #sidebar #top #pages.ask_and_submit {
  667. display: none;
  668. {block:AskEnabled}display: block;{/block:AskEnabled}
  669. {block:SubmissionsEnabled}display: block;{/block:SubmissionsEnabled}
  670. }
  671.  
  672. #wrapper #sidebar #top #pages a.page {
  673. display: block;
  674. float: left;
  675. color: #fff;
  676. padding: 4px 5px;
  677. margin: 0 5px 5px 0;
  678. {block:ifroundedcorners}
  679. -moz-border-radius: 4px;
  680. -webkit-border-radius: 4px;
  681. border-radius: 4px;
  682. {/block:ifroundedcorners}
  683. background-color: {color:Text};
  684. }
  685.  
  686. #wrapper #sidebar #top #pages a.page:last-child {
  687. margin-right: 0;
  688. }
  689.  
  690. #wrapper #sidebar #top #pages a.page:hover {
  691. opacity: 0.9;
  692. filter: alpha(opacity=90);
  693. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  694. }
  695.  
  696. #wrapper #sidebar #top #description {
  697. font-size: 11px;
  698. position: relative;
  699. top: 6px;
  700. }
  701.  
  702. #wrapper #sidebar #top #description a {
  703. color: {color:Sidebar Link};
  704. text-decoration: none;
  705. }
  706.  
  707. #wrapper #sidebar #top .heading {
  708. color: #fff;
  709. font-family: verdana;
  710. font-size: 10px;
  711. margin-top: 0px;
  712. padding: 10px;
  713. background-color: {color:Text};
  714. -webkit-border-top-left-radius: 4px;
  715. -webkit-border-top-right-radius: 4px;
  716. -moz-border-radius-topleft: 4px;
  717. -moz-border-radius-topright: 4px;
  718. border-top-left-radius: 4px;
  719. border-top-right-radius: 4px;
  720. }
  721.  
  722. #wrapper #sidebar #top a .heading {
  723. color: #fff;
  724. text-decoration: none;
  725. }
  726.  
  727. #wrapper #sidebar #top .heading#twitter:hover {
  728. opacity: 0.9;
  729. filter: alpha(opacity=90);
  730. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  731. }
  732.  
  733. #wrapper #sidebar #top .content {
  734. margin-top: 2px;
  735. padding: 7px 10px;
  736. background: #eaeaea;
  737. color: #666;
  738. font-size: 10px;
  739. overflow: hidden;
  740. }
  741.  
  742. #wrapper #sidebar #top a {
  743. text-decoration: none;
  744. }
  745.  
  746. #kitten {
  747. img-align: center;
  748. margin-left:-16px;
  749. margin-top:-6px;
  750. max-width:184px;
  751. {block:ifroundedcorners}
  752. -moz-border-radius: 4px;
  753. -webkit-border-radius: 4px;
  754. border-radius: 4px;
  755. {/block:ifroundedcorners}
  756. opacity:0.7;
  757. -moz-transition:all ease-in-out 0.6s;
  758. -webkit-transition:all ease-in-out 0.6s;
  759. -o-transition:all ease-in-out 0.6s;
  760. transition:all ease-in-out 0.6s;
  761. }
  762.  
  763. #wrapper #sidebar #bottom {
  764. background: url('') top left no-repeat transparent;
  765. width: 186px;
  766. height: 15px;
  767. }
  768.  
  769. {block:ifSideButtons}
  770.  
  771. #gomaeda {
  772. margin-left:-50px;
  773. margin-top:-75px;
  774. padding-top: 5px;
  775. padding-bottom: 5px;
  776. display: inline-block;
  777. float: left;
  778. text-align: center;
  779. }
  780.  
  781. #gomaeda a{
  782. width: 30px;
  783. height: 10px;
  784. background: rgba(255,255,255, {text:opacity});
  785. padding:3px;
  786. line-height:0px;
  787. margin-top: 3px;
  788. display:inline-block;
  789. {block:ifroundedcorners}
  790. -moz-border-radius: 4px;
  791. -webkit-border-radius: 4px;
  792. border-radius: 4px;
  793. {/block:ifroundedcorners}
  794. {block:ifPostGlow}
  795. -moz-box-shadow: 0px 0px 30px {color:Glow};
  796. -webkit-box-shadow: 0px 0px 30px {color:Glow};
  797. box-shadow: 0px 0px 30px {color:Glow};
  798. {/block:ifPostGlow}
  799. {block:ifpostshadows}
  800. -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
  801. -moz-box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  802. box-shadow:4px 4px 0px rgba(0, 0, 0, 0.2);
  803. {/block:ifpostshadows}
  804. }
  805.  
  806. #gomaeda a:hover{
  807. text-align:center;
  808. width: 30px;
  809. margin-left: -5px;
  810. transition: transform 0.7s;
  811. -webkit-transition: -webkit-transform 0.7s;
  812. }
  813.  
  814. {/block:ifSideButtons}
  815.  
  816. #wrapper #sidebar #copyright {
  817. text-align: center;
  818. color: #fff;
  819. font-size: 10px;
  820. margin-bottom: 0px;
  821. }
  822.  
  823. #wrapper #sidebar #copyright a {
  824. color: #fff;
  825. margin-left: 15px;
  826. }
  827. #wrapper #sidebar .navi {
  828. width:150px;
  829. padding:2px;
  830. background-color:{color:Navigation};
  831. color:#9090;
  832. letter-spacing: 0px;
  833. font-family: verdana;
  834. border: 0px;
  835. font-size: 10px;
  836. }
  837.  
  838. </style>
  839. <!--[if lt IE 7.]>
  840. <style type="text/css">
  841. #wrapper #sidebar #bottom {
  842. background: transparent;
  843. }
  844.  
  845. #wrapper #sidebar #top #avatar {
  846. background: none;
  847. }
  848.  
  849. #wrapper #sidebar #top #avatar img {
  850. border: 5px solid #f1f1f1;
  851. }
  852.  
  853. #wrapper #sidebar #top .heading#twitter {
  854. background-image: none;
  855. }
  856.  
  857. #wrapper #sidebar #top .heading#following {
  858. background-image: none;
  859. }
  860.  
  861. #wrapper #content .post .audio .player {
  862. float: none;
  863. }
  864.  
  865. #wrapper #content .post .audio .meta {
  866. display: none;
  867. float: none;
  868. }
  869. </style>
  870. <![endif]-->
  871.  
  872. <!--[if lt IE 8.]>
  873. <style type="text/css">
  874. #wrapper #content .bottom {
  875. background: transparent;
  876. }
  877.  
  878. #wrapper #content .post .footer {
  879. font-size: 9px;
  880. color: {color:Permalink Text};
  881. padding: 2px 2px;
  882. line-height: 13px;
  883. margin-top: 4px;
  884. border-top : 1px dashed;
  885. }
  886.  
  887. #wrapper #content .post .audio {
  888. float: none;
  889. background: transparent;
  890. }
  891.  
  892. </style>
  893. <![endif]-->
  894. <style type="text/css">{CustomCSS}</style>
  895. </head>
  896. <body>
  897. <div id="wrapper">
  898. <div id="">
  899. <a href="/">
  900. </a>
  901. </div>
  902. <div id="content">
  903.  
  904. {block:Posts}
  905.  
  906. <div class="post">
  907. {block:Photo}
  908. <div class="media">{LinkOpenTag}{block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400px}{block:if500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500px}{LinkCloseTag}</div>
  909. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  910. {/block:Photo}
  911.  
  912. {block:Video}
  913. <div class="media">{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</div>
  914. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  915. {/block:Video}
  916.  
  917. {block:Audio}
  918. {block:AudioEmbed}
  919. {AudioEmbed}
  920. {/block:AudioEmbed}
  921.  
  922. {block:AudioPlayer}
  923. {block:IfShowAlbumArtOnAudioPosts}
  924. {block:AlbumArt}
  925. <div class="album_art">
  926. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  927.  
  928. </div>
  929.  
  930. {/block:AlbumArt}
  931. {/block:IfShowAlbumArtOnAudioPosts}
  932.  
  933. <div class="audio">
  934. <div class="player">{AudioPlayerWhite}</div>
  935. <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>
  936. <div class="clear"></div>
  937. </div>
  938.  
  939. {/block:AudioPlayer}
  940. <div class="clear"></div>
  941. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  942. {/block:Audio}
  943.  
  944. {block:Quote}
  945. <div class="quote {Length}">{Quote}</div>
  946. <div class="copy">
  947. <div class="quotebg">“</div>
  948. {block:Source}
  949. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  950. <tr>
  951. <td valign="top" style="width:20px;">&mdash;</td>
  952. <td valign="top" class="quote_source">
  953. {Source}
  954. </td>
  955. </tr>
  956. </table>
  957. {/block:Source}
  958. </div>
  959. {/block:Quote}
  960.  
  961. {block:Text}
  962. {block:Title}<div class="title">{Title}</div>{/block:Title}
  963. <div class="copy">{Body}</div>
  964. {/block:Text}
  965.  
  966. {block:Answer}
  967. <div class="question">
  968. <div class="nipple"></div>
  969. <b>{Asker};</b> "{Question}"
  970. </div>
  971. <div class="asker_container"></div>
  972. <div class="copy">{Answer}</div>
  973. {/block:Answer}
  974.  
  975. {block:Chat}
  976. {block:Title}<div class="title">{Title}</div>{/block:Title}
  977. <div class="chat">
  978. <div class="lines">
  979.  
  980. {block:Lines}
  981. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  982. {/block:Lines}
  983.  
  984. </div>
  985. </div>
  986. <div class="clear"></div>
  987. <div style="height:10px;"></div>
  988. {/block:Chat}
  989.  
  990. {block:Link}
  991. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  992. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  993. {/block:Link}
  994.  
  995. {block:Date}
  996. <div class="footer for_permalink">
  997. <div class="date">
  998.  
  999. {block:Reblog}
  1000. reblogged {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} ･ <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  1001. {block:ContentSource} ･ <a href="{SourceURL}"> source</a>
  1002. {/block:ContentSource} ･ <a href="{ReblogURL}" target="_blank">reblog</a>
  1003.  
  1004. {/block:Reblog}
  1005. {block:NotReblog}
  1006. posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1007. {/block:NotReblog}
  1008.  
  1009. {block:IfShowTags}
  1010. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
  1011. {/block:IfShowTags}</div><div class="clear"></div></div>
  1012. {/block:Date}
  1013.  
  1014. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1015.  
  1016. {block:IfDisqusShortname}
  1017. {block:Permalink}
  1018. {/block:Permalink}
  1019. {/block:IfDisqusShortname}
  1020.  
  1021. </div>
  1022. <div class="bottom"></div>
  1023.  
  1024. {/block:Posts}
  1025.  
  1026. </div>
  1027.  
  1028.  
  1029. <div id="sidebar">
  1030. <div id="top"><a href="/"><div style="position:absolute; bottom:{text:Sidebar Image Bottom}px; left:{text:Sidebar Image Left}px;"><img src="{image:Sidebar}"></div></a><div id="description"><a href="/"><img id="kitten" src="{image:Description Image}" /></a>
  1031. <center>
  1032. {block:ifDescriptionNavigation}<sub>･ <a href="/">home</a> ･ <a href="/ask">ask</a> ･ <a href="submit">submit</a> ･</sub><p>
  1033. {/block:ifDescriptionNavigation}
  1034. <div style="color:{color:Sidebar Text}">{Description}</div><p>{block:Pagination}
  1035. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
  1036. {block:JumpPagination length="3"}
  1037. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1038. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1039. {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
  1040. {/block:Pagination}<p>
  1041. <select onChange="location=this.options[this.selectedIndex].value;" style="font:10px verdana;color:{color:links};background-color:{color:Menu};border:1px solid {color:Menu Border};-webkit-appearance: none;text-align:center;margin-top:2px; -moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;">
  1042. <option value="">{text:Menu Title}</option>
  1043. {block:iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1}
  1044. {block:iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2}
  1045. {block:iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3}
  1046. {block:iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4}
  1047. {block:iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5}
  1048. {block:iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:iflink6}
  1049. {block:iflink7}<option value="{text:link 7 url}">{text:link 7 title}</option>{/block:iflink7}
  1050. {block:iflink8}<option value="{text:link 8 url}">{text:link 8 title}</option>{/block:iflink8}
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059. <!--
  1060. ----------------------------------------------------------------------
  1061. PLEASE DO NOT REMOVE THE CREDIT (LOTS OF ANGER) UUGHHH
  1062. (you're allowed to place the credit elsewhere, like on a credit page so
  1063. long as you have credit to me somewhere on your blog)
  1064. ----------------------------------------------------------------------
  1065. -->
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093. <option value="http://hiccupkind.tumblr.com/">theme</option><br />
  1094. </select>
  1095. <form></div></form>
  1096. </center></center></select></center><div id="rhr2"></div>
  1097. </div><div id="res2"></div><div id="res">
  1098. </div><div id="spac"></div>
  1099. {block:ifSideButtons}
  1100. <div id="gomaeda">
  1101. <a href="/"><img src="http://static.tumblr.com/utqap6x/h6rmp3d91/tumblr_inline_mn2m1bdric1qz4rgp.png"></a>&nbsp;<br><div id="spac"></div>
  1102. <a href="/ask"><img src="http://media.tumblr.com/a0d4166dc5d31df9addbd43943fa61df/tumblr_inline_mortm5nKXU1qz4rgp.png"></a>&nbsp;<br><div id="spac"></div>
  1103. <a href="/submit"><img src="http://media.tumblr.com/0326549b2c1e6312f0312d2347782a80/tumblr_inline_mortnoK5Ru1qz4rgp.png"></a>&nbsp;<br><div id="spac"></div>
  1104. {/block:ifSideButtons}
  1105.  
  1106. </div></div></div><div id="bottom">
  1107.  
  1108. <img src="{image:Left Bottom Image}" style="position:fixed;
  1109. max-height: 100%;
  1110. max-width: 500px;
  1111. left:0px;
  1112. bottom:0px;
  1113. z-index:-9;
  1114. ">
  1115.  
  1116. </body>
  1117. </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!