API tools faq
paste
Guest User

Untitled

a guest
May 3rd, 2016
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Theme 12 Okumura
  8. by yukoki/k--amikorosu
  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. -->
  16.  
  17. <meta name="color:background" content="#000000" />
  18. <meta name="color:blockquote" content="#00bfff" />
  19. <meta name="color:post background" content="#222222" />
  20. <meta name="color:body" content="#8f8d8d" />
  21. <meta name="color:body links" content="#2e4181" />
  22. <meta name="color:hover body links" content="#000000" />
  23. <meta name="color:asker portrait" content="#72dcf8" />
  24. <meta name="color:bold text" content="#000000" />
  25. <meta name="color:italic text" content="#0078ff" />
  26. <meta name="color:ask background" content="#005ce5" />
  27. <meta name="color:ask text" content="#000000" />
  28. <meta name="color:sb1 background" content="#0d204d" />
  29. <meta name="color:sb2 background" content="#000000" />
  30. <meta name="color:sb1 image border" content="#1b88d3" />
  31. <meta name="color:sb2 image border" content="#020a4d" />
  32. <meta name="color:sb1 description" content="#000000" />
  33. <meta name="color:sb2 description" content="#ffffff" />
  34. <meta name="color:sb1 description links" content="#4acffc" />
  35. <meta name="color:sb2 description links" content="#0f1272" />
  36. <meta name="color:sb2 hover description links" content="#ffffff" />
  37. <meta name="color:sb1 description bold" content="#ffffff" />
  38. <meta name="color:sb2 description italic" content="#3e43fa" />
  39. <meta name="color:sb1 description italic" content="#0059ff" />
  40. <meta name="color:sb2 description bold" content="#00bfff" />
  41. <meta name="color:title background" content="#ffffff" />
  42. <meta name="color:title text" content="#000000" />
  43. <meta name="color:sb1 nav text" content="#000000" />
  44. <meta name="color:sb2 nav text" content="#ffffff" />
  45. <meta name="color:custom links background" content="#3b8ffd" />
  46. <meta name="color:custom links text" content="#000000" />
  47. <meta name="color:perma tags" content="#ffffff" />
  48. <meta name="color:perma hover tags" content="#00c9ff" />
  49. <meta name="color:perma date text" content="#000000" />
  50. <meta name="color:perma date BG" content="#00d4ff" />
  51. <meta name="color:perma hover date text" content="#fdfafa" />
  52. <meta name="color:perma notes text" content="#000000" />
  53. <meta name="color:perma notes BG" content="#ffffff" />
  54. <meta name="color:perma hover notes text" content="#747474" />
  55. <meta name="color:perma time text" content="#000000" />
  56. <meta name="color:perma time BG" content="#132dff" />
  57. <meta name="color:perma hover time text" content="#ffffff" />
  58. <meta name="color:post title colour" content="#ffffff" />
  59. <meta name="color:link post colour" content="#ffffff" />
  60. <meta name="color:hover link post colour" content="#000000" />
  61. <meta name="color:sb1 jump pagination BG" content="#000000" />
  62. <meta name="color:sb1 jump pagination text" content="#ffffff" />
  63. <meta name="color:sb2 jump pagination BG" content="#4a6cfd" />
  64. <meta name="color:sb2 jump pagination text" content="#000000" />
  65. <meta name="color:sb1 current pagination BG" content="#1e45ad" />
  66. <meta name="color:sb1 current pagination text" content="#000000" />
  67. <meta name="color:sb2 current pagination BG" content="#0a0e4d" />
  68. <meta name="color:sb2 current pagination text" content="#ffffff" />
  69. <meta name="color:audio bg" content="#101444" />
  70.  
  71. <meta name="font:Body" content="Helvetica" />
  72. <meta name="font:description font" content="Helvetica" />
  73.  
  74. <meta name="image:Background" content="http://i1246.photobucket.com/albums/gg607/mogimochi/7.png" />
  75. <meta name="image:Sidebar" content="http://i48.tinypic.com/123uz4w.jpg" />
  76. <meta name="image:Sidebar 2" content="http://i47.tinypic.com/ngdgfr.jpg" />
  77.  
  78. <meta name="text:body font" content="12">
  79. <meta name="text:description font" content="10">
  80. <meta name="text:title posts" content="22">
  81. <meta name="text:Link 1" content="10" />
  82. <meta name="text:Link 1 URL" content="10" />
  83. <meta name="text:Link 2" content="10" />
  84. <meta name="text:Link 2 URL" content="10" />
  85. <meta name="text:Link 3" content="10" />
  86. <meta name="text:Link 3 URL" content="10" />
  87. <meta name="text:Link 4" content="10" />
  88. <meta name="text:Link 4 URL" content="10" />
  89. <meta name="text:Link 5" content="10" />
  90. <meta name="text:Link 5 URL" content="10" />
  91. <meta name="text:Link 6" content="10" />
  92. <meta name="text:Link 6 URL" content="10" />
  93.  
  94. <meta name="if:Infinite Scroll" content="0" />
  95. <meta name="if:description consolas font" content="1" />
  96. <meta name="if:medium posts" content="1" />
  97. <meta name="if:big posts" content="0" />
  98. <meta name="if:photo fading" content="0" />
  99.  
  100. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  101. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  102. <link rel="shortcut icon" href="{Favicon}" />
  103.  
  104. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  105.  
  106. <style type="text/css">
  107.  
  108. iframe#tumblr_controls {
  109. right:3px !important; position:fixed !important;
  110. }
  111.  
  112. /*The Background*/
  113.  
  114. body {
  115. background-color: {color:background};
  116. font-family: futura;
  117. background-image: url({image:Background});
  118. background-attachment: fixed;
  119. margin: 0;
  120. word-wrap: break-word;
  121. }
  122. a { text-decoration:none; }
  123.  
  124. #content {
  125. width: 500px;
  126. background-color: rgba(255, 255, 255, 0.0);
  127. padding: 10px 0;
  128. margin-top: 0px;
  129. text-decoration: none;
  130. {block:ifbigposts}
  131. margin-left: 150px;
  132. {/block:ifbigposts}
  133. {block:ifmediumposts}
  134. margin-left: 210px;
  135. {/block:ifmediumposts}
  136. }
  137. #content blockquote {
  138. border-left: 2px dotted {color:blockquote};
  139. margin: 5px;
  140. padding: 3px 15px;
  141. }
  142. #content #posts {
  143. height: auto;
  144. margin: 5px auto 10px;
  145. padding: 10px;
  146. background-color: {color:post background};
  147. {block:ifbigposts}
  148. width: 500px;
  149. {/block:ifbigposts}
  150. {block:ifmediumposts}
  151. width: 400px;
  152. {/block:ifmediumposts}
  153. }
  154.  
  155. #posts img {
  156. {block:ifbigposts}
  157. max-width: 500px;
  158. {/block:ifbigposts}
  159. {block:ifmediumposts}
  160. max-width: 400px;
  161. {/block:ifmediumposts}
  162. {block:ifsmallposts}
  163. max-width: 250px;
  164. {/block:ifsmallposts}
  165. }
  166. #posts blockquote img {
  167. max-width: 100%;
  168. margin-left: 3px;
  169. }
  170.  
  171. #content #posts .quote {
  172. font-size: {text:title posts}px;
  173. font-family: 'Lekton', sans-serif;
  174. line-height: 20px;
  175. text-transform: uppercase;
  176. text-align: center;
  177. color: {color:post title colour};
  178. }
  179.  
  180. #content #posts .posttitle {
  181. font-size: {text:title posts}px;
  182. text-align: center;
  183. color: {color:post title colour};
  184. font-family: 'Lekton', sans-serif;
  185. text-transform: uppercase;
  186. }
  187.  
  188. #content #posts .posttitle a {
  189. color: {color:link post colour};
  190. text-align: center;
  191. text-decoration: none;
  192. -webkit-transition: all 0.4s ease-in-out;
  193. -moz-transition: all 0.4s ease-in-out;
  194. -o-transition: all 0.4s ease-in-out;
  195. -ms-transition: all 0.4s ease-in-out;
  196. transition: all 0.4s ease-in-out;
  197. }
  198.  
  199. #content #posts .posttitle a:hover {
  200. color: {color:hover link post colour};
  201. -webkit-transition: all 0.4s ease-in-out;
  202. -moz-transition: all 0.4s ease-in-out;
  203. -o-transition: all 0.4s ease-in-out;
  204. -ms-transition: all 0.4s ease-in-out;
  205. transition: all 0.4s ease-in-out;
  206. }
  207.  
  208. #content #posts .text {
  209. font-size: {text:body font}px;
  210. color: {color:body};
  211. font-family: {font:body};
  212. }
  213. #content #posts .text a {
  214. color: {color:body links};
  215. text-decoration: none;
  216. -webkit-transition: all 0.4s ease-in-out;
  217. -moz-transition: all 0.4s ease-in-out;
  218. -o-transition: all 0.4s ease-in-out;
  219. -ms-transition: all 0.4s ease-in-out;
  220. transition: all 0.4s ease-in-out;
  221. }
  222. #content #posts .text a:hover {
  223. color: {color:hover body links};
  224. -webkit-transition: all 0.4s ease-in-out;
  225. -moz-transition: all 0.4s ease-in-out;
  226. -o-transition: all 0.4s ease-in-out;
  227. -ms-transition: all 0.4s ease-in-out;
  228. transition: all 0.4s ease-in-out;
  229. }
  230. #content #posts .text b,strong {color:{color:bold text};}
  231. #content #posts .text i,em {color:{color:italic text};}
  232.  
  233. #content #posts .askerportrait {
  234. width: 48px;
  235. height: 48px;
  236. border-radius: 40px;
  237. border: 5px solid {color:asker portrait};
  238. margin-bottom: 0px;
  239. }
  240.  
  241. #content #posts .ask {
  242. font-size: 12px;
  243. font-family: Helvetica;
  244. display: block;
  245. text-align: justify;
  246. margin-top: -10px;
  247. border-radius: 10px;
  248. background-color: {color:ask background};
  249. color: {color:ask text};
  250. padding: 10px;
  251. {block:ifbigposts}
  252. width: 480px;
  253. {/block:ifbigposts}
  254. {block:ifmediumposts}
  255. width: 380px;
  256. {/block:ifmediumposts}
  257. }
  258. .tr {
  259. font-size: 30px;
  260. margin-top: -10px;
  261. margin-left: 25px;
  262. color: {color:ask background};
  263. }
  264.  
  265. #content #posts .asker {
  266. font-family: consolas;
  267. font-size: 12px;
  268. color: {color:body links};
  269. margin-top: -40px;
  270. margin-bottom: 25px;
  271. padding-left: 15px;
  272. margin-left: 50px;
  273. text-decoration: none;
  274. letter-spacing: 1px;
  275. text-transform: uppercase;
  276. }
  277.  
  278. #content #posts .asker a {
  279. color: {color:body links};
  280. text-decoration: none;
  281. margin-left: -10px;
  282. }
  283. #content #posts .asker a:hover {
  284. color: {color:hover body links};
  285. }
  286.  
  287. #content .permapage {
  288. font-family: consolas;
  289. letter-spacing: 1px;
  290. font-size: 10px;
  291. width: 500px;
  292. padding: 10px;
  293. margin-top: 5px;
  294. text-transform: uppercase;
  295. text-decoration: none;
  296. color: {color:body};
  297. }
  298. #content .permapage i,em {color: {color:italic text};}
  299. #content .postsource {
  300. font-family: consolas;
  301. letter-spacing: 1px;
  302. font-size: 10px;
  303. margin-top: 5px;
  304. text-transform: uppercase;
  305. text-decoration: none;
  306. {block:ifbigposts}
  307. width: 500px;
  308. {/block:ifbigposts}
  309. {block:ifmediumposts}
  310. width: 400px;
  311. {/block:ifmediumposts}
  312. }
  313.  
  314. #content .postsource a {
  315. color: {color:body links};
  316. text-decoration: none;
  317. -webkit-transition: all 0.4s ease-in-out;
  318. -moz-transition: all 0.4s ease-in-out;
  319. -o-transition: all 0.4s ease-in-out;
  320. -ms-transition: all 0.4s ease-in-out;
  321. transition: all 0.4s ease-in-out;
  322. }
  323.  
  324. #content .postsource a:hover {
  325. color: {color:hover body links};
  326. -webkit-transition: all 0.4s ease-in-out;
  327. -moz-transition: all 0.4s ease-in-out;
  328. -o-transition: all 0.4s ease-in-out;
  329. -ms-transition: all 0.4s ease-in-out;
  330. transition: all 0.4s ease-in-out;
  331. }
  332. #content .postsource b,strong {color:{color:bold text};}
  333. #content #tags {
  334. font-family: consolas;
  335. font-size: 10px;
  336. letter-spacing: 1px;
  337. padding: 10px;
  338. margin-bottom: 5px;
  339. text-decoration: none;
  340. -webkit-transition: all 0.4s ease-in-out;
  341. -moz-transition: all 0.4s ease-in-out;
  342. -o-transition: all 0.4s ease-in-out;
  343. -ms-transition: all 0.4s ease-in-out;
  344. transition: all 0.4s ease-in-out;
  345. }
  346. #content #tags a {
  347. color: {color:body links};
  348. text-decoration: none;
  349.  
  350. -webkit-transition: all 0.4s ease-in-out;
  351. -moz-transition: all 0.4s ease-in-out;
  352. -o-transition: all 0.4s ease-in-out;
  353. -ms-transition: all 0.4s ease-in-out;
  354. transition: all 0.4s ease-in-out;
  355. }
  356.  
  357. #content #tags a:hover {
  358. color: {color:hover body links};
  359. -webkit-transition: all 0.4s ease-in-out;
  360. -moz-transition: all 0.4s ease-in-out;
  361. -o-transition: all 0.4s ease-in-out;
  362. -ms-transition: all 0.4s ease-in-out;
  363. transition: all 0.4s ease-in-out;
  364. }
  365.  
  366. #content #notecontainer {
  367. margin: 20px auto;
  368. background-color: {color:post background};
  369. padding: 10px;
  370. font-size: 11px;
  371. text-decoration: none;
  372. {block:ifbigposts}
  373. width: 500px;
  374. {/block:ifbigposts}
  375. {block:ifmediumposts}
  376. width: 400px;
  377. {/block:ifmediumposts}
  378. }
  379.  
  380. #content #notecontainer ol.notes {
  381. list-style-type: none;
  382. color: {color:body};
  383. text-decoration: none;
  384. margin: 0;
  385. width: 500px;
  386. padding: 5px;
  387. }
  388.  
  389. #content #notecontainer ol.notes a {
  390. color: {color:body links};
  391. text-decoration: none;
  392. }
  393.  
  394. #content #notecontainer ol.notes a:hover {
  395. color: {color:hover body links};
  396. }
  397.  
  398. #content #notecontainer img.avatar {
  399. margin-right: 10px;
  400. width: 16px;
  401. height: 16px;
  402. }
  403.  
  404. #sidebar {
  405. width: 250px;
  406. height: auto;
  407. background-color: {color:sb1 background};
  408. text-decoration: none;
  409. margin-left: 700px;
  410. bottom: -1px;
  411. padding: 10px;
  412. position: fixed;
  413. border-radius: 200px 200px 0 0;
  414. z-index: 500;
  415. -webkit-transition: all 0.4s ease-in-out;
  416. -moz-transition: all 0.4s ease-in-out;
  417. -o-transition: all 0.4s ease-in-out;
  418. -ms-transition: all 0.4s ease-in-out;
  419. transition: all 0.4s ease-in-out;
  420. }
  421.  
  422. .pic {
  423. width: 250px;
  424. margin-left: -5px;
  425. height: auto;
  426. overflow:hidden;
  427. margin-top: -5px;
  428. border-radius: 200px 200px 0 0;
  429. border: 5px solid {color:sb1 image border};
  430. z-index: 500;
  431.  
  432. -webkit-transition: all 0.6s ease-in-out;
  433. -moz-transition: all 0.6s ease-in-out;
  434. -o-transition: all 0.6s ease-in-out;
  435. -ms-transition: all 0.6s ease-in-out;
  436. transition: all 0.6s ease-in-out;
  437. }
  438. .pic2 {
  439. width: 250px;
  440. margin-left: -5px;
  441. position: fixed;
  442. margin-top: -5px;
  443. margin-bottom: 10px;
  444. border-radius: 200px 200px 0 0;
  445. border: 5px solid {color:sb2 image border};
  446. opacity: 0.0;
  447. z-index: 500;
  448.  
  449. -webkit-transition: all 0.6s ease-in-out;
  450. -moz-transition: all 0.6s ease-in-out;
  451. -o-transition: all 0.6s ease-in-out;
  452. -ms-transition: all 0.6s ease-in-out;
  453. transition: all 0.6s ease-in-out;
  454. }
  455. #sidebar:hover .pic {
  456. opacity: 0.0;
  457. -webkit-transition: all 0.6s ease-in-out;
  458. -moz-transition: all 0.6s ease-in-out;
  459. -o-transition: all 0.6s ease-in-out;
  460. -ms-transition: all 0.6s ease-in-out;
  461. transition: all 0.6s ease-in-out;
  462. }
  463. #sidebar:hover .pic2 {
  464. opacity: 1;
  465. border: 5px solid {color:sb2 image border};
  466. -webkit-transition: all 0.6s ease-in-out;
  467. -moz-transition: all 0.6s ease-in-out;
  468. -o-transition: all 0.6s ease-in-out;
  469. -ms-transition: all 0.6s ease-in-out;
  470. transition: all 0.6s ease-in-out;
  471. }
  472.  
  473. .desc {
  474. {block:ifdescriptionconsolasfont}
  475. font-family: consolas;
  476. {/block:ifdescriptionconsolasfont}
  477. font-family: {font:desripion font};
  478. color: {color:sb1 description};
  479. font-size: {text:description font}px;
  480. text-align: justify;
  481. -webkit-transition: all 0.6s ease-in-out;
  482. -moz-transition: all 0.6s ease-in-out;
  483. -o-transition: all 0.6s ease-in-out;
  484. -ms-transition: all 0.6s ease-in-out;
  485. transition: all 0.6s ease-in-out;
  486. }
  487. .desc b,strong {color:{color:sb1 description bold};
  488. -webkit-transition: all 0.6s ease-in-out;
  489. -moz-transition: all 0.6s ease-in-out;
  490. -o-transition: all 0.6s ease-in-out;
  491. -ms-transition: all 0.6s ease-in-out;
  492. transition: all 0.6s ease-in-out;}
  493. .desc i,em {color:{color:sb1 description italic};
  494. -webkit-transition: all 0.6s ease-in-out;
  495. -moz-transition: all 0.6s ease-in-out;
  496. -o-transition: all 0.6s ease-in-out;
  497. -ms-transition: all 0.6s ease-in-out;
  498. transition: all 0.6s ease-in-out;}
  499. #sidebar:hover .desc b,strong {color:{color:sb2 description bold};
  500. -webkit-transition: all 0.6s ease-in-out;
  501. -moz-transition: all 0.6s ease-in-out;
  502. -o-transition: all 0.6s ease-in-out;
  503. -ms-transition: all 0.6s ease-in-out;
  504. transition: all 0.6s ease-in-out;}
  505. #sidebar:hover .desc i,em {color:{color:sb2 description italic};
  506. -webkit-transition: all 0.6s ease-in-out;
  507. -moz-transition: all 0.6s ease-in-out;
  508. -o-transition: all 0.6s ease-in-out;
  509. -ms-transition: all 0.6s ease-in-out;
  510. transition: all 0.6s ease-in-out;}
  511. #sidebar:hover .desc {
  512. color: {color:sb2 description};
  513. -webkit-transition: all 0.6s ease-in-out;
  514. -moz-transition: all 0.6s ease-in-out;
  515. -o-transition: all 0.6s ease-in-out;
  516. -ms-transition: all 0.6s ease-in-out;
  517. transition: all 0.6s ease-in-out;
  518. }
  519. .desc a {
  520. color: {color:sb1 description links};
  521. text-decoration: none;
  522. -webkit-transition: all 0.6s ease-in-out;
  523. -moz-transition: all 0.6s ease-in-out;
  524. -o-transition: all 0.6s ease-in-out;
  525. -ms-transition: all 0.6s ease-in-out;
  526. transition: all 0.6s ease-in-out;
  527. }
  528. #sidebar:hover .desc a:hover {
  529. color: {color:sb2 hover description links};
  530. -webkit-transition: all 0.6s ease-in-out;
  531. -moz-transition: all 0.6s ease-in-out;
  532. -o-transition: all 0.6s ease-in-out;
  533. -ms-transition: all 0.6s ease-in-out;
  534. transition: all 0.6s ease-in-out;
  535. }
  536. #sidebar:hover .desc a {
  537. color: {color:sb2 description links};
  538. -webkit-transition: all 0.4s ease-in-out;
  539. -moz-transition: all 0.4s ease-in-out;
  540. -o-transition: all 0.4s ease-in-out;
  541. -ms-transition: all 0.4s ease-in-out;
  542. transition: all 0.4s ease-in-out;
  543. }
  544. .title {
  545. width: 210px;
  546. opacity: 1.0;
  547. position: fixed;
  548. margin-top: -60px;
  549. line-height: 25px;
  550. font-family: courier new;
  551. font-size: 16px;
  552. height: 26px;
  553. z-index: 999;
  554. color: {color:title text};
  555. background-color: {color:title background};
  556. text-align: center;
  557. border-left: 20px solid {color:sb1 image border};
  558. border-right: 20px solid {color:sb1 image border};
  559. text-transform: uppercase;
  560. -webkit-transition: all 0.6s ease-in-out;
  561. -moz-transition: all 0.6s ease-in-out;
  562. -o-transition: all 0.6s ease-in-out;
  563. -ms-transition: all 0.6s ease-in-out;
  564. transition: all 0.6s ease-in-out;
  565. }
  566. #sidebar:hover .title {
  567. margin-top: -130px;
  568. opacity: 0.0;
  569. }
  570.  
  571. .navi {
  572. text-align: center;
  573. margin-top: -5px;
  574. margin-bottom: 30px;
  575. text-decoration: none;
  576. }
  577. .nav {
  578. font-family: consolas;
  579. width: auto;
  580. color: {color:sb1 nav text};
  581. font-size: 10px;
  582. float: left;
  583. position: auto;
  584. margin-left: 30px;
  585. margin-bottom: 10px;
  586. margin-right: -25px;
  587. text-decoration: none;
  588. background-color: {color:sb1 image border};
  589. padding: 2px 5px;
  590. text-align: center;
  591.  
  592. -webkit-transition: all 0.6s ease-in-out;
  593. -moz-transition: all 0.6s ease-in-out;
  594. -o-transition: all 0.6s ease-in-out;
  595. -ms-transition: all 0.6s ease-in-out;
  596. transition: all 0.6s ease-in-out;
  597. }
  598. .nav:hover {
  599. margin-right: -20px;
  600. margin-left: 35px;
  601. -webkit-transition: all 0.6s ease-in-out;
  602. -moz-transition: all 0.6s ease-in-out;
  603. -o-transition: all 0.6s ease-in-out;
  604. -ms-transition: all 0.6s ease-in-out;
  605. transition: all 0.6s ease-in-out;
  606. }
  607. #sidebar:hover .nav {
  608. background-color: {color:sb2 image border};
  609. color: {color:sb2 nav text};
  610.  
  611. -webkit-transition: all 0.6s ease-in-out;
  612. -moz-transition: all 0.6s ease-in-out;
  613. -o-transition: all 0.6s ease-in-out;
  614. -ms-transition: all 0.6s ease-in-out;
  615. transition: all 0.6s ease-in-out;
  616. }
  617. #sidebar:hover {
  618. background-color: {color:sb2 background};
  619. }
  620.  
  621. .custom {
  622. width: 210px;
  623. opacity: 0.0;
  624. position: fixed;
  625. margin-top: -60px;
  626. line-height: 25px;
  627. font-family: courier new;
  628. font-size: 18px;
  629. height: 26px;
  630. z-index: 999;
  631. color: {color:title text};
  632. background-color: {color:title background};
  633. text-align: center;
  634. border-left: 20px solid {color:sb2 image border};
  635. border-right: 20px solid {color:sb2 image border};
  636. text-transform: uppercase;
  637.  
  638. -webkit-transition: all 0.6s ease-in-out;
  639. -moz-transition: all 0.6s ease-in-out;
  640. -o-transition: all 0.6s ease-in-out;
  641. -ms-transition: all 0.6s ease-in-out;
  642. transition: all 0.6s ease-in-out;
  643. }
  644. #sidebar:hover .custom {
  645. margin-top: -130px;
  646. opacity: 1.0;
  647. }
  648.  
  649. .links {
  650. margin-top: -95px;
  651. position: fixed;
  652. z-index: 999;
  653. opacity: 0.0;
  654. width: 260px;
  655. -webkit-transition: all 0.6s ease-in-out;
  656. -moz-transition: all 0.6s ease-in-out;
  657. -o-transition: all 0.6s ease-in-out;
  658. -ms-transition: all 0.6s ease-in-out;
  659. transition: all 0.6s ease-in-out;
  660. }
  661. #sidebar:hover .links {
  662. opacity: 1.0;
  663. margin-top: -95px;
  664. -webkit-transition: all 0.6s ease-in-out;
  665. -moz-transition: all 0.6s ease-in-out;
  666. -o-transition: all 0.6s ease-in-out;
  667. -ms-transition: all 0.6s ease-in-out;
  668. transition: all 0.6s ease-in-out;
  669. }
  670. .linku {
  671. float: left;
  672. width: 110px;
  673. background-color: {color:custom links background};
  674. color: {color:custom links text};
  675. margin-left: 10px;
  676. text-transform: uppercase;
  677. font-size: 12px;
  678. letter-spacing: 1px;
  679. font-family: 'Lekton', sans-serif;
  680. margin-bottom: 3px;
  681. text-align: center;
  682. -webkit-transition: all 0.4s ease-in-out;
  683. -moz-transition: all 0.4s ease-in-out;
  684. -o-transition: all 0.4s ease-in-out;
  685. -ms-transition: all 0.4s ease-in-out;
  686. transition: all 0.4s ease-in-out;
  687. }
  688. .linku:hover {
  689. background-color: rgba(255,255,255,0.7);
  690. -webkit-transition: all 0.4s ease-in-out;
  691. -moz-transition: all 0.4s ease-in-out;
  692. -o-transition: all 0.4s ease-in-out;
  693. -ms-transition: all 0.4s ease-in-out;
  694. transition: all 0.4s ease-in-out;
  695. }
  696.  
  697. .pagination {
  698. width: 250px;
  699. text-align: center;
  700. text-decoration: none;
  701. padding: 2px;
  702. margin-top: 5px;
  703. -webkit-transition: all 0.5s ease-in-out;
  704. -moz-transition: all 0.5s ease-in-out;
  705. -o-transition: all 0.5s ease-in-out;
  706. -ms-transition: all 0.5s ease-in-out;
  707. transition: all 0.5s ease-in-out;
  708. }
  709.  
  710. .jump_page {
  711. padding: 4px 6px;
  712. font-size: 12px;
  713. text-align: center;
  714. line-height: 15px;
  715. margin: 2px;
  716. text-decoration: none;
  717. font-family: helvetica;
  718. -webkit-transition: all 0.5s ease-in-out;
  719. -moz-transition: all 0.5s ease-in-out;
  720. -o-transition: all 0.5s ease-in-out;
  721. -ms-transition: all 0.5s ease-in-out;
  722. transition: all 0.5s ease-in-out;
  723. background-color: {color:sb1 jump pagination BG};
  724. color: {color:sb1 jump pagination text};
  725. }
  726. #sidebar:hover .jump_page {
  727. background-color: {color:sb2 jump pagination BG};
  728. color: {color:sb2 jump pagination text};
  729. -webkit-transition: all 0.5s ease-in-out;
  730. -moz-transition: all 0.5s ease-in-out;
  731. -o-transition: all 0.5s ease-in-out;
  732. -ms-transition: all 0.5s ease-in-out;
  733. transition: all 0.5s ease-in-out;
  734. }
  735. .current_page {
  736. line-height: 10px;
  737. padding: 4px 6px;
  738. font-size: 12px;
  739. text-align: center;
  740. text-decoration: none;
  741. font-family: helvetica;
  742. -webkit-transition: all 0.5s ease-in-out;
  743. -moz-transition: all 0.5s ease-in-out;
  744. -o-transition: all 0.5s ease-in-out;
  745. -ms-transition: all 0.5s ease-in-out;
  746. transition: all 0.5s ease-in-out;
  747. background-color: {color:sb1 current pagination BG};
  748. color: {color:sb1 current pagination text};
  749. }
  750. #sidebar:hover .current_page {
  751. -webkit-transition: all 0.5s ease-in-out;
  752. -moz-transition: all 0.5s ease-in-out;
  753. -o-transition: all 0.5s ease-in-out;
  754. -ms-transition: all 0.5s ease-in-out;
  755. transition: all 0.5s ease-in-out;
  756. background-color: {color:sb2 current pagination BG};
  757. color: {color:sb2 current pagination text};
  758. }
  759.  
  760. #sidebar:hover .jump_page:hover {
  761. line-height: 10px;
  762. background-color: {color:sb2 current pagination BG};
  763. color: {color:sb2 current pagination text};
  764. -webkit-transition: all 0.5s ease-in-out;
  765. -moz-transition: all 0.5s ease-in-out;
  766. -o-transition: all 0.5s ease-in-out;
  767. -ms-transition: all 0.5s ease-in-out;
  768. transition: all 0.5s ease-in-out;
  769. }
  770. #permadate {
  771. opacity: 0.0;
  772. margin-left: 1px;
  773. width: 70px;
  774. text-align: center;
  775. text-transform: uppercase;
  776. font-family: consolas;
  777. font-size: 9px;
  778. padding: 3px 5px 3px 10px;
  779. z-index: -999;
  780. position: absolute;
  781. background-color: {color:perma date BG};
  782. color: {color:perma date text};
  783. border-radius: 10px 0 0 10px;
  784. -webkit-transition: all 0.4s ease-in-out;
  785. -moz-transition: all 0.4s ease-in-out;
  786. -o-transition: all 0.4s ease-in-out;
  787. -ms-transition: all 0.4s ease-in-out;
  788. transition: all 0.4s ease-in-out;
  789. }
  790. #posts:hover #permadate:hover {
  791. width: 80px;
  792. margin-left: -105px;
  793. color: {color:perma hover date text};
  794. -webkit-transition: all 0.4s ease-in-out;
  795. -moz-transition: all 0.4s ease-in-out;
  796. -o-transition: all 0.4s ease-in-out;
  797. -ms-transition: all 0.4s ease-in-out;
  798. transition: all 0.4s ease-in-out;
  799. }
  800. #posts:hover #permadate {
  801. opacity: 1.0;
  802. z-index: 999;
  803. margin-left: -95px;
  804. -webkit-transition: all 0.4s ease-in-out;
  805. -moz-transition: all 0.4s ease-in-out;
  806. -o-transition: all 0.4s ease-in-out;
  807. -ms-transition: all 0.4s ease-in-out;
  808. transition: all 0.4s ease-in-out;
  809. }
  810. #permatime {
  811. margin-left: 1px;
  812. z-index: -999;
  813. width: 35px;
  814. opacity: 0.0;
  815. margin-top: 18px;
  816. text-align: center;
  817. text-transform: uppercase;
  818. font-family: consolas;
  819. font-size: 9px;
  820. padding: 3px 5px 3px 10px;
  821. position: absolute;
  822. background-color: {color:perma time BG};
  823. color: {color:perma time text};
  824. border-radius: 10px 0 0 10px;
  825. -webkit-transition: all 0.4s ease-in-out;
  826. -moz-transition: all 0.4s ease-in-out;
  827. -o-transition: all 0.4s ease-in-out;
  828. -ms-transition: all 0.4s ease-in-out;
  829. transition: all 0.4s ease-in-out;
  830. }
  831. #posts:hover #permatime:hover {
  832. width: 45px;
  833. margin-left: -70px;
  834. color: {color:perma hover time text};
  835. -webkit-transition: all 0.4s ease-in-out;
  836. -moz-transition: all 0.4s ease-in-out;
  837. -o-transition: all 0.4s ease-in-out;
  838. -ms-transition: all 0.4s ease-in-out;
  839. transition: all 0.4s ease-in-out;
  840. }
  841. #posts:hover #permatime {
  842. opacity: 1.0;
  843. margin-left: -60px;
  844. z-index: 999;
  845. -webkit-transition: all 0.4s ease-in-out;
  846. -moz-transition: all 0.4s ease-in-out;
  847. -o-transition: all 0.4s ease-in-out;
  848. -ms-transition: all 0.4s ease-in-out;
  849. transition: all 0.4s ease-in-out;
  850. }
  851. #permanotes {
  852. margin-left: 1px;
  853. z-index: -999;
  854. width: 55px;
  855. opacity: 0.0;
  856. margin-top: 36px;
  857. text-align: center;
  858. text-transform: uppercase;
  859. font-family: consolas;
  860. font-size: 9px;
  861. padding: 3px 5px 3px 10px;
  862. position: absolute;
  863. background-color: {color:perma notes BG};
  864. color: {color:perma notes text};
  865. border-radius: 10px 0 0 10px;
  866. -webkit-transition: all 0.4s ease-in-out;
  867. -moz-transition: all 0.4s ease-in-out;
  868. -o-transition: all 0.4s ease-in-out;
  869. -ms-transition: all 0.4s ease-in-out;
  870. transition: all 0.4s ease-in-out;
  871. }
  872. #posts:hover #permanotes:hover {
  873. width: 65px;
  874. margin-left: -90px;
  875. color: {color:perma hover notes text};
  876. -webkit-transition: all 0.4s ease-in-out;
  877. -moz-transition: all 0.4s ease-in-out;
  878. -o-transition: all 0.4s ease-in-out;
  879. -ms-transition: all 0.4s ease-in-out;
  880. transition: all 0.4s ease-in-out;
  881. }
  882. #posts:hover #permanotes {
  883. opacity: 1.0;
  884. margin-left: -80px;
  885. z-index: 999;
  886. -webkit-transition: all 0.4s ease-in-out;
  887. -moz-transition: all 0.4s ease-in-out;
  888. -o-transition: all 0.4s ease-in-out;
  889. -ms-transition: all 0.4s ease-in-out;
  890. transition: all 0.4s ease-in-out;
  891. }
  892.  
  893. #tagss {
  894. position: absolute;
  895. margin-left: -103px;
  896. margin-top: 60px;
  897. opacity: 0.0;
  898. width: 80px;
  899. text-align: right;
  900. text-transform: uppercase;
  901. font-family: consolas;
  902. font-size: 9px;
  903. -webkit-transition: all 0.6s ease-in-out;
  904. -moz-transition: all 0.6s ease-in-out;
  905. -o-transition: all 0.6s ease-in-out;
  906. -ms-transition: all 0.6s ease-in-out;
  907. transition: all 0.6s ease-in-out;
  908. }
  909. #tagss a {
  910. text-decoration: none;
  911. color: {color:perma tags};
  912. }
  913. #posts:hover #tagss {
  914. opacity: 1.0;
  915. -webkit-transition: all 0.6s ease-in-out;
  916. -moz-transition: all 0.6s ease-in-out;
  917. -o-transition: all 0.6s ease-in-out;
  918. -ms-transition: all 0.6s ease-in-out;
  919. transition: all 0.6s ease-in-out;
  920. }
  921. #posts:hover #tagss:hover {color: {color:perma hover tags};}
  922. #posts:hover #tagss a:hover {color: {color:perma hover tags};}
  923. #album {
  924. width: 150px;
  925. height: 150px;
  926. background-color: grey;
  927. overflow: hidden;
  928. }
  929. .noalbum {
  930. width: 150px;
  931. height: 150px;
  932. background-color: grey;
  933. }
  934. .albumart {
  935. width: 150px;
  936. height: 150px;
  937. }
  938. .aud {
  939. width: 25px;
  940. height: 25px;
  941. border-radius: 25px;
  942. opacity: 0.6;
  943. overflow: hidden;
  944. margin: 60px 0 0 60px;
  945. position: absolute;
  946. -webkit-transition: all 0.4s ease-in-out;
  947. -moz-transition: all 0.4s ease-in-out;
  948. -o-transition: all 0.4s ease-in-out;
  949. -ms-transition: all 0.4s ease-in-out;
  950. transition: all 0.4s ease-in-out;
  951. }
  952. .aud:hover {
  953. opacity: 1;
  954. -webkit-transition: all 0.4s ease-in-out;
  955. -moz-transition: all 0.4s ease-in-out;
  956. -o-transition: all 0.4s ease-in-out;
  957. -ms-transition: all 0.4s ease-in-out;
  958. transition: all 0.4s ease-in-out;
  959. }
  960. .info {
  961. padding: 5px;
  962. background-color: {color:audio details bg};
  963. color: {color:body};
  964. text-transform: uppercase;
  965. font-family: consolas;
  966. font-size: 10px;
  967. height: auto;
  968. border-radius: 0 10px 10px 0;
  969. {block:ifbigposts}
  970. max-width: 330px;
  971. {/block:ifbigposts}
  972. {block:ifmediumposts}
  973. max-width: 230px;
  974. {/block:ifmediumposts}
  975. }
  976. .info b,strong {
  977. color: {color:bold text};
  978. }
  979. .information {
  980. margin: 40px 0 0 160px;
  981. position: absolute;
  982. }
  983. #audiopost {
  984. padding: 10px;
  985. background-color: {color:audio bg};
  986. {block:ifbigposts}
  987. width: 480px;
  988. {/block:ifbigposts}
  989. {block:ifmediumposts}
  990. width: 380px;
  991. {/block:ifmediumposts}
  992. }
  993. {block:ifphotofading}
  994. .photo {
  995. opacity: 0.6;
  996. -webkit-transition: all 0.8s ease-in-out;
  997. -moz-transition: all 0.8s ease-in-out;
  998. -o-transition: all 0.8s ease-in-out;
  999. -ms-transition: all 0.8s ease-in-out;
  1000. transition: all 0.8s ease-in-out;
  1001. }
  1002. .photo:hover {
  1003. opacity: 1;
  1004. -webkit-transition: all 0.8s ease-in-out;
  1005. -moz-transition: all 0.8s ease-in-out;
  1006. -o-transition: all 0.8s ease-in-out;
  1007. -ms-transition: all 0.8s ease-in-out;
  1008. transition: all 0.8s ease-in-out;
  1009. }
  1010. {/block:ifphotofading}
  1011.  
  1012. {CustomCSS}
  1013.  
  1014. </style>
  1015.  
  1016. </head>
  1017. <body>
  1018.  
  1019. <div id="sidebar">
  1020. <img class="pic2" src="http://i47.tinypic.com/ngdgfr.jpg">
  1021. <img class="pic" src="http://i48.tinypic.com/123uz4w.jpg">
  1022. <div class="title">{Title}</div>
  1023. <div class="custom">Links</div>
  1024. <div class="links">
  1025. <a href="http://thehiddentriforce.tumblr.com/tagged/me"><div class="linku">Me</div></a>
  1026. <a href="http://thehiddentriforce.tumblr.com/about"><div class="linku">About</div></a>
  1027. <a href="http://www.facebook.com/johnatkins1563"><div class="linku">Facebook</div></a>
  1028. <a href="http://thehiddentriforce.tumblr.com/ASVG"><div class="linku">ASVG</div></a>
  1029. <a href="http://thehiddentriforce.tumblr.com/tagged/if-yu-had-tha-chance-ta-cheenge-ya-faet-woojehr"><div class="linku">Ask Tag</div></a>
  1030. <a href="http://adviceforthemasses.tumblr.com/"><div class="linku">Advice Blog</div></a>
  1031. </div>
  1032. <div class="navi">
  1033. <a href="/"><div class="nav">refresh</div></a>
  1034. <a href="/ask"><div class="nav">message</div></a>
  1035. <a href="/archive"><div class="nav">memories</div></a>
  1036. <a href="http://yukoki.tumblr.com/post/36354460435/theme-12-okumura-by-yukoki-live-preview"><div class="nav">credit</div></a>
  1037. </div><p>
  1038. <div class="desc">{Description}</div>
  1039. <div class="pagination">
  1040. {block:IfNotInfiniteScroll}
  1041. {block:Pagination}
  1042. <div class="pagination">
  1043. {block:PreviousPage}
  1044. <a href="{PreviousPage}" class="jump_page">?</a>
  1045. {/block:PreviousPage}
  1046.  
  1047. {block:JumpPagination length="5"}
  1048. {block:CurrentPage}
  1049. <span class="current_page">?</span>
  1050. {/block:CurrentPage}
  1051.  
  1052. {block:JumpPage}
  1053. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1054. {/block:JumpPage}
  1055. {/block:JumpPagination}
  1056.  
  1057. {block:NextPage}
  1058. <a href="{NextPage}" class="jump_page">?</a>
  1059. {/block:NextPage}
  1060. {/block:Pagination}
  1061. </div>
  1062. </div>
  1063. </div>
  1064. {/block:Pagination}
  1065.  
  1066. {/block:IfNotInfiniteScroll}
  1067. </div>
  1068. </div><!--sidebar-->
  1069.  
  1070. <!--The Main Content-->
  1071.  
  1072. <div id="content">
  1073. <img class="image" src="{image:Post Wrap}" />
  1074. <div class="autopagerize_page_element">
  1075. {block:Posts}
  1076. <div id="posts">
  1077.  
  1078. {block:IndexPage}
  1079. <a href="{Permalink}">
  1080. <div id="permadate">
  1081. {block:Date}{DayOfMonth} {shortMonth} {Year}
  1082. </div></a>
  1083. <a href="{Permalink}">
  1084. <div id="permatime">
  1085. {12Hour}.{Minutes}{AmPm}{/block:Date}
  1086. </div></a>
  1087. {block:NoteCount}
  1088. <a href="{Permalink}">
  1089. <div id="permanotes">
  1090. {NoteCount}
  1091. </div></a>
  1092. {/block:NoteCount}
  1093. {block:HasTags}<div id="tagss">
  1094. {block:Tags}
  1095. <a href="{TagURL}">#{Tag}</a><br>
  1096. {/block:Tags} </div> {/block:HasTags}
  1097. {/block:IndexPage}
  1098.  
  1099. {block:Photo}
  1100. <div class="photo">
  1101. {LinkOpenTag}<center><img src="{PhotoURL-500}" /></center>{LinkCloseTag}
  1102. </div>
  1103. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1104. {/block:Photo}
  1105.  
  1106. {block:Photoset}
  1107. <div class="photo">
  1108. {block:ifbigposts}{Photoset-500}{/block:ifbigposts}
  1109. {block:ifmediumposts}{Photoset-400}{/block:ifmediumposts}
  1110. </div>
  1111. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1112. {/block:Photoset}
  1113.  
  1114. {block:Video}
  1115. {block:ifbigposts}{Video-500}{/block:ifbigposts}
  1116. {block:ifmediumposts}{Video-400}{/block:ifmediumposts}
  1117. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1118. {/block:Video}
  1119.  
  1120. {block:Audio}
  1121. <div id="audiopost">
  1122. <div class="information">
  1123. <div class="info"><b>TRACK NAME:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1124. <div class="info"><b>ALBUM TITLE:</b> {block:Album}{Album}{/block:Album}</div>
  1125. <div class="info"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1126. </div>
  1127. <div class="aud">{AudioPlayerBlack}</div>
  1128. <div id="album"><div class="noart"></div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1129. </div>
  1130. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1131. {/block:Audio}
  1132.  
  1133. {block:Quote}
  1134. <div class="quote">“{Quote}”</div>
  1135. {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
  1136. {/block:Quote}
  1137.  
  1138. {block:Text}
  1139. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1140. <div class="text">{Body}</div>
  1141. {/block:Text}
  1142.  
  1143. {block:Answer}
  1144. <img class="askerportrait" src="{AskerPortraitURL-48}" /><div class="asker">{Asker}</div>
  1145. <div class="tr">?</div>
  1146. <div class="ask">
  1147. {Question}</div>
  1148. <div class="text"></div>
  1149. <div class="text">{Answer}</div>
  1150. {/block:Answer}
  1151.  
  1152. {block:Chat}
  1153. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1154. <div class="text">
  1155. {block:Lines}
  1156. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1157. {/block:Lines}
  1158. </div>
  1159. {/block:Chat}
  1160.  
  1161. {block:Link}
  1162. <div class="posttitle"><a href="{URL}">{Name} ?</a></div>
  1163. {block:Description}
  1164. <div class="text">{Description}</div>
  1165. {/block:Description}
  1166. {/block:Link}
  1167.  
  1168. {block:ContentSource}
  1169. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1170. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1171. {/block:SourceLogo}
  1172. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1173. {/block:ContentSource}
  1174.  
  1175. <!--The Tags-->
  1176.  
  1177. </div>
  1178.  
  1179. {block:PermalinkPage}
  1180. <div class="permapage">
  1181. <center>
  1182. {block:Date}<i>{DayOfMonth} {Month} {Year}</i> at <i>{12Hour}:{Minutes}{AmPm}</i>{/block:Date}{block:NoteCount} with <i>{NoteCountWithLabel}</i>{/block:NoteCount}</div></center>
  1183. <center><div class="postsource">{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div></center>
  1184. <center>
  1185. {block:HasTags}<div id="tags">
  1186. {block:Tags}
  1187. <a href="{TagURL}">#{Tag} </a>
  1188. {/block:Tags} </div> {/block:HasTags}
  1189. </center>
  1190. {/block:PermalinkPage}
  1191.  
  1192.  
  1193. {block:PostNotes}
  1194. <div id="notecontainer">{PostNotes}</div>
  1195. {/block:PostNotes}
  1196.  
  1197.  
  1198. {/block:Posts}
  1199.  
  1200. </div>
  1201. </div>
  1202.  
  1203. </body>
  1204. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!