API tools faq
paste
Advertisement
galaxias-themes

[ theme ] → #18 NO WAY

galaxias-themes
Nov 19th, 2014
1,951
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.82 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------
  2. █▀▀▀ █▀▀█ █░░ █▀▀█ █░█ ░▀░ █▀▀█ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  3. █░▀█ █▄▄█ █░░ █▄▄█ ▄▀▄ ▀█▀ █▄▄█ ▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  4. ▀▀▀▀ ▀░░▀ ▀▀▀ ▀░░▀ ▀░▀ ▀▀▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  5. ᴛʜᴇᴍᴇ ʙᴀsᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs @ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ᴛʜᴇᴍᴇ #018 ɴᴏ ᴡᴀʏ
  7. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ! ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ᴏʀ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ.
  8. ------------------------------------------------------------------>
  9. <html>
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" title="RSS 2.0 feed" href="{RSS}" />
  16. {block:ifinfinitescroll}
  17. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  18. {/block:ifinfinitescroll}
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  31.  
  32. <script language="javascript">
  33. $(document).ready(function() {
  34. $('a#clickbutton').click(function() {
  35. $('.t',this).toggle();
  36. });
  37.  
  38. $("#about").css({"opacity": "0.0", "z-index": "9999"})
  39. $("#clickbutton").toggle(
  40. function () {
  41. $("#about").animate({"opacity": "1.0", "z-index": "999999999999999999999999999999999999999999"}, "fast");
  42. },
  43. function () {
  44. $("#about").animate({"opacity": "0.0", "z-index": "100000000000"}, "fast");
  45. });
  46. });
  47. </script>
  48.  
  49. <!----- Metas ----->
  50.  
  51. <!----- Colors ----->
  52.  
  53. <!----- Background and Posts ----->
  54. <meta name="color:Background Color" content="#151515" />
  55. <meta name="color:Posts" content="#252525" />
  56. <meta name="color:Post Text" content="#aaaaaa" />
  57. <meta name="color:Post Title Color" content="#aa457f" />
  58. <meta name="color:Post Title Color Hover" content="#252525" />
  59.  
  60. <!----- Bold and Italic ----->
  61. <meta name="color:Bold" content="#aa457f" />
  62. <meta name="color:Italic" content="#aa457f" />
  63.  
  64. <!----- Ul Ol and Li Color ----->
  65. <meta name="color:List Text" content="#707070" />
  66.  
  67. <!----- Links ----->
  68. <meta name="color:Link Color" content="#aa457f" />
  69. <meta name="color:Link Hover" content="#3c3c3c" />
  70. <meta name="color:Tag Color" content="#fefefe" />
  71.  
  72. <!----- Blockquotes ----->
  73. <meta name="color:Blockquote Background" content="#1e1e1e" />
  74. <meta name="color:Blockquote Border" content="#aa457f" />
  75. <meta name="color:Blockquote Text" content="#cccccc" />
  76. <meta name="color:Blockquote Blockquote Background" content="#212121" />
  77. <meta name="color:Blockquote Blockquote Border" content="#aa457f" />
  78. <meta name="color:Blockquote Blockquote Text" content="#cccccc" />
  79.  
  80. <!----- Asks ----->
  81. <meta name="color:Ask Background" content="#1a1a1a" />
  82.  
  83. <!----- Permas ----->
  84. <meta name="color:Perma Background" content="#2b2b2b" />
  85. <meta name="color:Perma Text" content="#aaaaaa" />
  86.  
  87. <!----- Quote ----->
  88. <meta name="color:Quote Text" content="#aa457f" />
  89.  
  90. <!----- Chats ----->
  91. <meta name="color:Chat Even" content="#2e2e2e" />
  92. <meta name="color:Chat Odd" content="#202020" />
  93.  
  94. <!----- Accent ----->
  95. <meta name="color:Accent" content="#aa457f" />
  96.  
  97. <!----- Tooltip ----->
  98. <meta name="color:Tooltip Background" content="#202020" />
  99. <meta name="color:Tooltip Text" content="#cecece" />
  100. <meta name="color:Box Shadow" content="#000000" />
  101.  
  102. <!----- Scroll and Select ----->
  103. <meta name="color:Scrollbar Background" content="#282828" />
  104. <meta name="color:Scrollbar Thumb" content="#aa457f" />
  105. <meta name="color:Selected Text Color" content="#aa457f" />
  106. <meta name="color:Selected Text Background" content="#333333" />
  107.  
  108. <!----- Images ----->
  109. <meta name="image:Background Image" content="" />
  110.  
  111. <meta name="image:Sidebar Image" content="http://static.tumblr.com/ssbhuug/FR8nf9zgf/300x150.png" />
  112.  
  113. <meta name="image:Sidebar Image 2" content="http://static.tumblr.com/ssbhuug/uj4nf9zi7/125x145.png" />
  114.  
  115. <meta name="image:Accent Background" content="http://static.tumblr.com/e0b1f9101f90a1fcafbfeb944b254f48/ssbhuug/Clinfaosf/tumblr_static_24774snovrdwwg4cwcg0osccw.png" />
  116.  
  117. <!----- Text ----->
  118.  
  119. <!----- MP3 Player ----->
  120. <meta name="text:MP3 Link" content="" />
  121.  
  122. <!----- Counter ----->
  123. <meta name="text:Counter Link" content="Counter Here" />
  124.  
  125. <!----- Read More ----->
  126. <meta name="text:Read More Title" content="Snoopy?" />
  127.  
  128. <!----- Background ----->
  129. <meta name="text:Background Size" content="contain" />
  130. <meta name="text:Background Repeat" content="no-repeat" />
  131. <meta name="text:Background Position" content="bottom right" />
  132. <meta name="text:Background Attachment" content="fixed" />
  133.  
  134. <!----- Links ----->
  135. <meta name="text:Home Link" content="/" />
  136. <meta name="text:Home Link Hover" content="Refresh" />
  137. <meta name="text:Ask Link" content="/ask" />
  138. <meta name="text:Ask Link Hover" content="Inquire" />
  139. <meta name="text:Submit Link" content="/submit" />
  140. <meta name="text:Submit Link Hover" content="Gifts?" />
  141. <meta name="text:Archive Link" content="/archive" />
  142. <meta name="text:Archive Link Hover" content="History" />
  143.  
  144. <!----- Extra Links ----->
  145. <meta name="text:Link 1 URL" content="/" />
  146. <meta name="text:Link 1 Hover" content="Link 1" />
  147. <meta name="text:Link 2 URL" content="/" />
  148. <meta name="text:Link 2 Hover" content="Link 2" />
  149. <meta name="text:Link 3 URL" content="/" />
  150. <meta name="text:Link 3 Hover" content="Link 3" />
  151. <meta name="text:Link 4 URL" content="/" />
  152. <meta name="text:Link 4 Hover" content="Link 4" />
  153. <meta name="text:Link 5 URL" content="/" />
  154. <meta name="text:Link 5 Hover" content="Link 5" />
  155. <meta name="text:Link 6 URL" content="/" />
  156. <meta name="text:Link 6 Hover" content="Link 6" />
  157.  
  158. <!----- Hovers ----->
  159. <meta name="text:Hover 1" content="Hover" />
  160. <meta name="text:Hover 2" content="Hover" />
  161. <meta name="text:Hover 3" content="Hover" />
  162. <meta name="text:Hover 4" content="Hover" />
  163. <meta name="text:Hover 5" content="Hover" />
  164. <meta name="text:Hover 6" content="Hover" />
  165.  
  166. <!----- Sidebar Title ----->
  167. <meta name="text:Sidebar Title" content="Title" />
  168.  
  169. <!----- Fonts ----->
  170.  
  171. <meta name="font:Body" content="avalon" />
  172. <meta name="font:Quote" content="streetscript" />
  173. <meta name="font:Blockquote" content="Arial" />
  174. <meta name="font:Post Title" content="avalon" />
  175. <meta name="font:List" content="alternate gothic" />
  176. <meta name="font:Asker" content="avalon" />
  177.  
  178. <!----- Options ----->
  179.  
  180. <meta name="if:250" content="1" />
  181. <meta name="if:400" content="0" />
  182. <meta name="if:500" content="0" />
  183. <meta name="if:Post Texture" content="1" />
  184. <meta name="if:Light Controls" content="0" />
  185. <meta name="if:Dark Controls" content="1" />
  186. <meta name="if:Like Button" content="1" />
  187. <meta name="if:Black Like" content="1" />
  188. <meta name="if:Grey Like" content="0" />
  189. <meta name="if:White Like" content="0" />
  190. <meta name="if:Image Fade" content="1" />
  191. <meta name="if:Monochrome" content="0" />
  192. <meta name="if:Infinite Scroll" content="0" />
  193. <meta name="if:Pagination" content="1" />
  194. <meta name="if:Black" content="1" />
  195. <meta name="if:White" content="0" />
  196. <meta name="if:Gray" content="0" />
  197.  
  198. <!----- Google Fonts ----->
  199.  
  200. <link href='http://fonts.googleapis.com/css?family=Marvel' rel='stylesheet' type='text/css'>
  201.  
  202. <!---- End of Metas ----->
  203.  
  204. <style type="text/css">
  205.  
  206. /* Tumblr Controls */
  207. iframe#tumblr_controls {
  208. {block:ifLightControls}
  209. -webkit-filter:invert(100%);
  210. -moz-filter:invert(100%);
  211. -o-filter:invert(100%);
  212. -ms-filter:invert(100%);
  213. filter:invert(100%);
  214. {/block:ifLightControls}
  215. {block:ifDarkControls}
  216. -webkit-filter:invert(0%);
  217. -moz-filter:invert(0%);
  218. -o-filter:invert(0%);
  219. -ms-filter:invert(0%);
  220. filter:invert(0%);
  221. {/block:ifDarkControls}
  222. top:0% !important;
  223. right:0% !important;
  224. position:fixed !important;
  225. z-index:99999999 !important;
  226. opacity:0.3;
  227. }
  228. iframe#tumblr_controls:hover {
  229. -webkit-transition: all 0.7s linear;
  230. -moz-transition: all 0.7s linear;
  231. -webkit-transition: all 0.7s linear;
  232. transition: all 0.7s linear;
  233. opacity: 1;
  234. }
  235.  
  236. /* Body */
  237.  
  238. /* Selection */
  239.  
  240. ::-moz-selection { /* Code for Firefox */
  241. color: {color:Selected Text Color};
  242. background: {color:Selected Text Background};
  243. }
  244.  
  245. ::selection {
  246. color: {color:Selected Text Color};
  247. background: {color:Selected Text Background};
  248. }
  249.  
  250.  
  251. /* Let's get this party started */
  252. ::-webkit-scrollbar {
  253. width:7px;
  254. max-height:5px;
  255. min-height:1px;
  256. }
  257.  
  258. /* Track */
  259. ::-webkit-scrollbar-track {
  260. background-color:{color:Scrollbar Background};
  261. border-radius: 10px;
  262. -webkit-border-radius: 10px;
  263. }
  264. /* Handle */
  265. ::-webkit-scrollbar-thumb {
  266. background-color:{color:Scrollbar Thumb};
  267. border-radius: 10px;
  268. -webkit-border-radius: 10px;
  269. }
  270. ::-webkit-scrollbar-thumb:window-inactive {
  271. background: {color:Scrollbar Background};
  272. }
  273.  
  274. *, body, a {
  275. cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  276. }
  277. body {
  278. margin:0;
  279. font-size:10px;
  280. padding:0;
  281. font-family:{font:Body};
  282. background-color:{color:Background Color};
  283. background-image:url('{image:Background Image}');
  284. background-size:{text:Background Size};
  285. background-repeat:{text:Background Repeat};
  286. background-position:{text:Background Position};
  287. background-attachment:{text:Background Attachment};
  288. }
  289.  
  290. blockquote {
  291. padding:5px;
  292. padding-left:10px;
  293. padding-right:10px;
  294. margin:5px 10px 0px 10px;
  295. width:auto !important;
  296. background-color:{color:Blockquote Background};
  297. border-left:dotted 2px {color:Blockquote Border};
  298. color:{color:Blockquote Text};
  299. font-family:{font:Blockquote};
  300. line-height:100%;
  301. border-radius:0px;
  302. }
  303.  
  304. blockquote blockquote {
  305. padding:5px;
  306. padding-left:10px;
  307. padding-right:10px;
  308. margin:5px 10px 5px 10px;
  309. width:auto !important;
  310. background-color:{color:Blockquote Blockquote Background};
  311. border-left:dotted 2px {color:Blockquote Blockquote Border};
  312. color:{color:Blockquote Blockquote Text};
  313. font-family:{font:Blockquote};
  314. line-height:100%;
  315. border-radius:0px;
  316. }
  317.  
  318. * {
  319. -moz-transition:all 0.5s linear;
  320. -webkit-transition:all 0.5s linear;
  321. -o-transition:all 0.5s linear;
  322. transition:all 0.5s linear;
  323. }
  324.  
  325. *:hover {
  326. -moz-transition:all 0.5s linear;
  327. -webkit-transition:all 0.5s linear;
  328. -o-transition:all 0.5s linear;
  329. transition:all 0.5s linear;
  330. }
  331.  
  332. a {
  333. color:{color:Tag Color};
  334. text-decoration:none;
  335. -moz-transition:all 0.5s linear;
  336. -webkit-transition:all 0.5s linear;
  337. -o-transition:all 0.5s linear;
  338. transition:all 0.5s linear;
  339. }
  340.  
  341. a:link {
  342. color:{color:Link Color};
  343. text-decoration:none;
  344. -moz-transition:all 0.5s linear;
  345. -webkit-transition:all 0.5s linear;
  346. -o-transition:all 0.5s linear;
  347. transition:all 0.5s linear;
  348. }
  349.  
  350. a:visited {
  351. color:{color:Link Color};
  352. text-decoration:none;
  353. -moz-transition:all 0.5s linear;
  354. -webkit-transition:all 0.5s linear;
  355. -o-transition:all 0.5s linear;
  356. transition:all 0.5s linear;
  357. }
  358.  
  359. a:active {
  360. color:{color:Link Color};
  361. text-decoration:none;
  362. -moz-transition:all 0.5s linear;
  363. -webkit-transition:all 0.5s linear;
  364. -o-transition:all 0.5s linear;
  365. transition:all 0.5s linear;
  366. }
  367. a:hover {
  368. color:{color:Link Hover};
  369. text-decoration:none;
  370. -moz-transition:all 0.5s linear;
  371. -webkit-transition:all 0.5s linear;
  372. -o-transition:all 0.5s linear;
  373. transition:all 0.5s linear;
  374. }
  375.  
  376. b, strong {
  377. color:{color:Bold};
  378. }
  379. i, em {
  380. color:{color:Italic};
  381. }
  382. small, big{
  383. font-family:{font:List};
  384. letter-spacing:1px;
  385. }
  386. ul {
  387. color: {color:List Text};
  388. font-family:{font:List};
  389. font-size:12px;
  390. line-height:100%;
  391. text-transform:uppercase;
  392. margin-left:-10px;
  393. list-style-type:circle;
  394. }
  395. ol {
  396. color: {color:List Text};
  397. font-family:{font:List};
  398. font-size:12px;
  399. line-height:100%;
  400. text-transform:uppercase;
  401. margin-left:-10px;
  402. list-style-type: upper-roman;
  403. }
  404.  
  405. li {
  406. color: {color:List Text};
  407. font-family:{font:List};
  408. font-size:12px;
  409. line-height:100%;
  410. text-transform:uppercase;
  411. }
  412. pre {
  413. color:{color:Blockquote Blockquote text};
  414. background-color:{color:Blockquote Blockquote Background};
  415. padding:2px;
  416. font-family:arial;
  417. font-size:8px;
  418. letter-spacing:0;
  419. word-spacing:0;
  420. text-align:justify;
  421. text-transform:auto;
  422. line-height: 100%;
  423. }
  424.  
  425. blockquote img {
  426. max-width:100%;
  427. }
  428.  
  429. blockquote blockquote img {
  430. max-width:100%;
  431. }
  432.  
  433. /* Posts */
  434.  
  435. .post_title {
  436. {block:ifPostTexture}
  437. background-repeat:repeat;
  438. background-attachment:fixed;
  439. background-image:url('{image:Accent Background}');
  440. {/block:ifPostTexture}
  441. background-color:{color:Background Color};
  442. margin:5px 0px 5px 0px;
  443. padding:10px;
  444. font-family:{font:Post Title};
  445. color:{color:Post Title Color};
  446. font-size:25px;
  447. line-height:100%;
  448. word-spacing:0;
  449. letter-spacing:0;
  450. text-align:center;
  451. text-transform:uppercase;
  452. text-decoration:none;
  453. -moz-transition:all 0.5s linear;
  454. -webkit-transition:all 0.5s linear;
  455. -o-transition:all 0.5s linear;
  456. transition:all 0.5s linear;
  457. }
  458.  
  459. .posts:hover .post_title {
  460. {block:if500}
  461. box-shadow:inset 350px 0px {color:Accent}, inset -350px 0px {color:Accent};
  462. {/block:if500}
  463. {block:if400}
  464. box-shadow:inset 250px 0px {color:Accent}, inset -250px 0px {color:Accent};
  465. {/block:if400}
  466. {block:if250}
  467. box-shadow:inset 200px 0px {color:Accent}, inset -200px 0px {color:Accent};
  468. {/block:if250}
  469. color:{color:Post Title Color Hover};
  470. box-shadow:inset auto !important 0px {color:Accent}, inset auto !important 0px {color:Accent};
  471. -moz-transition:all 0.5s linear;
  472. -webkit-transition:all 0.5s linear;
  473. -o-transition:all 0.5s linear;
  474. transition:all 0.5s linear;
  475. }
  476.  
  477. .posts {
  478. {block:if500}
  479. width:500px;
  480. {/block:if500}
  481. {block:if400}
  482. width:400px;
  483. {/block:if400}
  484. {block:if250}
  485. width:250px;
  486. {/block:if250}
  487. position:relative;
  488. margin-top:20px;
  489. margin-bottom:20px;
  490. word-wrap:break-word;
  491. padding:10px;
  492. background-color:{color:Posts};
  493. font-size:10px;
  494. color:{color:Post Text};
  495. line-height:100%;
  496. text-transform:none;
  497. text-align:justify;
  498. word-spacing:0;
  499. letter-spacing:0;
  500. text-decoration:none;
  501. }
  502.  
  503. .posts img {
  504. max-width:100%;
  505. {block:ifMonochrome}
  506. -moz-transition:all 0.5s ease-in-out;
  507. -webkit-transition:all 0.5s ease-in-out;
  508. -o-transition:all 0.5s ease-in-out;
  509. transition:all 0.5s ease-in-out;
  510. -webkit-filter: grayscale(100%);
  511. {/block:ifMonochrome}
  512. {block:ifImageFade}
  513. opacity: .5;
  514. -moz-transition:all 0.5s ease-in-out;
  515. -webkit-transition:all 0.5s ease-in-out;
  516. -o-transition:all 0.5s ease-in-out;
  517. transition:all 0.5s ease-in-out;
  518. {/block:ifImageFade}
  519. }
  520.  
  521. .posts img:hover {
  522. {block:ifImageFade}
  523. -moz-transition:all 0.5s ease-in-out;
  524. -webkit-transition:all 0.5s ease-in-out;
  525. -o-transition:all 0.5s ease-in-out;
  526. transition:all 0.5s ease-in-out;
  527. -webkit-filter: grayscale(0%) !important;
  528. opacity: 1;
  529. {/block:ifImageFade}
  530. {block:ifMonochrome}
  531. -moz-transition:all 0.5s ease-in-out;
  532. -webkit-transition:all 0.5s ease-in-out;
  533. -o-transition:all 0.5s ease-in-out;
  534. transition:all 0.5s ease-in-out;
  535. -webkit-filter: grayscale(0%);
  536. {/block:ifMonochrome}
  537. }
  538.  
  539. .like_button {
  540. width:10px !important;
  541. height:10px;
  542. margin:12px 3px 0px 0px;
  543. padding:-2px;
  544. float:right;
  545. line-height:0;
  546. word-spacing:0;
  547. letter-spacing:1px;
  548. text-align:center;
  549. text-transform:uppercase;
  550. text-decoration:none;
  551. }
  552.  
  553. .perma {
  554. width:auto !important;
  555. margin:10px 0px 0px 0px;
  556. padding:5px;
  557. background-color:{color:Perma Background};
  558. color:{color:Perma Text};
  559. font-family:{font:List};
  560. font-size:10px;
  561. line-height:100%;
  562. word-spacing:0;
  563. letter-spacing:1px;
  564. text-align:center;
  565. text-transform:uppercase;
  566. text-decoration:none;
  567. }
  568.  
  569. .permapage {
  570. width:auto !important;
  571. margin:10px 0px 0px 0px;
  572. padding:5px;
  573. background-color:{color:Perma Background};
  574. color:{color:Perma Text};
  575. font-family:{font:List};
  576. font-size:10px;
  577. line-height:100%;
  578. word-spacing:0;
  579. letter-spacing:1px;
  580. text-align:center;
  581. text-transform:uppercase;
  582. text-decoration:none;
  583. }
  584.  
  585. .notes_wrapper {
  586. {block:if500}
  587. width:500px;
  588. {/block:if500}
  589. {block:if400}
  590. width:400px;
  591. {/block:if400}
  592. {block:if250}
  593. width:250px;
  594. {/block:if250}
  595. max-height:200px !important;
  596. margin:-5px 0px 0px 0px;
  597. padding:10px;
  598. overflow:auto;
  599. }
  600.  
  601. .notes {
  602. margin:-5px 0px 0px -25px;
  603. word-wrap:break-word;
  604. display:inline-block;
  605. line-height:100%;
  606. color:{color:Post Text};
  607. background-color:transparent;
  608. text-align:left;
  609. text-transform:auto;
  610. font-family:{font:Body};
  611. font-size:10px;
  612. letter-spacing:0;
  613. word-spacing:0;
  614. list-style-type:none;
  615. }
  616.  
  617. .notes ul, ol {
  618. display:inline-block;
  619. }
  620. .notes li {
  621. margin-top:5px;
  622. }
  623.  
  624. .notes img {
  625. display:none;
  626. {block:ifMonochrome}
  627. -moz-transition:all 0.5s ease-in-out;
  628. -webkit-transition:all 0.5s ease-in-out;
  629. -o-transition:all 0.5s ease-in-out;
  630. transition:all 0.5s ease-in-out;
  631. -webkit-filter: grayscale(100%);
  632. {/block:ifMonochrome}
  633. {block:ifImageFade}
  634. opacity: .5;
  635. -moz-transition:all 0.5s ease-in-out;
  636. -webkit-transition:all 0.5s ease-in-out;
  637. -o-transition:all 0.5s ease-in-out;
  638. transition:all 0.5s ease-in-out;
  639. {/block:ifImageFade}
  640. }
  641.  
  642. .notes img:hover {
  643. {block:ifImageFade}
  644. -moz-transition:all 0.5s ease-in-out;
  645. -webkit-transition:all 0.5s ease-in-out;
  646. -o-transition:all 0.5s ease-in-out;
  647. transition:all 0.5s ease-in-out;
  648. -webkit-filter: grayscale(0%) !important;
  649. opacity: 1;
  650. {/block:ifImageFade}
  651. {block:ifMonochrome}
  652. -moz-transition:all 0.5s ease-in-out;
  653. -webkit-transition:all 0.5s ease-in-out;
  654. -o-transition:all 0.5s ease-in-out;
  655. transition:all 0.5s ease-in-out;
  656. -webkit-filter: grayscale(0%);
  657. {/block:ifMonochrome}
  658. }
  659.  
  660. .read_more {
  661. padding:4px;
  662. background-color:{color:Blockquote Background};
  663. text-align:center;
  664. }
  665.  
  666.  
  667. .text_post {
  668. max-height:350px;
  669. min-height:auto;
  670. padding:5px;
  671. background-color:transparent;
  672. overflow:auto;
  673. }
  674.  
  675. .text_post::-webkit-scrollbar {
  676. width:3px;
  677. height:4px;
  678. min-height:1px;
  679. }
  680. .text_post::-webkit-scrollbar-track {
  681. background-color:{color:Scrollbar Background};
  682. }
  683. .text_post::-webkit-scrollbar-thumb {
  684. background-color:{color:Scrollbar Thumb};
  685. }
  686.  
  687.  
  688. /* Asks */
  689. .asks {
  690. min-height:40px;
  691. max-height:auto !important;
  692. height:auto !important;
  693. {block:ifPostTexture}
  694. background-repeat:repeat;
  695. background-attachment:fixed;
  696. background-image:url('{image:Accent Background}');
  697. {/block:ifPostTexture}
  698. background-color:{color:Ask Background};
  699. padding:10px;
  700. font-family:{font:Body};
  701. font-size:10px;
  702. color:{color:Post Text};
  703. line-height:100%;
  704. text-transform:auto;
  705. text-align:center;
  706. word-spacing:0;
  707. letter-spacing:0;
  708. }
  709.  
  710. .askers {
  711. margin:0px 0px 5px 0px;
  712. padding:5px;
  713. border-bottom:dotted 2px {color:Accent};
  714. font-family:{font:Asker};
  715. font-size:20px;
  716. color:{color:Asker Text};
  717. line-height:100%;
  718. text-transform:uppercase;
  719. text-align:center;
  720. }
  721.  
  722. .askers:first-letter {
  723. text-transform:uppercase;
  724. }
  725.  
  726. /* Quotes */
  727. .quotes {
  728. width:auto !important;
  729. margin:0px 0px 5px 0px;
  730. {block:ifPostTexture}
  731. background-repeat:repeat;
  732. background-attachment:fixed;
  733. background-image:url('{image:Accent Background}');
  734. {/block:ifPostTexture}
  735. background-color:{color:Background Color};
  736. padding:10px;
  737. font-family:{font:Quote};
  738. font-size:20px;
  739. color:{color:Quote Text};
  740. text-align:justify;
  741. text-transform:auto;
  742. letter-spacing:0;
  743. word-spacing:0;
  744. line-height:100%;
  745. }
  746.  
  747. /* Chat */
  748.  
  749. .chat {
  750. width:auto !important;
  751. border-top:5px solid {color:Accent};
  752. border-bottom:5px solid {color:Accent};
  753. border-left:5px solid {color:Background Color};
  754. border-right:5px solid {color:Background Color};
  755. }
  756.  
  757. .even {
  758. background-color:{color:Chat Even};
  759. color:{color:Post Text};
  760. padding:2px 10px 2px 10px;
  761. font-family:{font:List};
  762. font-size:13px;
  763. letter-spacing:1px;
  764. word-spacing:0;
  765. line-height:100%;
  766. text-transform:auto;
  767. text-align:justify;
  768. }
  769.  
  770. .odd {
  771. background-color:{color:Chat Odd};
  772. color:{color:Post Text};
  773. padding:2px 10px 2px 10px;
  774. font-family:{font:List};
  775. font-size:13px;
  776. letter-spacing:1px;
  777. word-spacing:0;
  778. line-height:100%;
  779. text-transform:auto;
  780. text-align:justify;
  781. }
  782.  
  783. /* Audio */
  784. .album {
  785. background-repeat: no-repeat;
  786. background-position: center;
  787. position: absolute;
  788. width: 64px;
  789. height: 64px;
  790. padding:1px;
  791. background-size: 60px;
  792. overflow: hidden;
  793. background-color: {color:Posts};
  794. border-top:2px solid {color:Accent};
  795. border-bottom:2px solid {color:Accent};
  796. border-left:2px solid {color:Background Color};
  797. border-right:2px solid {color:Background Color};
  798. -moz-transition:all 0.5s linear;
  799. -webkit-transition:all 0.5s linear;
  800. -o-transition:all 0.5s linear;
  801. transition:all 0.5s linear;
  802. }
  803.  
  804. .album img {
  805. width: 64px;
  806. height: 64px;
  807. overflow: hidden;
  808. -moz-transition:all 0.5s linear;
  809. -webkit-transition:all 0.5s linear;
  810. -o-transition:all 0.5s linear;
  811. transition:all 0.5s linear;
  812. {block:ifMonochrome}
  813. -webkit-filter: grayscale(100%);
  814. {/block:ifMonochrome}
  815. {block:ifImageFade}
  816. opacity:.5;
  817. {/block:ifImageFade}
  818. }
  819.  
  820. .album img:hover {
  821. -moz-transition:all 0.5s linear;
  822. -webkit-transition:all 0.5s linear;
  823. -o-transition:all 0.5s linear;
  824. transition:all 0.5s linear;
  825. {block:ifMonochrome}
  826. -webkit-filter: grayscale(0%) !important;
  827. {/block:ifMonochrome}
  828. {block:ifImageFade}
  829. opacity:1;
  830. {/block:ifImageFade}
  831. }
  832.  
  833. .player {
  834. width: 10px;
  835. height: 11px;
  836. overflow: hidden;
  837. padding: 4px 21px 21px 4px;
  838. margin-top: 15px;
  839. margin-left: 15px;
  840. position: absolute;
  841. background-color: {color:Posts};
  842. opacity: 0;
  843. z-index: 10;
  844. -moz-transition:all 0.5s linear;
  845. -webkit-transition:all 0.5s linear;
  846. -o-transition:all 0.5s linear;
  847. transition:all 0.5s linear;
  848. }
  849.  
  850. .album:hover .player {
  851. {block:ifMonochrome}
  852. opacity: 0.5
  853. ;{/block:ifMonochrome}
  854. }
  855.  
  856.  
  857. .track {
  858. margin-left: 65px;
  859. min-height: 55px;
  860. max-height: 55px;
  861. overflow: auto;
  862. font-family:{font:List};
  863. line-height:100%;
  864. font-size: 13px;
  865. padding: 10px 5px 6px 5px;
  866. text-align:center;
  867. color: {color:Post Text};
  868. text-transform: uppercase;
  869. letter-spacing:0;
  870. background-color:{color:Blockquote Background};
  871. border-right:2px solid {color:Accent};
  872. }
  873.  
  874. /* Music Track Scroll */
  875. .track::-webkit-scrollbar {
  876. width:3px;
  877. max-height:5px;
  878. min-height:1px;
  879. }
  880.  
  881. /* Track */
  882. .track::-webkit-scrollbar-track {
  883. background-color:{color:Scrollbar Background};
  884. }
  885. /* Handle */
  886. .track::-webkit-scrollbar-thumb {
  887. background-color:{color:Scrollbar Thumb};
  888. }
  889. .track::-webkit-scrollbar-thumb:window-inactive {
  890. background: {color:Scrollbar Background};
  891. }
  892.  
  893. /* Images */
  894. .photo {
  895. max-width:100%;
  896. {block:ifMonochrome}
  897. -moz-transition:all 0.5s ease-in-out;
  898. -webkit-transition:all 0.5s ease-in-out;
  899. -o-transition:all 0.5s ease-in-out;
  900. transition:all 0.5s ease-in-out;
  901. -webkit-filter: grayscale(100%);
  902. {/block:ifMonochrome}
  903. {block:ifImageFade}
  904. opacity: .5;
  905. -moz-transition:all 0.5s ease-in-out;
  906. -webkit-transition:all 0.5s ease-in-out;
  907. -o-transition:all 0.5s ease-in-out;
  908. transition:all 0.5s ease-in-out;
  909. {/block:ifImageFade}
  910. }
  911.  
  912. .photo:hover {
  913. {block:ifImageFade}
  914. -moz-transition:all 0.5s ease-in-out;
  915. -webkit-transition:all 0.5s ease-in-out;
  916. -o-transition:all 0.5s ease-in-out;
  917. transition:all 0.5s ease-in-out;
  918. -webkit-filter: grayscale(0%) !important;
  919. opacity: 1;
  920. {/block:ifImageFade}
  921. {block:ifMonochrome}
  922. -moz-transition:all 0.5s ease-in-out;
  923. -webkit-transition:all 0.5s ease-in-out;
  924. -o-transition:all 0.5s ease-in-out;
  925. transition:all 0.5s ease-in-out;
  926. -webkit-filter: grayscale(0%);
  927. {/block:ifMonochrome}
  928. }
  929.  
  930. .image img {
  931. max-width:100%;
  932. {block:ifMonochrome}
  933. -moz-transition:all 0.5s ease-in-out;
  934. -webkit-transition:all 0.5s ease-in-out;
  935. -o-transition:all 0.5s ease-in-out;
  936. transition:all 0.5s ease-in-out;
  937. -webkit-filter: grayscale(100%);
  938. {/block:ifMonochrome}
  939. {block:ifImageFade}
  940. opacity: .5;
  941. -moz-transition:all 0.5s ease-in-out;
  942. -webkit-transition:all 0.5s ease-in-out;
  943. -o-transition:all 0.5s ease-in-out;
  944. transition:all 0.5s ease-in-out;
  945. {/block:ifImageFade}
  946. }
  947.  
  948. .video {
  949. {block:if500}
  950. max-width:500px !important;
  951. {/block:if500}
  952. {block:if400}
  953. max-width:400px !important;
  954. {/block:if400}
  955. {block:if250}
  956. max-width:250px !important;
  957. {/block:if250}
  958. {block:ifMonochrome}
  959. -moz-transition:all 0.5s ease-in-out;
  960. -webkit-transition:all 0.5s ease-in-out;
  961. -o-transition:all 0.5s ease-in-out;
  962. transition:all 0.5s ease-in-out;
  963. -webkit-filter: grayscale(100%);
  964. {/block:ifMonochrome}
  965. {block:ifImageFade}
  966. opacity: .5;
  967. -moz-transition:all 0.5s ease-in-out;
  968. -webkit-transition:all 0.5s ease-in-out;
  969. -o-transition:all 0.5s ease-in-out;
  970. transition:all 0.5s ease-in-out;
  971. {/block:ifImageFade}
  972. }
  973.  
  974. .video:hover {
  975. {block:ifFade}opacity: 1;{/block:ifFade}
  976. {block:ifMonochrome}
  977. -webkit-filter: grayscale(0%);
  978. {/block:ifMonochrome}
  979. {block:ifImageFade}
  980. opacity: 1;
  981. -moz-transition:all 0.5s ease-in-out;
  982. -webkit-transition:all 0.5s ease-in-out;
  983. -o-transition:all 0.5s ease-in-out;
  984. transition:all 0.5s ease-in-out;
  985. {/block:ifImageFade}
  986. }
  987.  
  988. /* Wrappers */
  989. .postwrap {
  990. {block:if500}
  991. width:500px !important;
  992. {/block:if500}
  993. {block:if400}
  994. width:400px !important;
  995. {/block:if400}
  996. {block:if250}
  997. width:250px !important;
  998. {/block:if250}
  999. margin-left:450px;
  1000. margin-top:20px;
  1001. margin-bottom:10px;
  1002. height:100%;
  1003. position:relative;
  1004. }
  1005.  
  1006. #center {
  1007. position:absolute;
  1008. margin-top:60px;
  1009. margin-bottom:60px;
  1010. background-color:transparent;
  1011. width:300px;
  1012. height:auto;
  1013. margin-left:auto;
  1014. margin-right:auto;
  1015. }
  1016.  
  1017. /*sidebar wrapper*/
  1018. #sidebar {
  1019. position:fixed;
  1020. margin-left:0px;
  1021. margin-top:50px;
  1022. width:150px;
  1023. height:auto;
  1024. padding:0px;
  1025. background-color:transparent;
  1026. z-index:99999999999999999999;
  1027. }
  1028.  
  1029. /* Sidebar */
  1030. #sbbg{
  1031. position:fixed;
  1032. width:300px;
  1033. height:150px;
  1034. margin-left:25px;
  1035. margin-top:100px;
  1036. background-color:{color:Posts};
  1037. border-top:15px solid {color:Accent};
  1038. border-bottom:15px solid {color:Accent};
  1039. border-left:15px solid {color:Background Color};
  1040. border-right:15px solid {color:Background Color};
  1041. -moz-box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1042. -webkit-box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1043. box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1044. padding:5px;
  1045. }
  1046.  
  1047. #sbbg img {
  1048. max-width:300px !important;
  1049. max-height:150px !important;
  1050. {block:ifMonochrome}
  1051. -moz-transition:all 0.5s ease-in-out;
  1052. -webkit-transition:all 0.5s ease-in-out;
  1053. -o-transition:all 0.5s ease-in-out;
  1054. transition:all 0.5s ease-in-out;
  1055. -webkit-filter: grayscale(100%);
  1056. {/block:ifMonochrome}
  1057. {block:ifImageFade}
  1058. opacity: .5;
  1059. -moz-transition:all 0.5s ease-in-out;
  1060. -webkit-transition:all 0.5s ease-in-out;
  1061. -o-transition:all 0.5s ease-in-out;
  1062. transition:all 0.5s ease-in-out;
  1063. {/block:ifImageFade}
  1064. }
  1065.  
  1066. #sbbg img:hover {
  1067. {block:ifImageFade}
  1068. -moz-transition:all 0.5s ease-in-out;
  1069. -webkit-transition:all 0.5s ease-in-out;
  1070. -o-transition:all 0.5s ease-in-out;
  1071. transition:all 0.5s ease-in-out;
  1072. -webkit-filter: grayscale(0%) !important;
  1073. opacity: 1;
  1074. {/block:ifImageFade}
  1075. {block:ifMonochrome}
  1076. -moz-transition:all 0.5s ease-in-out;
  1077. -webkit-transition:all 0.5s ease-in-out;
  1078. -o-transition:all 0.5s ease-in-out;
  1079. transition:all 0.5s ease-in-out;
  1080. -webkit-filter: grayscale(0%);
  1081. {/block:ifMonochrome}
  1082. }
  1083.  
  1084. #sbnav {
  1085. position:fixed;
  1086. width:auto !important;
  1087. height:auto !important;
  1088. margin-top:-205px;
  1089. margin-left:130px;
  1090. background-color:transparent;
  1091. padding:3px;
  1092. color:{color:Post Text};
  1093. font-family:{font:List};
  1094. font-size:30px;
  1095. letter-spacing:0;
  1096. word-spacing:2px;
  1097. line-height:100%;
  1098. }
  1099.  
  1100. /* Click */
  1101.  
  1102. #about {
  1103. position: fixed;
  1104. margin-top:-158px;
  1105. width:297px;
  1106. height:150px;
  1107. margin-left:-5px;
  1108. font:10px {font:Body};
  1109. padding: 5px;
  1110. {block:ifPostTexture}
  1111. background-repeat:repeat;
  1112. background-attachment:fixed;
  1113. background-image:url('{image:Accent Background}');
  1114. {/block:ifPostTexture}
  1115. background-color:{color:Background Color};
  1116. border-left:solid 2px {color:Accent};
  1117. border-right:solid 2px {color:Accent};
  1118. color:{color:Post Text};
  1119. z-index:999999999999999999999999999999999999999999999999999999999999999999999999;
  1120. }
  1121.  
  1122. #sbpic {
  1123. position:fixed;
  1124. margin:0px 0px;
  1125. padding:2px;
  1126. width:125px;
  1127. height:145px;
  1128. background-color:{color:Posts};
  1129. }
  1130.  
  1131. #sbpic img {
  1132. max-width:125px;
  1133. max-height:145px;
  1134. }
  1135.  
  1136. #sbdesc {
  1137. position:fixed;
  1138. margin:35px 175px;
  1139. padding:5px;
  1140. width:110px;
  1141. height:90px;
  1142. background-color:{color:Posts};
  1143. color:{color:Post Text};
  1144. font-family:{font:Body};
  1145. font-size:10px;
  1146. line-height:100%;
  1147. text-align:center;
  1148. text-transform:auto;
  1149. letter-spacing:0;
  1150. word-spacing:0;
  1151. overflow:auto;
  1152. }
  1153.  
  1154. /* Music Track Scroll */
  1155. #sbdesc::-webkit-scrollbar {
  1156. width:2.5px;
  1157. max-height:5px;
  1158. min-height:1px;
  1159. }
  1160.  
  1161. /* Track */
  1162. #sbdesc::-webkit-scrollbar-track {
  1163. background-color:{color:Scrollbar Background};
  1164. }
  1165. /* Handle */
  1166. #sbdesc::-webkit-scrollbar-thumb {
  1167. background-color:{color:Scrollbar Thumb};
  1168. }
  1169. #sbdesc::-webkit-scrollbar-thumb:window-inactive {
  1170. background: {color:Scrollbar Background};
  1171. }
  1172.  
  1173. #sb_title {
  1174. position:fixed;
  1175. margin:0px 175px;
  1176. padding:3px;
  1177. width:115px;
  1178. height:auto !important;
  1179. background-color:transparent;
  1180. font-family:{font:Body};
  1181. font-size:25px;
  1182. text-transform:uppercase;
  1183. overflow:hidden;
  1184. text-align:center;
  1185. color:{color:Tag Color};
  1186. word-spacing:0;
  1187. letter-spacing:0;
  1188. }
  1189.  
  1190. #sbhovers {
  1191. position:fixed;
  1192. margin:130px 175px;
  1193. padding:3px;
  1194. width:115px;
  1195. height:auto !important;
  1196. background-color:transparent;
  1197. font-family:{font:Body};
  1198. font-size:18px;
  1199. text-transform:uppercase;
  1200. overflow:hidden;
  1201. text-align:center;
  1202. color:{color:Tag Color};
  1203. word-spacing:0;
  1204. letter-spacing:0;
  1205. }
  1206.  
  1207. #sblinks {
  1208. position:fixed;
  1209. margin:-1px 133px;
  1210. width:auto !important;
  1211. height:auto !important;
  1212. padding:2px;
  1213. }
  1214.  
  1215. #sblinks a {
  1216. display:block;
  1217. margin-top:4px;
  1218. width:25px;
  1219. height:auto !important;
  1220. padding:4px;
  1221. background-color:{color:Accent};
  1222. color:{color:Link Hover};
  1223. text-align:center;
  1224. text-transform:uppercase;
  1225. font-family:{font:Body};
  1226. font-size:12px;
  1227. letter-spacing:0;
  1228. word-spacing:0;
  1229. line-height:100%;
  1230. }
  1231.  
  1232. #sblinks a:hover {
  1233. background-color:{color:Posts};
  1234. color:{color:Link Color};
  1235. }
  1236.  
  1237. /* Counter */
  1238.  
  1239. #counter {
  1240. position:fixed;
  1241. margin:-185px -20px;
  1242. padding:2px;
  1243. width:auto !important;
  1244. height:auto !important;
  1245. background-color:transparent;
  1246. color:{color:Post Text};
  1247. font-family:{font:Body};
  1248. font-size:10px;
  1249. text-align:left;
  1250. text-transform:auto;
  1251. line-height:100%;
  1252. word-spacing:0;
  1253. letter-spacing:0;
  1254. }
  1255.  
  1256. #counter a {
  1257. color:{color:Tag Color};
  1258. }
  1259.  
  1260. #counter a:hover {
  1261. color:{color:Link Hover};
  1262. }
  1263.  
  1264. /* Tooltip */
  1265. #s-m-t-tooltip{
  1266. /* basic */
  1267. max-width:200px;
  1268. z-index:9999999999999999999999999999999999999999999999;
  1269. margin:24px 14px 7px 12px;
  1270. /* style and design */
  1271. padding:2px 4px 2px 4px;
  1272. background-color:{color:Tooltip Background};
  1273. border:1px dotted {color:Accent};
  1274. color:{color:Tooltip Text};
  1275. font-family:{font:List};
  1276. letter-spacing:1px;
  1277. text-transform:uppercase;
  1278. font-size:10px;
  1279. line-height:100%;
  1280. -moz-border-radius:3px;
  1281. -webkit-border-radius:3px;
  1282. border-radius:3px;
  1283. -moz-box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1284. -webkit-box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1285. box-shadow:2px 2px 0 {color:Box Shadow}, -1px -1px 0 {color:Box Shadow};
  1286. -moz-transition:all 0.5s ease-in-out;
  1287. -webkit-transition:all 0.5s ease-in-out;
  1288. -o-transition:all 0.5s ease-in-out;
  1289. transition:all 0.5s ease-in-out;
  1290. }
  1291.  
  1292.  
  1293. /* Music Code made by Admin S */
  1294. #music_player {
  1295. position:fixed;
  1296. width:10px;
  1297. height:10px;
  1298. margin:0px -30px;
  1299. padding:3px 10px 10px 5px;
  1300. background-color:{color:Posts};
  1301. border:dotted 3px {color:Accent};
  1302. border-radius:10em;
  1303. overflow:hidden;
  1304. -moz-transition:all 0.5s ease-in-out;
  1305. -webkit-transition:all 0.5s ease-in-out;
  1306. -o-transition:all 0.5s ease-in-out;
  1307. transition:all 0.5s ease-in-out;
  1308. z-index:999999999999999999999999999999;
  1309. }
  1310.  
  1311. #music_player:hover {
  1312. border-radius:50px 0px 0px 50px;
  1313. width:125px !important;
  1314. -moz-transition:all 0.5s ease-in-out;
  1315. -webkit-transition:all 0.5s ease-in-out;
  1316. -o-transition:all 0.5s ease-in-out;
  1317. transition:all 0.5s ease-in-out;
  1318. }
  1319.  
  1320. #music_icon {
  1321. position:fixed;
  1322. padding:3px 10px 10px 5px;
  1323. background-color:{color:Accent};
  1324. border-radius:10em;
  1325. width:10px;
  1326. height:10px;
  1327. margin:-3px -5px;
  1328. -moz-transition:all 0.9s ease-in-out;
  1329. -webkit-transition:all 0.9s ease-in-out;
  1330. -o-transition:all 0.9s ease-in-out;
  1331. transition:all 0.9s ease-in-out;
  1332. }
  1333.  
  1334. #music_player #music_icon:hover {
  1335. border-radius:50px 0px 0px 50px;
  1336. -moz-transition:all 0.2s ease-in-out;
  1337. -webkit-transition:all 0.2s ease-in-out;
  1338. -o-transition:all 0.2s ease-in-out;
  1339. transition:all 0.2s ease-in-out;
  1340. }
  1341.  
  1342. #music_icon img {
  1343. margin:3px 0px;
  1344. width:auto;
  1345. height:auto;
  1346. }
  1347.  
  1348.  
  1349. #playerbox {
  1350. margin:-21px 25px;
  1351. z-index:999999999999999999999;
  1352. }
  1353.  
  1354. /* Pagination */
  1355.  
  1356. #pagination {
  1357. position:fixed;
  1358. width:100px !important;
  1359. height:auto !important;
  1360. margin-top:290px;
  1361. margin-left:265px;
  1362. font-family:{font:List};
  1363. font-size:12px;
  1364. font-weight:none;
  1365. color:{color:post text};
  1366. padding:1px;
  1367. text-transform:uppercase;
  1368. background-color:transparent;
  1369. letter-spacing:0px;
  1370. text-align:right;
  1371. }
  1372.  
  1373.  
  1374. /* Credit */
  1375. .credit {
  1376. position:fixed;
  1377. bottom:7px;
  1378. left:5px;
  1379. }
  1380.  
  1381. .credit a{
  1382. width:10px !important;
  1383. height:10px !important;
  1384. padding:1px 7px 1px 3px;
  1385. background-color:{color:Posts};
  1386. border:dotted 1px {color:Accent};
  1387. color:{color:Tag Color};
  1388. font-family:avalon;
  1389. font-size:15px;
  1390. word-spacing:0;
  1391. letter-spacing:-4px;
  1392. line-height:100%;
  1393. text-transform:uppercase;
  1394. text-align:justify;
  1395. }
  1396.  
  1397. .credit a:hover {
  1398. background-color:{color:Accent};
  1399. border:dotted 1px {color:Posts};
  1400. color:{color:Link Hover};
  1401. }
  1402.  
  1403. </style>
  1404. </head>
  1405. <body>
  1406.  
  1407. <div id="center">
  1408. <div id="sidebar">
  1409. <div id="sbbg">
  1410. <img src="{image:Sidebar Image}" width="300px" height="150px" />
  1411. <div id="music_player">
  1412. <div id="music_icon"><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"><div id="playerbox"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1413. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1414. <param name="bgcolor" value="#252525" />
  1415. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=252525&amp;bgcolor=252525&amp;bgcolor1=252525&amp;bgcolor2=252525&amp;buttoncolor=505050&amp;buttonovercolor=aa457f&amp;showlist=0" />
  1416. </object></div></div>
  1417. </div>
  1418. <div id="sbnav"><a href="{text:Home Link}" title="{text:Home Link Hover}">.01</a> <a href="{text:Ask Link}" title="{text:Ask Link Hover}">.02</a> <a href="{text:Submit Link}" title="{text:Submit Link Hover}">.03</a> <a href="{text:Archive Link}" title="{text:Archive Link Hover}">.04</a> <a id="clickbutton" class="t" style="cursor:pointer;"><span class="t" title="Click for More">.05</span><span class="t" style="display:none" title="Click for Less">.05</span></a></div>
  1419.  
  1420. <div id="about">
  1421. <div id="sbpic"><img src="{image:Sidebar Image 2}" width="125px" height="145px"></div>
  1422. <div id="sb_title">{text:Sidebar Title}</div>
  1423. <div id="sbdesc">{Description}</div>
  1424. <div id="sbhovers"><a title="{text:Hover 1}">●</a> <a title="{text:Hover 2}">●</a> <a title="{text:Hover 3}">●</a> <a title="{text:Hover 4}">●</a> <a title="{text:Hover 5}">●</a> <a title="{text:Hover 6}">●</a></div>
  1425. <div id="sblinks"><a href="{text:Link 1 URL}" title="{text:Link 1 Hover}">I</a> <a href="{text:Link 2 URL}" title="{text:Link 2 Hover}">II</a> <a href="{text:Link 3 URL}" title="{text:Link 3 Hover}">III</a> <a href="{text:Link 4 URL}" title="{text:Link 4 Hover}">IV</a> <a href="{text:Link 5 URL}" title="{text:Link 5 Hover}">V</a> <a href="{text:Link 6 URL}" title="{text:Link 6 Hover}">VI</a></div>
  1426.  
  1427. </div>
  1428.  
  1429. <div id="counter">{text:Counter Link}</div>
  1430. </div>
  1431.  
  1432. {block:ifpagination}
  1433. <div id="pagination">
  1434. {block:PreviousPage}
  1435. <a href="{PreviousPage}">back</a>
  1436. {/block:PreviousPage}
  1437. {block:IndexPage}
  1438. -
  1439. {/block:IndexPage}
  1440. {block:NextPage}
  1441. <a href="{NextPage}">forth</a>
  1442. {/block:NextPage}
  1443. </div>
  1444. {/block:ifpagination}
  1445.  
  1446. </div>
  1447. </div>
  1448.  
  1449.  
  1450.  
  1451.  
  1452. <div class="autopagerize_page_element">
  1453. <div class="postwrap">
  1454. {block:Posts}
  1455. <div class="posts">
  1456. <!----- Images ----->
  1457. {block:If250}
  1458. {block:Photo}
  1459. {LinkOpenTag}
  1460. <div class="image">
  1461. <img src="{PhotoURL-250}" />
  1462. </div>
  1463. {LinkCloseTag}
  1464. {block:Caption}
  1465. {Caption}
  1466. {/block:Caption}
  1467. {/block:Photo}
  1468. {/block:If250}
  1469. {block:If400}
  1470. {block:Photo}
  1471. {LinkOpenTag}
  1472. <div class="image">
  1473. <img src="{PhotoURL-400}" />
  1474. </div>
  1475. {LinkCloseTag}
  1476. {block:Caption}
  1477. {Caption}
  1478. {/block:Caption}
  1479. {/block:Photo}
  1480. {/block:If400}
  1481. {block:If500}
  1482. {block:Photo}
  1483. {LinkOpenTag}
  1484. <div class="image">
  1485. <img src="{PhotoURL-500}" />
  1486. </div>
  1487. {LinkCloseTag}
  1488. {block:Caption}
  1489. {Caption}
  1490. {/block:Caption}
  1491. {/block:Photo}
  1492. {/block:If500}
  1493. <!----- Photosets ----->
  1494. {block:If250}
  1495. {block:Photoset}
  1496. <div class="photo">
  1497. {Photoset-250}
  1498. </div>
  1499. {block:Caption}
  1500. {Caption}
  1501. {/block:Caption}
  1502. {/block:Photoset}
  1503. {/block:If250}
  1504. {block:If400}
  1505. {block:Photoset}
  1506. <div class="photo">
  1507. {Photoset-400}
  1508. </div>
  1509. {block:Caption}
  1510. {Caption}
  1511. {/block:Caption}
  1512. {/block:Photoset}
  1513. {/block:If400}
  1514. {block:If500}
  1515. {block:Photoset}
  1516. <div class="photo">
  1517. {Photoset-500}
  1518. </div>
  1519. {block:Caption}
  1520. {Caption}
  1521. {/block:Caption}
  1522. {/block:Photoset}
  1523. {/block:If500}
  1524. <!----- Videos ----->
  1525. {block:If250}
  1526. {block:Video}
  1527. <div class="video">
  1528. {Video-250}
  1529. </div>
  1530. {block:Caption}
  1531. {Caption}
  1532. {/block:Caption}
  1533. {/block:Video}
  1534. {/block:If250}
  1535. {block:If400}
  1536. {block:Video}
  1537. <div class="video">
  1538. {Video-400}
  1539. </div>
  1540. {block:Caption}
  1541. {Caption}
  1542. {/block:Caption}
  1543. {/block:Video}
  1544. {/block:If400}
  1545. {block:If500}
  1546. {block:Video}
  1547. <div class="video">
  1548. {Video-500}
  1549. </div>
  1550. {block:Caption}
  1551. {Caption}
  1552. {/block:Caption}
  1553. {/block:Video}
  1554. {/block:If500}
  1555. <!----- Chat ----->
  1556. {block:Chat}
  1557. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1558. <div class="chat">
  1559. {block:Lines}
  1560. <div class="{Alt}">
  1561. {block:Label}<span style="color:{color:Accent};">{Label}</span>{/block:Label} {Line}</div>
  1562. {/block:Lines}</div>
  1563. {/block:Chat}
  1564. <!----- Quote ----->
  1565. {block:Quote}
  1566. <div class="quotes">{Quote}
  1567. {block:Source}<div class="perma" style="text-align:center !important;padding:4px; background-color:{color:Posts};">{Source}</div>{/block:Source}
  1568. </div>
  1569. {/block:Quote}
  1570. <!----- Link ----->
  1571. {block:Link}
  1572. <a href="{URL}" target="_blank">
  1573. <div class="post_title">{Name}</div>
  1574. </a>
  1575. {block:Description}
  1576. {Description}
  1577. {/block:Description}
  1578. {/block:Link}
  1579. <!----- Text ----->
  1580. {block:Text}
  1581. {block:Title}
  1582. <div class="post_title">{Title}</div>
  1583. {/block:Title}
  1584. <div class="text_post">
  1585. {Body}
  1586.  
  1587. {block:More}<a href="{Permalink}"><div class="read_more">{text:Read More Title}</div></a>{/block:More}
  1588. </div>
  1589. {/block:Text}
  1590.  
  1591. <!----- Asks ----->
  1592. {block:Answer}
  1593. <div class="asks"><div class="askers">{Asker}</div>{Question}</div>
  1594. {Answer}
  1595. {/block:Answer}
  1596. <!----- Audio ----->
  1597. {block:Audio}
  1598. <div class="album">
  1599. {block:AudioPlayer}
  1600. <div class="player">
  1601. {block:ifWhite}
  1602. {AudioPlayerWhite}
  1603. {/block:ifWhite}
  1604. {block:ifBlack}
  1605. {AudioPlayerBlack}
  1606. {/block:ifBlack}
  1607. {block:ifGray}
  1608. {AudioPlayerGrey}
  1609. {/block:ifGray}
  1610. </div>
  1611. {/block:AudioPlayer}
  1612. {block:AlbumArt}
  1613. {block:IndexPage}
  1614. <img src="{AlbumArtURL}">
  1615. {/block:IndexPage}
  1616. {block:PermalinkPage}
  1617. <img src="{AlbumArtURL}">
  1618. {/block:PermalinkPage}
  1619. {/block:AlbumArt}
  1620. </div>
  1621. <div class="track">
  1622. {block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}
  1623. {block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}
  1624. {block:Album}<span style="color:{color:Accent};">Album:</span>
  1625. {Album}<br>{/block:Album}
  1626. <span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</div>
  1627. {block:Caption}
  1628. {Caption}
  1629. {/block:Caption}
  1630. {/block:Audio}
  1631.  
  1632.  
  1633. <!----- Perma ----->
  1634. {block:IndexPage}
  1635. <div class="perma">
  1636. {block:Date}<a href="{Permalink}" title="@ {12Hour}:{Minutes}{AmPm} with {NoteCountwithLabel}" >{MonthNumberWithZero}{DayOfMonthWithZero}{Year}</a>{/block:Date}
  1637. {block:RebloggedFrom} &times; <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> ( <a href="{ReblogRootURL}" title="{ReblogRoottitle}">src</a> ){/block:RebloggedFrom} &times; <a href="{ReblogURL}" title="Reblog?">reblog</a> {block:HasTags} &times; <a title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}{block:ifLikeButton} <span class="like_button" style="margin-top:-15px;" title="Like?">{block:ifBlackLike}{LikeButton size="15" color="black"}{/block:ifBlackLike}{block:ifGreyLike}{LikeButton size="15" color="grey"}{/block:ifGreyLike}{block:ifWhiteLike}{LikeButton size="15" color="white"}{/block:ifWhiteLike}</span>{/block:ifLikeButton}</div>
  1638. {/block:IndexPage}
  1639. {block:PermaLinkPage}
  1640. <div class="permapage">
  1641. Posted On: {DayOfWeek}, {DayOfMonth} {Month} {Year}.
  1642. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
  1643. {/block:RebloggedFrom}</br>
  1644. <span style="margin-top:5px; text-align:center; width:auto;">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </span>
  1645. </div>
  1646. {/block:PermalinkPage}
  1647. </div>
  1648. {block:PermaLinkPage}
  1649. {block:PostNotes}
  1650. <div class="notes_wrapper">
  1651. <div class="notes">
  1652. {PostNotes}
  1653. </div>
  1654. </div>
  1655. {/block:PostNotes}
  1656. {/block:PermalinkPage}
  1657. {/block:Posts}
  1658. </div>
  1659. </div>
  1660.  
  1661.  
  1662. <div class="credit"><a title="Galaxias-themes" href="/">GA</a></div>
  1663.  
  1664.  
  1665. </body>
  1666. </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!