Advertisement
okesan

kei god theme

Jul 21st, 2014
220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7. theme by selkas.tumblr.com
  8.  
  9.  
  10. -->
  11. <title>{Title}</title>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  13. <meta name="image:background" content=""/>
  14. <meta name="image:container" content=""/>
  15. <meta name="color:background" content="#f8f8ff"/>
  16. <meta name="color:text" content="#afafaf"/>
  17. <meta name="color:link" content="#afafaf"/>
  18. <meta name="color:link hover" content="#ffcbd7"/>
  19. <meta name="color:blockquote border" content="#eaeaea"/>
  20. <meta name="color:container border" content="#f0f0ff"/>
  21. <meta name="color:container background" content="#ffffff"/>
  22. <meta name="color:post border" content="#fff0f3"/>
  23. <meta name="color:post background" content="#ffffff"/>
  24. <meta name="color:title text" content="#afafaf"/>
  25. <meta name="color:title background" content="#f7f7f7"/>
  26. <meta name="color:footer link" content="#cbcbcb"/>
  27. <meta name="color:footer link hover" content="#dddddd"/>
  28. <meta name="color:footer background" content="#f7f7f7"/>
  29. <meta name="color:description" content="#afafaf"/>
  30. <meta name="color:nav link" content="#afafaf"/>
  31. <meta name="color:nav link hover" content="#ffcbd7"/>
  32. <meta name="color:scrollbar" content="#ffe8eb"/>
  33. <meta name="select:layout alignment" content="lm" title="centered"/>
  34. <meta name="select:layout alignment" content="ll" title="left aligned"/>
  35. <meta name="select:layout alignment" content="lr" title="right aligned"/>
  36. <meta name="select:sidebar position" content="sl st" title="left top"/>
  37. <meta name="select:sidebar position" content="sl sm" title="left middle"/>
  38. <meta name="select:sidebar position" content="sl sb" title="left bottom"/>
  39. <meta name="select:sidebar position" content="sr st" title="right top"/>
  40. <meta name="select:sidebar position" content="sr sm" title="right middle"/>
  41. <meta name="select:sidebar position" content="sr sb" title="right bottom"/>
  42. <meta name="select:container background" content="" title="custom"/>
  43. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/yasn47ghu/10.png');" title="light dots"/>
  44. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/TFgn47gid/30.png');" title="medium dots"/>
  45. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/SZzn47j28/50.png');" title="dark dots"/>
  46. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Gj3n47giu/10-small.png');" title="light dots c"/>
  47. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/EoNn47ho3/30-small.png');" title="medium dots c"/>
  48. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/8pvn47j38/50-small.png');" title="dark dots c"/>
  49. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Aeyn4a6lq/10-b.png');" title="stripes"/>
  50. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/Cwvn4a6jk/7-st.png');" title="light stripes"/>
  51. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d7On4a6mc/20-st.png');" title="medium stripes"/>
  52. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/NNun4a6nk/50-st.png');" title="dark stripes"/>
  53. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/unwn4b7rg/5-grid.png');" title="grid"/>
  54. <meta name="select:container background" content="background-image:url('http://static.tumblr.com/qudkd6d/d1On4a6og/white.png');" title="white dots"/>
  55. <meta name="select:container background" content="background:transparent;" title="transparent"/>
  56. <meta name="if:container" content="1"/>
  57. <meta name="if:borders" content="1"/>
  58. <meta name="if:show captions" content="1"/>
  59. <meta name="if:show tags" content="1"/>
  60. <meta name="if:image hover effect" content="0"/>
  61. <meta name="text:home link" content="index"/>
  62. <meta name="text:archive link" content="archive"/>
  63. <meta name="text:ask link" content="message"/>
  64. <meta name="text:link 1" content=""/>
  65. <meta name="text:link 1 url" content=""/>
  66. <meta name="text:link 2" content=""/>
  67. <meta name="text:link 2 url" content=""/>
  68. <meta name="text:link 3" content=""/>
  69. <meta name="text:link 3 url" content=""/>
  70. <meta name="text:link 4" content=""/>
  71. <meta name="text:link 4 url" content=""/>
  72. <meta name="text:link 5" content=""/>
  73. <meta name="text:link 5 url" content=""/>
  74. <meta name="text:link 6" content=""/>
  75. <meta name="text:link 6 url" content=""/>
  76. <link rel="shortcut icon" href="{Favicon}"/>
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  78. <script src="http://static.tumblr.com/qudkd6d/UkOme80qk/jquery.style-my-tooltips.min.js"></script>
  79. <style src="http://static.tumblr.com/qudkd6d/wLYme80rn/style-my-tooltips.css"></style>
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:0,
  86. tip_fade_speed:0,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. ("*").style_my_tooltips();
  92. </script>
  93. <style type="text/css">
  94. ::-webkit-scrollbar {
  95. width:7px;
  96. height:7px;
  97. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  98. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  99. }
  100. ::-webkit-scrollbar-track {
  101. {block:ifContainer}background-color:{color:container background};{/block:ifContainer}
  102. {block:ifNotContainer}background-color:{color:background};{/block:ifNotContainer}
  103. }
  104. ::-webkit-scrollbar-thumb {
  105. background-color:{color:scrollbar};
  106. {block:ifContainer}border:1px solid {color:container background};{/block:ifContainer}
  107. {block:ifNotContainer}border:1px solid {color:background};{/block:ifNotContainer}
  108. }
  109.  
  110. /*IMAGE OPACITY*/
  111.  
  112.  
  113. img {
  114. opacity: .7;
  115. -webkit-transition: all 0.6s ease-out;
  116. -moz-transition: all 0.6s ease-out;
  117. transition: all 0.6s ease-out;
  118. -webkit-filter:grayscale(0%);
  119. -moz-filter:grayscale(0%);
  120. -ms-filter:grayscale(0%);
  121. -o-filter:grayscale(0%);
  122. filter:grayscale(0%);}
  123.  
  124. img:hover {
  125. opacity: 1;
  126. -webkit-transition: all 0.6s ease-out;
  127. -moz-transition: all 0.6s ease-out;
  128. transition: all 0.6s ease-out;}
  129.  
  130. iframe.photoset {
  131. opacity: .7;
  132. -webkit-transition: all 0.6s ease-out;
  133. -moz-transition: all 0.6s ease-out;
  134. transition: all 0.6s ease-out;
  135. -webkit-filter:grayscale(0%);
  136. -moz-filter:grayscale(0%);
  137. -ms-filter:grayscale(0%);
  138. -o-filter:grayscale(0%);
  139. filter:grayscale(0%);}
  140. }
  141. iframe.photoset:hover {
  142. opacity:1 ;
  143. -webkit-transition: all 0.6s ease-out;
  144. -moz-transition: all 0.6s ease-out;
  145. transition: all 0.6s ease-out;
  146. }
  147.  
  148. .posteu img:hover, .posteu a img:hover, .photoset:hover {
  149. opacity:1;
  150. -webkit-transition: all 0.4s ease-out;
  151. -moz-transition: all 0.4s ease-out;
  152. transition: all 0.4s ease-out;
  153. }
  154.  
  155. body {
  156. margin:0px;
  157. color:{color:text};
  158. font-size:9px;
  159. font-family:'trebuchet ms', arial, sans-serif;
  160. line-height:1.5em;
  161. word-wrap:break-word;
  162. text-align:left;
  163. background-color:{color:background};
  164. {block:ifBackgroundImage}background-image:url("{image:background}"); background-attachment:fixed; background-repeat:repeat; background-position:center;{/block:ifBackgroundImage}
  165. }
  166. * {
  167. -ms-transition:color .15s linear;
  168. -moz-transition:color .15s linear;
  169. -webkit-transition:color .15s linear;
  170. transition:color .15s linear;
  171. }
  172. blockquote {
  173. margin:.75em 15px;
  174. padding:0px 15px;
  175. border-left:1px dotted {color:blockquote border};
  176. }
  177. pre {
  178. white-space:normal;
  179. }
  180. a img {
  181. border:0px;
  182. }
  183. a {
  184. color:{color:link};
  185. text-decoration:none;
  186. }
  187. a:hover {
  188. color:{color:link hover};
  189. }
  190. small, sub {
  191. font-size:7px;
  192. letter-spacing:1px;
  193. text-transform:uppercase;
  194. vertical-align:middle;
  195. }
  196. .tumblr_blog {
  197. font-size:7px;
  198. letter-spacing:1px;
  199. text-transform:uppercase;
  200. }
  201. code, pre {
  202. font-family:consolas, monospace;
  203. }
  204. ol {
  205. padding-left:2.25em;
  206. }
  207. ul {
  208. padding-left:2.25em;
  209. list-style-type:square;
  210. }
  211. p {
  212. margin:.75em 0;
  213. }
  214. #main {
  215. {block:ifContainer}{block:ifBorders}width:351px;{/block:ifBorders}
  216. {block:ifNotBorders}width:347px;{/block:ifNotBorders}{/block:ifContainer}
  217. {block:ifNotContainer}{block:ifBorders}width:344px;{/block:ifBorders}
  218. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  219. }
  220. #main.ll {
  221. position:absolute;
  222. left:10%;
  223. }
  224. #main.lm {
  225. margin:0px auto;
  226. }
  227. #main.lr {
  228. position:absolute;
  229. right:10%;
  230. }
  231. #main.sl {
  232. padding-left:135px;
  233. }
  234. #main.sr {
  235. padding-right:135px;
  236. }
  237. #content {
  238. {block:ifContainer}position:fixed;
  239. top:12.5%;
  240. max-height:75%;
  241. overflow-y:auto;
  242. overflow-x:hidden;
  243. {block:ifBorders}border:1px solid {color:container border};
  244. width:349px;{/block:ifBorders}
  245. {block:ifNotBorders}width:347px;{/block:ifNotBorders}
  246. {/block:ifContainer}
  247. {block:ifNotContainer}
  248. {block:ifBorders}border-left:1px solid {color:container border};
  249. border-right:1px solid {color:container border};
  250. width:342px;{/block:ifBorders}
  251. {block:ifNotBorders}width:340px;{/block:ifNotBorders}{/block:ifNotContainer}
  252. background-color:{color:container background};
  253. {block:ifContainerImage}background-image:url('http://static.tumblr.com/52e3a56f28f14666759cc9f0d0320575/dyamirq/xfpn70qn5/tumblr_static_bik8khbqfb408804o84k48co4.png');{/block:ifContainerImage}
  254. {select:container background}
  255. background-attachment:fixed;
  256. background-repeat:repeat;
  257. background-position:center;
  258. }
  259. .wrap {
  260. padding:0px 30px 30px 30px;
  261. margin:0px auto;
  262. {block:ifBorders}width:282px;{/block:ifBorders}
  263. {block:ifNotBorders}width:280px;{/block:ifNotBorders}
  264. }
  265. .wrap:first-child {
  266. padding-top:30px;
  267. }
  268. .post {
  269. padding:15px;
  270. background-color:{color:post background};
  271. {block:ifBorders}border:1px solid {color:post border};{/block:ifBorders}
  272.  
  273. -moz-border-radius: 5px;
  274. -webkit-border-radius: 5px;
  275. border-radius: 5px;
  276. }
  277. .post img {
  278. max-width:100%;
  279. height:auto;
  280. }
  281. .post .caption {
  282. margin-top:15px;
  283. }
  284. .post .source,
  285. .post .answer,
  286. .post .audio-caption {
  287. margin-top:25px;
  288. }
  289. .post .caption *:first-child,
  290. .post .body *:first-child,
  291. .post .source *:first-child {
  292. margin-top:0px;
  293. }
  294. .post .caption *:last-child,
  295. .post .body *:last-child,
  296. .post .source *:last-child {
  297. margin-bottom:0px;
  298. }
  299. .post .caption {
  300. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  301. }
  302. .caption h1, .caption h2, .caption h3, .caption h4 {
  303. font-size:1em;
  304. font-weight:normal;
  305. margin:.75em 0px;
  306. }
  307. .post .source {
  308. text-align:right;
  309. }
  310. .post .media {
  311. overflow:hidden;
  312. -ms-transition:opacity .15s linear;
  313. -moz-transition:opacity .15s linear;
  314. -webkit-transition:opacity .15s linear;
  315. transition:opacity .15s linear;
  316. }
  317. .post .media:hover {
  318. {block:ifImageHoverEffect}opacity:.9;{/block:ifImageHoverEffect}
  319. }
  320. .post .media img,
  321. .post .media .photoset {
  322. max-width:100%;
  323. display:block;
  324. margin:auto;
  325. }
  326. .post h3 {
  327. font-size:11px;
  328. font-weight:normal;
  329. font-style:italic;
  330. line-height:1em;
  331. font-size:1.25em;
  332. margin:-10px -10px 15px -10px;
  333. background-color:{color:title background};
  334. color:{color:title text};
  335. padding:15px;
  336. }
  337. .post .qn,
  338. .post .quote {
  339. margin:-10px;
  340. font-weight:normal;
  341. background-color:{color:title background};
  342. color:{color:title text};
  343. padding:20px;
  344. font-size:9px;
  345. font-style:italic;
  346. }
  347. .post .chat .line {
  348. padding:1px 0px;
  349. }
  350. .post .chat .label {
  351. margin-right:.5em;
  352. font-weight:bold;
  353. }
  354. .post .audio {
  355. margin:-10px;
  356. padding:5px;
  357. background-color:{color:title background};
  358. font-size:8px;
  359. font-style:italic;
  360. letter-spacing:2px;
  361. font-family:consolas, 'trebuchet ms', sans-serif;
  362. text-transform:lowercase;
  363. }
  364. .post .audio .tumblr_audio_player {
  365. width:27px;
  366. height:27px;
  367. margin-bottom:-4px;
  368. position:absolute;
  369. }
  370. .post .audio .track {
  371. margin-left:32px;
  372. width:233px;
  373. line-height:27px;
  374. height:27px;
  375. overflow:hidden;
  376. color:{color:title text};
  377. white-space:pre;
  378. }
  379. .post .info {
  380. margin:15px -15px -15px -15px;
  381. text-align:center;
  382. padding:1px 3px;
  383. background-color:{color:footer background};
  384. line-height:1.3em;
  385. font-family:consolas,'trebuchet ms', sans-serif;
  386. }
  387. .post .info a,
  388. .post .info .tags {
  389. font-style:italic;
  390. font-size:8px;
  391. text-transform:lowercase;
  392. letter-spacing:1px;
  393. color:{color:footer link};
  394. cursor:pointer;
  395. }
  396. .post .info a:hover,
  397. .post .info .tags:hover {
  398. color:{color:footer link hover};
  399. }
  400. .post .info .space {
  401. width:.75em;
  402. display:inline-block;
  403. }
  404. .post .info .space:last-child {
  405. width:0em;
  406. }
  407. .post.n {
  408. margin:0px;
  409. font-style:italic;
  410. font-size:8px;
  411. letter-spacing:1px;
  412. font-family:consolas, 'trebuchet ms', sans-serif;
  413. }
  414. .post.n a {
  415. color:{color:text};
  416. }
  417. .post .notes ol {
  418. list-style-type:none;
  419. padding:0px;
  420. margin:0px;
  421. }
  422. .post .notes img {
  423. display:none;
  424. }
  425. #sidebar {
  426. position:fixed;
  427. top:12.5%;
  428. bottom:12.5%;
  429. height:75%;
  430. width:120px;
  431. display:table;
  432. font-style:italic;
  433. font-size:8px;
  434. font-family:consolas,'trebuchet ms', sans-serif;
  435. text-transform:lowercase;
  436. letter-spacing:1px;
  437. line-height:1.4em;
  438. color:{color:description};
  439. }
  440. .sl #sidebar {
  441. margin-left:-135px;
  442. text-align:right;
  443. }
  444. .sr #sidebar {
  445. {block:ifContainer}{block:ifBorders}margin-left:364px;{/block:ifBorders}{block:ifNotBorders}margin-left:360px;{/block:ifNotBorders}{/block:ifContainer}
  446. {block:ifNotContainer}{block:ifBorders}margin-left:357px;{/block:ifBorders}{block:ifNotBorders}margin-left:353px;{/block:ifNotBorders}{/block:ifNotContainer}
  447. }
  448. #sc {
  449. display:table-cell;
  450. }
  451. .st #sc {
  452. vertical-align:top;
  453. }
  454. .sm #sc {
  455. vertical-align:middle;
  456. }
  457. .sb #sc {
  458. vertical-align:bottom;
  459. }
  460. #sidebar a {
  461. color:{color:nav link};
  462. }
  463. #sidebar a:hover {
  464. color:{color:nav link hover};
  465. }
  466. #sidebar .description {
  467. margin-top:1.5em;
  468. }
  469. #sidebar .nav,
  470. #sidebar .pagination {
  471. margin-top:1.5em;
  472. letter-spacing:2px;
  473. }
  474. #tc {
  475. bottom:0px;
  476. right:0px;
  477. position:fixed;
  478. padding:4px;
  479. z-index:1000;
  480. }
  481. #tc a {
  482. font-size:8px;
  483. padding:3px;
  484. background-color:transparent;
  485. font-family:arial, sans-serif;
  486. letter-spacing:0px;
  487. text-decoration:none;
  488. color:#aaa;
  489. }
  490. #s-m-t-tooltip {
  491. max-width:200px;
  492. z-index:10;
  493. margin:16px 8px 8px 16px;
  494. background-color:rgba(0,0,0,.80);
  495. padding:1px 3px 0px 3px;
  496. border:1px solid rgba(255,255,255,1);
  497. font-size:8px;
  498. line-height:1.5em;
  499. font-family:consolas, 'trebuchet ms', sans-serif;
  500. font-style:italic;
  501. text-transform:lowercase;
  502. letter-spacing:1px;
  503. color:rgba(255,255,255,1);
  504. }
  505. </style>
  506. </head>
  507. <body>
  508. <div id="main" class="{select:layout alignment} {select:sidebar position}">
  509. <div id="sidebar"><div id="sc">
  510. <div class="description">{Description}</div>
  511.  
  512. <div class="nav"><a href="/">ホーム</a><br/><a href="/archive">アーカイブ</a><br/><a href="/ask">メッセージ</a><br/><a href="/to-you">プロフィール</a><br/><a href="/links">リンク</a></div>
  513.  
  514.  
  515.  
  516.  
  517. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a><br/>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  518. </div></div>
  519. <div id="content">
  520. {block:Posts}<div class="wrap">
  521. <div class="post">
  522. {block:Answer}<!-- answer --><div class="qn"><span class="asker">{Asker}</span>:&ensp;<span class="q">{Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{/block:Artist} &ndash; {block:TrackName}{TrackName}{/block:TrackName}</div></div>{block:Caption}<div class="caption audio-caption">{Caption}</div>{/block:Caption}{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h3><a href="{URL}">{Name}</a></h3>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  523. {block:IndexPage}{block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a><span class="space"></span>{block:HasTags}{block:ifShowTags}<span class="tags" title="{block:Tags}+{Tag} {/block:Tags}">tags</span><span class="space"></span>{/block:ifShowTags}{/block:HasTags}<a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  524. {block:PermalinkPage}{block:Date}<div class="info"><span class="space"></span>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a><span class="space"></span>{/block:Tags}<br/>{/block:HasTags}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName}</a>{block:ContentSource}<span class="space"></span><a href="{ReblogRootURL}">src: {ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:Date}{/block:PermalinkPage}
  525. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  526. </div>
  527. </div>
  528. {block:PostNotes}<div class="wrap"><div class="post n"><div class="notes"><em>{PostNotes}</em></div></div></div>{/block:PostNotes}
  529. {/block:Posts}
  530. </div>
  531. </div>
  532. <div id="tc"><a href="http://selkas.tumblr.com" title="theme">ㅅ</a></div>
  533. </body>
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement