Advertisement
Guest User

Untitled

a guest
Nov 23rd, 2014
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.83 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  2.  
  3. transitional.dtd">
  4. <!--
  5.  
  6. maholoa.tumblr.com >v0/
  7.  
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <!-- customization -->
  14.  
  15. <!-- image options -->
  16.  
  17. <meta name="image:Header" content="" />
  18. <meta name="image:Background" content="" />
  19. <meta name="image:Post Background" content="" />
  20. <meta name="image:Sidebar" content="" />
  21. <meta name="image:Sidebar Background" content="" />
  22. <meta name="image:Permalink Background" content="" />
  23. <meta name="image:Permalink" content="" />
  24. <meta name="image:Favicon" content="" />
  25. <meta name="image:Cursor" content="" />
  26. <meta name="image:Floatie 1" content="" />
  27. <meta name="image:Floatie 2" content="" />
  28. <meta name="image:Floatie 3" content="" />
  29. <meta name="image:Floatie 4" content="" />
  30. <meta name="image:Floatie 5" content="" />
  31. <meta name="image:Bottom img" content="" />
  32. <meta name="image:Previous page arrow img" content="" />
  33. <meta name="image:Next page arrow img" content="" />
  34. <meta name="image:Post Seperator" content="" />
  35.  
  36. <!-- color options -->
  37.  
  38. <meta name="color:Background" content="#fff" />
  39. <meta name="color:Title" content="#000" />
  40. <meta name="color:Post Background" content="#fff" />
  41. <meta name="color:Post Border" content="#000" />
  42. <meta name="color:Post Text" content="#000" />
  43. <meta name="color:Sidebar Background" content="#fff" />
  44. <meta name="color:Sidebar Border" content="#000" />
  45. <meta name="color:Sidebar Text" content="#000" />
  46. <meta name="color:Permalink Background" content="#fff" />
  47. <meta name="color:Permalink Border" content="#000" />
  48. <meta name="color:Permalink Text" content="#000" />
  49. <meta name="color:Link Text" content="#000" />
  50. <meta name="color:Link Hover Text" content="#fff" />
  51. <meta name="color:Link Hover Background" content="#000" />
  52. <meta name="color:Glow" content="fff" />
  53. <meta name="color:Selection Text" content="#fff" />
  54. <meta name="color:Selection Background" content="#000" />
  55. <meta name="color:Scrollbar" content="#000" />
  56.  
  57. <!-- font options -->
  58.  
  59. <meta name="font:Title" content="Arial" />
  60. <meta name="font:Body" content="Arial" />
  61. <meta name="font:Permalink" content="Arial" />
  62.  
  63. <!-- dropdown options -->
  64.  
  65. <meta name="select:Post Transparency" content="1" title="1">
  66. <meta name="select:Post Transparency" content="0.9" title=".9">
  67. <meta name="select:Post Transparency" content="0.8" title=".8">
  68. <meta name="select:Post Transparency" content="0.7" title=".7">
  69. <meta name="select:Post Transparency" content="0.6" title=".6">
  70. <meta name="select:Post Transparency" content="0.5" title=".5">
  71. <meta name="select:Post Transparency" content="0.4" title=".4">
  72. <meta name="select:Post Transparency" content="0.3" title=".3">
  73. <meta name="select:Post Transparency" content="0.2" title=".2">
  74. <meta name="select:Post Transparency" content="0.1" title=".1">
  75. <meta name="select:Post Transparency" content="0.0" title=".0">
  76.  
  77. <meta name="select:Post Border" content="solid" title="solid">
  78. <meta name="select:Post Border" content="dotted" title="dotted">
  79. <meta name="select:Post Border" content="dashed" title="dashed">
  80. <meta name="select:Post Border" content="none" title="none">
  81.  
  82. <meta name="select:Sidebar Transparency" content="1" title="1">
  83. <meta name="select:Sidebar Transparency" content=".9" title=".9">
  84. <meta name="select:Sidebar Transparency" content=".8" title=".8">
  85. <meta name="select:Sidebar Transparency" content=".7" title=".7">
  86. <meta name="select:Sidebar Transparency" content=".6" title=".6">
  87. <meta name="select:Sidebar Transparency" content=".5" title=".5">
  88. <meta name="select:Sidebar Transparency" content=".4" title=".4">
  89. <meta name="select:Sidebar Transparency" content=".3" title=".3">
  90. <meta name="select:Sidebar Transparency" content=".2" title=".2">
  91. <meta name="select:Sidebar Transparency" content=".1" title=".1">
  92. <meta name="select:Sidebar Transparency" content=".0" title=".0">
  93.  
  94. <meta name="select:Sidebar Border" content="solid" title="solid">
  95. <meta name="select:Sidebar Border" content="dotted" title="dotted">
  96. <meta name="select:Sidebar Border" content="dashed" title="dashed">
  97. <meta name="select:Sidebar Border" content="none" title="none">
  98.  
  99. <meta name="select:Permalink Transparency" content="1" title="1">
  100. <meta name="select:Permalink Transparency" content=".9" title=".9">
  101. <meta name="select:Permalink Transparency" content=".8" title=".8">
  102. <meta name="select:Permalink Transparency" content=".7" title=".7">
  103. <meta name="select:Permalink Transparency" content=".6" title=".6">
  104. <meta name="select:Permalink Transparency" content=".5" title=".5">
  105. <meta name="select:Permalink Transparency" content=".4" title=".4">
  106. <meta name="select:Permalink Transparency" content=".3" title=".3">
  107. <meta name="select:Permalink Transparency" content=".2" title=".2">
  108. <meta name="select:Permalink Transparency" content=".1" title=".1">
  109. <meta name="select:Permalink Transparency" content=".0" title=".0">
  110.  
  111. <meta name="select:Permalink Border" content="solid" title="solid">
  112. <meta name="select:Permalink Border" content="dotted" title="dotted">
  113. <meta name="select:Permalink Border" content="dashed" title="dashed">
  114. <meta name="select:Permalink Border" content="none" title="none">
  115.  
  116. <!-- switch options -->
  117.  
  118. <meta name="if:Maximized Background" content="0" />
  119. <meta name="if:500px Posts" content="1" />
  120. <meta name="if:400px Posts" content="0" />
  121. <meta name="if:Page Arrow Imgs" content="0" />
  122. <meta name="if:Jump Pagination" content="0" />
  123. <meta name="if:Title" content="0" />
  124. <meta name="if:Rounded Borders" content="0" />
  125. <meta name="if:Floaties" content="0" />
  126. <meta name="if:Shadow" content="0" />
  127. <meta name="if:Glow" content="0" />
  128. <meta name="if:Question Nipple" content="1" />
  129. <meta name="if:White Audio Player" content="1" />
  130. <meta name="if:Black Audio Player" content="0" />
  131. <meta name="if:Link Hover Highlight" content="1" />
  132. <meta name="if:Link Hover Glow" content="0" />
  133. <meta name="if:Custom Scrollbar" content="0" />
  134. <meta name="if:Scrollbar Thumb BG" content="0" />
  135. <meta name="if:Custom Cursor" content="0" />
  136. <meta name="if:Dark Posts" content="0" />
  137. <meta name="if:Custom Color Posts" content="0" />
  138. <meta name="if:Dark Permalink" content="0" />
  139. <meta name="if:Custom Color Permalink" content="0" />
  140. <meta name="if:Dark Sidebar" content="0" />
  141. <meta name="if:Custom Color Sidebar" content="0" />
  142.  
  143. <!-- text options -->
  144.  
  145. <meta name="text:Body Font Size" content="12" />
  146. <meta name="text:Sidebar Font Size" content="11" />
  147. <meta name="text:Permalink Font Size" content="11" />
  148. <meta name="text:Title Font Size" content="50" />
  149. <meta name="text:Post Margin Top" content="100" />
  150. <meta name="text:Post Margin Left" content="600" />
  151. <meta name="text:Sidebar Width" content="160" />
  152. <meta name="text:Sidebar Margin Top" content="250" />
  153. <meta name="text:Sidebar Margin Left" content="300" />
  154. <meta name="text:Sidebar Img Margin Top" content="-90" />
  155. <meta name="text:Sidebar Img Margin Left" content="0" />
  156. <meta name="text:Bottom Margin Right" content="10" />
  157. <meta name="text:Bottom Margin Bottom" content="10" />
  158. <meta name="text:Margin Between Posts" content="40" />
  159. <meta name="text:Tag Text" content="tagged:" />
  160. <meta name="text:Reblog Text" content="☾" />
  161.  
  162. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  163. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary},
  164.  
  165. {PostSummary}{/block:PostSummary}</title>
  166. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  167. <link rel="shortcut icon" href="{image:Favicon}" />
  168. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  169. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  170. <style type="text/css">
  171.  
  172. {block:ifCustomScrollbar}::-webkit-scrollbar { height: 0px; width: 9px; background: {color:Background}}
  173. ::-webkit-scrollbar-thumb { width: 5px; background: {color:Scrollbar} {block:ifScrollbarThumbBG}url({image:Background}){/block:IfScrollbarThumbBG}; border: {color:Background} solid 1px; {block:IfRoundedBorders}border-radius: 8px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;{/block:IfRoundedBorders}}{/block:ifCustomScrollbar}
  174.  
  175. /*background*/
  176.  
  177. body {
  178. background: {color:Background} url('{image:Background}') top left fixed repeat;
  179. {block:IfMaximizedBackground}background-size:cover;{/block:IfMaximizedBackground}
  180. margin: 0;
  181. padding: 0;
  182. font-family: {font:Body};
  183. }
  184.  
  185. ::selection {
  186. background: {color:Selection Background};
  187. color: {color:Selection Text};
  188. }
  189. ::-moz-selection {
  190. background: {color:Selection Background};
  191. color: {color:Selection Text};
  192. }
  193.  
  194. .clear {
  195. clear: both;
  196. height: 0px;
  197. overflow: hidden;
  198. }
  199.  
  200. a img {
  201. border: none;
  202. }
  203.  
  204. #wrapper {
  205. width: 845px;
  206. margin: 0 auto;
  207. }
  208.  
  209. #wrapper #bottomimg {
  210. position:fixed;
  211. right: {text:Bottom Img Margin Right}px;
  212. bottom: {text:Bottom Img Margin Bottom}px;
  213. }
  214.  
  215. /*posts*/
  216.  
  217. #wrapper #content {
  218. position: absolute;
  219. top: {text:Post Margin Top}px;
  220. left: {text:Post Margin Left}px;
  221. width: {block:If500pxPosts}520px{/block:If500pxPosts}{block:If400pxPosts}420px{/block:If400pxPosts};
  222. }
  223.  
  224. /*title*/
  225.  
  226. {block:IfTitle}#wrapper #content #title {
  227. position: relative;
  228. top: -10px;
  229. text-align: center;
  230. color: {color:Title};
  231. font-size: {text:Title Font Size}px;
  232. font-weight: bold;
  233. font-family: {font:Title};
  234. }
  235.  
  236. #wrapper #content #title a {
  237. color: {color:Title};
  238. text-decoration: none;
  239. }{/block:IfTitle}
  240.  
  241. #wrapper #content .post {
  242. font-family: {font:Body};
  243. {block:ifnotCustomColorPosts}{block:ifnotDarkPosts}background:rgba(255,255,255,{select:Post Transparency}) url('{image:Post Background}') repeat;{/block:ifnotDarkPosts}{block:ifDarkPosts}background:rgba(0,0,0,{select:Post Transparency}) url('{image:Post Background}') repeat;{/block:ifDarkPosts}{/block:ifnotCustomColorPosts}
  244. {block:ifCustomColorPosts} background: {color:Post Background} url('{image:Post Background}') repeat; {/block:ifCustomColorPosts}
  245. padding: 6px;
  246. position: relative;
  247. {block:IfRoundedBorders}-webkit-border-radius: 10px;
  248. -moz-border-radius: 10px;
  249. border-radius: 10px;{/block:IfRoundedBorders}
  250. border: 1px {select:Post Border} {color:Post Border};
  251. {block:IfShadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:IfShadow}
  252. {block:IfGlow}-moz-box-shadow: 0 0 15px {color:Glow};
  253. -webkit-box-shadow: 0 0 15px {color:Glow};{/block:IfGlow}
  254. }
  255.  
  256. #wrapper #content .post .media {
  257. text-align: center;
  258. margin-bottom: -6px;
  259. }
  260.  
  261. #wrapper #content .post a {
  262. color: {color:Link Text};
  263. text-decoration: none;
  264. -moz-transition-duration: 0.5s;
  265. -o-transition-duration: 0.5s;
  266. -webkit-transition-duration: 0.5s;
  267. transition-duration: 0.5s;
  268. }
  269.  
  270. #wrapper #content .post img {
  271. max-width: 100%;
  272. {block:IfRoundedBorders}-webkit-border-radius: 6px;
  273. -moz-border-radius: 6px;
  274. border-radius: 6px;{/block:IfRoundedBorders}
  275. }
  276.  
  277. /*quote posts*/
  278.  
  279. #wrapper #content .post .quote {
  280. color: {color:Post Text};
  281. text-align: center;
  282. padding: 10px 20px 5px 20px;
  283. font-size: {text:Body Font Size};
  284. }
  285.  
  286. /*text posts/captions*/
  287.  
  288. #wrapper #content .post .copy {
  289. color: {color:Post Text};
  290. padding: 3px 5px 0px 5px;
  291. font-size: {text:Body Font Size}px;
  292. line-height: 100%;
  293. }
  294.  
  295. #wrapper #content .post .copy a {
  296. color: {color:Link Text};
  297. text-decoration: none;
  298. -moz-transition-duration: 0.5s;
  299. -o-transition-duration: 0.5s;
  300. -webkit-transition-duration: 0.5s;
  301. transition-duration: 0.5s;
  302. }
  303.  
  304. #wrapper #content .post .copy a:hover{
  305. {block:IfLinkHoverHighlight}color: {color:Link Hover Text};
  306. background: {color:Link Hover Background};
  307. -moz-transition-duration: 0.5s;
  308. -o-transition-duration: 0.5s;
  309. -webkit-transition-duration: 0.5s;
  310. transition-duration: 0.5s;{/block:IfLinkHoverHighlight}
  311. {block:IfLinkHoverGlow}text-shadow: 0 0 5px #000000;
  312. -moz-transition-duration: 0.5s;
  313. -o-transition-duration: 0.5s;
  314. -webkit-transition-duration: 0.5s;
  315. transition-duration: 0.5s;{block:IfLinkHoverGlow}
  316. }
  317.  
  318. #wrapper #content .post .copy pre {
  319. margin: 10px 0px 10px 0px;
  320. padding: 10px;
  321. background-color: #e6e6e6;
  322. font: normal 11px Courier, monospace;
  323. overflow: auto;
  324. }
  325.  
  326. #wrapper #content .post .copy img {
  327. max-width: 100%;
  328. }
  329.  
  330. #wrapper #content .post .title {
  331. color: {color:Post Text};
  332. font-size: 16px;
  333. font-weight: bold;
  334. padding: 5px 10px 0px 10px;
  335. }
  336.  
  337. #wrapper #content .post .copy blockquote {
  338. margin: 10px 0px 10px 10px;
  339. padding-left: 15px;
  340. border-left: solid 2px {color:Post Text};
  341. }
  342.  
  343. /*audio posts*/
  344. #wrapper #content .post .audio {
  345. {block:ifnotCustomColorPermalink}{block:ifnotDarkPermalink}background:rgb(255,255,255) url('{image:Permalink Background}') repeat; {/block:ifnotDarkPermalink}{block:ifDarkPermalink}background:rgb(0,0,0) url('{image:Permalink Background}') repeat;{/block:ifDarkPermalink}{/block:ifnotCustomColorPermalink}
  346. {block:ifCustomColorPermalink} background: {color:Permalink Background} url('{image:Permalink Background}') repeat; {/block:ifCustomColorPermalink}
  347. float: left;
  348. padding: 7px;
  349. margin-bottom: 0px;
  350. {block:IfRoundedBorders}-webkit-border-radius: 4px;
  351. -moz-border-radius: 4px;
  352. border-radius: 4px;{/block:IfRoundedBorders}
  353. border: 1px {select:Permalink Border} {color:Permalink Border};
  354. }
  355.  
  356. #wrapper #content .post .audio .player {
  357. float: left;
  358. }
  359.  
  360. #wrapper #content .post .audio .player .tumblr_audio_player {
  361. height: 20px;
  362. width: 210px;
  363. }
  364.  
  365. #wrapper #content .post .audio .player .audio_player embed {
  366. border: 1px solid #c8c8c8;
  367. }
  368.  
  369. #wrapper #content .post .audio .meta {
  370. padding: 3px 9px 0px 9px;
  371. height: 100%;
  372. float: left;
  373. color: {color:Permalink Text};
  374. font-family: {font:Permalink};
  375. font-size: 11px;
  376. text-transform: lowercase;
  377. }
  378.  
  379. #wrapper #content .post .audio .meta a {
  380. color: #666;
  381. text-decoration: none;
  382. }
  383.  
  384. #wrapper #content .post .album_art {
  385. text-align: center;
  386. }
  387.  
  388. /*ask posts*/
  389. #wrapper #content .post .question {
  390. color: {color:Post Text};
  391. font-size: {text:Body Font Size}px;
  392. font-weight: bold;
  393. {block:ifnotCustomColorPermalink}{block:ifnotDarkPermalink}background:rgba(255,255,255,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifnotDarkPermalink}{block:ifDarkPermalink}background:rgba(0,0,0,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifDarkPermalink}{/block:ifnotCustomColorPermalink}
  394. {block:ifCustomColorPermalink} background: {color:Permalink Background} url('{image:Permalink Background}') repeat; {/block:ifCustomColorPermalink}
  395. border: 1px {select:Permalink Border} {color:Permalink Border};
  396. {block:IfRoundedBorders}-moz-border-radius: 8px;
  397. -webkit-border-radius: 8px;
  398. border-radius: 8px;{/block:IfRoundedBorders}
  399. margin: 0 0 15px 0;
  400. padding: 15px 20px;
  401. position: relative;
  402. }
  403.  
  404. #wrapper #content .post .asker_container {
  405. margin: 0 0 20px 24px;
  406. }
  407.  
  408. #wrapper #content .post .asker_container img {
  409. margin: 0 12px -7px 0;
  410. }
  411.  
  412. #wrapper #content .post .asker_container a.asker {
  413. color: {color:Body};
  414. font-size: {text:Body Font Size}px
  415. }
  416.  
  417. /*chat posts*/
  418. #wrapper #content .post .chat {
  419. margin: 10px 10px 0 10px;
  420. font-size: {text:Body Font Size}px;
  421. }
  422.  
  423. #wrapper #content .post .chat .lines {
  424. margin-left: 1px;
  425. }
  426.  
  427. #wrapper #content .post .chat .lines .line {
  428. color: {color:Post Text};
  429. margin-bottom: 1px;
  430. padding: 3px 0px;
  431. }
  432.  
  433. #wrapper #content .post .chat .lines .line.even {
  434. }
  435.  
  436. /*link posts*/
  437. #wrapper #content .post .link {
  438. margin: 4px 0 2px 0;
  439. font-size: {text:Body Font Size}px;
  440. line-height: 25px;
  441. text-align:center;
  442. }
  443.  
  444. #wrapper #content .post .link a {
  445. {block:ifnotCustomColorPermalink}{block:ifnotDarkPermalink}background:rgba(255,255,255,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifnotDarkPermalink}{block:ifDarkPermalink}background:rgba(0,0,0,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifDarkPermalink}{/block:ifnotCustomColorPermalink}
  446. {block:ifCustomColorPermalink} background: {color:Permalink Background} url('{image:Permalink Background}') repeat; {/block:ifCustomColorPermalink}
  447. color: {color:Permalink Text};
  448. padding: 5px 7px;
  449. border: 1px {select:Permalink Border} {color:Permalink Border};
  450. {block:IfRoundedBorders}-moz-border-radius: 4px;
  451. -webkit-border-radius: 4px;
  452. border-radius: 4px;{/block:IfRoundedBorders}
  453. -moz-transition-duration: 0.5s;
  454. -o-transition-duration: 0.5s;
  455. -webkit-transition-duration: 0.5s;
  456. transition-duration: 0.5s;
  457. }
  458.  
  459. #wrapper #content .post .link a:hover {
  460. opacity: 0.9;
  461. filter: alpha(opacity=90);
  462. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  463. -moz-transition-duration: 0.5s;
  464. -o-transition-duration: 0.5s;
  465. -webkit-transition-duration: 0.5s;
  466. transition-duration: 0.5s;
  467. }
  468.  
  469. /*permalinks*/
  470. #wrapper #content .post .footer {
  471. {block:ifnotCustomColorPermalink}{block:ifnotDarkPermalink}background:rgba(255,255,255,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifnotDarkPermalink}{block:ifDarkPermalink}background:rgba(0,0,0,{select:Permalink Transparency}) url('{image:Permalink Background}') repeat;{/block:ifDarkPermalink}{/block:ifnotCustomColorPermalink}
  472. {block:ifCustomColorPermalink} background: {color:Permalink Background} url('{image:Permalink Background}') repeat; {/block:ifCustomColorPermalink}
  473. {block:IfRoundedBorders}
  474. -moz-border-radius: 4px;
  475. -webkit-border-radius: 4px;
  476. border-radius: 4px;{/block:IfRoundedBorders}
  477. font-family: {font:Permalink};
  478. font-size: {text:Permalink Font Size}px;
  479. color: {color:Permalink Text};
  480. padding: 1px 5px;
  481. margin-top: 3px;
  482. border: 1px {select:Permalink Border} {color:Permalink Border};
  483. }
  484.  
  485. #wrapper #content .post .footer.for_permalink:hover {
  486. }
  487.  
  488. #wrapper #content .post .footer .date {
  489. width: 67%;
  490. float: left;
  491. color: {color:Permalink Text};
  492. }
  493.  
  494. #wrapper #content .post .footer .notes {
  495. width: 33%;
  496. float: right;
  497. text-align: right;
  498. color: {color:Permalink Text};
  499. }
  500.  
  501. #wrapper #content .post .footer .date a, #wrapper #content .post .footer .notes a {
  502. color: {color:Permalink Text};
  503. }
  504.  
  505. /*tags*/
  506. #wrapper #content .post .footer .tags a {
  507. color: {color:Permalink Text};
  508. text-decoration: none;
  509. }
  510.  
  511. #wrapper #content .post .footer .tags .tag-commas:last-child {
  512. display: none;
  513. }
  514.  
  515. #wrapper #content .post .footer.with_source_url .tags {
  516. max-width: 330px;
  517. float: left;
  518. }
  519.  
  520. #wrapper #content .post .footer.with_source_url .source_url {
  521. float: right;
  522. text-align: right;
  523. color: {color:Permalink Text};
  524. max-width: 160px;
  525. overflow: hidden;
  526. white-space: nowrap;
  527. }
  528.  
  529. #wrapper #content .post .footer.with_source_url .source_url img {
  530. vertical-align: top;
  531. }
  532.  
  533. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  534. }
  535.  
  536. /*margin between posts */
  537. #wrapper #content .bottom {
  538. height: {text:Margin Between Posts}px;
  539. margin: 0 auto;
  540. }
  541.  
  542. #wrapper #content .bottom #postseperator {
  543. position: relative;
  544. top: 36%;
  545. text-align: center;
  546. }
  547.  
  548. /*pagination*/
  549. #wrapper #content #navigation {
  550. text-align: right;
  551. padding-bottom: 35px;
  552. text-transform: lowercase;
  553. }
  554.  
  555. #wrapper #content #navigation a {
  556. {block:ifnotCustomColorSidebar}{block:ifnotDarkSidebar}background:rgba(255,255,255,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifnotDarkSidebar}{block:ifDarkSidebar}background:rgba(0,0,0,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifDarkSidebar}{/block:ifnotCustomColorSidebar}
  557. {block:ifCustomColorSidebar} background: {color:Sidebar Background} url('{image:Sidebar Background}') repeat; {/block:ifCustomColorSidebar}
  558. color: {color:Sidebar Text};
  559. font-size: 12px;
  560. padding: 3px 8px;
  561. text-decoration: none;
  562. margin-left: 25px;
  563. border: 1px {select:Sidebar Border} {color:Sidebar Border};
  564. {block:IfShadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:IfShadow}
  565. {block:IfRoundedBorders}-webkit-border-radius: 10px;
  566. -moz-border-radius: 10px;
  567. border-radius: 10px;{/block:IfRoundedBorders}
  568. {block:IfGlow}-moz-box-shadow: 0 0 15px {color:Glow};
  569. -webkit-box-shadow: 0 0 15px {color:Glow};{/block:IfGlow}
  570. }
  571.  
  572. #wrapper #content #navigation a:hover {
  573. }
  574.  
  575. #wrapper #content #navigation.jump_pagination {}
  576.  
  577. #wrapper #content #navigation.jump_pagination a {
  578. margin: 0 0 0 4px;
  579. }
  580.  
  581. #wrapper #content #navigation.jump_pagination .current_page {
  582. {block:ifnotCustomColorSidebar}{block:ifnotDarkSidebar}background:rgba(255,255,255,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifnotDarkSidebar}{block:ifDarkSidebar}background:rgba(0,0,0,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifDarkSidebar}{/block:ifnotCustomColorSidebar}
  583. {block:ifCustomColorSidebar} background: {color:Sidebar Background} url('{image:Sidebar Background}') repeat; {/block:ifCustomColorSidebar}
  584. color: {color:Sidebar Text};
  585. font-size: 13px;
  586. border: 2px solid {block:ifnotCustomColorSidebar}{block:ifnotDarkSidebar}rgb(255,255,255){/block:ifnotDarkSidebar}{block:ifDarkSidebar}rgb(0,0,0){/block:ifDarkSidebar}{/block:ifnotCustomColorSidebar}
  587. {block:ifCustomColorSidebar}{color:Sidebar Background}{/block:ifCustomColorSidebar};
  588. padding: 3px 8px;
  589. margin: 0 0 0 4px;
  590. {block:IfShadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:IfShadow}
  591. {block:IfRoundedBorders}-webkit-border-radius: 10px;
  592. -moz-border-radius: 10px;
  593. border-radius: 10px;{/block:IfRoundedBorders}
  594. {block:IfGlow}-moz-box-shadow: 0 0 15px {color:Glow};
  595. -webkit-box-shadow: 0 0 15px {color:Glow};{/block:IfGlow}
  596. }
  597.  
  598. #wrapper #content #navigation.jump_pagination .jump_page {}
  599.  
  600. /*page notes*/
  601. #wrapper #content .post .notecontainer {
  602. background: transparent;
  603. -moz-border-radius: 4px;
  604. -webkit-border-radius: 4px;
  605. border-radius: 4px;
  606. font-family: {font:Permalink};
  607. font-size: 11px;
  608. color: {color:Post Text};
  609. margin-top: 10px;
  610. margin-bottom: -10px;
  611. }
  612.  
  613. #wrapper #content .post .notecontainer a {
  614. color: {color:Post Text};
  615. text-decoration: none;
  616. }
  617.  
  618. #wrapper #content .post .notecontainer ol.notes {
  619. padding: 0px 0 10px 0;
  620. list-style-type: none;
  621. font-size: 11px;
  622. }
  623.  
  624. #wrapper #content .post .notecontainer ol.notes li.note {
  625. padding: 10px 10px 0 10px;
  626. }
  627.  
  628. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  629. vertical-align: -4px;
  630. margin-right: 10px;
  631. width: 16px;
  632. height: 16px;
  633. }
  634.  
  635. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  636. font-weight: normal;
  637. }
  638.  
  639. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  640. font-weight: normal;
  641. }
  642.  
  643. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  644. border-left: 1px solid {color:Post Text};;
  645. padding: 4px 10px;
  646. margin: 10px 0px 0px 25px;
  647. }
  648.  
  649. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  650. text-decoration: none;
  651. }
  652.  
  653. /*sidebar*/
  654. #wrapper #sidebar {
  655. position: fixed;
  656. top: {text:Sidebar Margin Top}px;
  657. left: {text:Sidebar Margin Left}px;
  658. width: {text:Sidebar Width}px;
  659. color: {color:Sidebar Text};
  660. font-family: {font:Permalink};
  661. }
  662.  
  663. #wrapper #sidebar #avatar {
  664. width: 0px;
  665. height: 0px;
  666. padding: 0px 0px 0px 0px;
  667. position: relative;
  668. top: {text:Sidebar Img Margin Top}px;
  669. left: {text:Sidebar Img Margin Left}px;
  670. }
  671.  
  672. #wrapper #sidebar a {
  673. color: {color:Link Text};
  674. }
  675.  
  676. #wrapper #sidebar #top {
  677. position: fixed;
  678. top: {text:Sidebar Margin Top}px;
  679. left: {text:Sidebar Margin Left}px;
  680. width: {text:Sidebar Width}px;
  681. {block:ifnotCustomColorSidebar}{block:ifnotDarkSidebar}background:rgba(255,255,255,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifnotDarkSidebar}{block:ifDarkSidebar}background:rgba(0,0,0,{select:Sidebar Transparency}) url('{image:Sidebar Background}') repeat;{/block:ifDarkSidebar}{/block:ifnotCustomColorSidebar}
  682. {block:ifCustomColorSidebar} background: {color:Sidebar Background} url('{image:Sidebar Background}') repeat; {/block:ifCustomColorSidebar}
  683. padding: 10px 5px 3px 5px;
  684. border: 1px {select:Sidebar Border} {color:Sidebar Border};
  685. {block:IfShadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{/block:IfShadow}
  686. {block:IfRoundedBorders}-webkit-border-radius: 10px;
  687. -moz-border-radius: 10px;
  688. border-radius: 10px;{/block:IfRoundedBorders}
  689. {block:IfGlow}-moz-box-shadow: 0 0 15px {color:Glow};
  690. -webkit-box-shadow: 0 0 15px {color:Glow};{/block:IfGlow}
  691. }
  692.  
  693.  
  694.  
  695. #wrapper #sidebar #top #description {
  696. font-size: {text:Sidebar Font Size}px;
  697. position: relative;
  698. text-align: center;
  699. top: 0px;
  700. }
  701.  
  702. #wrapper #sidebar #top a {
  703. color: {color:Link Text};
  704. text-decoration: none;
  705. -moz-transition-duration: 0.5s;
  706. -o-transition-duration: 0.5s;
  707. -webkit-transition-duration: 0.5s;
  708. transition-duration: 0.5s;
  709. }
  710.  
  711. #wrapper #sidebar #top a:hover {
  712. {block:IfLinkHoverHighlight}color: {color:Link Hover Text};
  713. background: {color:Link Hover Background};
  714. -moz-transition-duration: 0.5s;
  715. -o-transition-duration: 0.5s;
  716. -webkit-transition-duration: 0.5s;
  717. transition-duration: 0.5s;{/block:IfLinkHoverHighlight}
  718. {block:IfLinkHoverGlow}text-shadow: 0 0 5px #000000;
  719. -moz-transition-duration: 0.5s;
  720. -o-transition-duration: 0.5s;
  721. -webkit-transition-duration: 0.5s;
  722. transition-duration: 0.5s;{block:IfLinkHoverGlow}
  723. }
  724.  
  725. #wrapper #sidebar #top #menu {
  726. text-align:center;
  727. }
  728.  
  729. {block:IfCustomCursor}body, a:hover {cursor: url({image:Cursor}), auto;}
  730.  
  731. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url({image:Cursor}), auto;}
  732.  
  733. {/block:IfCustomCursor}
  734.  
  735. </style>
  736.  
  737. </head>
  738.  
  739. <a name="top"></a>
  740.  
  741. <body>
  742.  
  743. {block:ifFloaties}<script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  744. <script type="text/javascript">
  745.  
  746. /***********************************************
  747. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  748. * Modified by Dynamic Drive for various improvements
  749. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  750. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  751. ***********************************************/
  752.  
  753. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  754. var flyimage1, flyimage2, flyimage3, flyimage4, flyimage5
  755.  
  756. function pagestart(){
  757. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  758. flyimage1=new Chip("flyimage1",40,62);
  759. flyimage2=new Chip("flyimage2",40,62);
  760. flyimage3=new Chip("flyimage3",40,62);
  761. flyimage4=new Chip("flyimage4",40,62);
  762. flyimage5=new Chip("flyimage5",40,62);
  763.  
  764.  
  765. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  766. movechip("flyimage1");
  767. movechip("flyimage2");
  768. movechip("flyimage3");
  769. movechip("flyimage4");
  770. movechip("flyimage5");
  771.  
  772. }
  773.  
  774. if (window.addEventListener)
  775. window.addEventListener("load", pagestart, false)
  776. else if (window.attachEvent)
  777. window.attachEvent("onload", pagestart)
  778. else if (document.getElementById)
  779. window.onload=pagestart
  780.  
  781. </script>
  782.  
  783. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  784.  
  785.  
  786. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  787. <img src="{image:Floatie 1}">
  788. </div>
  789.  
  790. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  791. <img src="{image:Floatie 2}">
  792. </div>
  793.  
  794. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  795. <img src="{image:Floatie 3}">
  796. </div>
  797.  
  798. <div id="flyimage4" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  799. <img src="{image:Floatie 4}">
  800. </div>
  801.  
  802. <div id="flyimage5" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  803. <img src="{image:Floatie 5}">
  804. </div>
  805.  
  806. </div>{/block:ifFloaties}
  807.  
  808. <div id="wrapper">
  809.  
  810. <div id="bottomimg"><img src={image:Bottom img}></div>
  811.  
  812. <div id="content">
  813.  
  814. <div id="title">
  815. <a href="/">
  816. {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  817. {block:IfTitle}{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}{/block:IfTitle}
  818. </a>
  819. </div>
  820.  
  821. {block:Posts}
  822. <div class="post">
  823.  
  824. {block:Photo}
  825. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  826. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  827. {/block:Photo}
  828.  
  829. {block:Photoset}
  830. <div class="media">{block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}{block:If400pxPosts}{Photoset-400}
  831.  
  832. {/block:If400pxPosts}</div>
  833. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  834. {/block:Photoset}
  835.  
  836. {block:Video}
  837. <div class="media">{block:If500pxPosts}{VideoEmbed-500}{/block:If500pxPosts}{block:If400pxPosts}{VideoEmbed-
  838.  
  839. 400}{/block:If400pxPosts}</div>
  840. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  841. {/block:Video}
  842.  
  843. {block:Audio}
  844. {block:IfShowAlbumArtOnAudioPosts}
  845. {block:AlbumArt}
  846. <div class="album_art">
  847. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}
  848.  
  849. {/block:TrackName}" style="margin-bottom:10px;" />
  850. </div>
  851. {/block:AlbumArt}
  852. {/block:IfShowAlbumArtOnAudioPosts}
  853.  
  854. <div class="audio">
  855. <div class="player">{block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}{block:IfBlackAudioPlayer}
  856.  
  857. {AudioPlayerBlack}{/block:IfBlackAudioPlayer}</div>
  858. <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a
  859.  
  860. href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  861. <div class="clear"></div>
  862. </div>
  863. <div class="clear"></div>
  864. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  865. {/block:Audio}
  866.  
  867. {block:Quote}
  868. <div class="quote {Length}">{Quote}</div>
  869. <div class="copy">
  870. <div class="quotebg"></div>
  871. {block:Source}
  872. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  873. <tr>
  874. <td valign="top" style="width:10px;">-</td>
  875. <td valign="top" class="quote_source">
  876. {Source}
  877. </td>
  878. </tr>
  879. </table>
  880. {/block:Source}
  881. </div>
  882. {/block:Quote}
  883.  
  884. {block:Text}
  885. {block:Title}<div class="title">{Title}</div>{/block:Title}
  886. <div class="copy">{Body}</div>
  887. {/block:Text}
  888.  
  889. {block:Answer}
  890. <div class="question">
  891. "&nbsp;{Question}&nbsp;"
  892. </div>
  893. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  894. <div class="copy">{Answer}</div>
  895. {/block:Answer}
  896.  
  897. {block:Chat}
  898. {block:Title}<div class="title">{Title}</div>{/block:Title}
  899. <div class="chat">
  900. <div class="lines">
  901. {block:Lines}
  902. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  903. {/block:Lines}
  904. </div>
  905. </div>
  906. <div class="clear"></div>
  907. <div style="height:10px;"></div>
  908. {/block:Chat}
  909.  
  910. {block:Link}
  911. <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
  912. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  913. {/block:Link}
  914.  
  915. {block:Date}
  916. <span style="text-transform:lowercase;">
  917. <div class="footer for_permalink">
  918. <div class="date">
  919. {block:Reblog}
  920. <a href="{Permalink}">{TimeAgo} </a><a href="{ReblogParentURL}">{lang:Via} {ReblogParentName}</a>
  921. {/block:Reblog}
  922.  
  923. {block:NotReblog}
  924. <a href="{Permalink}">{TimeAgo}</a>
  925. {/block:NotReblog}
  926. </div>
  927. <div class="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {text:Reblog Text} <a href="{ReblogURL}" target=”_blank” class=”details”>reblog <img src="{image:Permalink}"></a></div>
  928. <div class="clear"></div>
  929. </div>
  930. </a>
  931. </span>
  932. {/block:Date}
  933.  
  934. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:none;
  935. {block:HasTags}display:block;{/block:HasTags}
  936. {block:ContentSource}display:block;{/block:ContentSource}
  937. ">
  938. {block:HasTags}<div class="tags">{text:Tag Text} {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags}
  939.  
  940. {block:ContentSource}
  941. <span style="text-transform:lowercase;">
  942. <a href="{SourceURL}" class="source_url">
  943. {lang:Source}:
  944. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  945. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  946. </a>
  947. {/block:ContentSource}
  948. <div class="clear"></div>
  949. </div>
  950.  
  951. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  952.  
  953. </div>
  954. <div class="bottom">
  955. <div id="postseperator"><img src="{image:Post Seperator}" /></div></div>
  956. {/block:Posts}
  957.  
  958. {block:Pagination}
  959. <div id="navigation" {block:IfJumpPagination}class="jump_pagination"{/block:IfJumpPagination}>
  960. {block:PreviousPage}<a href="{PreviousPage}">{block:IfPageArrowImgs}<img src="{image:Previous page arrow img}"> {/block:IfPageArrowImgs}{lang:Previous}</a>{/block:PreviousPage}
  961.  
  962. {block:IfJumpPagination}
  963. {block:JumpPagination length="5"}
  964. {block:CurrentPage}
  965. <span class="current_page">{PageNumber}</span>
  966. {/block:CurrentPage}
  967.  
  968. {block:JumpPage}
  969. <a class="jump_page" href="{URL}">{PageNumber}</a>
  970. {/block:JumpPage}
  971.  
  972. {/block:JumpPagination}
  973. {/block:IfJumpPagination}
  974.  
  975. {block:NextPage}<a href="{NextPage}">{lang:Next page}{block:IfPageArrowImgs} <img src="{image:Next page arrow img}">{/block:IfPageArrowImgs}</a>{/block:NextPage}
  976. </div>
  977. {/block:Pagination}
  978.  
  979. </div>
  980.  
  981. <div id="sidebar">
  982. <div id="avatar"><a href="/"><img src="{image:Sidebar}" /></a></div>
  983. <div id="top">
  984. <div id="description">{Description}</div>
  985. </div>
  986. </div>
  987. </div>
  988.  
  989.  
  990. </div>
  991.  
  992. {block:IfCustomCursor}<div id="cursor"></div>{/block:IfCustomCursor}
  993.  
  994. <!-- Start of StatCounter Code for Tumblr -->
  995. <script type="text/javascript">
  996. var sc_project=9901692;
  997. var sc_invisible=0;
  998. var sc_security="ffa184cd";
  999. var scJsHost = (("https:" == document.location.protocol) ?
  1000. "https://secure." : "http://www.");
  1001. document.write("<sc"+"ript type='text/javascript' src='" +
  1002. scJsHost+
  1003. "statcounter.com/counter/counter.js'></"+"script>");
  1004. </script>
  1005. <noscript><div class="statcounter"><a title="tumblr
  1006. analytics" href="http://statcounter.com/tumblr/"
  1007. target="_blank"><img class="statcounter"
  1008. src="http://c.statcounter.com/9901692/0/ffa184cd/0/"
  1009. alt="tumblr analytics"></a></div></noscript>
  1010. <!-- End of StatCounter Code for Tumblr -->
  1011.  
  1012. </body>
  1013. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement