API tools faq
paste
Advertisement
galaxias-themes

[ theme ] → #04 BLACK TINKERBELL

galaxias-themes
Apr 20th, 2014
3,681
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.35 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------ Theme by galaxias-themes.tumblr.com and anzelic.tumblr.com, do no steal, do not copy, do not even peek within the source code. I will know. Thank you. ------------------------>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <style type="text/css"> body {cursor: url("http://i.imgur.com/2qleX.jpg"), auto;}</style>
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15. <meta name="image:Background Image" content="">
  16. <meta name="image:Sidebar Image" content="http://i57.tinypic.com/oup1uc.png">
  17.  
  18. <meta name="color:Background Color" content="#FFFFFF"/>
  19. <meta name="color:Post Background" content="#EEEEEE"/>
  20. <meta name="color:Perma Background" content="#EEEEEE"/>
  21. <meta name="color:Info Background" content="#EEEEEE"/>
  22.  
  23. <meta name="color:Sidebar Image Background" content="#EEEEEE"/>
  24. <meta name="color:Sidebar Image Border" content="#505050"/>
  25. <meta name="color:Description Background" content="#EEEEEE"/>
  26. <meta name="color:Description Border" content="#505050"/>
  27. <meta name="color:Links Background" content="#EEEEEE"/>
  28. <meta name="color:Links Border" content="#505050"/>
  29.  
  30. <meta name="color:Ask Background" content="#DDDDDD"/>
  31. <meta name="color:Ask Border" content="#a41212"/>
  32. <meta name="color:Ask Icon Border" content="#a41212"/>
  33.  
  34.  
  35. <meta name="color:Blockquote Background" content="#DDDDDD"/>
  36. <meta name="color:Blockquote Border" content="#000000"/>
  37.  
  38.  
  39. <meta name="color:Audio Background" content="#DDDDDD"/>
  40. <meta name="color:Audio Border" content="#a41212"/>
  41.  
  42.  
  43. <meta name="color:Post Title Text" content="#000000"/>
  44. <meta name="color:Asker Text" content="#000000"/>
  45. <meta name="color:First Letter Text" content="#a41212"/>
  46. <meta name="color:Title" content="#EEEEEE"/>
  47. <meta name="color:Title Hover" content="#000000"/>
  48. <meta name="color:Title Shadow" content="#a41212"/>
  49.  
  50.  
  51. <meta name="color:Title Border" content="#505050"/>
  52.  
  53.  
  54. <meta name="color:Description Text" content="#000000"/>
  55. <meta name="color:Text" content="#000000"/>
  56. <meta name="color:Bold" content="#a41212"/>
  57. <meta name="color:Italic" content="#a41212"/>
  58. <meta name="color:Strike" content="#a41212"/>
  59.  
  60. <meta name="color:Links" content="#a41212"/>
  61. <meta name="color:Links Hover" content="#000000"/>
  62.  
  63. <meta name="color:Perma Links" content="#000000"/>
  64. <meta name="color:Perma Links Hover" content="#a41212"/>
  65.  
  66. <meta name="color:Asker Link" content="#000000"/>
  67. <meta name="color:Asker Link Hover" content="#a41212"/>
  68.  
  69. <meta name="color:Chat1 Background" content="#e9e9e9"/>
  70. <meta name="color:Chat2 Background" content="#DDDDDD"/>
  71. <meta name="color:Chat Text" content="#000000"/>
  72.  
  73. <meta name="color:Scrollbar Background" content="#a41212"/>
  74. <meta name="color:Scrollbar Thumb border" content="#a41212"/>
  75.  
  76. <meta name="color:Selection Background" content="#EEEEEE"/>
  77. <meta name="color:Selection Text" content="#a41212"/>
  78.  
  79. <meta name="color:Music Player Background" content="#EEEEEE"/>
  80.  
  81.  
  82. <meta name="text:Sidebar Title" content="Sidebar Title">
  83. <meta name="text:MP3 Link" content="">
  84.  
  85.  
  86. <meta name="text:Link 1 URL" content="/">
  87. <meta name="text:Link 1" content="HOME">
  88. <meta name="text:Link 1 Hover" content="Refresh">
  89. <meta name="text:Link 2 URL" content="/ask">
  90. <meta name="text:Link 2" content="ASK">
  91. <meta name="text:Link 2 Hover" content="Message">
  92. <meta name="text:Link 3 URL" content="/submit">
  93. <meta name="text:Link 3" content="SUBMIT">
  94. <meta name="text:Link 3 Hover" content="Gifts?">
  95. <meta name="text:Link 4 URL" content="/">
  96. <meta name="text:Link 4" content="Link 4">
  97. <meta name="text:Link 4 Hover" content="Link">
  98. <meta name="text:Link 5 URL" content="/">
  99. <meta name="text:Link 5" content="Link 5">
  100. <meta name="text:Link 5 Hover" content="Link">
  101. <meta name="text:Link 6 URL" content="/">
  102. <meta name="text:Link 6" content="Link 6">
  103. <meta name="text:Link 6 Hover" content="Link">
  104.  
  105.  
  106. <meta name="text:Hover 1" content="✖">
  107. <meta name="text:Hover 1 Hover" content="Hover">
  108. <meta name="text:Hover 2" content="✖">
  109. <meta name="text:Hover 2 Hover" content="Hover">
  110. <meta name="text:Hover 3" content="✖">
  111. <meta name="text:Hover 3 Hover" content="Hover">
  112. <meta name="text:Hover 4" content="✖">
  113. <meta name="text:Hover 4 Hover" content="Hover">
  114. <meta name="text:Hover 5" content="✖">
  115. <meta name="text:Hover 5 Hover" content="Hover">
  116. <meta name="text:Hover 6" content="✖">
  117. <meta name="text:Hover 6 Hover" content="Hover">
  118.  
  119.  
  120. <meta name="text:Background Position" content="Bottom Right">
  121. <meta name="text:Background Attachment" content="Fixed">
  122.  
  123.  
  124. <meta name="if:Monochrome" content="1">
  125. <meta name="if:Sidebarmono" content="0">
  126. <meta name="if:Show Captions" content="1">
  127.  
  128. <meta name="if:250" content="1">
  129. <meta name="if:400" content="0">
  130.  
  131.  
  132. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  133. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie|Julius+Sans+One|Qwigley|Dancing+Script' rel='stylesheet' type='text/css'>
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  141. <script type="text/javascript">
  142. $(document).ready(function () {
  143. $("#clk").toggle(function() {
  144. $("#upd").show();
  145. }, function() {
  146. $("#upd").hide();
  147. });
  148. });
  149. </script>
  150.  
  151.  
  152.  
  153.  
  154. <style type="text/css">
  155. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format(“truetype”);}
  156.  
  157.  
  158.  
  159.  
  160.  
  161. /* Button Controls */
  162.  
  163. iframe#tumblr_controls {
  164. top: 0% !important;
  165. right:0% !important;
  166. opacity:0.3;
  167. position: fixed !important;
  168. filter:alpha(opacity=30);
  169. -webkit-transition: all 0.7s ease;
  170. -moz-transition: all 0.7s ease;
  171. -o-transition: all 0.7s ease;
  172. }
  173. iframe#tumblr_controls:hover{
  174. top: 0% !important;
  175. right:0% !important;
  176. opacity:0.8;
  177. position: fixed !important;
  178. filter:alpha(opacity=80);
  179. -webkit-transition: all 0.7s ease;
  180. -moz-transition: all 0.7s ease;
  181. -o-transition: all 0.7s ease;
  182. }
  183.  
  184.  
  185.  
  186.  
  187.  
  188. /* Scrollbar and Selection */
  189.  
  190. ::selection {
  191. color:{color:Selection Text};
  192. background:{color:Selection Background};
  193. }
  194. ::-moz-selection {
  195. color:{color:Selection Text};
  196. background:{color:Selection Background};
  197. }
  198. ::-webkit-scrollbar {
  199. width: 5px;
  200. height:5px;
  201. }
  202. ::-webkit-scrollbar-track-piece {
  203. background-color:{color:Scrollbar Background};
  204. border-right:2px solid {color:Background Color};
  205. border-left:2px solid {color:Background Color};
  206. }
  207. ::-webkit-scrollbar-thumb {
  208. background-color:{color:Background Color};
  209. border:1px solid {color:Scrollbar Thumb Border};
  210. border-radius:100px;
  211. }
  212.  
  213. /* Body */
  214.  
  215. body {
  216. background-color: {color:Background Color};
  217. background-image: url({image:Background Image});
  218. background-attachment:fixed;
  219. background-repeat:no-repeat;
  220. background-size:contain;
  221. background-position:bottom right;
  222. color:{color:Text};
  223. }
  224.  
  225. a:link, a:visited, a:active {
  226. text-decoration: none;
  227. cursor: url('http://i.imgur.com/2qleX.jpg'), auto;
  228. color: {color:Links};
  229. -moz-transition:all ease-in-out 0.7s;
  230. -webkit-transition:all ease-in-out 0.7s;
  231. -o-transition:all ease-in-out 0.7s;
  232. transition:all ease-in-out 0.7s;
  233. }
  234. a:hover {
  235. color: {color:Links Hover};
  236. }
  237.  
  238. b, strong {
  239. color: {color:Bold};
  240. }
  241.  
  242. i, em {
  243. color: {color:Italic};
  244. }
  245.  
  246. s, strike {
  247. color: {color:Strike};
  248. }
  249.  
  250. ul,ol {
  251. padding:2px;
  252. margin-left:15px;
  253. }
  254.  
  255. ul {
  256. list-style-type:square;
  257. }
  258.  
  259. small, sub {
  260. font-family: gasara;
  261. font-size: 8px;
  262. letter-spacing:0px;
  263. line-height: 100%;
  264. margin-top: 10px !important;
  265. line-height: 90%;
  266. }
  267. code {
  268. font-family:tinytots;
  269. font-size:8px;
  270. text-transform:uppercase;
  271. letter-spacing:0px;
  272. line-height:100%;
  273. }
  274.  
  275.  
  276. /* Pre and Blockquote */
  277.  
  278. pre {
  279. color:{color:Text};
  280. font-family:tinytots;
  281. font-size:8px;
  282. text-transform:uppercase;
  283. text-align:center;
  284. letter-spacing:0px;
  285. line-height:100%;
  286. padding:3px;
  287. }
  288. blockquote {
  289. background-color: {color:Blockquote Background};
  290. color: {color:Text};
  291. margin-left:10px;
  292. width:90%;
  293. text-align:justify;
  294. border-left:solid 3px {color:Blockquote Border};
  295. padding:5px;
  296. padding-top:1px;
  297. padding-left: 7px;
  298. border-radius: 5px 5px 5px 5px;
  299. -moz-border-radius: 5px 5px;
  300. }
  301. blockquote img {
  302. {block:if250}max-width:210px !important;{/block:if250}
  303. {block:if400}max-width:330px !important;{/block:if400}
  304. opacity: .7;
  305. }
  306.  
  307.  
  308. /* Titles */
  309.  
  310. #posttitle {
  311. font-family: 'dancing script';
  312. color: {color:Post Title Text};
  313. font-size: 25px;
  314. padding: 5px;
  315. margin-top: 5px;
  316. line-height:18px;
  317. text-align: center;
  318. text-transform: lowercase;}
  319.  
  320.  
  321. #posttitle:first-letter {
  322. font-family: 'dancing script';
  323. color:{color:First Letter Text};
  324. text-transform: uppercase;
  325. font-size: 30px; }
  326.  
  327. #askname {
  328. font-family: Qwigley;
  329. color: {color:Asker Text};
  330. font-size: 25px;
  331. padding: 5px;
  332. margin-top: -15px;
  333. line-height:10px;
  334. text-align: right;
  335. text-transform: auto;}
  336.  
  337.  
  338. #askname:first-letter {
  339. font-family: Qwigley;
  340. color: {color:First Letter Text};
  341. text-transform: uppercase;
  342. font-size: 35px; }
  343.  
  344. #askname a{
  345. color:{color:Asker Link};
  346. }
  347. #askname a:hover{
  348. color:{color:Asker Link Hover};
  349. }
  350.  
  351. #pagetitle {
  352. font-family: tinytots;
  353. color: {color:Text};
  354. font-size: 8px;
  355. padding: 5px;
  356. margin-top: 5px;
  357. line-height:10px;
  358. text-align: center;
  359. text-transform: uppercase;}
  360.  
  361.  
  362. #pagetitle:first-letter {
  363. font-family: tinytots;
  364. color: {color:Text};
  365. text-transform: uppercase;
  366. font-size: 8px; }
  367.  
  368.  
  369.  
  370. #quote {
  371. font-family: 'electrolize';
  372. color: {color:Text};
  373. font-size: 15px;
  374. padding: 5px;
  375. margin-top: -10px;
  376. line-height:14px;
  377. text-align: center;
  378. text-transform: auto;}
  379.  
  380.  
  381. #quote:first-letter {
  382. font-family: 'electrolize';
  383. color: {color:Text};
  384. text-transform: uppercase;
  385. font-size: 20px; }
  386.  
  387.  
  388. #quotation {
  389. position:relative;
  390. font-size:50px;
  391. color: {color:First Letter Text};
  392. opacity:0.3;
  393. font-family: 'vibur';
  394. margin-top: 15px; }
  395.  
  396.  
  397.  
  398.  
  399. /* Post Wrapper */
  400.  
  401. .postwrapper {
  402. position: relative;
  403. width:20px;
  404. margin-left:470px;
  405. margin-top: 40px;
  406. height: 100%;
  407. height: auto !important;
  408. z-index:9999;
  409. }
  410.  
  411.  
  412.  
  413. /* Posts */
  414.  
  415. .posts {
  416. margin-bottom:20px;
  417. {block:if250}width:250px;{/block:if250}
  418. {block:if400}width:400px;{/block:if400}
  419. color: {color:Text};
  420. margin-left:25px;
  421. margin-top:20px;
  422. background-color: {color:Post Background};
  423. font-family: arial;
  424. font-size: 10px;
  425. letter-spacing: 1;
  426. line-height: 100%;
  427. text-align: justify;
  428. word-wrap:break-word;
  429. padding: 10px;
  430. -moz-transition:all ease-in-out 0.7s;
  431. -webkit-transition:all ease-in-out 0.7s;
  432. -o-transition:all ease-in-out 0.7s;
  433. transition:all ease-in-out 0.7s;
  434. }
  435. .info {
  436. margin-top: -15px;
  437. {block:if250}width:265px;{/block:if250}
  438. {block:if400}width:415px;{/block:if400}
  439. margin-left:25px;
  440. background-color: {color:Info Background};
  441. color: {color:Text};
  442. font-family: tinytots;
  443. font-size: 8px;
  444. text-transform:uppercase;
  445. letter-spacing:0px;
  446. line-height:12px;
  447. text-align:justify;
  448. word-wrap:break-word;
  449. padding: 3px;
  450. -moz-transition:all ease-in-out 0.7s;
  451. -webkit-transition:all ease-in-out 0.7s;
  452. -o-transition:all ease-in-out 0.7s;
  453. transition:all ease-in-out 0.7s;
  454. }
  455. .notes {
  456. {block:if250}width:250px;{/block:if250}
  457. {block:if400}width:400px;{/block:if400}
  458. height:200px;
  459. margin-left:25px;
  460. background-color: transparent;
  461. color: {color:Text};
  462. font-family:tinytots;
  463. font-size:8px;
  464. letter-spacing:0px;
  465. line-height:100%;
  466. text-align:left;
  467. text-transform:uppercase;
  468. word-wrap:break-word;
  469. overflow:none;
  470. padding:10px;
  471. -moz-transition:all ease-in-out 0.7s;
  472. -webkit-transition:all ease-in-out 0.7s;
  473. -o-transition:all ease-in-out 0.7s;
  474. transition:all ease-in-out 0.7s;
  475. }
  476. .notes img {
  477. display:none;
  478. }
  479. .perma {
  480. {block:if250}width:260px;{/block:if250}
  481. {block:if400}width:410px;{/block:if400}
  482. margin-top: -17px;
  483. margin-left:25px;
  484. margin-bottom: 20px;
  485. font-family: tinytots;
  486. font-size: 8px;
  487. text-align:center;
  488. color: {color:Text};
  489. text-transform: uppercase;
  490. letter-spacing: 1;
  491. word-spacing:1px;
  492. line-height: 15px;
  493. background-color: {color:Perma Background};
  494. padding: 5px;
  495. height: 15px;
  496. -moz-transition:all ease-in-out 0.7s;
  497. -webkit-transition:all ease-in-out 0.7s;
  498. -o-transition:all ease-in-out 0.7s;
  499. transition:all ease-in-out 0.7s;
  500. }
  501. .perma a {
  502. color: {color:Perma Links};
  503. -moz-transition:all ease-in-out 0.7s;
  504. -webkit-transition:all ease-in-out 0.7s;
  505. -o-transition:all ease-in-out 0.7s;
  506. transition:all ease-in-out 0.7s;
  507. }
  508. .perma a:hover {
  509. color:{color:Perma Links Hover};
  510. -moz-transition:all ease-in-out 0.7s;
  511. -webkit-transition:all ease-in-out 0.7s;
  512. -o-transition:all ease-in-out 0.7s;
  513. transition:all ease-in-out 0.7s;}
  514.  
  515.  
  516. /* Tags */
  517.  
  518. #tags {
  519. font-family: tinytots;
  520. font-size: 8px;
  521. text-align:center;
  522. text-transform: uppercase;
  523. letter-spacing: 1;
  524. line-height: 100%;
  525. }
  526. #tags a, #permatags a {
  527. color: {color:Links};
  528. }
  529. #tags a:hover, #permatags a:hover {
  530. color: {color:Links Hover};
  531. }
  532.  
  533.  
  534. #permatags {
  535. {block:if250}width:270px;{/block:if250}
  536. {block:if400}width:420px;{/block:if400}
  537. margin-top: 0px;
  538. padding: 5px;
  539. margin-bottom: 10px;
  540. color: #0066ff;
  541. font-family: gasara;
  542. font-size: 8px;
  543. text-transform: uppercase;
  544. letter-spacing: 0px;
  545. word-spacing:-2px;
  546. line-height: 100%;
  547. text-align: center;
  548. }
  549.  
  550.  
  551.  
  552. /* Chat */
  553.  
  554. #odd {
  555. padding:2px;
  556. font-size: 10px;
  557. letter-spacing: 1px;
  558. font-family: electrolize;
  559. color:{color:Chat Text};
  560. background-color: {color:Chat1 Background};
  561. }
  562. #even{
  563. padding:2px;
  564. font-size: 10px;
  565. letter-spacing: 1px;
  566. font-family: electrolize;
  567. color:{color:Chat Text};
  568. background-color: {color:Chat2 Background};
  569. }
  570.  
  571.  
  572.  
  573. /* AUDIO */
  574. .album {
  575. background-repeat: no-repeat;
  576. background-position: center;
  577. position: absolute;
  578. width: 86px;
  579. height: 86px;
  580. background-size: 60px;
  581. overflow: hidden;
  582. background-color: {color:Background Color};
  583. -moz-transition:all ease-in-out 0.7s;
  584. -webkit-transition:all ease-in-out 0.7s;
  585. -o-transition:all ease-in-out 0.7s;
  586. transition:all ease-in-out 0.7s;
  587. }
  588.  
  589. .album img {
  590. width: 86px;
  591. height: 86px;
  592. overflow: hidden;
  593. -moz-transition:all ease-in-out 0.7s;
  594. -webkit-transition:all ease-in-out 0.7s;
  595. -o-transition:all ease-in-out 0.7s;
  596. transition:all ease-in-out 0.7s;
  597. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  598. {/block:ifMonochrome}
  599. {block:ifFade}opacity:.5;{/block:ifFade}
  600. }
  601.  
  602. .album img:hover {
  603. -moz-transition:all ease-in-out 0.7s;
  604. -webkit-transition:all ease-in-out 0.7s;
  605. -o-transition:all ease-in-out 0.7s;
  606. transition:all ease-in-out 0.7s;
  607. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  608. {/block:ifMonochrome}
  609. {block:ifFade}opacity:1;{/block:ifFade}
  610. }
  611.  
  612. .player {
  613. width: 10px;
  614. height: 11px;
  615. overflow: hidden;
  616. padding: 4px 21px 21px 4px;
  617. margin-top: 27px;
  618. margin-left: 26px;
  619. position: absolute;
  620. background-color: #fff;
  621. opacity: 0.5;
  622. z-index: 10;
  623. -webkit-transition: all 0.4s linear;
  624. -moz-transition: all 0.4s linear;
  625. -o-transition: all 0.4s linear;
  626. -moz-border-radius: 30px;
  627. -webkit-border-radius: 30px;
  628. border-radius: 30px;
  629. }
  630.  
  631. .album:hover .player {
  632. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  633. }
  634.  
  635. .track {
  636. margin-left: 90px;
  637. min-height: 80px;
  638. max-height: 100px;
  639. overflow: auto;
  640. font-family:dixel;
  641. font-size: 8px;
  642. padding: 3px;
  643. color: {color:Track Text};
  644. text-transform: uppercase;
  645. letter-spacing: 1px;
  646. background: {color:Track Background};
  647. }
  648.  
  649.  
  650.  
  651. /* Images */
  652.  
  653. .posts img:hover, #photoset:hover {
  654. -moz-transition:all ease-in-out 0.7s;
  655. -webkit-transition:all ease-in-out 0.7s;
  656. -o-transition:all ease-in-out 0.7s;
  657. transition:all ease-in-out 0.7s;
  658. {block:ifmonochrome}
  659. -webkit-filter: grayscale(0%) !important;
  660. {/block:ifmonochrome}
  661. opacity: 1;
  662. }
  663. .posts img, #photoset {
  664. {block:if250}max-width:250px;{/block:if250}
  665. {block:if400}max-width:400px;{/block:if400}
  666. opacity: .8;
  667. {block:ifmonochrome}
  668. -webkit-filter: grayscale(100%);
  669. -moz-transition:all ease-in-out 0.7s;
  670. -webkit-transition:all ease-in-out 0.7s;
  671. -o-transition:all ease-in-out 0.7s;
  672. transition:all ease-in-out 0.7s;
  673. {/block:ifmonochrome}
  674. }
  675. .photopost img {
  676. {block:if250}max-width: 250px !important; {/block:if250}
  677. {block:if400}max-width: 400px !important; {/block:if400}
  678. opacity: .8;
  679. {block:ifmonochrome}
  680. -webkit-filter: grayscale(100%);
  681. -moz-transition:all ease-in-out 0.7s;
  682. -webkit-transition:all ease-in-out 0.7s;
  683. -o-transition:all ease-in-out 0.7s;
  684. transition:all ease-in-out 0.7s;
  685. {/block:ifmonochrome}}
  686.  
  687. /* Asks */
  688.  
  689. .question {
  690. min-height:20px;
  691. padding: 8px;
  692. color:{color:Text};
  693. background-color: {color:Ask Background};
  694. border: solid 1px {color:Ask Border};
  695. -webkit-border-radius: 0px;
  696. -moz-border-radius: 0px;
  697. }
  698.  
  699. .icon img {
  700. margin-right:-5px;
  701. border-radius:0px;
  702. opacity:1;
  703. border: solid 1px {color:Ask Icon Border};
  704. padding:0px;
  705. float:right;
  706. text-align:justify;
  707. margin-top:-5px;}
  708.  
  709. /* Sidebar Wrapper */
  710.  
  711.  
  712. .sidebarwrapper {
  713.  
  714. margin-left:265px;
  715.  
  716. margin-top:175px;
  717.  
  718. position:fixed;
  719.  
  720. width:150px;
  721.  
  722. height:auto;
  723.  
  724. padding:0px;
  725.  
  726. float:left;
  727.  
  728. background-color:transparent;
  729.  
  730. z-index:999999999;
  731. }
  732.  
  733.  
  734. /* Center Wrapper*/
  735.  
  736.  
  737. #wrapper{
  738.  
  739. width:510px;
  740.  
  741. height:auto;
  742.  
  743. margin-left:auto;
  744.  
  745. margin-right:auto;
  746.  
  747. margin-top:60px;
  748.  
  749. margin-bottom:60px;
  750.  
  751. padding:0;
  752.  
  753. border:0;
  754. position:fixed;
  755.  
  756. }
  757.  
  758.  
  759. /* Pagination */
  760.  
  761. #page {
  762.  
  763. width:150px;
  764.  
  765. margin-top:360px;
  766. margin-left:178px;
  767.  
  768. font-family:gasara;
  769.  
  770. font-size:8px;
  771.  
  772. letter-spacing:0px;
  773. word-spacing:5px;
  774.  
  775. text-align:center;
  776.  
  777. }
  778. #page a {
  779. color:{color:Links};
  780. }
  781. #page a:hover {
  782. color:{color:Links Hover};
  783. }
  784.  
  785.  
  786.  
  787.  
  788. /* Music Player */
  789.  
  790. #musicplayer{
  791. overflow:hidden;
  792. position:fixed;
  793. width:18px;
  794. height:18px;
  795. margin-top:49px; /* You can change the number or change it to bottom*/
  796. margin-left:-151px; /* You can change the number or change it to right*/
  797. background:{color:Music Player Background}; /* This is the background color */
  798. border:1px solid {color:Sidebar Image Border};
  799. opacity:.6;
  800. z-index:10;
  801. }
  802.  
  803. #icon{
  804. /* This is for the positioning of the music gif: */
  805. margin-top:2px;
  806. margin-left:2px;
  807. -webkit-transition: all 0.5s linear;
  808. -moz-transition: all 0.5s linear;
  809. transition: all 0.5s linear;
  810. }
  811.  
  812. #musicplayer:hover #icon{
  813. margin-top:-20px;
  814. -webkit-transition: all 0.5s linear;
  815. -moz-transition: all 0.5s linear;
  816. transition: all 0.5s linear;
  817. }
  818.  
  819. #musicbox{
  820. width:8px;
  821. height:8px;
  822. overflow:hidden;
  823. /* This is for the positioning of the music player: */
  824. margin-top:6px;
  825. margin-left:5px;
  826. }
  827.  
  828. #music2{
  829. margin-top:-6px;
  830. margin-left:-35px;
  831. }
  832.  
  833.  
  834.  
  835.  
  836. /* hover */
  837.  
  838. #s-m-t-tooltip {
  839. position:absolute;
  840. z-index:9999;
  841. display:none;
  842. border-radius: 0px;
  843. max-width: 150px;
  844. margin-top: 20px;
  845. margin-left: 20px;
  846. font-family: tinytots;
  847. font-size: 8px;
  848. color: {color:Text};
  849. text-transform: uppercase;
  850. letter-spacing: 1;
  851. line-height: 100%;
  852. background-color: {color:Post Background};
  853. border:1px solid {color:First Letter Text};
  854. z-index:99999;
  855. padding: 5px; }
  856.  
  857.  
  858.  
  859. /* Sidebar */
  860.  
  861.  
  862. #sidebar {
  863. margin-left:-155px;
  864. margin-top:-60px;
  865. margin-bottom:5px;
  866. position:fixed;
  867. background-color:{color:Sidebar Image Background};
  868. border:4px double {color:Sidebar Image Border};
  869. padding:0px;
  870. width:275px;
  871. height:125px;
  872. font-family:"MS Gothic";
  873. color:{color:Text};
  874. text-align:justify;
  875. font-size:9px;
  876. letter-spacing:2px;
  877. line-height:9px;
  878. margin-bottom:5px;
  879. -moz-border-radius: 0px 0px 0px 0px;
  880. -webkit-border-radius: 10px 10px 10px 10px;
  881. border-radius: 0px 0px 0px 0px;
  882. }
  883.  
  884.  
  885. #sidebar img {
  886. max-width:300px;
  887. max-height:200px;
  888. border-radius: 0px 0px 0px 0px;
  889. {block:ifsidebarmono}
  890. -webkit-filter: grayscale(100%);
  891. -moz-filter: grayscale(100%);
  892. -o-filter: grayscale(100%);
  893. transition:all ease-in-out 0.7s;
  894. {/block:ifsidebarmono}
  895. }
  896.  
  897. #sidebar:hover {
  898. {block:ifsidebarmono}
  899. -webkit-filter: grayscale(0%);
  900. -moz-filter: grayscale(0%);
  901. -o-filter: grayscale(0%);
  902. transition:all ease-in-out 0.7s;
  903. {/block:ifsidebarmono}
  904.  
  905. }
  906.  
  907.  
  908.  
  909. .hovers {
  910. margin-top:75px;
  911. margin-left:-155px;
  912. background-color:{color:Links Background};
  913. border-left:5px double {color:Links Border};
  914. border-right:5px double {color:Links Border};
  915. position:fixed;
  916. font-family:electrolize;
  917. font-size:9px;
  918. color:{color:Text};
  919. text-transform:auto;
  920. text-align:center;
  921. width:267px;
  922. height:10px;
  923. padding:3px;
  924. line-height:13px;
  925. -moz-transition:all ease-in-out 0.7s;
  926. -webkit-transition:all ease-in-out 0.7s;
  927. -o-transition:all ease-in-out 0.7s;
  928. transition:all ease-in-out 0.7s;
  929. }
  930.  
  931. .hovers a{
  932. color:{color:Links};
  933. -moz-transition:all ease-in-out 0.7s;
  934. -webkit-transition:all ease-in-out 0.7s;
  935. -o-transition:all ease-in-out 0.7s;
  936. transition:all ease-in-out 0.7s;
  937. }
  938.  
  939. .hovers a:hover{
  940. color:{color:Links Hover};
  941. -moz-transition:all ease-in-out 0.7s;
  942. -webkit-transition:all ease-in-out 0.7s;
  943. -o-transition:all ease-in-out 0.7s;
  944. transition:all ease-in-out 0.7s;
  945. }
  946.  
  947. #desc {
  948. margin-top:93px;
  949. margin-left:-155px;
  950. position:fixed;
  951. background-color:{color:Description Background};
  952. border-left:5px double {color:Description Border};
  953. border-right:5px double {color:Description Border};
  954. border-bottom:5px double {color:Description Border};
  955. width:269px;
  956. height:75px;
  957. overflow:auto;
  958. padding:2px;
  959. padding-top:4px;
  960. font-family:tinytots;
  961. font-size:8px;
  962. text-transform:uppercase;
  963. text-align:center;
  964. line-height:9px;
  965. color:{color:Description Text};
  966.  
  967. }
  968.  
  969. #desc::-webkit-scrollbar {
  970. width: 3px;
  971. height:5px;
  972. }
  973. #desc::-webkit-scrollbar-track-piece {
  974. background-color:{color:Scrollbar Background};
  975. border-right:2px solid {color:Background Color};
  976. border-left:2px solid {color:Background Color};
  977. }
  978. #desc::-webkit-scrollbar-thumb {
  979. background-color:{color:Background Color};
  980. border:1px solid {color:Scrollbar Thumb Border};
  981. border-radius:100px;
  982. }
  983.  
  984. .title {
  985. margin-left:-145px;
  986. margin-top:-106px;
  987. position:fixed;
  988. background-color:transparent;
  989. border-bottom:1px solid {color:Title Border};
  990. padding:0px;
  991. width:260px;
  992. height:15px;
  993. font-family:Qwigley;
  994. color:{color:Text};
  995. text-align:center;
  996. font-size:55px;
  997. letter-spacing:0px;
  998. line-height:0px;
  999. -moz-border-radius: 0px 0px 0px 0px;
  1000. -webkit-border-radius: 10px 10px 10px 10px;
  1001. border-radius: 300px 300px 0px 0px;}
  1002.  
  1003. .title a {
  1004. color:{color:Title};
  1005. text-shadow:-1px 0px 2px {color:Title Shadow}, 0px 1px 0px {color:Title Shadow}, 1px 0px 0px {color:Title Shadow}, -1px 0px 0px {color:Title Shadow};
  1006. }
  1007. .title a:hover {
  1008. color:{color:Title Hover};
  1009. text-shadow:-1px 0px 2px {color:Title Shadow}, 0px 1px 0px {color:Title Shadow}, 1px 0px 0px {color:Title Shadow}, -1px 0px 0px {color:Title Shadow};
  1010. }
  1011.  
  1012.  
  1013. .links {
  1014. margin-top:-84px;
  1015. margin-left:-155px;
  1016. background-color:{color:Links Background};
  1017. border-left:5px double {color:Links Border};
  1018. border-right:5px double {color:Links Border};
  1019. border-top:5px double {color:Links Border};
  1020. position:fixed;
  1021. font-family:electrolize;
  1022. font-size:9px;
  1023. color:{color:Text};
  1024. text-transform:auto;
  1025. text-align:center;
  1026. width:267px;
  1027. height:10px;
  1028. padding:3px;
  1029. line-height:13px;
  1030. -moz-transition:all ease-in-out 0.7s;
  1031. -webkit-transition:all ease-in-out 0.7s;
  1032. -o-transition:all ease-in-out 0.7s;
  1033. transition:all ease-in-out 0.7s;
  1034. }
  1035. .links a{
  1036. color:{color:Links};
  1037. -moz-transition:all ease-in-out 0.7s;
  1038. -webkit-transition:all ease-in-out 0.7s;
  1039. -o-transition:all ease-in-out 0.7s;
  1040. transition:all ease-in-out 0.7s;
  1041. }
  1042.  
  1043. .links a:hover{
  1044. color:{color:Links Hover};
  1045. -moz-transition:all ease-in-out 0.7s;
  1046. -webkit-transition:all ease-in-out 0.7s;
  1047. -o-transition:all ease-in-out 0.7s;
  1048. transition:all ease-in-out 0.7s;
  1049. }
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055. .photo{
  1056.  
  1057. filter: url(“data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale”); /* Firefox 3.5+ */
  1058.  
  1059. filter: gray; /* IE6-9 */
  1060.  
  1061. -webkit-filter: grayscale(1);
  1062.  
  1063. -webkit-transition: all 0.5s ease-in-out;
  1064.  
  1065. -moz-transition: all 0.5s ease-in-out;
  1066.  
  1067. -o-transition: all 0.5s ease-in-out;
  1068.  
  1069. -ms-transition: all 0.5s ease-in-out;
  1070.  
  1071. transition: all 0.5s ease-in-out;
  1072.  
  1073. }
  1074.  
  1075. .photo:hover{
  1076.  
  1077. filter: none;
  1078.  
  1079. -webkit-filter: grayscale(0);
  1080.  
  1081. -webkit-transition: all 0.7s ease-in-out;
  1082.  
  1083. -moz-transition: all 0.7s ease-in-out;
  1084.  
  1085. -o-transition: all 0.7s ease-in-out;
  1086.  
  1087. }
  1088.  
  1089.  
  1090.  
  1091.  
  1092.  
  1093. </style>
  1094.  
  1095.  
  1096. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1097. <script>
  1098. (function($){
  1099. $(document).ready(function(){
  1100. $("[title]").style_my_tooltips();
  1101. });
  1102. })(jQuery);
  1103. </script>
  1104.  
  1105.  
  1106.  
  1107.  
  1108. </head>
  1109.  
  1110. <body>
  1111.  
  1112.  
  1113.  
  1114. <div id="wrapper">
  1115. <div class="sidebarwrapper">
  1116. <div id="sidebar">
  1117.  
  1118. <img src="{image:Sidebar Image}" width="275" height="125"/></div>
  1119.  
  1120. <div id="desc">{Description}</div>
  1121.  
  1122. <div class="links">
  1123. <a title="{text:Link 1 Hover}" href="{text:Link 1 URL}">{text:Link 1}</a> • <a title="{text:Link 2 Hover}" href="{text:Link 2 URL}">{text:Link 2}</a> • <a title="{text:Link 3 Hover}" href="{text:Link 3 URL}">{text:Link 3}</a> • <a title="{text:Link 4 Hover}" href="{text:Link 4 URL}">{text:Link 4}</a> • <a title="{text:Link 5 Hover}" href="{text:Link 5 URL}">{text:Link 5}</a> • <a title="{text:Link 6 Hover}" href="{text:Link 6 URL}">{text:Link 6}</a></div>
  1124.  
  1125. <div class="hovers">
  1126. <!----- Remove this if you are placing a viewers counter here -----><a title="Your counter goes here.">0</a><!----- End of viewer counter ----->• <a title="{text:Hover 1 Hover}">{text:Hover 1}</a> • <a title="{text:Hover 2 Hover}">{text:Hover 2}</a> • <a title="{text:Hover 3 Hover}">{text:Hover 3}</a> • <a title="{text:Hover 4 Hover}">{text:Hover 4}</a> • <a title="{text:Hover 5 Hover}">{text:Hover 5}</a> • <a title="{text:Hover 6 Hover}">{text:Hover 6}</a> • <!----- Remove this if you are placing a page view counter here -----> <a title="Your counter goes here.">000</a> <!----- End of page views counter ----></div>
  1127.  
  1128.  
  1129. <div class="title"><a href="/">{text:Sidebar Title}</a></div>
  1130.  
  1131. <!----- You can customize the colors of your player here ----->
  1132.  
  1133. <div id="musicplayer"><div id="icon">
  1134. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  1135. </div>
  1136. <div id="musicbox"><div id="music2">
  1137.  
  1138. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1139. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1140. <param name="bgcolor" value="#050505" />
  1141. <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=050505&amp;bgcolor=050505&amp;bgcolor1=050505&amp;bgcolor2=050505&amp;buttoncolor=505050&amp;buttonovercolor=f570a7&amp;showlist=0" />
  1142. </object>
  1143.  
  1144. </div></div></div>
  1145. <!----- End of customize here ----->
  1146. </div>
  1147.  
  1148.  
  1149.  
  1150. {block:Pagination}<div id="page">
  1151.  
  1152. {block:PreviousPage}
  1153.  
  1154. <a title="Back" href="{PreviousPage}">Backward</a>
  1155.  
  1156. {/block:PreviousPage}
  1157.  
  1158.  
  1159.  
  1160. {block:NextPage}
  1161.  
  1162. <a id="next" title="Next" href="{NextPage}">Forward</a>
  1163.  
  1164. {/block:NextPage}
  1165.  
  1166. </div>{/block:Pagination}
  1167.  
  1168.  
  1169. </div>
  1170.  
  1171.  
  1172. <div class="postwrapper">
  1173.  
  1174. <div class="autopagerize_page_element">
  1175.  
  1176.  
  1177.  
  1178. {block:Posts}
  1179. <div class="posts">
  1180.  
  1181. {block:ContentSource}
  1182. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1183. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1184. {/block:SourceLogo}
  1185. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1186.  
  1187. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1188. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1189. {/block:ReblogParentLogo}
  1190. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1191. {/block:ContentSource}
  1192.  
  1193.  
  1194.  
  1195.  
  1196. {block:Photo}{LinkOpenTag}
  1197. <div class="photopost">
  1198. <img src="{PhotoURL-400}">
  1199. </div>
  1200. {LinkCloseTag}
  1201. {block:Caption}
  1202. {Caption}
  1203. {/block:Caption}
  1204. {/block:photo}
  1205.  
  1206.  
  1207. {block:if250}
  1208. {block:Photoset}
  1209. <div id="photoset">
  1210. {Photoset-250}
  1211. </div>
  1212. {block:ifShowCaptions}
  1213. {block:Caption}
  1214. {Caption}
  1215. {/block:Caption}
  1216. {/block:ifShowCaptions}
  1217. {/block:Photoset}
  1218. {/block:if250}
  1219.  
  1220. {block:if400}
  1221. {block:Photoset}
  1222. <div id="photoset">
  1223. {Photoset-400}
  1224. </div>
  1225. {block:Caption}
  1226. {Caption}
  1227. {/block:Caption}
  1228. {/block:Photoset}
  1229. {/block:if400}
  1230.  
  1231. {block:if250}
  1232. {block:Video}
  1233. {Video-250}
  1234. {block:Caption}
  1235. {Caption}
  1236. {/block:Caption}
  1237. {/block:Video}
  1238. {/block:if250}
  1239.  
  1240.  
  1241. {block:if400}
  1242. {block:Video}
  1243. {Video-400}
  1244. {block:Caption}
  1245. {Caption}
  1246. {/block:Caption}
  1247. {/block:Video}
  1248. {/block:if400}
  1249.  
  1250.  
  1251.  
  1252.  
  1253. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1254.  
  1255. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1256.  
  1257. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1258. {Album}{/block:Album}</div>
  1259.  
  1260. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1261.  
  1262. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1263. {/block:Audio}
  1264.  
  1265.  
  1266. {block:Quote}
  1267. <div id="quotation">❝</div>
  1268. <div id="quote">{Quote}</div>
  1269. {block:Source}
  1270. <div id="tags" style="text-align:center !important;">—{Source}</div>
  1271. {/block:Source}
  1272. {/block:Quote}
  1273.  
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279. {block:Text}
  1280. {block:Title}
  1281. <div id="posttitle">{Title}</div>
  1282. {/block:Title}
  1283. {Body}
  1284. {/block:Text}
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290. {block:Answer}
  1291. <div class="icon"><a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a></div>
  1292. <div class="question">{question}</div>
  1293. <div id="askname" style="font-size: 25px; float:center; margin-bottom: -8px; margin-right: 0px;">{asker}-</div><br>
  1294. {answer}
  1295. {/block:Answer}
  1296.  
  1297.  
  1298.  
  1299.  
  1300.  
  1301. {block:Chat}
  1302. {block:Title}
  1303. <div id="posttitle">{Title}</div><br />
  1304. {/block:Title}
  1305. {block:Lines}<div id="{Alt}">
  1306. {block:Label}
  1307. <font color="{color:First Letter Text}">{Label}{/block:Label}</font> {Line}</br></div>
  1308. {/block:Lines}
  1309. {/block:Lines}
  1310. {/block:Chat}
  1311.  
  1312.  
  1313.  
  1314.  
  1315.  
  1316.  
  1317.  
  1318. {block:Link}
  1319. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1320. {block:Description}
  1321. {Description}
  1322. {/block:Description}
  1323. {/block:Link}
  1324.  
  1325. </div>
  1326.  
  1327.  
  1328.  
  1329.  
  1330.  
  1331. {block:IndexPage}
  1332. <div class="perma">
  1333. <div style="float:center;"><a href="{Permalink}" title="{TimeAgo} with {NoteCount} notes">Stats</a> {block:RebloggedFrom}• <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>{/block:RebloggedFrom}{block:HasTags} • <span style="font-size:20px;"><a title="{block:Tags} #{Tag}{/block:Tags}">★</a></span>{/block:HasTags}{block:RebloggedFrom} • <a href="{ReblogRootURL}" title="{ReblogRootName}">Src</a>{/block:RebloggedFrom} • <a title="Reblog" href="{ReblogURL}" >Rblg</a>
  1334.  
  1335.  
  1336.  
  1337. </div></div>
  1338.  
  1339.  
  1340.  
  1341.  
  1342.  
  1343. {/block:IndexPage}
  1344.  
  1345. {Block:PermaLinkPage}
  1346. <div class="info">
  1347. <div id="pagetitle">Posted: {Month} {DayofMonth}, {Year}. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
  1348. {/block:RebloggedFrom} {block:HasTags} • <span style="font-size:10px;"><a title="{block:Tags} #{Tag}{/block:Tags}">★</a></span>{/block:HasTags} </div>
  1349. </div>
  1350.  
  1351. {block:PostNotes}<div class="notes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1352.  
  1353. {/block:PermalinkPage}
  1354. {/block:Posts}
  1355. </div>
  1356. </div>
  1357. </div> </div>
  1358. <div style="position:fixed; bottom:5px; left:5px; font-size:8px; font-family:tinytots; "><a href="http://galaxias-themes.tumblr.com" title="Galaxias-Themes">THEME</a></div>
  1359.  
  1360. </body> </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!