API tools faq
paste
Advertisement
mogimochi

Theme [06] Dream

mogimochi
Sep 8th, 2012
41,381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!-----------------------------------------------------------------------
  7.  
  8. Theme 06 Dream
  9. by yukoki/s-ekki
  10.  
  11. 1. Light/Heavy CSS editting is allowed.
  12. 2. Do not use as base code.
  13. 3. Do not remove credit.
  14. 4. Do not claim theme as your own.
  15.  
  16. ---------------------------------------------------------- VER 261017 -->
  17.  
  18. <meta name="color:background" content="#ffffff">
  19.  
  20. <meta name="color:post background" content="#ffffff">
  21.  
  22. <meta name="color:body text" content="#888888">
  23. <meta name="color:body bold" content="#ce808b">
  24. <meta name="color:body italic" content="#cea986">
  25. <meta name="color:body links" content="#eeb472">
  26. <meta name="color:body links hover" content="#ffffff">
  27. <meta name="color:body links hover bg" content="#e06939">
  28. <meta name="color:blockquote" content="#d44024">
  29.  
  30. <meta name="color:post title bg" content="#ebe9e9">
  31. <meta name="color:post title text" content="#8a8787">
  32. <meta name="color:post title text hover" content="#000000">
  33. <meta name="color:post title hover bg" content="#fffdfd">
  34.  
  35. <meta name="color:post quote" content="#000000">
  36.  
  37. <meta name="color:ask background" content="#f8eacc">
  38. <meta name="color:ask text" content="#7e7d7d">
  39. <meta name="color:asker text" content="#000000">
  40. <meta name="color:asker link" content="#d44024">
  41. <meta name="color:asker link hover" content="#dfdddd">
  42.  
  43. <meta name="color:tags" content="#b49378">
  44. <meta name="color:tags hover" content="#d44024">
  45. <meta name="color:tags bg" content="#ffffff">
  46. <meta name="color:tags hover bg" content="#ffffff">
  47. <meta name="color:perma page text" content="#757575">
  48.  
  49. <meta name="color:chat even background" content="#f7f7f7" />
  50. <meta name="color:chat even name" content="#d5636b" />
  51. <meta name="color:chat even text" content="#b8b8b8" />
  52. <meta name="color:chat odd background" content="#ffffff" />
  53. <meta name="color:chat odd name" content="#c2a193" />
  54. <meta name="color:chat odd text" content="#919191" />
  55.  
  56. <meta name="color:sidebar background" content="#ffffff">
  57. <meta name="color:left border 1" content="#6c635a">
  58. <meta name="color:left border 2" content="#c26e60">
  59. <meta name="color:right bar 1" content="#574e47">
  60. <meta name="color:right bar 2" content="#d44024">
  61. <meta name="color:right bar 3" content="#ecb899">
  62. <meta name="color:navigation background" content="#ffffff">
  63. <meta name="color:navigation text" content="#aaaaaa">
  64.  
  65. <meta name="color:desc text" content="#888888">
  66. <meta name="color:desc background" content="#474137">
  67. <meta name="color:desc bold" content="#c48c81">
  68. <meta name="color:desc italic" content="#aa927e">
  69. <meta name="color:desc links" content="#dddcdc">
  70. <meta name="color:desc links hover" content="#d44024">
  71.  
  72. <meta name="color:custom links background" content="#d44024">
  73. <meta name="color:custom links text" content="#ffffff">
  74. <meta name="color:custom links hover background" content="#9c9c9c">
  75. <meta name="color:custom links hover text" content="#000000">
  76.  
  77. <meta name="color:top bar background" content="#000000">
  78. <meta name="color:top bar text" content="#aaaaaa">
  79.  
  80. <meta name="color:audio lines" content="#f8f8f8">
  81. <meta name="color:audio text" content="#858585">
  82.  
  83. <meta name="color:permalink date" content="#cf6950">
  84. <meta name="color:permalink notes" content="#96836b">
  85. <meta name="color:permalink text" content="#ffffff">
  86. <meta name="color:permalink time" content="#ecbfa2">
  87.  
  88. <meta name="color:pagination text 1" content="#635547">
  89. <meta name="color:pagination text 2" content="#ffffff">
  90. <meta name="color:pagination link 1" content="#d44024">
  91. <meta name="color:pagination link 2" content="#ffffff">
  92.  
  93. <meta name="color:scrollbar bg" content="#d2d4d3">
  94. <meta name="color:scrollbar" content="#cf6b53">
  95. <meta name="color:text highlight bg" content="#d44024">
  96. <meta name="color:text highlight" content="#ffffff">
  97.  
  98. <meta name="image:background" content="">
  99. <meta name="image:sidebar" content="">
  100. <meta name="image:sidebar background" content="">
  101. <meta name="image:icon home" content="">
  102. <meta name="image:icon ask" content="">
  103. <meta name="image:icon archive" content="">
  104. <meta name="image:icon theme" content="">
  105.  
  106.  
  107. <meta name="if:drop down menu" content="0">
  108. <meta name="if:left sidebar borders" content="1">
  109. <meta name="if:hover description" content="0">
  110. <meta name="if:post size 1" content="1">
  111. <meta name="if:post size 2" content="0">
  112. <meta name="if:post size 3" content="0">
  113. <meta name="if:1 column" content="1">
  114. <meta name="if:2 columns" content="0">
  115. <meta name="if:3 columns" content="0">
  116. <meta name="if:fading photos" content="0">
  117. <meta name="if:fading photos reversed" content="1">
  118. <meta name="if:monochrome posts" content="0">
  119. <meta name="if:white audio player" content="0">
  120. <meta name="if:hover permalink" content="1">
  121. <meta name="if:slide out permalink" content="1">
  122. <meta name="if:show captions" content="1">
  123. <meta name="if:sidebar pagination" content="0">
  124. <meta name="if:music player" content="0">
  125. <meta name="if:show tags" content="0">
  126.  
  127. <meta name="text:billy music player code" content="">
  128. <meta name="text:drop down menu text" content="navigation">
  129. <meta name="text:Link 1" content="" />
  130. <meta name="text:Link 1 URL" content="" />
  131. <meta name="text:Link 2" content="" />
  132. <meta name="text:Link 2 URL" content="" />
  133. <meta name="text:Link 3" content="" />
  134. <meta name="text:Link 3 URL" content="" />
  135. <meta name="text:Link 4" content="" />
  136. <meta name="text:Link 4 URL" content="" />
  137. <meta name="text:Link 5" content="" />
  138. <meta name="text:Link 5 URL" content="" />
  139. <meta name="text:Link 6" content="" />
  140. <meta name="text:Link 6 URL" content="" />
  141. <meta name="text:Link 7" content="" />
  142. <meta name="text:Link 7 URL" content="" />
  143. <meta name="text:Link 8" content="" />
  144. <meta name="text:Link 8 URL" content="" />
  145.  
  146. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  147. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  148. <link rel="shortcut icon" href="{Favicon}" />
  149.  
  150. <style type="text/css">
  151.  
  152. body {
  153. background-color: {color:background};
  154. background-image: url({image:background});
  155. background-attachment: fixed;
  156. margin: 0;
  157. word-wrap: break-word;
  158. }
  159. a { text-decoration:none; }
  160.  
  161. .tmblr-iframe {z-index:999999999!important;}
  162.  
  163. ::selection {
  164. background: {color:text highlight bg};
  165. color:{color:text highlight};
  166. }
  167.  
  168. ::-moz-selection {
  169. background: {color:text highlight bg};
  170. color:{color:text highlight};
  171. }
  172.  
  173. ::-webkit-scrollbar { width: 5px; }
  174.  
  175. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  176.  
  177. ::-webkit-scrollbar-thumb:vertical {
  178. width: 10px;
  179. border-radius: 100px;
  180. -moz-border-radius: 100px;
  181. -webkit-border-radius: 100px;
  182. -o-border-radius: 100px;
  183. background-color: {color:scrollbar};
  184. }
  185.  
  186. #sidebar {
  187. position: fixed;
  188. right: 0;
  189. top: 0;
  190. height: 100%;
  191. width: 400px;
  192. background-color: {color:sidebar background};
  193. background-image: url({image:sidebar background});
  194. {block:ifleftsidebarborders}
  195. border-left: 20px solid {color:left border 1};
  196. {/block:ifleftsidebarborders}
  197. }
  198.  
  199. #xs {
  200. position:fixed;
  201. height:10000px;
  202. width:10px;
  203. background-color: {color:left border 2};
  204. right: 420px;
  205. }
  206.  
  207. .s1 {
  208. right: 60px;
  209. position: fixed;
  210. width: 7px;
  211. height: 600px;
  212. border-radius: 0 0 10px 10px;
  213. -moz-border-radius: 0 0 10px 10px;
  214. -webkit-border-radius: 0 0 10px 10px;
  215. -o-border-radius: 0 0 10px 10px;
  216. background-color: {color:right bar 1};
  217. }
  218. .s2 {
  219. right: 45px;
  220. position: fixed;
  221. width: 7px;
  222. height: 500px;
  223. border-radius: 0 0 10px 10px;
  224. -moz-border-radius: 0 0 10px 10px;
  225. -webkit-border-radius: 0 0 10px 10px;
  226. -o-border-radius: 0 0 10px 10px;
  227. background-color: {color:right bar 2};
  228. }
  229. .s3 {
  230. right: 30px;
  231. position: fixed;
  232. width: 7px;
  233. height: 550px;
  234. border-radius: 0 0 10px 10px;
  235. -moz-border-radius: 0 0 10px 10px;
  236. -webkit-border-radius: 0 0 10px 10px;
  237. -o-border-radius: 0 0 10px 10px;
  238. background-color: {color:right bar 3};
  239. }
  240.  
  241. .sbpic {
  242. width: 280px;
  243. margin-left: 15px;
  244. margin-top: 45px;
  245. }
  246.  
  247. #navi {
  248. position: fixed;
  249. right: 10px;
  250. z-index: 10;
  251. margin-top: 70px;
  252. }
  253. .navicon {
  254. width: 80px;
  255. height: 80px;
  256. border-radius: 100px;
  257. -moz-border-radius: 100px;
  258. -webkit-border-radius: 100px;
  259. -o-border-radius: 100px;
  260. overflow: hidden;
  261. margin-bottom: 20px;
  262. }
  263. .navb { width: 180px; height: 80px; }
  264. .navimg { width: 80px; height: 80px; }
  265.  
  266. .navt {
  267. width: 80px;
  268. height: 80px;
  269. font-family: consolas;
  270. font-size: 11px;
  271. text-transform: uppercase;
  272. background-color: {color:navigation background};
  273. color: {color:navigation text};
  274. line-height: 80px;
  275. text-align: center;
  276. float: left;
  277. margin-left: -80px;
  278. transition: 0.8s;
  279. -moz-transition: 0.8s;
  280. -webkit-transition: 0.8s;
  281. -o-transition: 0.8s;
  282. }
  283.  
  284. .navicon:hover .navt { margin-left: 0;}
  285.  
  286. .desc {
  287. width: 260px;
  288. padding: 10px;
  289. font-family: calibri;
  290. font-size: 12px;
  291. color: {color:desc text};
  292. background-color: {color:desc background};
  293. margin: 7px 0 0 15px;
  294. text-align: justify;
  295. {block:ifhoverdescription}
  296. position: absolute;
  297. margin: -80px 0 0 30px;
  298. width: 230px;
  299. height: 42px;
  300. overflow: auto;
  301. opacity: 0.1;
  302. {/block:ifhoverdescription}
  303. -webkit-transition: all 0.8s ease-in-out;
  304. -moz-transition: all 0.8s ease-in-out;
  305. -o-transition: all 0.8s ease-in-out;
  306. -ms-transition: all 0.8s ease-in-out;
  307. transition: all 0.8s ease-in-out;
  308. }
  309. {block:ifhoverdescription}
  310. #sidebar:hover .desc { opacity: 1; }
  311. {/block:ifhoverdescription}
  312. .desc a { color: {color:desc links};
  313. -webkit-transition: all 0.4s ease-in-out;
  314. -moz-transition: all 0.4s ease-in-out;
  315. -o-transition: all 0.4s ease-in-out;
  316. -ms-transition: all 0.4s ease-in-out;
  317. transition: all 0.4s ease-in-out;
  318. }
  319. .desc a:hover {
  320. color:{color:desc links hover};
  321. }
  322. .desc b,strong { color: {color:desc bold}; }
  323. .desc i,em { color: {color:desc italic}; }
  324.  
  325. .tria {
  326. color: {color:desc background};
  327. font-size: 40px;
  328. position: absolute;
  329. margin: -25px 0 0 40px;
  330. {block:ifhoverdescription}
  331. display: none;
  332. {/block:ifhoverdescription}
  333. }
  334.  
  335. #customlinks {width: 300px;margin: 10px 0 0 15px;}
  336.  
  337. .cl {
  338. width: 137px;
  339. height: 20px;
  340. line-height: 20px;
  341. text-align: center;
  342. font-family: consolas;
  343. font-size: 10px;
  344. background-color: {color:custom links background};
  345. color: {color:custom links text};
  346. float: left;
  347. margin-right: 5px;
  348. margin-bottom: 5px;
  349. -webkit-transition: all 0.4s ease-in-out;
  350. -moz-transition: all 0.4s ease-in-out;
  351. -o-transition: all 0.4s ease-in-out;
  352. -ms-transition: all 0.4s ease-in-out;
  353. transition: all 0.4s ease-in-out;
  354. }
  355.  
  356. .cl:hover {
  357. background-color: {color:custom links hover background};
  358. color: {color:custom links hover text};
  359. }
  360.  
  361. #blogt {
  362. width: 100%;
  363. height: 30px;
  364. background-color: {color:top bar background};
  365. color: {color:top bar text};
  366. z-index: 10000;
  367. position: fixed;
  368. line-height: 30px;
  369. text-align: center;
  370. font-family: calibri, georgia;
  371. font-size: 12px;
  372. text-transform: uppercase;
  373. letter-spacing: 2px;
  374. top: 0; left: 0;
  375. -webkit-transition: all 0.6s ease-in-out;
  376. -moz-transition: all 0.6s ease-in-out;
  377. -o-transition: all 0.6s ease-in-out;
  378. -ms-transition: all 0.6s ease-in-out;
  379. transition: all 0.6s ease-in-out;
  380. }
  381.  
  382. #content {
  383. margin-top: 30px;
  384. padding: 5px 10px;
  385. float: right;
  386. {block:if1column}
  387. {block:ifpostsize1}width: 520px;margin-right: 440px;{/block:ifpostsize1}
  388. {block:ifpostsize2}width: 420px;margin-right: 440px;{/block:ifpostsize2}
  389. {/block:if1column}
  390.  
  391. {block:if2columns}
  392. {block:ifpostsize3}
  393. width: 600px;
  394. margin-right: 390px;
  395. {/block:ifpostsize3}
  396. {block:ifpostsize2}
  397. width: 900px;
  398. margin-right: 390px;
  399. {/block:ifpostsize2}
  400. {/block:if2columns}
  401.  
  402. {block:if3columns}width: 900px;margin-right: 370px;{/block:if3columns}
  403. {block:permalinkpage}
  404. {block:ifpostsize2}width: 520px;{/block:ifpostsize2}
  405. {block:if2columns}width: 530px;{/block:if2columns}
  406. {block:if3columns}width: 530px;{/block:if3columns}
  407. margin-right: 430px;
  408. {/block:permalinkpage}
  409. {block:ifnotleftsidebarborders}
  410. margin-right: 410px;
  411. {/block:ifnotleftsidebarborders}
  412. }
  413.  
  414. .posts {
  415. padding: 10px;
  416. float: right;
  417. background-color: {color:post background};
  418. margin: 10px 0;
  419. {block:if1column}
  420. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  421. {block:ifpostsize2}width: 400px;{/block:ifpostsize2}
  422. {block:if1column}
  423.  
  424. {block:if2columns}
  425. {block:ifpostsize3}
  426. width: 250px;margin: 5px;
  427. {/block:ifpostsize3}
  428. {block:ifpostsize2}
  429. width: 400px;margin: 5px;
  430. {/block:ifpostsize2}
  431. {/block:if2columns}
  432. {block:if3columns}width: 250px;margin: 5px;{/block:if3columns}
  433.  
  434. {block:permalinkpage}
  435. {block:if1column}
  436. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  437. {block:ifpostsize2}width: 500px;{/block:ifpostsize2}
  438. {block:if1column}
  439. {block:if2columns}
  440. {block:ifpostsize2}width: 500px;{block:ifpostsize2}
  441. {block:ifpostsize3}width: 500px;{block:ifpostsize3}
  442. {/block:if2columns}
  443. {block:if3columns}width: 500px;{/block:if3columns}
  444. {/block:permalinkpage}
  445. }
  446.  
  447. .photo {
  448. {block:iffadingphotos}opacity: 0.8;{/block:iffadingphotos}
  449. {block:iffadingphotosreversed}opacity: 1;{/block:iffadingphotosreversed}
  450. {block:if1column}
  451. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  452. {block:ifpostsize2}width: 400px;{/block:ifpostsize2}
  453. {/block:if1column}
  454.  
  455. {block:if2columns}
  456. {block:ifpostsize3}
  457. width: 250px;
  458. {/block:ifpostsize3}
  459. {block:ifpostsize2}
  460. width: 400px;
  461. {/block:ifpostsize2}
  462. {/block:if2columns}
  463. {block:if3columns}width: 250px;{/block:if3columns}
  464.  
  465. {block:permalinkpage}
  466. {block:if1column}
  467. {block:ifpostsize1}width: 500px;{/block:ifpostsize1}
  468. {block:ifpostsize2}width: 500px;{/block:ifpostsize2}
  469. {/block:if1column}
  470. {block:if2columns}
  471. {block:ifpostsize2}width: 500px;{/block:ifpostsize2}
  472. {block:ifpostsize3}width: 500px;{/block:ifpostsize3}
  473. {/block:if2columns}
  474. {block:if3columns}width: 250px;{/block:if3columns}
  475. {/block:permalinkpage}
  476. display:block;
  477. {block:IfMonochromePosts}
  478. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  479. filter: gray; /* IE6-9 */
  480. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  481. {/block:IfMonochromePosts}
  482. -webkit-transition: all 0.7s linear;
  483. -moz-transition: all 0.7s linear;
  484. -o-transition: all 0.7s linear;
  485. }
  486. .posts:hover .photo {
  487. {block:IfMonochromePosts}
  488. filter: none;
  489. -webkit-filter: grayscale(0%);
  490. {/block:IfMonochromePosts}
  491. {block:iffadingphotos}opacity:1;{/block:iffadingphotos}
  492. {block:iffadingphotosreversed}opacity: 0.6;{/block:iffadingphotosreversed}
  493. }
  494.  
  495. .text {
  496. font-family: calibri;
  497. color: {color:body text};
  498. font-size: 12px;
  499. text-align: justify;
  500. }
  501.  
  502. .text b,strong {color:{color:body bold};}
  503. .text i,em {color:{color:body italic};}
  504.  
  505. .text a, .src a {
  506. color: {color:body links};
  507. }
  508.  
  509. .text a:hover, .src a:hover {
  510. padding: 0 5.5px;
  511. color: {color:body links hover};
  512. background-color: {color:body links hover bg};
  513. font-style: italic;
  514. }
  515.  
  516. .text ul { list-style-type: square; }
  517.  
  518. .posts blockquote {
  519. margin: 5px 10px;
  520. border-left: 3px solid {color:blockquote};
  521. padding: 3px 10px;
  522. }
  523.  
  524. .posts img {
  525. {block:if1column}
  526. {block:ifpostsize1}max-width: 500px;{/block:ifpostsize1}
  527. {block:ifpostsize2}max-width: 400px;{/block:ifpostsize2}
  528. {block:if1column}
  529. {block:if2columns}
  530. {block:ifpostsize3}max-width: 250px;{/block:ifpostsize3}
  531. {block:ifpostsize2}max-width: 400px;{/block:ifpostsize2}
  532. {/block:if2columns}
  533. {block:if3columns}max-width: 250px;{/block:if3columns}
  534.  
  535. {block:permalinkpage}
  536. {block:if1column}
  537. {block:ifpostsize1}max-width: 500px;{/block:ifpostsize1}
  538. {block:ifpostsize2}max-width: 500px;{/block:ifpostsize2}
  539. {/block:if1column}
  540. {block:if2columns}
  541. {block:ifpostsize2}max-width: 500px;{/block:ifpostsize2}
  542. {block:ifpostsize3}max-width: 500px;{/block:ifpostsize3}
  543. {/block:if2columns}
  544. {block:if3columns}max-width: 500px;{/block:if3columns}
  545. {/block:permalinkpage}
  546. }
  547. .posts blockquote img {max-width: 100%;}
  548.  
  549. .quote {
  550. font-family: georgia;
  551. font-size: 15px;
  552. text-align: right;
  553. color: {color:post quote};
  554. }
  555.  
  556. .src {
  557. font-family: consolas;
  558. font-size: 10px;
  559. text-align: right;
  560. text-transform: uppercase;
  561. color: {color:body};
  562. }
  563.  
  564. .ltitle, .ptitle {
  565. font-family: georgia;
  566. font-size: 16px;
  567. padding: 5px 0;
  568. text-align: center;
  569. background-color: {color:post title bg};
  570. color: {color:post title text};
  571. -webkit-transition: all 0.4s ease-in-out;
  572. -moz-transition: all 0.4s ease-in-out;
  573. -o-transition: all 0.4s ease-in-out;
  574. -ms-transition: all 0.4s ease-in-out;
  575. transition: all 0.4s ease-in-out;
  576. }
  577.  
  578. .ltitle:hover {
  579. background-color: {color:post title hover bg};
  580. color: {color:post title text hover};
  581. }
  582.  
  583. .odd .line {background-color: {color:chat odd background};padding: 3px 5px;margin-bottom:3px;color:{color:chat odd text};}
  584. .even .line {background-color: {color:chat even background};padding: 3px 5px;margin-bottom:3px;color:{color:chat even text};}
  585. .odd .name {color: {color:chat odd name};padding: 3px 5px;}
  586. .even .name {color: {color:chat even name};padding: 3px 5px;}
  587.  
  588. #album {
  589. width: 150px;
  590. height: 150px;
  591. background-color: #888;
  592. {block:if1column}
  593. {block:ifpostsize1}position: absolute;{/block:ifpostsize1}
  594. {block:ifpostsize2}position: absolute;{/block:ifpostsize2}
  595. {/block:if1column}
  596. {block:if2columns}
  597. {block:ifpostsize3}width: 250px;height: 250px;{/block:ifpostsize3}
  598. {block:ifpostsize2}position: absolute;{/block:ifpostsize2}
  599. {/block:if2columns}
  600. {block:if3columns}width: 250px;height: 250px;{/block:if3columns}
  601.  
  602. {block:permalinkpage}{block:ifnot1column}
  603. position: absolute;
  604. width: 150px;
  605. height: 150px;
  606. {/block:ifnot1column}{/block:permalinkpage}
  607. }
  608. .noalbum {
  609. {block:if1column}
  610. width: 150px;
  611. height: 150px;
  612. {/block:if1column}
  613. background-color: #888;
  614. z-index: 50;
  615. {block:if2columns}
  616. {block:ifpostsize3}width:250px;height:250px;{/block:ifpostsize3}
  617. {block:ifpostsize2}width: 150px;height: 150px;{/block:ifpostsize2}
  618. {/block:if2columns}
  619. {block:if3columns}width:250px;height:250px;{/block:if3columns}
  620.  
  621. {block:permalinkpage}
  622. {block:ifnot1column}
  623. width: 150px;
  624. height: 150px;
  625. {/block:ifnot1column}
  626. {/block:permalinkpage}
  627. }
  628. .albumart {
  629. {block:if1column}
  630. {block:ifpostsize1}max-width: 150px;height: 150px;{/block:ifpostsize1}
  631. {block:ifpostsize2}max-width: 150px;height: 150px;{/block:ifpostsize2}
  632. {/block:if1column}
  633. z-index: 50;
  634. {block:if2columns}
  635. {block:ifpostsize3}max-width: 250px;max-height: 250px;{/block:ifpostsize3}
  636. {block:ifpostsize2}max-width: 150px;height: 150px;{/block:ifpostsize2}
  637. {/block:if2columns}
  638. {block:if3columns}width:250px;height:250px;{/block:if3columns}
  639.  
  640. {block:permalinkpage}
  641. {block:ifnot1column}
  642. width: 150px;
  643. height: 150px;
  644. {/block:ifnot1column}
  645. {/block:permalinkpage}
  646. }
  647.  
  648. #audinfo {
  649. width: 340px;
  650. margin-left: 160px;
  651. min-height: 150px;
  652. {block:if2columns}
  653. {block:ifpostsize2}
  654. width: 340px;
  655. margin-left: 160px;
  656. min-height: 150px;
  657. {/block:ifpostsize2}
  658. {block:ifpostsize3}
  659. position: absolute;
  660. z-index: 10;
  661. width:250px;
  662. margin-left: 0;
  663. margin-top: -200px;
  664. {/block:ifpostsize3}
  665. {/block:if2columns}
  666. {block:if3columns}
  667. position: absolute;
  668. z-index: 10;
  669. width:250px;
  670. margin-left: 0;
  671. margin-top: -200px;
  672. {/block:if3columns}
  673. {block:permalinkpage}{block:if2columns}
  674. position: static;
  675. width: 340px;
  676. margin-left: 160px;
  677. margin-top: 0;
  678. min-height: 150px;
  679. {/block:if2columns}
  680. {block:if3columns}
  681. position: static;
  682. width: 340px;
  683. margin-left: 160px;
  684. margin-top: 0;
  685. min-height: 150px;
  686. {/block:if3columns}{/block:permalinkpage}
  687. }
  688.  
  689. .aud {
  690. height: 27px;
  691. margin-bottom: 5px;
  692. {block:ifwhiteaudioplayer}
  693. background-color: #fff;
  694. {/block:ifwhiteaudioplayer}
  695. {block:ifnotwhiteaudioplayer}
  696. background-color: #000;
  697. {/block:ifnotwhiteaudioplayer}
  698. {block:ifpostsize1}width: 340px;{/block:ifpostsize1}
  699. {block:ifpostsize2}width: 240px;{/block:ifpostsize2}
  700. {block:if2columns}
  701. {block:ifpostsize3}opacity: 0.1;{/block:ifpostsize3}
  702. {block:ifpostsize2}opacity: 1;{/block:ifpostsize2}
  703. {/block:if2columns}
  704. {block:if3columns}opacity: 0.1;width:250px;{/block:if3columns}
  705. {block:permalinkpage}
  706. {block:if2columns}width: 340px;opacity: 1;{/block:if2columns}
  707. {block:if3columns}width: 340px;opacity: 1;{/block:if3columns}
  708. {block:ifpostsize2}width: 340px;{/block:ifpostsize2}
  709. {/block:permalinkpage}
  710. -webkit-transition: all 0.4s ease-in-out;
  711. -moz-transition: all 0.4s ease-in-out;
  712. -o-transition: all 0.4s ease-in-out;
  713. -ms-transition: all 0.4s ease-in-out;
  714. transition: all 0.4s ease-in-out;
  715. }
  716. .posts:hover .aud, .posts:hover .audline {
  717. {block:if2columns}
  718. {block:ifpostsize3}opacity: 0.4;{/block:ifpostsize3}
  719. {block:ifpostsize2}opacity: 1;{/block:ifpostsize2}
  720. {/block:if2columns}
  721. {block:if3columns}opacity: 0.4;{/block:if3columns}
  722. }
  723.  
  724. .audline {
  725. {block:ifpostsize1}width: 320px;{/block:ifpostsize1}
  726. {block:ifpostsize2}width: 220px;{/block:ifpostsize2}
  727. {block:if2columns}
  728. {block:ifpostsize3}opacity: 0.1;{/block:ifpostsize3}
  729. {block:ifpostsize2}opacity: 1;{/block:ifpostsize2}
  730. {/block:if2columns}
  731. {block:if3columns}opacity: 0.1;width:230px;{/block:if3columns}
  732. {block:permalinkpage}
  733. {block:if2columns}width: 320px;opacity: 1;{/block:if2columns}
  734. {block:if3columns}width: 320px;opacity: 1;{/block:if3columns}
  735. {block:ifmedposts}width: 320px;{/block:ifmedposts}
  736. {/block:permalinkpage}
  737. height: 26px;
  738. margin-bottom: 5px;
  739. background-color: {color:audio lines};
  740. color: {color:audio text};
  741. padding: 0 10px;
  742. line-height: 27px;
  743. font-family: 'Titillium Web', sans-serif;
  744. font-size: 10px;
  745. text-transform: uppercase;
  746. -webkit-transition: all 0.4s ease-in-out;
  747. -moz-transition: all 0.4s ease-in-out;
  748. -o-transition: all 0.4s ease-in-out;
  749. -ms-transition: all 0.4s ease-in-out;
  750. transition: all 0.4s ease-in-out;
  751. }
  752.  
  753. .posts:hover .audline:hover, .posts:hover .aud:hover { opacity: 1; }
  754.  
  755. .askerportrait {
  756. max-width: 64px;
  757. max-height: 64px;
  758. position: absolute;
  759. border: 10px solid {color:ask background};
  760. }
  761. .a {
  762. margin-left: 100px;
  763. background-color: {color:ask background};
  764. min-height: 64px;
  765. padding: 10px;
  766. font-family: calibri,geneva;
  767. font-size: 13px;
  768. color: {color:ask text};
  769. }
  770. .asker {
  771. color: {color:asker text};
  772. font-family: titillium web, sans-serif;
  773. font-size: 10px;
  774. text-transform: uppercase;
  775. }
  776. .asker a {color: {color:asker link};border-bottom: 1px dashed {color:asker link};}
  777. .q {margin-top: 10px;}
  778. .tri {
  779. position: absolute;
  780. font-size: 30px;
  781. margin: 20px 0 0 85px;
  782. color: {color:ask background};
  783. }
  784.  
  785. .tags {
  786. font-size: 10px;
  787. letter-spacing:1px;}
  788. .tags a, #permapg a {color:{color:tags};
  789. -webkit-transition: all 0.4s ease-in-out;
  790. -moz-transition: all 0.4s ease-in-out;
  791. -o-transition: all 0.4s ease-in-out;
  792. -ms-transition: all 0.4s ease-in-out;
  793. transition: all 0.4s ease-in-out;
  794. }
  795. .tags a:hover, #permapg a:hover {color:{color:tags hover};background-color:{color:tags hover bg};}
  796.  
  797. .taag {
  798. width: 500px;
  799. position: absolute;
  800. margin-left: -500px;
  801. margin-top: 50px;
  802. text-align: right;
  803. font-size: 8px;
  804. letter-spacing: 1px;
  805. opacity: 0;
  806. -webkit-transition: all 0.4s ease-in-out;
  807. -moz-transition: all 0.4s ease-in-out;
  808. -o-transition: all 0.4s ease-in-out;
  809. -ms-transition: all 0.4s ease-in-out;
  810. transition: all 0.4s ease-in-out;
  811. }
  812. .taag a {
  813. font-family: consolas;
  814. line-height: 14px;
  815. padding: 1px 5px;
  816. color:{color:tags};
  817. {block:indexpage}
  818. background-color: {color:tags bg};
  819. {/block:indexpage}
  820. border-left: 0 solid {color:tags};
  821. -webkit-transition: all 0.4s ease-in-out;
  822. -moz-transition: all 0.4s ease-in-out;
  823. -o-transition: all 0.4s ease-in-out;
  824. -ms-transition: all 0.4s ease-in-out;
  825. transition: all 0.4s ease-in-out;
  826. }
  827. .taag a:hover {
  828. color:{color:tags hover};
  829. background-color:{color:tags hover bg};
  830. border-left: 10px solid {color:tags};
  831. }
  832. .posts:hover .taag {
  833. opacity: 1;
  834. margin-left: -520px;
  835. }
  836.  
  837. #permapg {
  838. margin-top: 10px;
  839. font-family: consolas;
  840. text-align: center;
  841. color: {color:perma page text};
  842. font-size: 10px;
  843. letter-spacing: 1px;
  844. text-transform: uppercase;
  845. }
  846.  
  847. #notecontainer {
  848. padding: 10px;
  849. text-decoration: none;
  850. width: 500px;
  851. }
  852. ol.notes {
  853. list-style-type: none;
  854. letter-spacing: -1px;
  855. font-size: 11px;
  856. color: {color:body};
  857. font-family: consolas;
  858. text-decoration: none;
  859. margin: 0;
  860. width: 500px;
  861. padding: 5px;
  862. text-align: left;
  863. }
  864. ol.notes a {color: {color:body links};
  865. -webkit-transition: all 0.4s ease-in-out;
  866. -moz-transition: all 0.4s ease-in-out;
  867. -o-transition: all 0.4s ease-in-out;
  868. -ms-transition: all 0.4s ease-in-out;
  869. transition: all 0.4s ease-in-out;}
  870. ol.notes a:hover {color: {color:body links hover};background-color:{color:body links hover bg};}
  871. img.avatar {
  872. margin-right: 5px;
  873. width: 10px;
  874. height: 10px;
  875. float: left;
  876. }
  877.  
  878. .perma {
  879. z-index: 10;
  880. position: absolute;
  881. width: 100px;
  882. margin-left: -120px;
  883. {block:if2columns}
  884. {block:ifpostsize2}margin:10px 290px;{/block:ifpostsize2}
  885. {block:ifpostsize3}margin:10px 140px;{/block:ifpostsize3}
  886. {/block:if2columns}
  887. {block:if3columns}margin:10px 140px;{/block:if3columns}
  888. {block:ifhoverpermalink}opacity: 0;{/block:ifhoverpermalink}
  889. -webkit-transition: all 0.4s ease-in-out;
  890. -moz-transition: all 0.4s ease-in-out;
  891. -o-transition: all 0.4s ease-in-out;
  892. -ms-transition: all 0.4s ease-in-out;
  893. }
  894. .posts:hover .perma {opacity: 1;}
  895. .posts:hover .ti {margin-right:5px;}
  896.  
  897. .da {
  898. background-color: {color:permalink date};
  899. color: {color:permalink date};
  900. width: 20px;
  901. height: 20px;
  902. overflow: hidden;
  903. font-family: consolas;
  904. font-size: 10px;
  905. line-height: 20px;
  906. float: right;
  907. text-align: center;
  908. -webkit-transition: all 0.4s ease-in-out;
  909. -moz-transition: all 0.4s ease-in-out;
  910. -o-transition: all 0.4s ease-in-out;
  911. -ms-transition: all 0.4s ease-in-out;
  912. }
  913. .da:hover {color:{color:permalink text};width: 50px;}
  914. .ti {
  915. float: right;
  916. background-color: {color:permalink time};
  917. color: {color:permalink time};
  918. width: 20px;
  919. height: 20px;
  920. overflow: hidden;
  921. font-family: consolas;
  922. font-size: 10px;
  923. line-height: 20px;
  924. text-align: center;
  925. margin-right: -20px;
  926. {block:ifnotslideoutpermalink}margin-right: 5px;{/block:ifnotslideoutpermalink}
  927. {block:ifnothoverpermalink}margin-right: 5px;{/block:ifnothoverpermalink}
  928. -webkit-transition: all 0.4s ease-in-out;
  929. -moz-transition: all 0.4s ease-in-out;
  930. -o-transition: all 0.4s ease-in-out;
  931. -ms-transition: all 0.4s ease-in-out;
  932. }
  933. .ti:hover {color: {color:permalink text};width: 45px;}
  934.  
  935. .nop {
  936. position: absolute;
  937. z-index: 10;
  938. margin-left: -40px;
  939. margin-top: 25px;
  940. width: 20px;
  941. height: 20px;
  942. overflow: hidden;
  943. font-family: consolas;
  944. font-size: 10px;
  945. line-height: 20px;
  946. text-align: center;
  947. {block:ifhoverpermalink}opacity: 0;{/block:ifhoverpermalink}
  948. {block:if2columns}
  949. {block:ifpostsize2}margin: 35px 370px;{/block:ifpostsize2}
  950. {block:ifpostsize3}margin: 35px 220px;{/block:ifpostsize3}
  951. {/block:if2columns}
  952. {block:if3columns}margin: 35px 220px;{/block:if3columns}
  953. {block:ifslideoutpermalink}margin-top: 10px;{/block:ifslideoutpermalink}
  954. {block:ifnothoverpermalink}
  955. {block:if2columns}margin-top: 35px;{/block:if2columns}
  956. {block:if1column}margin-top: 25px;{/block:if1column}
  957. {block:if3columns}margin-top: 35px;{/block:if3columns}
  958. {/block:ifnothoverpermalink}
  959. -webkit-transition: all 0.4s ease-in-out;
  960. -moz-transition: all 0.4s ease-in-out;
  961. -o-transition: all 0.4s ease-in-out;
  962. -ms-transition: all 0.4s ease-in-out;
  963. }
  964. .no {
  965. color: {color:permalink notes};
  966. background-color: {color:permalink notes};
  967. min-width: 20px;
  968. height: 20px;
  969. -webkit-transition: all 0.4s ease-in-out;
  970. -moz-transition: all 0.4s ease-in-out;
  971. -o-transition: all 0.4s ease-in-out;
  972. -ms-transition: all 0.4s ease-in-out;
  973. }
  974. .nop:hover {
  975. width: 45px;
  976. margin-left: -65px;
  977. {block:if2columns}
  978. {block:ifpostsize2}margin-left: 345px;{/block:ifpostsize2}
  979. {block:ifpostsize3}margin-left: 195px;{/block:ifpostsize3}
  980. {/block:if2columns}
  981. {block:if3columns}margin-left: 195px;{/block:if3columns}
  982. {block:ifhoverpermalink}opacity: 1;{/block:ifhoverpermalink}
  983. }
  984.  
  985. .posts:hover .nop {
  986. opacity: 1;
  987. margin-top: 25px;
  988. {block:if2columns}margin-top: 35px;{/block:if2columns}
  989. {block:if3columns}margin-top: 35px;{/block:if3columns}
  990. }
  991. .nop:hover .no { color: {color:permalink text}; }
  992.  
  993. .altperma {
  994. margin-top: 10px;
  995. padding-top: 5px;
  996. font-family: consolas;
  997. font-size: 9px;
  998. text-align: center;
  999. border-top: 1px solid {color:permalink notes};
  1000. color: {color:permalink time};
  1001. }
  1002.  
  1003. .altperma a {
  1004. color: {color:permalink date};
  1005. -webkit-transition: all 0.4s ease-in-out;
  1006. -moz-transition: all 0.4s ease-in-out;
  1007. -o-transition: all 0.4s ease-in-out;
  1008. -ms-transition: all 0.4s ease-in-out;
  1009. }
  1010.  
  1011. .altperma a:hover {color:{color:body};}
  1012.  
  1013. #pag1 {
  1014. font-family: courier new;
  1015. font-size: 12px;
  1016. position: fixed;
  1017. bottom: 20px;
  1018. right: 207px;
  1019. }
  1020. #pag {
  1021. position: fixed;
  1022. bottom: 20px;
  1023. font-family: courier new;
  1024. font-size: 12px;
  1025. {block:if1column}
  1026. {block:ifpostsize1}right: 990px;{/block:ifpostsize1}
  1027. {block:ifpostsize2}right: 890px;{/block:ifpostsize2}
  1028. {/block:if1column}
  1029. }
  1030. .p {
  1031. background-color: {color:pagination link 1};
  1032. color: {color:pagination link 2};
  1033. padding: 3px 5px;
  1034. height: 14px;
  1035. line-height: 14px;
  1036. float: left;
  1037. margin: 0 2px;
  1038. -webkit-transition: all 0.4s ease-in-out;
  1039. -moz-transition: all 0.4s ease-in-out;
  1040. -o-transition: all 0.4s ease-in-out;
  1041. -ms-transition: all 0.4s ease-in-out;
  1042. transition: all 0.4s ease-in-out;
  1043. }
  1044. .p2 {
  1045. background-color: {color:pagination text 1};
  1046. color: {color:pagination text 2};
  1047. padding: 3px 5px;
  1048. height: 14px;
  1049. line-height: 14px;
  1050. float: left;
  1051. margin: 0 2px;
  1052. }
  1053. .p:hover {
  1054. background-color: {color:pagination link 2};
  1055. color: {color:pagination link 1};
  1056. -webkit-transition: all 0.4s ease-in-out;
  1057. -moz-transition: all 0.4s ease-in-out;
  1058. -o-transition: all 0.4s ease-in-out;
  1059. -ms-transition: all 0.4s ease-in-out;
  1060. transition: all 0.4s ease-in-out;
  1061. }
  1062.  
  1063. .w1 { background-color: #000;padding: 5px 20px; color: #fff; }
  1064. .w2 {font-family: consolas;font-size: 11px;text-align: left;padding: 10px;width: 326px;margin: 0 auto;background-color: #eee;}
  1065. .w3 {letter-spacing:5px;border-bottom:1px solid #777;text-align:center;margin-bottom: 5px;}
  1066. #warning {position: fixed;width: 100%;height: 100%;background-color: #fff;z-index:-1000000;top: 0;left: 0;text-align: center;padding-top: 200px;font-family: georgia;font-size: 16px;opacity: 0;
  1067. {block:ifpostsize1}
  1068. {block:ifpostsize2}opacity:1;z-index:100000;{/block:ifpostsize2}
  1069. {block:ifpostsize3}opacity:1;z-index:100000;{/block:ifpostsize3}
  1070. {block:ifpostsize2}{block:ifpostsize3}opacity:1;z-index:100000;{/block:ifpostsize3}{/block:ifpostsize2}
  1071. {/block:ifpostsize1}
  1072. {block:ifpostsize2}{block:ifpostsize3}opacity:1;z-index:100000;{block:ifpostsize3}{block:ifpostsize2}
  1073. {block:if1column}
  1074. {block:if2columns}opacity:1;z-index:100000;{/block:if2columns}
  1075. {block:if3columns}opacity:1;z-index:100000;{/block:if3columns}
  1076. {block:if2columns}{block:if3columns}opacity:1;z-index:100000;{/block:if3columns}{/block:if2columns}
  1077. {/block:if1column}
  1078. {block:if2columns}{block:if3columns}opacity:1;z-index:100000;{block:if3columns}{block:if2columns}
  1079. {block:if1column}{block:ifpostsize3}opacity:1;z-index:100000;{/block:ifpostsize3}{/block:if1column}
  1080. {block:if2columns}{block:ifpostsize1}opacity:1;z-index:100000;{/block:ifpostsize1}{/block:if2columns}
  1081. {block:if3columns}{block:ifpostsize1}opacity:1;z-index:100000;{/block:ifpostsize1}{/block:if3columns}
  1082. {block:if3columns}{block:ifpostsize2}opacity:1;z-index:100000;{/block:ifpostsize2}{/block:if3columns}
  1083. {block:if3columns}{block:ifpostsize2}{block:ifpostsize1}opacity:1;z-index:100000;{/block:ifpostsize1}{/block:ifpostsize2}{/block:if3columns}
  1084. {block:ifnotpostsize1}{block:ifnotpostsize2}{block:ifnotpostsize3}opacity:1;z-index:100000;{/block:ifnotpostsize3}{/block:ifnotpostsize2}{/block:ifnotpostsize1}
  1085. {block:ifnot1column}{block:ifnot2columns}{block:ifnot3columns}opacity:1;z-index:100000;{/block:ifnot3columns}{/block:ifnot2columns}{/block:ifnot1column}
  1086. }
  1087.  
  1088. .pagination {
  1089. display: none;
  1090. }
  1091.  
  1092. #ongaku {
  1093. width: 25px;
  1094. height: 25px;
  1095. overflow: hidden;
  1096. position: fixed;
  1097. background-color: {color:top bar background};
  1098. top: 5px;
  1099. left: 5px;
  1100. z-index: 10001;
  1101. }
  1102. .musicgif {
  1103. margin: 2px;
  1104. -webkit-transition: all 0.4s ease-in-out;
  1105. -moz-transition: all 0.4s ease-in-out;
  1106. -o-transition: all 0.4s ease-in-out;
  1107. -ms-transition: all 0.4s ease-in-out;
  1108. transition: all 0.4s ease-in-out;
  1109. }
  1110. #ongaku:hover .musicgif {
  1111. margin-top: -30px;
  1112. }
  1113.  
  1114. #musicpl {
  1115. width: 20px;
  1116. overflow: hidden;
  1117. height: 20px;
  1118. padding: 2px 20px 10px 0px;
  1119. margin-left: -22px;
  1120. background-color: {color:top bar background};
  1121. }
  1122.  
  1123.  
  1124. {CustomCSS}
  1125.  
  1126. </style>
  1127.  
  1128. {block:indexpage}
  1129. {block:ifnot1column}
  1130. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1131.  
  1132. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1133.  
  1134. <script>
  1135. $(function(){
  1136. var $container = $('#content');
  1137. $container.imagesLoaded(function(){
  1138. $container.masonry({
  1139. itemSelector: '.posts',
  1140. });
  1141. });
  1142. $container.infinitescroll({
  1143. itemSelector : ".posts",
  1144. navSelector : "div.pagination",
  1145. nextSelector : ".pagination a#next",
  1146. loadingImg : "",
  1147. loadingText : "<em></em>",
  1148. bufferPx : 10000,
  1149. extraScrollPx: 12000,
  1150. },
  1151. // trigger Masonry as a callback
  1152. function( newElements ) {
  1153. var $newElems = $( newElements ).css({ opacity: 0 });
  1154. // ensure that images load before adding to masonry layout
  1155. $newElems.imagesLoaded(function(){
  1156. $newElems.animate({ opacity: 1 });
  1157. $container.masonry( 'appended', $newElems, true );
  1158. });
  1159. }
  1160. );
  1161. });
  1162. </script>
  1163. {/block:ifnot1column}
  1164. {/block:indexpage}
  1165.  
  1166. </head>
  1167. <body>
  1168.  
  1169. <div id="warning">
  1170. <span class="w1">Please pick only 1 post size and/or column!!</span>
  1171. <div class="w2">
  1172. <div class="w3">CHOOSE YOUR COMBO!</div>
  1173. 1 column - post size 1 (500px) // post size 2 (400px) <br>
  1174. 2 columns - post size 2 (400px) // post size 3 (250px)<br>
  1175. 3 columns - post size 3 (250px)<br>
  1176. </div><!--w2-->
  1177. </div>
  1178.  
  1179. {block:ifmusicplayer}
  1180. <div id="ongaku">
  1181. <div class="musicgif"><img src="http://media.tumblr.com/tumblr_m7vzw2cqLS1r6o8v2.gif"/></div>
  1182. <div id="musicpl">
  1183. {text:billy music player code}
  1184. </div>
  1185. </div><!--ongaku-->
  1186. {/block:ifmusicplayer}
  1187.  
  1188. <div id="blogt">{title}</div>
  1189.  
  1190. <div id="sidebar">
  1191. {block:ifleftsidebarborders}<div id="xs"></div>{/block:ifleftsidebarborders}
  1192.  
  1193. <div id="navi">
  1194.  
  1195. <div class="navicon"><div class="navb">
  1196. <img class="navimg" src="{image:icon home}">
  1197. <a href="/"><div class="navt">index</div></a>
  1198. </div><!--navb--></div><!--navicon-->
  1199.  
  1200. <div class="navicon"><div class="navb">
  1201. <img class="navimg" src="{image:icon ask}">
  1202. <a href="/ask"><div class="navt">message</div></a>
  1203. </div><!--navb--></div><!--navicon-->
  1204.  
  1205. <div class="navicon"><div class="navb">
  1206. <img class="navimg" src="{image:icon archive}">
  1207. <a href="/archive"><div class="navt">archive</div></a>
  1208. </div><!--navb--></div><!--navicon-->
  1209.  
  1210. <div class="navicon"><div class="navb">
  1211. <img class="navimg" src="{image:icon theme}">
  1212. <a href="http://yukoki.tumblr.com"><div class="navt">theme</div></a>
  1213. </div><!--navb--></div><!--navicon-->
  1214.  
  1215. </div><!--navi-->
  1216.  
  1217. <div class="s1"></div><div class="s2"></div><div class="s3"></div>
  1218.  
  1219. <img class="sbpic" src="{image:sidebar}">
  1220.  
  1221. <div class="tria">◢</div>
  1222. <div class="desc">{description}</div>
  1223.  
  1224. {block:ifdropdownmenu}
  1225. <select style="width: 280px; border: 1px solid #aaa; padding: 3px; color: #000; background-color: #fff; font-family: calibri; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; margin: 10px 0 0 15px;" onChange="location.href=this.options[this.selectedIndex].value;">
  1226. <option value="">{text:drop down menu text}</option>
  1227. {block:Iflink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:Iflink1}
  1228. {block:Iflink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:Iflink2}
  1229. {block:Iflink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:Iflink3}
  1230. {block:Iflink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:Iflink4}
  1231. {block:Iflink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:Iflink5}
  1232. {block:Iflink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:Iflink6}
  1233. {block:Iflink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:Iflink7}
  1234. {block:Iflink8}<option value="{text:Link 7 URL}">{text:Link 8}</option>{/block:Iflink8}
  1235. </select>
  1236. {/block:ifdropdownmenu}
  1237.  
  1238. {block:ifnotdropdownmenu}
  1239. <div id="customlinks">
  1240. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="cl">{text:Link 1}</div></a>{/block:IfLink1}
  1241. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="cl">{text:Link 2}</div></a>{/block:IfLink2}
  1242. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="cl">{text:Link 3}</div></a>{/block:IfLink3}
  1243. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="cl">{text:Link 4}</div></a>{/block:IfLink4}
  1244. {block:IfLink5}<a href="{text:Link 5 URL}"><div class="cl">{text:Link 5}</div></a>{/block:IfLink5}
  1245. {block:IfLink6}<a href="{text:Link 6 URL}"><div class="cl">{text:Link 6}</div></a>{/block:IfLink6}
  1246. {block:IfLink7}<a href="{text:Link 7 URL}"><div class="cl">{text:Link 7}</div></a>{/block:IfLink7}
  1247. {block:IfLink8}<a href="{text:Link 8 URL}"><div class="cl">{text:Link 8}</div></a>{/block:IfLink8}
  1248. </div><!--customlinks-->
  1249. {/block:ifnotdropdownmenu}
  1250.  
  1251. {block:if1column}{block:ifsidebarpagination}
  1252. <div id="pag1">{block:pagination}
  1253.  
  1254. {block:previouspage}<a href="{PreviousPage}"><span class="p"><</span></a>{/block:previouspage}
  1255. <span class="p2">{CurrentPage}/{TotalPages}</span>
  1256. {block:nextpage}<a href="{NextPage}"><span class="p">></span></a>{/block:nextpage}
  1257.  
  1258. {/block:pagination}</div><!--pag-->
  1259. {block:ifsidebarpagination}{/block:if1column}
  1260.  
  1261. </div><!--sidebar-->
  1262.  
  1263. <div id="content">
  1264. {block:posts}
  1265. <div class="posts">
  1266.  
  1267. {block:indexpage}
  1268. {block:if1column}{block:ifshowtags}
  1269. {block:HasTags}<div class="taag">
  1270. {block:tags}<a href="{tagurl}">{tag}</a><br> {/block:tags}
  1271. </div>{/block:HasTags}
  1272. {/block:ifshowtags}{/block:if1column}
  1273. {/block:indexpage}
  1274.  
  1275. {block:if1column}{block:indexpage}
  1276. <div class="perma">{block:date}
  1277. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1278. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1279. {/block:date}</div><!--perma-->
  1280. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1281. {/block:indexpage}{/block:if1column}
  1282.  
  1283. {block:Quote}
  1284. <div class="quote">"{Quote}"</div>
  1285. <div class="src">- {Source}</div>
  1286.  
  1287. {block:ifnot1column}{block:indexpage}
  1288. <div class="altperma">{block:date}
  1289. <a href="{permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> ● <a href="{permalink}">{12HourWithZero}.{Minutes}{CapitalAmPm}</a> ● <a href="{permalink}">{NoteCount} %</a>
  1290. {/block:date}</div><!--altperma-->
  1291. {/block:indexpage}{/block:ifnot1column}
  1292.  
  1293. {/block:Quote}
  1294.  
  1295. {block:Photo}
  1296. {block:ifnot1column}{block:indexpage}
  1297. <div class="perma">{block:date}
  1298. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1299. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1300. {/block:date}</div><!--perma-->
  1301. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1302. {/block:indexpage}{/block:ifnot1column}
  1303. {LinkOpenTag}
  1304. <div class="photo"><img src="{PhotoURL-500}"></div>
  1305. {LinkCloseTag}
  1306. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1307. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1308. <div class="text">{Caption}</div>
  1309. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1310. {/block:Photo}
  1311.  
  1312. {block:Photoset}
  1313. {block:ifnot1column}{block:indexpage}
  1314. <div class="perma">{block:date}
  1315. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1316. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1317. {/block:date}</div><!--perma-->
  1318. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1319. {/block:indexpage}{/block:ifnot1column}
  1320. <div class="photo">
  1321. {block:indexpage}
  1322. {block:if1column}
  1323. {block:ifpostsize1}{Photoset-500}{/block:ifpostsize1}
  1324. {block:ifpostsize2}{Photoset-400}{/block:ifpostsize2}
  1325. {/block:if1column}
  1326. {block:if2columns}
  1327. {block:ifpostsize3}{Photoset-250}{/block:ifpostsize3}
  1328. {block:ifpostsize2}{Photoset-400}{/block:ifpostsize2}
  1329. {block:if2columns}
  1330. {block:if3columns}{Photoset-250}{block:if3columns}
  1331. {/block:indexpage}
  1332. {block:permalinkpage}
  1333. {block:if1column}
  1334. {block:ifpostsize1}{Photoset-500}{/block:ifpostsize1}
  1335. {block:ifpostsize2}{Photoset-500}{/block:ifpostsize2}
  1336. {/block:if1column}
  1337. {block:if2columns}
  1338. {block:ifpostsize3}{Photoset-500}{/block:ifpostsize3}
  1339. {block:ifpostsize2}{Photoset-500}{/block:ifpostsize2}
  1340. {block:if2columns}
  1341. {block:if3columns}{Photoset-500}{block:if3columns}
  1342. {/block:permalinkpage}
  1343. </div>
  1344. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1345. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1346. <div class="text">{Caption}</div>
  1347. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1348. {/block:Photoset}
  1349.  
  1350. {block:Link}
  1351. <a href="{URL}"><div class="ltitle">{Name} →</div></a>
  1352. {block:Description}
  1353. <div class="text">{description}</div>
  1354. {/block:Description}
  1355. {block:ifnot1column}{block:indexpage}
  1356. <div class="altperma">{block:date}
  1357. <a href="{permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> ● <a href="{permalink}">{12HourWithZero}.{Minutes}{CapitalAmPm}</a> ● <a href="{permalink}">{NoteCount} %</a>
  1358. {/block:date}</div><!--altperma-->
  1359. {/block:indexpage}{/block:ifnot1column}
  1360. {/block:Link}
  1361.  
  1362. {block:Chat}
  1363. {block:ifnot1column}{block:indexpage}
  1364. <div class="perma">{block:date}
  1365. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1366. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1367. {/block:date}</div><!--perma-->
  1368. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1369. {/block:indexpage}{/block:ifnot1column}
  1370. {block:Title}<div class="ltitle">{Title}</div>{/block:Title}
  1371. <div class="text">
  1372. {block:Lines}<div class="{Alt}">
  1373. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1374. {/block:Lines}
  1375. </div>
  1376. {/block:Chat}
  1377.  
  1378. {block:Audio}
  1379. {block:ifnot1column}{block:indexpage}
  1380. <div class="perma">{block:date}
  1381. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1382. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1383. {/block:date}</div><!--perma-->
  1384. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1385. {/block:indexpage}{/block:ifnot1column}
  1386. <div id="album"><div class="noart"></div>{block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1387. <div id="audinfo">
  1388. <div class="aud">{block:ifwhiteaudioplayer}{AudioPlayerWhite}{/block:ifwhiteaudioplayer}{block:ifnotwhiteaudioplayer}{AudioPlayerBlack}{/block:ifnotwhiteaudioplayer}</div>
  1389. {block:TrackName}<div class="audline">Track: {TrackName}</div>{/block:TrackName}
  1390. {block:Album}<div class="audline">Album: {Album}</div>{/block:Album}
  1391. {block:Artist}<div class="audline">Artist: {Artist}</div>{/block:Artist}
  1392. <div class="audline">{PlayCountWithLabel}</div>
  1393. </div><!--audinfo-->
  1394. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1395. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1396. <div class="text">{Caption}</div>
  1397. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1398. {/block:Audio}
  1399.  
  1400. {block:Text}
  1401. {block:title}<div class="ptitle">{title}</div>{/block:title}
  1402. <div class="text">{body}</div>
  1403. {block:ifnot1column}{block:indexpage}
  1404. <div class="altperma">{block:date}
  1405. <a href="{permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> ● <a href="{permalink}">{12HourWithZero}.{Minutes}{CapitalAmPm}</a> ● <a href="{permalink}">{NoteCount} %</a>
  1406. {/block:date}</div><!--altperma-->
  1407. {/block:indexpage}{/block:ifnot1column}
  1408. {/block:Text}
  1409.  
  1410. {block:Answer}
  1411. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1412. <div class="tri">◀</div>
  1413. <div class="a">
  1414. <span class="asker">{Asker} whispered:</span>
  1415. <span class="q">{Question}</span>
  1416. </div>
  1417. <div class="text">{Answer}</div>
  1418. {block:ifnot1column}{block:indexpage}
  1419. <div class="altperma">{block:date}
  1420. <a href="{permalink}">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a> ● <a href="{permalink}">{12HourWithZero}.{Minutes}{CapitalAmPm}</a> ● <a href="{permalink}">{NoteCount} %</a>
  1421. {/block:date}</div><!--altperma-->
  1422. {/block:indexpage}{/block:ifnot1column}
  1423. {/block:Answer}
  1424.  
  1425. {block:Video}
  1426. {block:ifnot1column}{block:indexpage}
  1427. <div class="perma">{block:date}
  1428. <a href="{permalink}"><div class="da">{DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</div></a>
  1429. <a href="{permalink}"><div class="ti">{12HourWithZero}.{Minutes}{CapitalAmPm}</div></a>
  1430. {/block:date}</div><!--perma-->
  1431. <a href="{permalink}"><div class="nop"><div class="no">{NoteCount} %</div></div></a>
  1432. {/block:indexpage}{/block:ifnot1column}
  1433. {block:indexpage}
  1434. {block:if1column}
  1435. {block:ifpostsize1}{Video-500}{/block:ifpostsize1}
  1436. {block:ifpostsize2}{Video-400}{/block:ifpostsize2}
  1437. {/block:if1column}
  1438. {block:if2columns}
  1439. {block:ifpostsize3}{Video-250}{/block:ifpostsize3}
  1440. {block:ifpostsize2}{Video-400}{/block:ifpostsize2}
  1441. {block:if2columns}
  1442. {block:if3columns}{Video-250}{block:if3columns}
  1443. {/block:indexpage}
  1444. {block:permalinkpage}
  1445. {block:if1column}
  1446. {block:ifpostsize1}{Video-500}{/block:ifpostsize1}
  1447. {block:ifpostsize2}{Video-500}{/block:ifpostsize2}
  1448. {/block:if1column}
  1449. {block:if2columns}
  1450. {block:ifpostsize3}{Video-500}{/block:ifpostsize3}
  1451. {block:ifpostsize2}{Video-500}{/block:ifpostsize2}
  1452. {block:if2columns}
  1453. {block:if3columns}{Video-500}{block:if3columns}
  1454. {/block:permalinkpage}
  1455. {block:caption}<div class="text">{caption}</div>{/block:caption}
  1456. {/block:Video}
  1457.  
  1458. {block:permalinkpage}{block:date}
  1459.  
  1460. <div id="permapg">
  1461. Posted on {DayOfMonthWithZero} {Month} {Year}, at {12Hour}.{Minutes}{AmPm} with {NoteCountWithLabel}<br>
  1462. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1463. {block:HasTags}<div class="tags">
  1464. filed under: {block:tags}<a href="{tagurl}">#{tag}</a> {/block:tags}
  1465. </div>{/block:HasTags}
  1466. </div><!--permapg-->
  1467.  
  1468. {block:PostNotes}
  1469. <div id="notecontainer">{PostNotes}</div>
  1470. {/block:PostNotes}
  1471.  
  1472. {/block:date}{/block:permalinkpage}
  1473.  
  1474. </div><!--posts-->{/block:posts}
  1475.  
  1476. {block:ContentSource}
  1477. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1478. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1479. {/block:SourceLogo}
  1480. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1481. {/block:ContentSource}
  1482.  
  1483. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1484.  
  1485. </div><!--content-->
  1486.  
  1487. {block:if1column}{block:ifnotsidebarpagination}
  1488. <div id="pag">{block:pagination}
  1489.  
  1490. {block:previouspage}<a href="{PreviousPage}"><span class="p"><</span></a>{/block:previouspage}
  1491. <span class="p2">{CurrentPage}/{TotalPages}</span>
  1492. {block:nextpage}<a href="{NextPage}"><span class="p">></span></a>{/block:nextpage}
  1493.  
  1494. {/block:pagination}</div><!--pag-->
  1495. {block:ifnotsidebarpagination}{/block:if1column}
  1496.  
  1497. <div class="pagination">
  1498. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1499. </div>
  1500.  
  1501. </body>
  1502. </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!