API tools faq
paste
Advertisement
ochizukes

Float Theme

ochizukes
Feb 12th, 2014
5,527
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. Float
  6. Terms of Use: http://maomuthemes.tumblr.com/#tou
  7. Support: http://maomuthemes.tumblr.com/ask
  8.  
  9. This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license.
  10.  
  11. http://creativecommons.org/licenses/by-nc-nd/4.0/
  12.  
  13. Please check out my theme shop! http://maomu.storenvy.com
  14.  
  15. -->
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <meta name="color:Ask BG" content="#f6f6f6"/>
  21. <meta name="color:Ask Border" content="#e3e3e3"/>
  22. <meta name="color:Ask Text" content="#b9b9b9"/>
  23. <meta name="color:Background" content="d9ecfd"/>
  24. <meta name="color:Blockquote Border" content="#dfdfdf"/>
  25. <meta name="color:Blockquote Text" content="#fdcbef"/>
  26. <meta name="color:Box BG" content="#ffffff"/>
  27. <meta name="color:Box Borders" content="#ffffff"/>
  28. <meta name="color:Highlight BG" content="#d7f2d5"/>
  29. <meta name="color:Highlight Text" content="#ffffff"/>
  30. <meta name="color:Link" content="#a6d0f8"/>
  31. <meta name="color:Link Hover" content="#f8b4d2"/>
  32. <meta name="color:Link Post BG" content="#f4f8fc"/>
  33. <meta name="color:Link Post Border" content="#cde0fb"/>
  34. <meta name="color:Pagination BG" content="#ffffff"/>
  35. <meta name="color:Perma BG" content="#f4f8fc"/>
  36. <meta name="color:Perma Border" content="#cde0fb"/>
  37. <meta name="color:Post BG" content="#ffffff"/>
  38. <meta name="color:Post Border" content="#e7e7e7"/>
  39. <meta name="color:Post Shadow" content="#e7e7e7"/>
  40. <meta name="color:Post Shadow Hover" content="#e6dbf2"/>
  41. <meta name="color:Post Title" content="#e9c8fe"/>
  42. <meta name="color:Post Title BG" content="#f9f2fe"/>
  43. <meta name="color:Post Title Border" content="#e9c8fe"/>
  44. <meta name="color:Quote" content="#c0bfbf"/>
  45. <meta name="color:Scrollbar BG" content="#ffffff"/>
  46. <meta name="color:Scrollbar Face" content="#dbdbdb"/>
  47. <meta name="color:Sidebar Border" content="#fde5f6"/>
  48. <meta name="color:Text" content="#bcbcbc"/>
  49. <meta name="color:Title" content="#e9c8fe"/>
  50. <meta name="color:Title BG" content="#f9f2fe"/>
  51. <meta name="color:Tooltip BG" content="#ffffff"/>
  52. <meta name="color:Tooltip Border" content="#dcdbdb"/>
  53. <meta name="color:Tooltip Text" content="#c9c9c9"/>
  54.  
  55. <meta name="image:Background" content=""/>
  56. <meta name="image:Box BG" content=""/>
  57. <meta name="image:Cursor" content=""/>
  58. <meta name="image:Favicon" content=""/>
  59. <meta name="image:Hover Image" content=""/>
  60. <meta name="image:Sidebar" content=""/>
  61.  
  62. <meta name="if:250px Posts" content="1"/>
  63. <meta name="if:400px Posts" content="0"/>
  64. <meta name="if:Audio Player White" content="1"/>
  65. <meta name="if:Hover IMG Left" content="0"/>
  66. <meta name="if:Music Player" content="0"/>
  67. <meta name="if:Photo Fade" content="1"/>
  68. <meta name="if:Pixel Font" content="1"/>
  69. <meta name="if:Regular Font" content="0"/>
  70. <meta name="if:Sidebar Image" content="1">
  71. <meta name="if:Stretch Background" content="0"/>
  72. <meta name="if:Show Caption" content="0"/>
  73. <meta name="if:Show Tags" content="1"/>
  74.  
  75. <meta name="text:Audio Pixel" content=""/>
  76. <meta name="text:Description Title" content="Info"/>
  77. <meta name="text:Extra Links Title" content="Extras"/>
  78. <meta name="text:Hover IMG Margin X" content="10px"/>
  79. <meta name="text:Hover IMG Margin Y" content="0px"/>
  80. <meta name="text:Hover IMG Opacity" content=""/>
  81. <meta name="text:Link 1" content=""/>
  82. <meta name="text:Link 1 URL" content=""/>
  83. <meta name="text:Link 2" content=""/>
  84. <meta name="text:Link 2 URL" content=""/>
  85. <meta name="text:Link 3" content=""/>
  86. <meta name="text:Link 3 URL" content=""/>
  87. <meta name="text:Link 4" content=""/>
  88. <meta name="text:Link 4 URL" content=""/>
  89. <meta name="text:Link 5" content=""/>
  90. <meta name="text:Link 5 URL" content=""/>
  91. <meta name="text:Menu Title" content="Menu"/>
  92. <meta name="text:Music Player Code" content=""/>
  93. <meta name="text:Music Pixel" content=""/>
  94. <meta name="text:Note Label" content="Notes"/>
  95.  
  96.     <title>{Title}</title>
  97.     <link rel="shortcut icon" href="{Image:Favicon}">
  98.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  99.     <meta name="description" content="" />
  100.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  101.  
  102. <style type="text/css">
  103.  
  104. @font-face {font-family:"Charriot"; src: url("https://dl.dropboxusercontent.com/u/50899618/Fonts/Charriot.ttf");}
  105. @font-face { font-family: "Dixel"; src: url('https://dl.dropboxusercontent.com/u/50899618/Fonts/dixel.ttf'); }
  106. @font-face { font-family: "Hae"; src: url('https://dl.dropboxusercontent.com/u/50899618/Fonts/Haeccity%20DW.ttf'); }
  107.  
  108. iframe#tumblr_controls{position: fixed !important;
  109. z-index:99999;
  110. -webkit-filter: invert(100%);
  111. -moz-filter: invert(100%);
  112. -o-filter: invert(100%);
  113. -ms-filter: invert(100%);
  114. filter: invert(100%);
  115. opacity:0.25;;
  116. -webkit-transition: all 0.8s ease-out;
  117. -moz-transition: all 0.8s ease-out;
  118. transition: all 0.8s ease-out;}
  119.  
  120. iframe#tumblr_controls:hover{-webkit-filter: invert(100%);
  121. z-index:99999;
  122. -moz-filter: invert(100%);
  123. -o-filter: invert(100%);
  124. -ms-filter: invert(100%);
  125. filter: invert(100%);
  126. opacity:0.8;
  127. -webkit-transition: all 0.4s ease-out;
  128. -moz-transition: all 0.4s ease-out;
  129. transition: all 0.4s ease-out;}
  130.  
  131. ::-webkit-scrollbar{height: 12px
  132. ;width:6px;background:{color:Scrollbar BG};
  133. border:2px solid {color:Scrollbar BG};}
  134.  
  135. ::-webkit-scrollbar-thumb{background:{color:Scrollbar Face};
  136. border:2px solid {color:Scrollbar BG};
  137. -webkit-border-radius: 5ex;
  138. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);}
  139.  
  140. body{{block:IfPixelFont}
  141. font-family:Charriot;
  142. font-size:10px;
  143. line-height:15px;
  144. {/block:IfPixelFont}
  145. {block:IfRegularFont}
  146. font-family:Trebuchet MS;
  147. font-size:9px;
  148. {/block:IfRegularFont}
  149. color:{color:Text};
  150. word-wrap:break-word;
  151. text-align:justify;
  152. text-overflow:ellipsis;
  153. background-color:{color:Background};
  154. background-image: url("{image:Background}");
  155. background position:top left fixed repeat;
  156. {block:IfStretchBackground}background-size: cover;{/block:IfStretchBackground}
  157. margin:0;
  158. padding:0;}
  159.  
  160. a{color:{color:Link};
  161. text-decoration: none;
  162. -moz-transition-duration: 0.5s;
  163. -o-transition-duration: 0.5s;
  164. -webkit-transition-duration: 0.5s;
  165. transition-duration: 0.5s;}
  166.  
  167. a:hover{color:{color:Link Hover};
  168. -moz-transition-duration: 0.5s;
  169. -o-transition-duration: 0.5s;
  170. -webkit-transition-duration: 0.5s;
  171. transition-duration: 0.5s;}
  172.  
  173. ::selection{background:{color:Highlight BG};
  174. color:{color:Highlight Text};}
  175.  
  176. ::-moz-selection{background:{color:Highlight BG};
  177. color:{color:Highlight Text};}
  178.  
  179. #museek{height:20px;
  180. width:25px;
  181. z-index:3;
  182. margin-left:-15px;
  183. margin-top:-24px;
  184. padding-top:5px;
  185. padding-bottom:0px;
  186. position:fixed;
  187. text-align:center;
  188. overflow:hidden;
  189. opacity:1;
  190. background-color:{color:Title BG};}
  191.  
  192. #musicplayer{
  193. position:fixed;
  194. z-index:9;
  195. margin-top:-24px;
  196. margin-left:-15px;
  197. height:23px;
  198. width:25px;
  199. overflow:hidden;
  200. opacity:0;
  201. -webkit-transition: all 0.4s ease-in;
  202. -moz-transition: all 0.4s ease-in;
  203. -o-transition: all 0.4s ease-in;}
  204.  
  205. #musicplayer:hover{
  206. -webkit-transition: all 0.4s ease-in;
  207. -moz-transition: all 0.4s ease-in;
  208. -o-transition: all 0.4s ease-in;
  209. margin-top:-24px;
  210. background-color:{color:Title BG};
  211. opacity:1;}
  212.  
  213. .blogtitle{{block:IfPixelFont}
  214. font-family:Hae;
  215. font-size:10px;
  216. text-transform:uppercase;
  217. {/block:IfPixelFont}
  218. {block:IfRegularFont}
  219. font-family:Cambria;
  220. font-size:8px;
  221. text-transform:uppercase;
  222. letter-spacing:1px;
  223. padding-top:5px;
  224. line-height:13px;
  225. {/block:IfRegularFont}
  226. color:{color:Title};
  227. text-align:center;
  228. background:{color:Title BG};
  229. padding-top:1px;
  230. padding-bottom:2px;
  231. {block:If250pxPosts}
  232. width:402px;
  233. {/block:If250pxPosts}
  234. {block:If400pxPosts}
  235. width:551px;
  236. {/block:If400pxPosts}
  237. margin:auto;
  238. margin-top:10px;
  239. position:fixed;
  240. {block:If250pxPosts}
  241. margin-left:-15px;
  242. {/block:If250pxPosts}
  243. {block:If400pxPosts}
  244. margin-left:-165px;
  245. {/block:If400pxPosts}}
  246.  
  247. .postbox{{block:If250pxPosts}
  248. width:368px;
  249. {/block:If250pxPosts}
  250. {block:If400pxPosts}
  251. width:517px;
  252. {/block:If400pxPosts}
  253. margin:auto;
  254. background-color:{color:Box BG};
  255. background-image:url('{image:Box BG}');
  256. height:480px;
  257. overflow-x:hidden;
  258. overflow-y:scroll;
  259. padding-left:40px;
  260. padding-bottom:80px;
  261. margin-top:75px;
  262. border-bottom:5px solid {color:Title BG};}
  263.  
  264. .innerpostbox{width:400px;
  265. {block:If250pxPosts}
  266. margin-left:-25px;
  267. {/block:If250pxPosts}
  268. {block:If400pxPosts}
  269. margin-left:125px;
  270. {/block:If400pxPosts}
  271. margin-top:-10px;}
  272.  
  273. .verticalborder{width:1px;
  274. {block:IfSidebarImage}
  275. height:515px;
  276. {/block:IfSidebarImage}
  277. {block:IfNotSidebarImage}
  278. height:315px;
  279. {/block:IfNotSidebarImage}
  280. position:fixed;
  281. margin-left:-61px;
  282. margin-top:25px;
  283. background:transparent;
  284. border-left:1px solid {color:Box Borders};
  285. z-index:10;}
  286.  
  287. .infoborder{width:220px;
  288. height:1px;
  289. position:fixed;
  290. margin-left:-260px;
  291. margin-top:110px;
  292. background:transparent;
  293. border-top:1px solid {color:Box Borders};
  294. z-index:10;}
  295.  
  296. .menuborder{width:220px;
  297. height:1px;
  298. position:fixed;
  299. margin-left:-260px;
  300. margin-top:237px;
  301. background:transparent;
  302. border-top:1px solid {color:Box Borders};
  303. z-index:10;}
  304.  
  305. .sideimgborder{width:220px;
  306. height:1px;
  307. position:fixed;
  308. margin-left:-260px;
  309. margin-top:347px;
  310. background:transparent;
  311. border-top:1px solid {color:Box Borders};
  312. z-index:10;}
  313.  
  314. .infobox{{block:IfPixelFont}
  315. font-family:Dixel;
  316. font-size:8px;
  317. {/block:IfPixelFont}
  318. {block:IfRegularFont}
  319. font-family:trebuchet ms;
  320. font-size:7px;
  321. text-transform:uppercase;
  322. letter-spacing:1px;
  323. line-height:13px;
  324. {/block:IfRegularFont}
  325. width:130px;
  326. height:65px;
  327. overflow-y:scroll;
  328. overflow-x:hidden;
  329. position:fixed;
  330. padding:10px;
  331. margin-left:-250px;
  332. margin-top:471px;
  333. background:{color:Post BG};
  334. border:1px solid {color:Post Border};
  335. z-index:10;
  336. text-align:center;
  337. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  338. box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  339. -webkit-transition: all 0.4s ease-out;
  340. -moz-transition: all 0.4s ease-out;
  341. transition: all 0.4s ease-out;}
  342.  
  343. .infobox:hover{position:fixed;
  344. padding:10px;
  345. margin-left:-250px;
  346. margin-top:471px;
  347. background:{color:Post BG};
  348. border:1px solid {color:Post BG};
  349. z-index:10;
  350. text-align:center;
  351. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  352. box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  353. -webkit-transition: all 0.4s ease-out;
  354. -moz-transition: all 0.4s ease-out;
  355. transition: all 0.4s ease-out;}
  356.  
  357. .infotitle{{block:IfPixelFont}
  358. font-family:Hae;
  359. font-size:10px;
  360. text-transform:uppercase;
  361. {/block:IfPixelFont}
  362. {block:IfRegularFont}
  363. font-family:Cambria;
  364. font-size:8px;
  365. text-transform:uppercase;
  366. letter-spacing:1px;
  367. padding-top:1px;
  368. padding-bottom:2px;
  369. {/block:IfRegularFont}margin-bottom:-10px;margin-top:-10px;background:{color:Title BG};color:{color:Title};margin-left:-10px;width:160px;}
  370.  
  371. .info{padding-top:1px;
  372. padding-bottom:3px;
  373. {block:IfPixelFont}
  374. font-family:Dixel;
  375. font-size:8px;
  376. {/block:IfPixelFont}
  377. {block:IfRegularFont}
  378. font-family:trebuchet ms;
  379. font-size:7px;
  380. letter-spacing:1px;
  381. text-transform:uppercase;
  382. {/block:IfRegularFont}
  383. color:{color:Text};}
  384.  
  385. .menutitle{
  386. {block:IfPixelFont}
  387. font-family:Hae;
  388. font-size:10px;
  389. text-transform:uppercase;
  390. {/block:IfPixelFont}
  391. {block:IfRegularFont}
  392. font-family:Cambria;
  393. font-size:8px;
  394. text-transform:uppercase;
  395. letter-spacing:1px;
  396. {/block:IfRegularFont}
  397. margin-bottom:-10px;
  398. margin-top:-5px;
  399. background:{color:Title BG};
  400. color:{color:Title};}
  401.  
  402. .menubox{
  403. {block:IfPixelFont}
  404. font-family:Hae;
  405. font-size:10px;
  406. text-transform:uppercase;
  407. padding-top:5px;
  408. {/block:IfPixelFont}
  409. {block:IfRegularFont}
  410. font-family:Cambria;
  411. font-size:8px;
  412. text-transform:uppercase;
  413. letter-spacing:1px;
  414. padding-top:5px;
  415. line-height:13px;
  416. {/block:IfRegularFont}
  417. width:65px;
  418. height:65px;
  419. position:fixed;
  420. overflow-y:scroll;
  421. overflow-x:hidden;
  422. margin-left:-250px;
  423. margin-top:380px;
  424. background:{color:Post BG};
  425. border:1px solid {color:Post Border};
  426. z-index:10; text-align:center;
  427. -webkit-transition: all 0.4s ease-out;
  428. -moz-transition: all 0.4s ease-out;
  429. transition: all 0.4s ease-out;
  430. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  431. box-shadow: 6px 6px 0px -1px {color:Post Shadow};}
  432.  
  433. .menubox:hover{width:65px;
  434. height:65px;
  435. overflow-y:scroll;
  436. overflow-x:hidden;
  437. position:fixed;
  438. padding-top:5px;
  439. margin-left:-250px;
  440. margin-top:380px;
  441. background:{color:Post BG};
  442. border:1px solid {color:Post BG};
  443. z-index:10; text-align:center;
  444. -webkit-transition: all 0.4s ease-out;
  445. -moz-transition: all 0.4s ease-out;
  446. transition: all 0.4s ease-out;
  447. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  448. box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};}
  449.  
  450. .extrasbox{{block:IfPixelFont}
  451. font-family:Hae;
  452. font-size:10px;
  453. text-transform:uppercase;
  454. {/block:IfPixelFont}
  455. {block:IfRegularFont}
  456. font-family:Cambria;
  457. font-size:8px;
  458. text-transform:uppercase;
  459. letter-spacing:1px;
  460. padding-top:5px;
  461. line-height:13px;
  462. {/block:IfRegularFont}
  463. width:65px;
  464. height:65px;
  465. position:fixed;
  466. overflow-y:scroll;
  467. overflow-x:hidden;
  468. padding-top:5px;
  469. margin-left:-165px;
  470. margin-top:380px;
  471. background:{color:Post BG};
  472. border:1px solid {color:Post Border};
  473. z-index:10;
  474. text-align:center;
  475. -webkit-transition: all 0.4s ease-out;
  476. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  477. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  478. box-shadow: 6px 6px 0px -1px {color:Post Shadow};}
  479.  
  480. .extrasbox:hover{
  481. width:65px;
  482. height:65px;
  483. overflow-y:scroll;
  484. overflow-x:hidden;
  485. position:fixed;
  486. padding-top:5px;
  487. margin-left:-165px;
  488. margin-top:380px;
  489. background:{color:Post BG};
  490. border:1px solid {color:Post BG};
  491. z-index:10; text-align:center;
  492. -webkit-transition: all 0.4s ease-out;
  493. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  494. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  495. box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};}
  496.  
  497.  
  498. .sidebar{width:110px;
  499. background-color:{color:Post BG};
  500. position: fixed;
  501. margin-left:-250px;
  502. margin-top:160px;
  503. border:1px solid {color:Post Border};
  504. padding-top:20px;
  505. padding-bottom:16px;
  506. padding-right:18px;
  507. padding-left:22px;
  508. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  509. box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  510. -webkit-transition: all 0.4s ease-out;
  511. -moz-transition: all 0.4s ease-out;
  512. transition: all 0.4s ease-out;}
  513.  
  514. .sidebar:hover{border:1px solid {color:Post BG};
  515. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  516. box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  517. -webkit-transition: all 0.4s ease-out;
  518. -moz-transition: all 0.4s ease-out;
  519. transition: all 0.4s ease-out;}
  520.  
  521. .sidebarimage {max-width:100px;
  522. border:4px double {color:Sidebar Border};}
  523.    
  524. .posts{{block:If250pxPosts}
  525. width:250px;
  526. {/block:If250pxPosts}
  527. {block:If400pxPosts}
  528. width:400px;
  529. {/block:If400pxPosts}
  530. background-color:{color:Post BG};
  531. margin:60px;
  532. border:1px solid {color:Post Border};
  533. padding:25px;
  534. text-align: justify;
  535. position: relative;
  536. float:right;
  537. margin-bottom:-10px;
  538. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  539. box-shadow: 6px 6px 0px -1px {color:Post Shadow};
  540. -webkit-transition: all 0.4s ease-out;
  541. -moz-transition: all 0.4s ease-out;
  542. transition: all 0.4s ease-out;
  543. list-style:square;}
  544.  
  545. .posts:hover{border:1px solid {color:Post BG};
  546. -webkit-box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  547. box-shadow: 6px 6px 0px -1px {color:Post Shadow Hover};
  548. -webkit-transition: all 0.4s ease-out;
  549. -moz-transition: all 0.4s ease-out;
  550. transition: all 0.4s ease-out;}
  551.  
  552. .posts h2{{block:IfPixelFont}
  553. font-family:Hae;
  554. font-size:10px;
  555. text-transform:uppercase;
  556. font-weight:normal;
  557. line-height:100%;
  558. padding:5px;
  559. {/block:IfPixelFont}
  560. {block:IfRegularFont}
  561. font-family:Cambria;
  562. font-size:8px;
  563. letter-spacing:1px;
  564. text-transform:uppercase;
  565. padding:5px;
  566. {/block:IfRegularFont}
  567. text-align:center;
  568. color:{color:Post Title};
  569. margin:0px;
  570. background:{color:Post Title BG};
  571. border-left:5px solid {color:Post Title Border};}
  572.  
  573. .posts h3{{block:IfPixelFont}
  574. font-family:Hae;
  575. font-size:10px;
  576. text-transform:uppercase;
  577. font-weight:normal;
  578. line-height:100%;
  579. padding:5px;
  580. {/block:IfPixelFont}
  581. {block:IfRegularFont}
  582. font-family:Cambria;
  583. font-size:8px;
  584. letter-spacing:1px;
  585. text-transform:uppercase;
  586. padding:5px;
  587. {/block:IfRegularFont}
  588. text-align:center;
  589. color:{color:Post Title};
  590. margin:0px;
  591. background:{color:Link Post BG};
  592. border-left:5px solid {color:Link Post Border};}
  593.  
  594. .posts blockquote{border-left:4px double {color:Blockquote Border};
  595. padding:5px;
  596. color:{color:Blockquote Text};
  597. margin-left:25px;
  598. margin-right:0px;}
  599.  
  600. .posts li, .posts blockquote{max-width: 100%;}
  601.  
  602. .posts img{max-width: 100%;
  603. -webkit-transition: opacity 0.4s linear;
  604. -moz-transition: opacity 0.4s linear;
  605. {block:IfPhotoFade}opacity: 0.8;{/block:IfPhotoFade}}
  606.  
  607. .posts img:hover{-webkit-transition: opacity 0.4s linear;
  608. -moz-transition: opacity 0.4s linear;
  609. {block:IfPhotoFade}opacity: 1;{/block:IfPhotoFade}}
  610.  
  611. .photoset{-webkit-transition: opacity 0.4s linear;
  612. -moz-transition: opacity 0.4s linear;
  613. {block:IfPhotoFade}opacity: 0.8;{/block:IfPhotoFade}}
  614.  
  615. .photoset:hover{-webkit-transition: opacity 0.4s linear;
  616. -moz-transition: opacity 0.4s linear;
  617. {block:IfPhotoFade}opacity: 1;{/block:IfPhotoFade}}
  618.  
  619. .caption{{block:IfPixelFont}
  620. font-family:Charriot;
  621. font-size:10px;
  622. {/block:IfPixelFont}
  623. {block:IfRegularFont}
  624. font-family:trebuchet ms;
  625. font-size:9px;
  626. {/block:IfRegularFont}
  627. margin-top:-10px;
  628. margin-bottom:-10px;}
  629.  
  630. .quote{font-style:italic;
  631. color:{color:Quote};}
  632.  
  633. .source{{block:IfPixelFont}
  634. font-family:Dixel;
  635. font-size:8px;
  636. font-style:normal;
  637. {/block:IfPixelFont}
  638. {block:IfRegularFont}
  639. font-family:trebuchet ms;
  640. font-size:7px;
  641. text-transform:uppercase;
  642. font-style:normal;
  643. letter-spacing:1px;
  644. {/block:IfRegularFont}
  645. text-align:right;
  646. margin-top:8px;
  647. color:{color:Text};}
  648.  
  649. #audio{{block:IndexPage}height:40px; overflow: hidden;{/block:IndexPage}
  650. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  651. transition: all 0.4s ease-out;
  652. -o-transition: all 0.4s ease-out;
  653. -webkit-transition: all 0.4s ease-out;
  654. -moz-transition: all 0.4s ease-out;}
  655.  
  656. #audio:hover{{block:IndexPage}height:100%;{/block:IndexPage}
  657. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  658. transition: all 0.4s ease-out;
  659. -o-transition: all 0.4s ease-out;
  660. -webkit-transition: all 0.4s ease-out;
  661. -moz-transition: all 0.4s ease-out;}
  662.  
  663. .tumblr_audio_player{height:40px;
  664. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  665. {block:If400pxPosts}width:400px;{/block:If400pxPosts}}
  666.  
  667. #notecontainer{
  668. background:{color:Post BG};
  669. list-style-type:none;
  670. {block:IfPixelFont}
  671. font-family:Dixel;
  672. font-size:8px;
  673. {/block:IfPixelFont}
  674. {block:IfRegularFont}
  675. font-family:trebuchet ms;
  676. font-size:7px;
  677. letter-spacing:1px;
  678. text-transform:uppercase;
  679. {/block:IfRegularFont}
  680. text-align:left;
  681. margin-left:-20px;
  682. color:{color:Text};}
  683.  
  684. #notecontainer img.avatar{
  685. margin-left:-10px;
  686. width:0px;
  687. height:0px;
  688. border:0px solid #000;
  689. padding:0px;
  690. list-style-type:none;}
  691.  
  692. #note img{
  693. -moz-border-radius: 50px;
  694. -webkit-border-radius: 50px;
  695. border-radius: 50px;}
  696.  
  697. ol.notes{
  698. max-height:200px;
  699. overflow-y:scroll;
  700. overflow-x:hidden;
  701. list-style-type:none;}
  702.  
  703. #pagination{position:fixed;
  704. top:154px;
  705. {block:IndexPage}
  706. margin-left:-175px;
  707. {/block:IndexPage}}
  708.  
  709. #pagination a{{block:IfPixelFont}
  710. font-family:Dixel;
  711. font-size:8px;
  712. {/block:IfPixelFont}
  713. {block:IfRegularFont}
  714. font-family:trebuchet ms;
  715. font-size:7px;
  716. letter-spacing:1px;
  717. text-transform:uppercase;
  718. {/block:IfRegularFont}
  719. background:{color:Pagination BG};
  720. border:1px solid {color:Link};
  721. padding:2px 7px 4px 7px;}
  722.  
  723. #s-m-t-tooltip{background:{color:Tooltip BG};
  724. {block:IfPixelFont}
  725. font-family:Dixel;
  726. font-size:8px;
  727. line-height:100%;
  728. padding:6px;
  729. margin:24px 14px 7px 12px;
  730. {/block:IfPixelFont}
  731. {block:IfRegularFont}
  732. font-family:trebuchet ms;
  733. font-size:7px;
  734. text-transform:uppercase;
  735. letter-spacing:1px;
  736. padding:5px;
  737. {/block:IfRegularFont}
  738. border:1px solid {color:Tooltip Border};
  739. color:{color:Tooltip Text};
  740. max-width:100px;
  741. word-wrap: break-word;
  742. display: block;
  743. margin: 20px 10px 10px 10px;
  744. z-index:999999;}
  745.  
  746. </style>
  747.  
  748. <style type="text/css">{CustomCSS}</style>
  749. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  750.  
  751. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  752. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  753. <script>
  754.     (function($){
  755.         $(document).ready(function(){
  756.             $("[title]").style_my_tooltips();
  757.         });
  758.     })(jQuery);
  759. </script>
  760.  
  761. </head>
  762.  
  763. <body>
  764. <style>body, a, a:hover { cursor:url('{image:Cursor}'), auto; }</style>
  765.  
  766. <div class="postbox">
  767.  
  768. {block:IfMusicPlayer}
  769. <div id="musicplayer"><center><embed style="margin-left:-17px; margin-top:6px" src="{text:Music Player Code}"/></center></div>
  770.  
  771. <div id="museek"><img src="{text:Music Pixel}"/></div>
  772. {/block:IfMusicPlayer}
  773.  
  774. {block:Pagination}
  775. <div id="pagination">
  776. {block:PreviousPage}
  777. <a title="previous page" href="{PreviousPage}">previous</a>
  778. {/block:PreviousPage}
  779. {block:NextPage}
  780. <a title="next page" href="{NextPage}">next</a>
  781. {/block:NextPage}
  782. </div>
  783. {/block:Pagination}
  784.  
  785. <div class="verticalborder"></div>
  786. <div class="infoborder"></div>
  787. <div class="menuborder"></div>
  788. {block:IfSidebarImage}<div class="sideimgborder"></div>{/block:IfSidebarImage}
  789.  
  790. {block:IfSidebarImage}
  791. <div class="sidebar" style="margin-top:366px;margin-left:-235px;">
  792. <a title="index" href="/"><img src="{image:Sidebar}" class="sidebarimage"></a>
  793. </div>
  794. {/block:IfSidebarImage}
  795.  
  796. <div class="menubox" style="margin-top:256px;margin-left:-235px;">
  797. <div class="menutitle">{text:Menu Title}</div><br>
  798. <a title="Index" href="/">Index</a><br>
  799. <a title="Message" href="/ask">Message</a><br>
  800. <a title="Archive" href="/archive">Archive</a><br>
  801. <a title="Submit" href="/submit">Submit</a><br>
  802. <a title="Theme by Evabadon" href="http://evabadon.tumblr.com">Theme</a><br>
  803.    
  804. </div>
  805. <div class="extrasbox" style="margin-top:256px;margin-left:-150px;">
  806. <div class="menutitle">{text:Extra Links Title}</div><br>
  807.       <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  808.       <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  809.       <a href="{text:Link 3 URL}">{text:Link 3}</a><br>
  810.       <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  811.       <a href="{text:Link 5 URL}">{text:Link 5}</a><br>
  812. </div>
  813. <div class="infobox" style="margin-top:130px;margin-left:-235px;">
  814. <div class="infotitle">{text:Description Title}</div><br>
  815. <span class="info">{Description}</span></div>
  816.  
  817. <div class="innerpostbox">
  818. {block:Posts}
  819. <div class="posts">
  820.  
  821. {block:Photo}
  822. {block:IndexPage}{LinkOpenTag}{block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{/block:If250pxPosts}{block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:If400pxPosts}{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{/block:If250pxPosts}{block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:If400pxPosts}{LinkCloseTag}{/block:PermalinkPage}<br><br>
  823.  
  824. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotShowCaption}
  825. {block:Date}<div style="
  826. {block:IfPixelFont}
  827. font-family:Dixel;
  828. font-size:8px;
  829. padding-top:2px;padding-bottom:3px;padding-left:4px;
  830. {/block:IfPixelFont}
  831. {block:IfRegularFont}
  832. font-family:trebuchet ms;
  833. font-size:7px;
  834. text-transform:uppercase;
  835. letter-spacing:1px;
  836. line-height:12px;
  837. padding-top:4px;padding-bottom:4px;padding-left:4px;
  838. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  839. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;
  840. {block:IfPixelFont}
  841. font-family:Dixel;
  842. font-size:8px;
  843. padding-top:2px;padding-bottom:3px;padding-left:4px;
  844. {/block:IfPixelFont}
  845. {block:IfRegularFont}
  846. font-family:trebuchet ms;
  847. font-size:7px;
  848. text-transform:uppercase;
  849. letter-spacing:1px;
  850. line-height:12px;
  851. padding-top:4px;padding-bottom:4px;padding-left:4px;
  852. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  853. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  854. {/block:Photo}
  855.  
  856. {block:Photoset}
  857. <div class="photoset">{block:IndexPage}{block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{/block:IndexPage}{block:PermalinkPage}{block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{/block:PermalinkPage}</div><br>
  858. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotShowCaption}
  859. {block:Date}<div style="{block:IfPixelFont}
  860. font-family:Dixel;
  861. font-size:8px;
  862. padding-top:2px;padding-bottom:3px;padding-left:4px;
  863. {/block:IfPixelFont}
  864. {block:IfRegularFont}
  865. font-family:trebuchet ms;
  866. font-size:7px;
  867. text-transform:uppercase;
  868. letter-spacing:1px;
  869. line-height:12px;
  870. padding-top:4px;padding-bottom:4px;padding-left:4px;
  871. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  872. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  873. font-family:Dixel;
  874. font-size:8px;
  875. padding-top:2px;padding-bottom:3px;padding-left:4px;
  876. {/block:IfPixelFont}
  877. {block:IfRegularFont}
  878. font-family:trebuchet ms;
  879. font-size:7px;
  880. text-transform:uppercase;
  881. letter-spacing:1px;
  882. line-height:12px;
  883. padding-top:4px;padding-bottom:4px;padding-left:4px;
  884. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  885. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  886. {/block:Photoset}
  887.  
  888. {block:Text}
  889. {block:Title}<h2> {Title}</h2>{/block:Title}
  890. {Body}<br>
  891. {block:Date}<div style="margin-top:-10px;{block:IfPixelFont}
  892. font-family:Dixel;
  893. font-size:8px;
  894. padding-top:2px;padding-bottom:3px;padding-left:4px;
  895. {/block:IfPixelFont}
  896. {block:IfRegularFont}
  897. font-family:trebuchet ms;
  898. font-size:7px;
  899. text-transform:uppercase;
  900. letter-spacing:1px;
  901. line-height:12px;
  902. padding-top:4px;padding-bottom:4px;padding-left:4px;
  903. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  904. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  905. font-family:Dixel;
  906. font-size:8px;
  907. padding-top:2px;padding-bottom:3px;padding-left:4px;
  908. {/block:IfPixelFont}
  909. {block:IfRegularFont}
  910. font-family:trebuchet ms;
  911. font-size:7px;
  912. text-transform:uppercase;
  913. letter-spacing:1px;
  914. line-height:12px;
  915. padding-top:4px;padding-bottom:4px;padding-left:4px;
  916. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  917. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  918. {/block:Text}
  919.  
  920. {block:Answer}
  921. <div style="padding-bottom:7px;padding-left:7px;padding-right:7px;padding-top:5px;background:{color:Ask BG};color:{color:Ask Text};border:1px dashed {color:Ask Border};{block:IfPixelFont}
  922. font-family:Dixel;
  923. font-size:8px;
  924. padding-top:2px;padding-bottom:3px;padding-left:4px;
  925. {/block:IfPixelFont}
  926. {block:IfRegularFont}
  927. font-family:trebuchet ms;
  928. font-size:7px;
  929. text-transform:uppercase;
  930. letter-spacing:1px;
  931. {/block:IfRegularFont}">{Asker} asked: {Question}</div>
  932. <div style="padding-left:2px">{Answer}</div>
  933. {block:Date}<div style="{block:IfPixelFont}
  934. font-family:Dixel;
  935. font-size:8px;
  936. padding-top:2px;padding-bottom:3px;padding-left:4px;
  937. {/block:IfPixelFont}
  938. {block:IfRegularFont}
  939. font-family:trebuchet ms;
  940. font-size:7px;
  941. text-transform:uppercase;
  942. letter-spacing:1px;
  943. line-height:12px;
  944. padding-top:4px;padding-bottom:4px;padding-left:4px;
  945. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  946. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  947. font-family:Dixel;
  948. font-size:8px;
  949. padding-top:2px;padding-bottom:3px;padding-left:4px;
  950. {/block:IfPixelFont}
  951. {block:IfRegularFont}
  952. font-family:trebuchet ms;
  953. font-size:7px;
  954. text-transform:uppercase;
  955. letter-spacing:1px;
  956. line-height:12px;
  957. padding-top:4px;padding-bottom:4px;padding-left:4px;
  958. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  959. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  960. {/block:Answer}
  961.  
  962. {block:Quote}
  963. <div class="quote">
  964. <div class="quotetext_{Length}">"{Quote}"</div>
  965. {block:Source}<div class="source">■ {Source}</div>{/block:Source}
  966. </div><br>
  967. {block:Date}<div style="{block:IfPixelFont}
  968. font-family:Dixel;
  969. font-size:8px;
  970. padding-top:2px;padding-bottom:3px;padding-left:4px;
  971. {/block:IfPixelFont}
  972. {block:IfRegularFont}
  973. font-family:trebuchet ms;
  974. font-size:7px;
  975. text-transform:uppercase;
  976. letter-spacing:1px;
  977. line-height:12px;
  978. padding-top:4px;padding-bottom:4px;padding-left:4px;
  979. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  980. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  981. font-family:Dixel;
  982. font-size:8px;
  983. padding-top:2px;padding-bottom:3px;padding-left:4px;
  984. {/block:IfPixelFont}
  985. {block:IfRegularFont}
  986. font-family:trebuchet ms;
  987. font-size:7px;
  988. text-transform:uppercase;
  989. letter-spacing:1px;
  990. line-height:12px;
  991. padding-top:4px;padding-bottom:4px;padding-left:4px;
  992. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  993. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  994. {/block:Quote}
  995.  
  996. {block:Link}
  997. <h3><a href="{URL}">{Name}</a></h3>
  998. {block:Description}{Description}{/block:Description}
  999. {block:Date}<div style="{block:IfPixelFont}
  1000. font-family:Dixel;
  1001. font-size:8px;
  1002. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1003. {/block:IfPixelFont}
  1004. {block:IfRegularFont}
  1005. font-family:trebuchet ms;
  1006. font-size:7px;
  1007. text-transform:uppercase;
  1008. letter-spacing:1px;
  1009. line-height:12px;
  1010. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1011. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  1012. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  1013. font-family:Dixel;
  1014. font-size:8px;
  1015. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1016. {/block:IfPixelFont}
  1017. {block:IfRegularFont}
  1018. font-family:trebuchet ms;
  1019. font-size:7px;
  1020. text-transform:uppercase;
  1021. letter-spacing:1px;
  1022. line-height:12px;
  1023. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1024. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  1025. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  1026. {/block:Link}
  1027.  
  1028. {block:Chat}
  1029. {block:Title}<h2>{Title}</h2>{/block:Title}
  1030. {block:Lines}<div style="border-bottom:1px solid {color:Post Border}; padding-top:5px;padding-bottom:5px;padding-left:2px;margin-bottom:5px;">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  1031.  
  1032. {block:Date}<div style="margin-top:15px;{block:IfPixelFont}
  1033. font-family:Dixel;
  1034. font-size:8px;
  1035. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1036. {/block:IfPixelFont}
  1037. {block:IfRegularFont}
  1038. font-family:trebuchet ms;
  1039. font-size:7px;
  1040. text-transform:uppercase;
  1041. letter-spacing:1px;
  1042. line-height:12px;
  1043. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1044. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  1045. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  1046. font-family:Dixel;
  1047. font-size:8px;
  1048. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1049. {/block:IfPixelFont}
  1050. {block:IfRegularFont}
  1051. font-family:trebuchet ms;
  1052. font-size:7px;
  1053. text-transform:uppercase;
  1054. letter-spacing:1px;
  1055. line-height:12px;
  1056. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1057. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  1058. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  1059.  
  1060. {/block:Chat}
  1061.  
  1062. {block:Audio}
  1063.  
  1064. <div id="audio">
  1065. <a style="margin-top: 20px;">
  1066. <div class="tumblr_audio_player">
  1067.         {block:AudioEmbed}{block:If250pxPosts}{AudioEmbed-250}{/block:If250pxPosts}{block:If400pxPosts}{AudioEmbed-400}{/block:If400pxPosts}{/block:AudioEmbed}
  1068.         {block:AudioPlayer}
  1069.                 {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfNotAudioPlayerWhite}{AudioPlayerBlack}{/block:IfNotAudioPlayerWhite}{/block:AudioPlayer}</div>
  1070. </a>
  1071.  
  1072. <div class="substuff" style="margin-left:0px;margin-top:16px;">
  1073.  
  1074. <img src="{text:Audio Pixel}"/> {block:Artist}{Artist}{/block:Artist}: {block:TrackName}{TrackName}{/block:TrackName}
  1075.    
  1076. </div></div>
  1077.    
  1078. <br>
  1079.  
  1080. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotShowCaption}
  1081.  
  1082. {block:Date}<div style="margin-top:5px;{block:IfPixelFont}
  1083. font-family:Dixel;
  1084. font-size:8px;
  1085. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1086. {/block:IfPixelFont}
  1087. {block:IfRegularFont}
  1088. font-family:trebuchet ms;
  1089. font-size:7px;
  1090. text-transform:uppercase;
  1091. letter-spacing:1px;
  1092. line-height:12px;
  1093. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1094. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  1095. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  1096. font-family:Dixel;
  1097. font-size:8px;
  1098. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1099. {/block:IfPixelFont}
  1100. {block:IfRegularFont}
  1101. font-family:trebuchet ms;
  1102. font-size:7px;
  1103. text-transform:uppercase;
  1104. letter-spacing:1px;
  1105. line-height:12px;
  1106. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1107. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  1108. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  1109. {/block:Audio}
  1110.  
  1111. {block:Video}
  1112. {block:IndexPage}{block:If250pxPosts}{Video-250}{/block:If250pxPosts}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}{/block:IndexPage}{block:PermalinkPage}{Video-250}{/block:PermalinkPage}<br>
  1113. {block:IfShowCaption}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div><br>{/block:PermalinkPage}{/block:IfNotShowCaption}
  1114. {block:Date}<div style="margin-top:5px;{block:IfPixelFont}
  1115. font-family:Dixel;
  1116. font-size:8px;
  1117. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1118. {/block:IfPixelFont}
  1119. {block:IfRegularFont}
  1120. font-family:trebuchet ms;
  1121. font-size:7px;
  1122. text-transform:uppercase;
  1123. letter-spacing:1px;
  1124. line-height:12px;
  1125. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1126. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}"><a title="Permalink" href="{Permalink}">{NoteCount} {text:Note Label}</a> | <a href="{ReblogURL}" title="Reblog" target="_blank" class="details"> Reblog</a></div>
  1127. {block:IfShowTags}{block:HasTags}<div style="margin-top:6px;{block:IfPixelFont}
  1128. font-family:Dixel;
  1129. font-size:8px;
  1130. padding-top:2px;padding-bottom:3px;padding-left:4px;
  1131. {/block:IfPixelFont}
  1132. {block:IfRegularFont}
  1133. font-family:trebuchet ms;
  1134. font-size:7px;
  1135. text-transform:uppercase;
  1136. letter-spacing:1px;
  1137. line-height:12px;
  1138. padding-top:4px;padding-bottom:4px;padding-left:4px;
  1139. {/block:IfRegularFont}text-align:left;border-left:5px solid {color:Perma Border};border-bottom:1px solid {color:Perma Border};background:{color:Perma BG}">{block:Tags}
  1140. <a class="tags" style="background:{color:Tag BG};padding:1px" title="{Tag}" href="{TagURL}">+{Tag}</a></span>{/block:Tags}</div>{block:HasTags}{/block:IfShowTags}{/block:Date}
  1141. {/block:Video}
  1142.  
  1143. {block:PermalinkPage}{block:PostNotes}<div id="notecontainer" class="list-style-type:none;">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  1144. </div>
  1145. {/block:Posts}
  1146. <div class="blogtitle">{Title}</div>
  1147.  
  1148. </div>
  1149. </div>
  1150.  
  1151. <div class="img">
  1152. <div style="position:fixed; bottom:{text:Hover IMG Margin Y}; {block:IfHoverIMGLeft}left:{text:Hover IMG Margin X};{/block:IfHoverIMGLeft}{block:IfNotHoverIMGLeft}right:{text:Hover IMG Margin X};{/block:IfNotHoverIMGLeft} opacity:{text:Hover IMG Opacity}">
  1153. <img src="{image:Hover Image}" width="100%" />
  1154.  
  1155. </body>
  1156. </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!