API tools faq
paste
Advertisement
mogimochi

Theme [22] Ombres

mogimochi
Apr 13th, 2013
22,133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 22 Ombres
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. ---------------------------------------------------------- VER 200618 -->
  16.  
  17. <meta name="text:username" content="user">
  18. <meta name="text:link 1 text" content="link 1">
  19. <meta name="text:link 1 url" content="/">
  20. <meta name="text:link 2 text" content="link 2">
  21. <meta name="text:link 2 url" content="/">
  22. <meta name="text:link 3 text" content="link 3">
  23. <meta name="text:link 3 url" content="/">
  24. <meta name="text:link 4 text" content="link 4">
  25. <meta name="text:link 4 url" content="/">
  26.  
  27. <meta name="color:background" content="#ffffff">
  28. <meta name="color:scrollbar" content="#d79e9e">
  29. <meta name="color:tooltips background" content="#000000">
  30. <meta name="color:tooltips text" content="#ffffff">
  31. <meta name="color:text highlight" content="#d79e9e">
  32. <meta name="color:custom links background" content="#ffffff">
  33. <meta name="color:custom links bar" content="#aaaaaa">
  34. <meta name="color:custom links bar hover 1" content="#FFB7A5">
  35. <meta name="color:custom links bar hover 2" content="#EDB9B5">
  36. <meta name="color:custom links bar hover 3" content="#DABCC6">
  37. <meta name="color:custom links bar hover 4" content="#C8BED6">
  38. <meta name="color:bottom bar background" content="#5b5250">
  39. <meta name="color:bottom bar text" content="#bbbbbb">
  40. <meta name="color:bottom bar border" content="#d79e9e">
  41. <meta name="color:title background" content="#5b5250">
  42. <meta name="color:title text" content="#d7cbc4">
  43. <meta name="color:title accent" content="#ffb7a5">
  44. <meta name="color:sidebar background" content="#f8f8f8">
  45. <meta name="color:sidebar border" content="#e2e2e2">
  46. <meta name="color:description text" content="#727272">
  47. <meta name="color:description bold" content="#9c8db0">
  48. <meta name="color:description italic" content="#bebebe">
  49. <meta name="color:description links" content="#ffb7a5">
  50. <meta name="color:description links hover" content="#aaaaaa">
  51. <meta name="color:navigation icon colour" content="#aaaaaa">
  52. <meta name="color:navigation icon colour hover" content="#d4998a">
  53. <meta name="color:search button background" content="#ffb7a5">
  54. <meta name="color:search button text" content="#ffffff">
  55. <meta name="color:pagination background" content="#cb7785">
  56. <meta name="color:pagination background hover" content="#7d6f6b">
  57. <meta name="color:pagination text" content="#ffffff">
  58. <meta name="color:post background" content="#f8f8f8">
  59. <meta name="color:post border" content="#e2e2e2">
  60. <meta name="color:post header background" content="#5b5250">
  61. <meta name="color:post header text" content="#ffffff">
  62. <meta name="color:post header text hover" content="#ffb7a5">
  63. <meta name="color:post header reblog symbol" content="#a29c93">
  64. <meta name="color:post header accent" content="#ffb7a5">
  65. <meta name="color:post permalink" content="#525252">
  66. <meta name="color:permalink icons" content="#777777">
  67. <meta name="color:permalink reblog icon hover" content="#edb9b5">
  68. <meta name="color:permalink permalink icon hover" content="#dabcc6">
  69. <meta name="color:permalink tags icon hover" content="#c8bed6">
  70. <meta name="color:tags" content="#868686">
  71. <meta name="color:tags underline" content="#d4d4d4">
  72. <meta name="color:tags underline hover" content="#d79e9e">
  73. <meta name="color:body" content="#777777">
  74. <meta name="color:body bold" content="#d79e9e">
  75. <meta name="color:body italic" content="#ababab">
  76. <meta name="color:body links" content="#b36472">
  77. <meta name="color:body links underline" content="#e2e2e2">
  78. <meta name="color:body links hover" content="#b36472">
  79. <meta name="color:body links underline hover" content="#bbbbbb">
  80. <meta name="color:body blockquote" content="#e2e2e2">
  81. <meta name="color:post title background" content="#eeeeee">
  82. <meta name="color:post title border" content="#e2e2e2">
  83. <meta name="color:post title" content="#555555">
  84. <meta name="color:link post hover" content="#d79e9e">
  85. <meta name="color:link post hover text" content="#ffffff">
  86. <meta name="color:post quote" content="#444444">
  87. <meta name="color:post quote source" content="#888888">
  88. <meta name="color:chat post text" content="#888888">
  89. <meta name="color:chat post odd name" content="#ffffff">
  90. <meta name="color:chat post odd name background" content="#edb9b5">
  91. <meta name="color:chat post even name" content="#ffffff">
  92. <meta name="color:chat post even name background" content="#5b5250">
  93. <meta name="color:ask blockquote" content="#e2e2e2">
  94. <meta name="color:asker background" content="#eeeeee">
  95. <meta name="color:asker border" content="#e2e2e2">
  96. <meta name="color:asker text" content="#555555">
  97. <meta name="color:asker link" content="#000000">
  98. <meta name="color:asker link hover" content="#aaaaaa">
  99.  
  100. <meta name="if:400px posts" content="0">
  101. <meta name="if:bottom bar icon is avatar" content="1">
  102. <meta name="if:saturate photos on hover" content="1">
  103.  
  104. <meta name="image:sidebar" content="">
  105. <meta name="image:background" content="">
  106. <meta name="image:bottom bar icon" content="">
  107.  
  108. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  109. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  110. <link rel="shortcut icon" href="{Favicon}" />
  111.  
  112. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  113.  
  114. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  115. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  116. <script>
  117. (function($){
  118. $(document).ready(function(){
  119. $("a[title]").style_my_tooltips({
  120. tip_follows_cursor:true,
  121. tip_delay_time:0,
  122. tip_fade_speed:300,
  123. attribute:"title"
  124. });
  125. });
  126. })(jQuery);
  127. </script>
  128.  
  129. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  130.  
  131. <!--JAVA-->
  132. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  133. <script>
  134. $(document).ready(function(){
  135.  
  136. $("#btn-search").click(function(){
  137. $(".sb-search").slideToggle();
  138. });
  139.  
  140. $(".btn-tags").click(function(){
  141. var location = $(this).parent().parent();
  142. $(".entry-tags",location).slideToggle("slow");
  143. });
  144.  
  145. // fix found by joekarl on stackoverflow
  146. // https://stackoverflow.com/questions/6347016/apply-function-to-only-one-div-class-not-all
  147.  
  148. });
  149. </script>
  150. <!--END JAVA-->
  151.  
  152. <style type="text/css">
  153.  
  154. @font-face { font-family: "calib"; src: url('https://dl.dropboxusercontent.com/s/e1s1sy28kkfbrxt/Calibri.ttf'); }
  155.  
  156. ::-webkit-scrollbar { width: 7px; background-color: {color:background}; }
  157. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  158. ::-webkit-scrollbar-thumb:vertical {
  159. width: 7px;
  160. background-color: {color:scrollbar};
  161. }
  162.  
  163. ::selection {
  164. color: #fff;
  165. background-color: {color:text highlight};
  166. }
  167.  
  168. ::-moz-selection {
  169. color: #fff;
  170. background-color: {color:text highlight};
  171. }
  172.  
  173. #s-m-t-tooltip {
  174. z-index: 1000000000000000000000000000000000000;
  175. max-width: 300px;
  176. background-color: rgba({RGBcolor:tooltips background},0.8);
  177. color: {color:tooltips text};
  178. text-transform: uppercase;
  179. letter-spacing: 2px;
  180. font-family: courier new;
  181. font-size: 8px;
  182. padding: 2px 6px;
  183. margin: 20px 0 0 20px;
  184. }
  185.  
  186. body {
  187. background-color: {color:background};
  188. background-image: url({image:background});
  189. background-attachment: fixed;
  190. margin: 0;
  191. word-wrap: break-word;
  192. }
  193. a { text-decoration:none; }
  194.  
  195. .sidebar {
  196. position: fixed;
  197. top: 80px;
  198. left: 80px;
  199. z-index: 5;
  200. }
  201.  
  202. .sbimgcon {
  203. width: 160px;
  204. padding: 15px;
  205. background-attachment: fixed;
  206. background-image: url({image:background});
  207. }
  208.  
  209. .sbimg {
  210. width: 160px;
  211. }
  212.  
  213. .sbnav {
  214. position: fixed;
  215. z-index: 4;
  216. top: 140px;
  217. left: 0;
  218. }
  219.  
  220. .sbnavi {
  221. border-top: 4px solid {color:custom links background};
  222. border-bottom: 4px solid {color:custom links background};
  223. border-right: 8px solid {color:custom links background};
  224. background-color: {color:custom links bar};
  225. height: 1px;
  226. border-radius: 0 100px 100px 0;
  227. margin-bottom: 10px;
  228. transition: 5s;
  229. }
  230.  
  231. .sbn1 { width: 330px; }
  232. .sbn2 { width: 370px; }
  233. .sbn3 { width: 310px; }
  234. .sbn4 { width: 350px; }
  235.  
  236. .sbn1:hover { background-color: {color:custom links bar hover 1}; transition: 0.4s; }
  237. .sbn2:hover { background-color: {color:custom links bar hover 2}; transition: 0.4s; }
  238. .sbn3:hover { background-color: {color:custom links bar hover 3}; transition: 0.4s; }
  239. .sbn4:hover { background-color: {color:custom links bar hover 4}; transition: 0.4s; }
  240.  
  241. .sb-title {
  242. font-family: courier new;
  243. font-size: 10px;
  244. color: {color:title text};
  245. text-transform: uppercase;
  246. letter-spacing: 2px;
  247. padding: 4px 5px;
  248. text-align: right;
  249. border-right: 19px solid {color:title accent};
  250. background-color: {color:title background};
  251. width: 181px;
  252. margin-top: 20px;
  253. margin-left: -10px;
  254. }
  255.  
  256. .sb-desc {
  257. width: 178px;
  258. padding: 10px 15px;
  259. border: 1px solid {color:sidebar border};
  260. border-top: none;
  261. font-family: calibri, calib;
  262. font-size: 12px;
  263. line-height: 15px;
  264. color: {color:description text};
  265. text-align: justify;
  266. background-color: {color:sidebar background};
  267. margin-left: -10px;
  268. }
  269.  
  270. .sb-desc b,strong {
  271. color: {color:description bold};
  272. }
  273.  
  274. .sb-desc i,em {
  275. color: {color:description italic};
  276. }
  277.  
  278. .sb-desc a {
  279. color: {color:description links};
  280. text-decoration: underline;
  281. transition: 0.8s;
  282. }
  283.  
  284. .sb-desc a:hover {
  285. color: {color:description links hover};
  286. }
  287.  
  288. .sb-nav-b {margin-left: -10px;}
  289.  
  290. .nav {
  291. width: 51px;
  292. height: 51px;
  293. font-size: 14px;
  294. color: {color:navigation icon colour};
  295. background-color: {color:sidebar background};
  296. border-left: 1px solid {color:sidebar border};
  297. border-bottom: 1px solid {color:sidebar border};
  298. float: left;
  299. text-align: center;
  300. line-height: 51px;
  301. cursor: pointer;
  302. transition: 0.6s;
  303. }
  304.  
  305. .nav:hover { color: {color:navigation icon colour hover}; }
  306.  
  307. .nav-4 { border-right: 1px solid #e2e2e2; width: 52px; }
  308.  
  309.  
  310. .sb-search {
  311. width: 208px;
  312. border-left: 1px solid {color:sidebar border};
  313. border-right: 1px solid {color:sidebar border};
  314. border-bottom: 1px solid {color:sidebar border};
  315. background-color: {color:sidebar background};
  316. margin-top: 51px;
  317. margin-left: -10px;
  318. }
  319.  
  320. #sf {
  321. padding: 10px;
  322. width: 131px;
  323. }
  324.  
  325. #sb {
  326. width: 53px;
  327. font-family: calibri, calib;
  328. font-size: 10px;
  329. background-color: {color:search button background};
  330. padding: 11px 15px 10px 14px;
  331. color: {color:search button text};
  332. }
  333.  
  334. .sfm input {
  335. background-color: {color:sidebar background};
  336. font-size: 12px;
  337. border: 0;
  338. outline: none;
  339. text-transform: uppercase;
  340. color: {color:description text};
  341. letter-spacing: 1px;
  342. padding: 4px 8px;
  343. font-family: calibri, calib;
  344. margin-left: 0;
  345. }
  346.  
  347. .sb-search { display: none; }
  348.  
  349. .bottombar {
  350. height: 40px;
  351. width: 100%;
  352. position: fixed;
  353. bottom: 0;
  354. left: 0;
  355. background-color: {color:bottom bar background};
  356. border-bottom: 4px solid {color:bottom bar border};
  357. }
  358.  
  359. .bottomleft, .bottomright {
  360. position: fixed;
  361. bottom: 4px;
  362. left: 0;
  363. padding: 8px;
  364. }
  365.  
  366. .bb-icon {
  367. width: 24px;
  368. height: 24px;
  369. border-radius: 4px;
  370. display: block;
  371. float: left;
  372. }
  373.  
  374. .bb-title {
  375. margin-left: 10px;
  376. font-family: calibri, calib;
  377. line-height: 24px;
  378. font-size: 10px;
  379. text-transform: uppercase;
  380. letter-spacing: 2px;
  381. color: {color:bottom bar text};
  382. float: left;
  383. }
  384.  
  385. .bottomright {
  386. right: 0;
  387. text-align: right;
  388. font-family: calibri, calib;
  389. font-size: 10px;
  390. text-transform: uppercase;
  391. letter-spacing: 1px;
  392. padding: 6px 8px;
  393. color: {color:bottom bar text};
  394. }
  395.  
  396. .bottomright a {color: {color:bottom bar text};}
  397.  
  398. .pagination {
  399. z-index: 5;
  400. position: fixed;
  401. bottom: 0px;
  402. left: 470px;
  403. width: 542px;
  404. text-align: center;
  405. font-family: calibri, calib;
  406. font-size: 12px;
  407. height: 40px;
  408. line-height: 40px;
  409. }
  410.  
  411. .pagination a {
  412. color: {color:pagination text};
  413. padding: 2px 6px;
  414. font-size: 10px;
  415. margin: 0 2px;
  416. }
  417.  
  418. .pagination .jump_page {
  419. color: {color:pagination text};
  420. background-color: {color:pagination background};
  421. padding: 2px 6px;
  422. font-size: 12px;
  423. margin: 0 2px;
  424. transition: 0.6s;
  425. }
  426.  
  427. .pagination .jump_page:hover {
  428. background-color: #7d6f6b;
  429. }
  430.  
  431. .pagination .current_page {
  432. color: {color:pagination text};
  433. font-size: 12px;
  434. padding: 2px 6px;
  435. margin: 0 2px;
  436. }
  437.  
  438. #content {
  439. margin: 40px 0 100px 470px;
  440. {block:ifnot400pxposts}width: 542px;{/block:ifnot400pxposts}
  441. {block:if400pxposts}width: 442px;{/block:if400pxposts}
  442. }
  443.  
  444. .entry {
  445. {block:ifnot400pxposts}width: 542px;{/block:ifnot400pxposts}
  446. {block:if400pxposts}width: 442px;{/block:if400pxposts}
  447. margin-bottom: 60px;
  448. }
  449.  
  450. .entry-header {
  451. {block:ifnot400pxposts}width: 542px;{/block:ifnot400pxposts}
  452. {block:if400pxposts}width: 442px;{/block:if400pxposts}
  453. background-color: {color:post header background};
  454. height: 24px;
  455. }
  456.  
  457. .entryhdr-type {
  458. position: absolute;
  459. width: 24px;
  460. height: 24px;
  461. background-color: {color:post header accent};
  462. text-align: center;
  463. line-height: 26px;
  464. font-size: 12px;
  465. {block:ifnot400pxposts}margin-left: 518px;{/block:ifnot400pxposts}
  466. {block:if400pxposts}margin-left: 418px;{/block:if400pxposts}
  467. }
  468.  
  469. .entryhdr-txt {
  470. font-family: courier new;
  471. font-size: 8px;
  472. text-transform: uppercase;
  473. letter-spacing: 2px;
  474. color: {color:post header reblog symbol};
  475. line-height: 26px;
  476. padding-left: 8px;
  477. }
  478.  
  479. .entryhdr-txt a {
  480. font-size: 10px;
  481. color: {color:post header text};
  482. transition: 0.6s;
  483. }
  484. .entryhdr-txt a:hover {
  485. color: {color:post header text hover};
  486. }
  487.  
  488. .entry-content {
  489. {block:ifnot400pxposts}max-width: 500px;{/block:ifnot400pxposts}
  490. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  491. padding: 20px;
  492. background-color: {color:post background};
  493. border-left: 1px solid {color:post border};
  494. border-bottom: 1px solid {color:post border};
  495. border-right: 1px solid {color:post border};
  496. }
  497.  
  498. .entry-permalink {
  499. border-left: 1px solid {color:post border};
  500. border-bottom: 1px solid {color:post border};
  501. border-right: 1px solid {color:post border};
  502. background-color: {color:post background};
  503. height: 40px;
  504. line-height: 40px;
  505. font-family: calibri, calib;
  506. font-size: 12px;
  507. padding-left: 14px;
  508. color: {color:post permalink};
  509. {block:ifnot400pxposts}width: 526px;{/block:ifnot400pxposts}
  510. {block:if400pxposts}width: 426px;{/block:if400pxposts}
  511. }
  512.  
  513. .entryp {
  514. width: 40px;
  515. height: 40px;
  516. text-align: center;
  517. line-height: 45px;
  518. font-size: 14px;
  519. position: absolute;
  520. color: {color:permalink icons};
  521. cursor: pointer;
  522. transition: 0.6s;
  523. }
  524.  
  525. {block:if400pxposts}
  526. .etp-reblog { margin-left: 385px; border-left: 1px solid {color:post border};}
  527. .etp-perma { margin-left: 344px; border-left: 1px solid {color:post border};}
  528. .etp-tags { margin-left: 303px; border-left: 1px solid {color:post border};}
  529. {/block:if400pxposts}
  530.  
  531. {block:ifnot400pxposts}
  532. .etp-reblog { margin-left: 485px; border-left: 1px solid {color:post border};}
  533. .etp-perma { margin-left: 444px; border-left: 1px solid {color:post border};}
  534. .etp-tags { margin-left: 403px; border-left: 1px solid {color:post border};}
  535. {/block:ifnot400pxposts}
  536.  
  537. .etp-reblog:hover { color: {color:permalink reblog icon hover}; }
  538. .etp-perma:hover { color: {color:permalink permalink icon hover}; }
  539. .etp-tags:hover { color: {color:permalink tags icon hover}; }
  540.  
  541. .entry-tags {
  542. background-color: {color:post border};
  543. font-family: courier new;
  544. text-transform: uppercase;
  545. font-size: 10px;
  546. font-style: italic;
  547. border-left: 1px solid {color:post border};
  548. border-bottom: 1px solid {color:post border};
  549. border-right: 1px solid {color:post border};
  550. padding: 10px 12px;
  551. text-align: center;
  552. display: none;
  553. line-height: 18px;
  554. }
  555.  
  556. .entry-tags a {
  557. margin: 0 6px;
  558. color: #666;
  559. transition: 0.6s;
  560. padding-bottom: 1px;
  561. border-bottom: 2px solid {color:tags underline};
  562. }
  563.  
  564. .entry-tags a:hover {
  565. border-bottom: 2px solid {color:tags underline hover};
  566. }
  567.  
  568. .entry-body {
  569. font-family: calibri, calib;
  570. font-size: 13px;
  571. color: {color:body};
  572. }
  573.  
  574. .entry-body b,strong, .perma-info b,strong {
  575. color: {color:body bold};
  576. }
  577.  
  578. .entry-body i,em, .perma-info i,em {
  579. color: {color:body italic};
  580. }
  581.  
  582. .entry-body a, .entry-quotesrc a, .perma-info a, .perma-notes a {
  583. color: {color:body links} ;
  584. border-bottom: 1px solid {color:body links underline} ;
  585. transition: 0.6s;
  586. }
  587.  
  588. .entry-body a:hover, .entry-quotesrc a:hover, .perma-info a:hover, .perma-notes a:hover {
  589. color: {color:body links hover};
  590. border-bottom: 1px solid {color:body links underline hover} ;
  591. }
  592.  
  593. blockquote {
  594. margin: 0 5px;
  595. padding: 0 20px;
  596. border-left: 1px solid {color:blockquote};
  597. }
  598.  
  599. .entry img {
  600. max-width: 100%;
  601. }
  602.  
  603. .entry-title, .entry-link {
  604. font-family: courier new;
  605. font-size: 10px;
  606. text-transform: uppercase;
  607. letter-spacing: 1px;
  608. padding: 6px 6px 4px 6px;
  609. background-color: {color:post title background};
  610. border: 1px solid {color:post title border};
  611. text-align: left;
  612. color: {color:post title};
  613. transition: 0.6s;
  614. }
  615.  
  616. .entry-link:hover {
  617. background-color: {color:link post hover};
  618. border: 1px solid {color:link post hover};
  619. color: {color:link post hover text};
  620. }
  621.  
  622. {block:ifsaturatephotosonhover}
  623.  
  624. .entry-photo {
  625. filter: saturate(0.4);
  626. transition: 1.0s;
  627. }
  628.  
  629. .entry-photo:hover {
  630. filter: saturate(1);
  631. }
  632.  
  633. {/block:ifsaturatephotosonhover}
  634.  
  635. .entry-quote {
  636. font-family: calibri, calib;
  637. font-size: 20px;
  638. text-align: center;
  639. color: {color:post quote};
  640. }
  641.  
  642. .entry-quotesrc {
  643. font-family: courier;
  644. font-size: 10px;
  645. text-transform: uppercase;
  646. letter-spacing: 2px;
  647. text-align: center;
  648. margin-top: 20px;
  649. color: {color:post quote source};
  650. }
  651.  
  652. .line {
  653. font-family: calibri, calib;
  654. font-size: 12px;
  655. color: {color:chat post text};
  656. margin: 5px 0;
  657. }
  658.  
  659. .name {
  660. font-family: courier;
  661. font-size: 10px;
  662. text-transform: uppercase;
  663. letter-spacing: 1px;
  664. padding: 2px 4px 1px 4px;
  665. background-color: #000;
  666. margin-right: 5px;
  667. letter-spacing: 1px;
  668. }
  669.  
  670. .even .name { background-color: {color:chat post even name background}; color: {color:chat post even name};}
  671. .odd .name { background-color: {color:chat post odd name background}; color: {color:chat post odd name};}
  672.  
  673. .perma-info {
  674. background-color: {color:post background};
  675. {block:ifnot400pxposts}width: 500px;{/block:ifnot400pxposts}
  676. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  677. padding: 20px;
  678. font-family: calibri, calib;
  679. font-size: 12px;
  680. color: {color:body};
  681. border-left: 1px solid {color:post border};
  682. border-bottom: 1px solid {color:post border};
  683. border-right: 1px solid {color:post border};
  684. }
  685.  
  686. .perma-tags a {
  687. margin-right: 5px;
  688. }
  689.  
  690. .perma-src {
  691. width: 90px;
  692. {block:ifnot400pxposts}margin-left: 420px;{/block:ifnot400pxposts}
  693. {block:if400pxposts}margin-left: 320px;{/block:if400pxposts}
  694. position: absolute;
  695. }
  696.  
  697. .perma-src a { border-bottom: 0; margin-left: 10px; }
  698. .perma-src a:hover { border-bottom: 0;}
  699.  
  700. .perma-notes {
  701. background-color: {color:post background};
  702. {block:ifnot400pxposts}width: 540px;{/block:ifnot400pxposts}
  703. {block:if400pxposts}width: 440px;{/block:if400pxposts}
  704. border-left: 1px solid {color:post border};
  705. border-right: 1px solid {color:post border};
  706. font-family: calibri, calib;
  707. font-size: 12px;
  708. color: #444;
  709. margin-top: -13px;
  710. }
  711.  
  712. ol.notes {
  713. padding: 0px;
  714. list-style-type: none;
  715. border-bottom: 1px solid {color:post border};
  716. }
  717.  
  718. ol.notes li.note {
  719. border-top: 1px solid {color:post border};
  720. padding: 10px;
  721. }
  722.  
  723. ol.notes li.note img.avatar {
  724. vertical-align: -4px;
  725. margin-right: 10px;
  726. width: 16px;
  727. height: 16px;
  728. border-bottom: none;
  729. }
  730.  
  731. ol.notes blockquote { margin-top: 10px; }
  732.  
  733. ol.notes a { border-bottom: none; }
  734. ol.notes a:hover { border-bottom: none; }
  735.  
  736. .asker-icon {
  737. width: 40px;
  738. height: 40px;
  739. padding-right: 15px;
  740. }
  741.  
  742. .asker-qn-c {text-align: left;}
  743.  
  744. .asker-qn {
  745. font-family: calibri, calib;
  746. font-size: 12px;
  747. font-weight: 400;
  748. border-left: 1px solid {color:ask blockquote};
  749. padding: 15px 0 5px 15px;
  750. text-align: left;
  751. }
  752.  
  753. .asker-who {
  754. text-align: left;
  755. font-family: courier new;
  756. font-weight: 400;
  757. font-size: 10px;
  758. text-transform: uppercase;
  759. letter-spacing: 1px;
  760. padding: 6px 6px 4px 6px;
  761. background-color: {color:asker background};
  762. border: 1px solid {color:asker border};
  763. text-align: left;
  764. color: {color:asker text};
  765. margin-left: 2px;
  766. margin-bottom: 50px;
  767. transition: 0.6s;
  768. }
  769.  
  770. .asker-who a {
  771. color: #000;
  772. transition: 0.6s;
  773. }
  774.  
  775. .asker-who a:hover {
  776. color: {color:asker link hover};
  777. }
  778.  
  779.  
  780. {CustomCSS}
  781.  
  782. </style>
  783. </head>
  784. <body>
  785.  
  786. <div id="content">
  787.  
  788. {block:Posts}
  789.  
  790. <div class="entry" id="{PostID}">
  791.  
  792. <div class="entry-header">
  793. <div class="entryhdr-type"></div><!--entryhdr-type-->
  794. <div class="entryhdr-txt">
  795. {block:indexpage}{block:date}
  796. {block:NotReblog}<a href="/">{text:username}</a>{/block:NotReblog}
  797. {block:RebloggedFrom}
  798. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  799. <span class="sf sf-refresh-o"></span>
  800. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  801. {/block:RebloggedFrom}
  802. {/block:date}{/block:indexpage}
  803. </div><!--entryhdr-txt-->
  804.  
  805. </div><!--entry-header-->
  806.  
  807. <div class="entry-content">
  808.  
  809. {block:Answer}
  810.  
  811. <table><tr>
  812. <th style="width:55px;"><img class="asker-icon" src="{AskerPortraitURL-40}"></th>
  813. <th style="width:445px;"><div class="asker-qn"><div class="asker-who-c"><span class="asker-who">{Asker} sent a message</span></div><p><div class="asker-qn-txt">{Question}</div></p></div></th>
  814. </tr></table>
  815.  
  816. <div class="entry-body">{Answer}</div>
  817.  
  818. {/block:Answer}
  819.  
  820. {block:text}
  821. {block:Title}<span class="entry-title">{Title}</span>{/block:Title}
  822. <div class="entry-body">{Body}</div>
  823. {/block:text}
  824.  
  825. {block:Photo}
  826. {block:if400pxposts}
  827. <img class="entry-photo" src="{PhotoURL-400}">
  828. {/block:if400pxposts}
  829. {block:ifnot400pxposts}
  830. <img class="entry-photo" src="{PhotoURL-500}">
  831. {/block:ifnot400pxposts}
  832. {block:Caption}<div class="entry-body">{Caption}</div>{/block:Caption}
  833. {/block:Photo}
  834.  
  835. {block:Photoset}
  836. {block:if400pxposts}
  837. <div class="entry-photo">{Photoset-400}</div>
  838. {/block:if400pxposts}
  839. {block:ifnot400pxposts}
  840. <div class="entry-photo">{Photoset-500}</div>
  841. {/block:ifnot400pxposts}
  842. {block:Caption}<div class="entry-body">{Caption}</div>{/block:Caption}
  843. {/block:Photoset}
  844.  
  845. {block:Quote}
  846. <div class="entry-quote">{Quote}</div>
  847. {block:Source}<div class="entry-quotesrc">{Source}</div>{/block:Source}
  848. {/block:Quote}
  849.  
  850. {block:Link}
  851. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  852. <a href="{URL}"><span class="entry-link"><span class="sf sf-link-2-o"> </span>{Name} <span class="sf sf-arrow-right"></span></span></a>
  853. {block:Description}<div class="entry-body">{Description}</div>{/block:Description}
  854. {/block:Link}
  855.  
  856. {block:Chat}
  857. {block:Title}<span class="entry-title">{Title}</span>{/block:Title}
  858. {block:Lines}<div class="{Alt}">
  859. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  860. {/block:Lines}
  861. {/block:Chat}
  862.  
  863. {block:Audio}
  864. <div style="height: 85px;">
  865. {block:if400pxposts}
  866. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  867. {/block:if400pxposts}
  868. {block:ifnot400pxposts}
  869. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  870. {/block:ifnot400pxposts}
  871. </div>
  872. {block:Caption}<div class="entry-body">{Caption}</div>{/block:Caption}
  873. {/block:Audio}
  874.  
  875. {block:Video}
  876. {block:if400pxposts}
  877. {Video-400}
  878. {/block:if400pxposts}
  879. {block:ifnot400pxposts}
  880. {Video-500}
  881. {/block:ifnot400pxposts}
  882. {block:Caption}<div class="entry-body">{Caption}</div>{/block:Caption}
  883. {/block:Video}
  884.  
  885. </div><!--entry-content-->
  886.  
  887. {block:indexpage}{block:date}
  888.  
  889. <div class="entry-permalink">
  890.  
  891. <a title="reblog" href="{ReblogURL}"><div class="entryp etp-reblog"><span class="sf sf-reblog-o"></span></div></a>
  892.  
  893. <a title="view {block:text}text{/block:text}{block:photo}photo{/block:photo}{block:photoset}photoset{/block:photoset}{block:quote}quote{/block:quote}{block:link}link{/block:link}{block:chat}chat{/block:chat}{block:audio}audio{/block:audio}{block:video}video{/block:video}{block:answer}answer{/block:answer} post" href="{Permalink}">
  894. <div class="entryp etp-perma">
  895. {block:text}<span class="sf sf-book-o"></span>{/block:text}
  896. {block:photo}<span class="sf sf-camera-o"></span>{/block:photo}
  897. {block:photoset}<span class="sf sf-menu-o"></span>{/block:photoset}
  898. {block:quote}<span class="sf sf-quotation-mark"></span>{/block:quote}
  899. {block:link}<span class="sf sf-link-2-o"></span>{/block:link}
  900. {block:chat}<span class="sf sf-chat-bubbles-o"></span>{/block:chat}
  901. {block:audio}<span class="sf sf-music-note-o"></span>{/block:audio}
  902. {block:video}<span class="sf sf-film-o"></span>{/block:video}
  903. {block:answer}<span class="sf sf-envelope-2-o"></span>{/block:answer}
  904. </div></a>
  905.  
  906. {block:HasTags}<a title="tags" class="btn-tags"><div class="entryp etp-tags"><span class="sf sf-tags-o"></span></div></a>{/block:HasTags}
  907.  
  908. <a title="{dayofmonth} {shortmonth} {shortyear} @ {24HourWithZero}.{minutes}">Posted {TimeAgo} with {NoteCountWithLabel}</a>
  909.  
  910. </div><!--entry-permalink-->
  911.  
  912. {block:HasTags}
  913. <div class="entry-tags">
  914. {block:Tags}
  915. <a href="{TagURL}">{Tag}</a>
  916. {/block:Tags}
  917. </div><!--entry-tags-->
  918. {/block:HasTags}
  919.  
  920. {/block:date}{/block:indexpage}
  921.  
  922. {block:date}{block:permalinkpage}
  923.  
  924. <div class="perma-info">
  925.  
  926. {block:rebloggedfrom}<div class="perma-src">
  927. <a href="{ReblogParentURL}" title="via {ReblogParentName}"><img class="perma-info-icon" src="{ReblogParentPortraitURL-30}"></a>
  928. <a href="{ReblogRootURL}" title="originally {ReblogRootName}"><img class="perma-info-icon" src="{ReblogRootPortraitURL-30}"></a>
  929. </div>{/block:rebloggedfrom}
  930. <div style="width: 420px">
  931. Posted on <b>{dayofmonth} {month} {year}</b>, at <b>{12hour}.{minutes}{ampm}</b>, with <i>{NoteCountWithLabel}</i>.
  932. {block:hastags}<div class="perma-tags">
  933. {block:tags}<a href="{TagURL}">#{Tag}</a> {block:tags}
  934. </div>{/block:hastags}
  935. </div>
  936.  
  937. </div><!--perma-info-->
  938.  
  939. <div class="perma-notes">
  940. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  941. </div><!--perma-notes-->
  942.  
  943. {/block:permalinkpage}{/block:date}
  944.  
  945. </div><!--entry-->
  946.  
  947. {block:ContentSource}
  948. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  949. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  950. {/block:SourceLogo}
  951. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  952. {/block:ContentSource}
  953.  
  954. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  955.  
  956. {/block:Posts}
  957.  
  958. </div><!--content-->
  959.  
  960. <div class="bottombar"></div><!--bottombar-->
  961.  
  962. {block:indexpage}<div class="pagination">
  963. {block:PreviousPage}
  964. <a href="{PreviousPage}"><span class="sf sf-arrow-left"></span></a>
  965. {/block:PreviousPage}{block:JumpPagination length="5"}
  966. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  967. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  968. {/block:JumpPagination}
  969. {block:NextPage}<a href="{NextPage}"><span class="sf sf-arrow-right"></span></a>{/block:NextPage}
  970. </div><!--pagination-->{/block:indexpage}
  971.  
  972. <div class="bottomleft">
  973. {block:ifnotbottombariconisavatar}
  974. <img class="bb-icon" src="{image:bottom bar icon}">
  975. {/block:ifnotbottombariconisavatar}
  976. {block:ifbottombariconisavatar}
  977. <img class="bb-icon" src="{PortraitURL-24}">
  978. {/block:ifbottombariconisavatar}
  979. <div class="bb-title">{text:username}</div>
  980. </div><!--bottomleft-->
  981. <div class="bottomright">
  982. blog est. {CopyrightYears}<br>
  983. <a href="http://yukoki.tumblr.com">Theme by yukoki</a>
  984. </div><!--bottomright-->
  985.  
  986. <div class="sbnav">
  987. <a title="{text:link 1 text}" href="{text:link 1 url}"><div class="sbnavi sbn1"></div></a>
  988. <a title="{text:link 2 text}" href="{text:link 2 url}"><div class="sbnavi sbn2"></div></a>
  989. <a title="{text:link 3 text}" href="{text:link 3 url}"><div class="sbnavi sbn3"></div></a>
  990. <a title="{text:link 4 text}" href="{text:link 4 url}"><div class="sbnavi sbn4"></div></a>
  991. </div><!--sbnav-->
  992.  
  993. <div class="sidebar">
  994.  
  995. <div class="sbimgcon">
  996. <img class="sbimg" src="{image:sidebar}">
  997. </div><!--sbimgcon-->
  998.  
  999. <div class="sb-title">{Title}</div>
  1000. <div class="sb-desc">{Description}</div>
  1001. <div class="sb-nav-b">
  1002.  
  1003. <a href="/"><div class="nav">
  1004. <span class="sf sf-bookmark-o"></span>
  1005. </div></a>
  1006.  
  1007. <a href="/ask"><div class="nav">
  1008. <span class="sf sf-write"></span>
  1009. </div></a>
  1010.  
  1011. <div id="btn-search"><div class="nav">
  1012. <span class="sf sf-search-o"></span>
  1013. </div></div>
  1014.  
  1015. <a href="/archive"><div class="nav nav-4">
  1016. <span class="sf sf-push-pin-o"></span>
  1017. </div></a>
  1018.  
  1019. </div><!--sb-nav-->
  1020.  
  1021. <div class="sb-search">
  1022. <form action="/search" method="get" class="sfm">
  1023. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1024. <input type="submit" value="FIND" id="sb"/>
  1025. </form>
  1026. </div><!--sb-search-->
  1027.  
  1028. </div><!--sidebar-->
  1029.  
  1030. </body>
  1031. </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!