API tools faq
paste
Advertisement
meteora

Theme | Astral Rose

meteora
Jul 6th, 2015
2,457
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5. │ Theme 4: Astral Rose © Meteora Themes │
  6.  
  7. + If you have any problems, don't hesitate to contact me! I will
  8. do my best to help with the problem.
  9. + Heavy/Light CSS and HTML Editing is allowed and encouraged, just
  10. make sure my credits remain intact.
  11. + Don't Claim any part of my code as your own, and definitely don't
  12. redistribute the code in whole or in part.
  13.  
  14. DO NOT, UNDER ANY CIRCUMSTANCES REMOVE MY CREDIT.
  15. EVEN IF YOU EDIT THE CODE.
  16. I'm a roleplayer too, I know the trend of ediitng themes that is happening right now, and if you use my theme as a base,
  17. I / WILL / KNOW.
  18. SO PLEASE, PLEASE JUST CREDIT ME SOMEWHERE.
  19.  
  20. ------------------------------------------------------------------------>
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <!-- VARIABLES -->
  32.  
  33. <meta name="image:Topbar" content=""/>
  34.  
  35. <meta name="color:Background" content="#e3e3e3" />
  36. <meta name="color:Title" content="#666666" />
  37. <meta name="color:Nav" content="#666666" />
  38. <meta name="color:NavHover" content="#aaa" />
  39. <meta name="color:Blockquote" content="#9f9f9f"/>
  40. <meta name="color:Text" content="#7b7b7b" />
  41. <meta name="color:Bold" content="#656565" />
  42. <meta name="color:Italic" content="#525252" />
  43. <meta name="color:Link" content="#606060" />
  44. <meta name="color:Link Hover" content="#818181"/>
  45. <meta name="color:Link Shadow" content="#aaa" />
  46. <meta name="color:Question BG" content="#aaa"/>
  47. <meta name="color:Selection Background" content="#333"/>
  48. <meta name="color:Selection Text" content="#fff"/>
  49. <meta name="color:Hover Title BG" content="#000"/>
  50. <meta name="color:Hover Title Text" content="#fff"/>
  51. <meta name="color:Pagination" content="#aaa"/>
  52.  
  53. <meta name="if:400 Posts" content="1"/>
  54. <meta name="if:500 Posts" content="0"/>
  55. <meta name="if:Fading Images" content="1"/>
  56. <meta name="if:Monochrome Posts" content="0"/>
  57.  
  58. <meta name="if:Hover Info" content="0" />
  59.  
  60. <meta name="text:Title" content="Title"/>
  61. <meta name="text:Subtitle" content="Subtitle"/>
  62.  
  63. <meta name="text:PaginationSymbol" content="✖" />
  64.  
  65. <meta name="text:ImageMarginLeft" content="145" />
  66.  
  67. <meta name="text:Link1Url" content="/"/>
  68. <meta name="text:Link1Title" content="home."/>
  69. <meta name="text:Link2Url" content="/ask"/>
  70. <meta name="text:Link2Title" content="message."/>
  71. <meta name="text:Link3Url" content="/submit"/>
  72. <meta name="text:Link3Title" content="submit."/>
  73. <meta name="text:Link4Url" content="/archive"/>
  74. <meta name="text:Link4Title" content="memories."/>
  75. <meta name="text:Link5Url" content="/"/>
  76. <meta name="text:Link5Title" content=""/>
  77. <meta name="text:Link6Url" content="/"/>
  78. <meta name="text:Link6Title" content=""/>
  79.  
  80. <link href='http://fonts.googleapis.com/css?family=Anton|Meddon' rel='stylesheet' type='text/css'>
  81. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  82.  
  83. <script type="text/javascript"
  84. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  86. <script>
  87. (function($){
  88. $(document).ready(function(){
  89. $("[title]").style_my_tooltips();
  90. });
  91. })(jQuery);
  92. </script>
  93.  
  94. <style>
  95. div#qTip {
  96. }
  97. </style>
  98.  
  99. <style type="text/css">
  100.  
  101. #s-m-t-tooltip {
  102. -webkit-animation: CH 600ms;
  103. box-shadow:1px 1px 7px {color:Link Shadow};
  104. max-width:320px;
  105. margin:10px 10px 10px 8px;
  106. background: {color:Background};
  107. padding-left:5px;
  108. padding-right:5px;
  109. padding-top:2px;
  110. z-index:999999999999999999999999999999999999999;
  111. font-family: arial;
  112. font-size:9px;
  113. font-style:bold;
  114. color:{color:Text};
  115. padding:1px;
  116. text-transform:uppercase;
  117. -webkit-transition: .3s ease-in-out;
  118. -moz-transition: .3s ease-in-out;
  119. -o-transition: .3s ease-in-out;
  120. border-left:2px solid {color:Text};
  121. border-right:2px solid {color:Text};
  122. border-radius:10px;
  123. padding-left:10px;
  124. padding-right:10px;
  125. }
  126.  
  127. @-webkit-keyframes CH {
  128. 0% {-webkit-transform: scale(.3);}
  129. 50% {-webkit-transform: scale(1.05);}
  130. 70% {-webkit-transform: scale(.9);}
  131. 100% {-webkit-transform: scale(1);}
  132. }
  133.  
  134. ::-moz-selection, mark {background:{color:Selection Background};color:{color:Selection Text};}
  135. ::selection {color:{color:Selection Text};background:{color:Selection Background}!important;}
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. height: 50px;
  139. border-bottom:none;
  140. background: {color:Title};
  141. background: -moz-linear-gradient(top, {color:Title} 0%, {color:Background} 100%);
  142. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Title}), color-stop(100%,{color:Background}));
  143. background: -webkit-linear-gradient(top, {color:Title} 0%,{color:Background} 100%);
  144. background: -o-linear-gradient(top, {color:Title} 0%,{color:Background} 100%);
  145. background: -ms-linear-gradient(top, {color:Title} 0%,{color:Background} 100%);
  146. background: linear-gradient(to bottom, {color:Title} 0%,{color:Background} 100%);
  147. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Title}', endColorstr='{color:Background}',GradientType=0 );
  148. }
  149.  
  150. ::-webkit-scrollbar {
  151. height: 0px;
  152. width:2px;
  153. background-color:{color:Background};
  154. border: 2px solid {color:Background};
  155. }
  156.  
  157. body {
  158. background-color:{color:Background};
  159. background-image: url('{image:Background}');
  160. background-attachment:fixed;
  161. background-repeat:repeat;
  162. color:{color:Text};
  163. font-family: arial;
  164. font-size: 10px;
  165. margin: 0px;
  166. padding: 0px;
  167. line-height:15px;
  168. }
  169.  
  170. pre {
  171. font-family:arial;
  172. font-size:8px;
  173. color:{color:Text};
  174. background-color:{color:Info BG};
  175. padding:10px;
  176. padding-left:15px;
  177. padding-right:15px;
  178. background-color:{color:question bg};
  179. word-wrap: break-word;
  180. }
  181.  
  182. small,sup,sub {
  183. font-size:10px;
  184. }
  185.  
  186. a:link, a:active {
  187. text-shadow:1px 1px 7px {color:Link Shadow};
  188. font-size: 11px;
  189. text-decoration:none;
  190. color: {color:Link};
  191. font-family: 'Anton', sans-serif;
  192. text-transform: uppercase;
  193. -moz-transition-duration: 0.6s;
  194. -webkit-transition-duration: 0.6s;
  195. -o-transition-duration: 0.6s;
  196. }
  197.  
  198. a:visited {
  199. text-decoration:none;
  200. color: {color:Link};
  201. -moz-transition-duration: 0.6s;
  202. -webkit-transition-duration: 0.6s;
  203. -o-transition-duration: 0.6s;
  204. }
  205.  
  206. a:hover {
  207. text-decoration:none;
  208. color: {color:Link Hover};
  209. }
  210.  
  211. b {color:{color:Bold};
  212. font-family: 'Anton', sans-serif;
  213. text-transform:uppercase;
  214. letter-spacing: 0px;
  215. font-size: 12px;
  216. }
  217.  
  218. blockquote {
  219. margin-left:15px;
  220. border-left:3px solid {color:Blockquote};
  221. padding-left:10px;
  222. padding-top:5px;
  223. padding-bottom:5px;
  224. border-radius:8px;
  225. }
  226.  
  227. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  228.  
  229. i, em, .em {color:{color:Italic};}
  230.  
  231. #content img {
  232. box-shadow:1px 1px 7px {color:Link Shadow};
  233. {block:iffadingimages}opacity: 0.8;{/block:iffadingimages}
  234. {block:IfMonochromePosts}
  235. 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+ */
  236. filter: gray; /* IE6-9 */
  237. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  238. {/block:IfMonochromePosts}
  239. transition-duration: 0.6s;
  240. -moz-transition-duration: 0.6s;
  241. -webkit-transition-duration: 0.6s;
  242. -o-transition-duration: 0.6s;
  243. }
  244.  
  245. #content img:hover {
  246. {block:IfMonochromePosts}
  247. filter: none;
  248. -webkit-filter: grayscale(0%);
  249. {/block:IfMonochromePosts}
  250. {block:iffadingimages}opacity:1;{/block:iffadingimages}
  251. }
  252.  
  253. .photoset {
  254. {block:iffadingimages}opacity: 0.8;{/block:iffadingimages}
  255. {block:IfMonochromePosts}
  256. 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+ */
  257. filter: gray; /* IE6-9 */
  258. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  259. {/block:IfMonochromePosts}
  260. transition-duration: 0.6s;
  261. -moz-transition-duration: 0.6s;
  262. -webkit-transition-duration: 0.6s;
  263. -o-transition-duration: 0.6s;
  264. }
  265.  
  266. .photoset:hover {
  267. {block:IfMonochromePosts}
  268. filter: none;
  269. -webkit-filter: grayscale(0%);
  270. {/block:IfMonochromePosts}
  271. {block:iffadingimages}opacity:1;{/block:iffadingimages}
  272. }
  273.  
  274. #entries {
  275. margin-top:230px;
  276. }
  277.  
  278. #content {
  279. {block:if400Posts}
  280. width: 400px;
  281. {/block:if400Posts}
  282. {block:if500Posts}
  283. width:500px;
  284. {/block:if500Posts}
  285. margin-left:40px;
  286. height: auto;
  287. padding-top:20px;
  288. padding-left:160px;
  289. padding-right:15px;
  290. {block:PermalinkPage}
  291. padding-bottom:15px;
  292. {/block:PermalinkPage}
  293. {block:IndexPage}
  294. padding-bottom:15px;
  295. {/block:IndexPage}
  296. margin-bottom:50px;
  297. margin-top:-15px;
  298. background-color:#transparent;
  299. }
  300.  
  301. #asker a {
  302. font-size:15px;
  303. }
  304.  
  305. #asker {
  306. font-size:12px;
  307. font-family:'Anton';
  308. text-transform:uppercase;
  309. }
  310.  
  311. #question {
  312. background-color:{color:Background};
  313. opacity:.8px;
  314. padding:10px;
  315. padding-bottom:12px;
  316. text-align:center;
  317. {block:if400Posts}
  318. width:380px;
  319. {/block:if400Posts}
  320. {block:if500Posts}
  321. width:480px;
  322. {/block:if500Posts}
  323. overflow:auto;
  324. }
  325.  
  326. .qquote {
  327. text-shadow:1px 1px 7px {color:Link Shadow};
  328. font-family:georgia;
  329. font-size:80px;
  330. color:{color:text};
  331. margin-top:00px;
  332. opacity:.2;
  333. }
  334.  
  335. .quote {
  336. text-shadow:1px 1px 7px {color:Link Shadow};
  337. font-family: 'Anton', sans-serif;
  338. text-transform:uppercase;
  339. font-weight:bold;
  340. margin-top:-18px;
  341. text-align:center;
  342. font-size:18px;
  343. line-height:18px;
  344. }
  345.  
  346. .source {
  347. letter-spacing:1px;
  348. font-family:arial;
  349. font-size:8px;
  350. text-transform:uppercase;
  351. text-align:center;
  352. margin-bottom:5px;
  353. }
  354.  
  355. .odd .line {
  356. background-color:#transparent;
  357. color:{color:Chat Odd Text};
  358. }
  359.  
  360. .even .line {
  361. background-color:#transparent;
  362. color:{color:Chat Even Text};
  363. }
  364.  
  365. .odd .name {
  366. font-family:arial;
  367. font-size:10px;
  368. color:{color:Chat Odd Name};
  369. }
  370.  
  371. .even .name {
  372. font-family:arial;
  373. font-size:10px;
  374. color:{color:Chat Even Name};
  375. }
  376.  
  377. h1 {
  378. text-shadow:none;
  379. font-size:28px;
  380. text-align:center;
  381. text-transform:uppercase;
  382. font-family: 'Anton', sans-serif;
  383. margin-bottom:2px;
  384. margin-top:3px;
  385. background: -webkit-linear-gradient({color:Title}, {color:Background});
  386. -webkit-background-clip: text;
  387. -webkit-text-fill-color: transparent;
  388. {block:if400Posts}
  389. font-size:25px;
  390. line-height:30px;
  391. {/block:if400Posts}
  392. {block:if500Posts}
  393. font-size:35px;
  394. line-height:40px;
  395. {/block:if500Posts}
  396. }
  397.  
  398. h1 a:hover {
  399. text-decoration:none;
  400. }
  401.  
  402. .ttitle {
  403. font-size:28px;
  404. text-align:center;
  405. background: -webkit-linear-gradient({color:Title}, {color:Background});
  406. -webkit-background-clip: text;
  407. -webkit-text-fill-color: transparent;
  408. {block:if400Posts}
  409. font-size:25px;
  410. line-height:30px;
  411. {/block:if400Posts}
  412. {block:if500Posts}
  413. font-size:35px;
  414. line-height:40px;
  415. {/block:if500Posts}
  416. }
  417.  
  418. #gradient {
  419. {block:if400Posts}
  420. width: 740px;
  421. {/block:if400Posts}
  422. {block:if500Posts}
  423. width:840px;
  424. {/block:if500Posts}
  425. position:fixed;
  426. margin-top:190px;
  427. height:10px;
  428. border-top:1px solid {color:background};
  429. border-bottom:1px solid {color:background};
  430. z-index:999999999;
  431. background: {color:Title};
  432. background: -moz-linear-gradient(left, {color:Title} 0%, {color:Background} 100%);
  433. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:Title}), color-stop(100%,{color:Background}));
  434. background: -webkit-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  435. background: -o-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  436. background: -ms-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  437. background: linear-gradient(to right, {color:Title} 0%,{color:Background} 100%);
  438. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Title}', endColorstr='{color:Background}',GradientType=1 );
  439. }
  440.  
  441. #topbar {
  442. position:fixed;
  443. height:200px;
  444. {block:if400Posts}
  445. width: 690px;
  446. {/block:if400Posts}
  447. {block:if500Posts}
  448. width:790px;
  449. {/block:if500Posts}
  450. margin-top:-215px;
  451. background-color:{color:background};
  452. z-index:9999;
  453. }
  454.  
  455. .title {
  456. font-weight:bold;
  457. position:fixed;
  458. font-family: 'Anton', sans-serif;
  459. text-transform:uppercase;
  460. height:35px;
  461. letter-spacing:-0px;
  462. line-height:40px;
  463. background: -webkit-linear-gradient({color:Title}, {color:Background});
  464. -webkit-background-clip: text;
  465. -webkit-text-fill-color: transparent;
  466. {block:if400Posts}
  467. width: 230px;
  468. font-size:35px;
  469. margin-top:30px;
  470. margin-left:355px;
  471. {/block:if400Posts}
  472. {block:if500Posts}
  473. width: 330px;
  474. font-size:45px;
  475. margin-top:23px;
  476. margin-left:353px;
  477. {/block:if500Posts}
  478. }
  479.  
  480. .subtitles {
  481. font-weight:bold;
  482. position:fixed;
  483. font-family: 'Meddon', cursive;
  484. text-transform:lowercase;
  485. font-weight:bold;
  486. height:35px;
  487. line-height:40px;
  488. opacity:.6;
  489. text-shadow:1px 1px 4px {color:Nav Shadow};
  490. {block:if400Posts}
  491. width: 230px;
  492. font-size:12px;
  493. margin-top:46px;
  494. margin-left:355px;
  495. {/block:if400Posts}
  496. {block:if500Posts}
  497. width: 330px;
  498. font-size:14px;
  499. margin-top:40px;
  500. margin-left:353px;
  501. {/block:if500Posts}
  502. }
  503.  
  504. #gradient2 {
  505. {block:if400Posts}
  506. width: 230px;
  507. {/block:if400Posts}
  508. {block:if500Posts}
  509. width:330px;
  510. {/block:if500Posts}
  511. opacity:.5;
  512. position:fixed;
  513. margin-top:79px;
  514. margin-left:358px;
  515. height:2px;
  516. z-index:999999999;
  517. background: {color:Title};
  518. background: -moz-linear-gradient(left, {color:Title} 0%, {color:Background} 21%, {color:Background} 78%, {color:Title} 100%);
  519. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:Title}), color-stop(21%,{color:Background}), color-stop(78%,{color:Background}), color-stop(100%,{color:Title}));
  520. background: -webkit-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  521. background: -o-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  522. background: -ms-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  523. background: linear-gradient(to right, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  524. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Title}', endColorstr='{color:Title}',GradientType=1 );
  525. }
  526.  
  527. .nav {
  528. position:fixed;
  529. font-size:9px;
  530. width:500px;
  531. line-height:30px;
  532. height:20px;
  533. z-index:999999999;
  534. {block:if400Posts}
  535. margin-top:63px;
  536. margin-left:398px;
  537. {/block:if400Posts}
  538. {block:if500Posts}
  539. margin-top:63px;
  540. margin-left:420px;
  541. {/block:if500Posts}
  542. }
  543.  
  544. .nav a {
  545. box-shadow:1px 1px 5px {color:Link Shadow};
  546. display: inline-block;
  547. border-radius:100px;
  548. width: 1px;
  549. height: 1px;
  550. background: {color:Nav};
  551. {block:if400Posts}
  552. margin-left:14px;
  553. padding:2px;
  554. {/block:if400Posts}
  555. {block:if500Posts}
  556. margin-left:20px;
  557. padding:3px;
  558. {/block:if500Posts}
  559. -webkit-transition: all 0.5s ease-in-out;
  560. -moz-transition: all 0.5s ease-in-out;
  561. -o-transition: all 0.5s ease-in-out;
  562. }
  563.  
  564. .nav a:hover {
  565. background:{color:NavHover};
  566. }
  567.  
  568.  
  569. .audio{
  570. width:140px;
  571. overflow:hidden;
  572. margin-top:-0px;
  573. margin-left:110px;
  574. }
  575.  
  576. img.album{
  577. max-width:105px;
  578. position:relative;
  579. }
  580.  
  581. .musicinfo{
  582. margin-left:65px;
  583. margin-top:-68px;
  584. overflow:hidden;
  585. padding:5px;
  586. padding-left:15px;
  587. height:55px;
  588. }
  589.  
  590. .desc {
  591. position:fixed;
  592. padding: 20px;
  593. padding-top:13px;
  594. padding-bottom:10px;
  595. overflow:auto;
  596. height:50px;
  597. text-align: center;
  598. {block:if400Posts}
  599. width:190px;
  600. margin-top:79px;
  601. margin-left:358px;
  602. {/block:if400Posts}
  603. {block:if500Posts}
  604. width:290px;
  605. margin-top:79px;
  606. margin-left:358px;
  607. {/block:if500Posts}
  608. }
  609.  
  610. .desc b {
  611. letter-spacing:1px;
  612. font-size:15px;
  613. }
  614.  
  615. #gradient3 {
  616. {block:if400Posts}
  617. width: 230px;
  618. {/block:if400Posts}
  619. {block:if500Posts}
  620. width:330px;
  621. {/block:if500Posts}
  622. opacity:.5;
  623. position:fixed;
  624. margin-top:150px;
  625. margin-left:358px;
  626. height:2px;
  627. z-index:999999999;
  628. background: {color:Title};
  629. background: -moz-linear-gradient(left, {color:Title} 0%, {color:Background} 21%, {color:Background} 78%, {color:Title} 100%);
  630. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:Title}), color-stop(21%,{color:Background}), color-stop(78%,{color:Background}), color-stop(100%,{color:Title}));
  631. background: -webkit-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  632. background: -o-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  633. background: -ms-linear-gradient(left, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  634. background: linear-gradient(to right, {color:Title} 0%,{color:Background} 21%,{color:Background} 78%,{color:Title} 100%);
  635. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Title}', endColorstr='{color:Title}',GradientType=1 );
  636. }
  637.  
  638. .askgradient {
  639. height:2px;
  640. opacity:.5;
  641. background: {color:Title};
  642. background: -moz-linear-gradient(left, {color:Title} 0%, {color:Background} 100%);
  643. background: -webkit-gradient(linear, left top, right top, color-stop(0%,{color:Title}), color-stop(100%,{color:Background}));
  644. background: -webkit-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  645. background: -o-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  646. background: -ms-linear-gradient(left, {color:Title} 0%,{color:Background} 100%);
  647. background: linear-gradient(to right, {color:Title} 0%,{color:Background} 100%);
  648. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Title}', endColorstr='{color:Background}',GradientType=1 );
  649. }
  650.  
  651. .pagi {
  652. position:fixed;
  653. font-weight:bold;
  654. font-family: 'Anton', sans-serif;
  655. padding-bottom:10px;
  656. word-spacing:15px;
  657. overflow:auto;
  658. font-size:14px;
  659. z-index:99999999999999;
  660. color:{color:Pagination};
  661. text-align: center;
  662. {block:if400Posts}
  663. width:145px;
  664. margin-top:144px;
  665. margin-left:400px;
  666. {/block:if400Posts}
  667. {block:if500Posts}
  668. width:190px;
  669. margin-top:143px;
  670. margin-left:420px;
  671. {/block:if500Posts}
  672. }
  673.  
  674. .info {
  675. text-align:center;
  676. font-size:8px;
  677. background-color:#aaa;color:
  678. {color:Background};padding:3px;
  679. padding-bottom:4px;
  680. }
  681.  
  682. .information {
  683. {block:ifHoverInfo}
  684. opacity:0;
  685. margin-top:-20px;
  686. {/block:ifHoverInfo}
  687. {block:ifNotHoverInfo}
  688. margin-top:0px;
  689. {/block:ifNotHoverInfo}
  690. -webkit-transition: all 0.5s ease-in-out;
  691. -moz-transition: all 0.5s ease-in-out;
  692. -o-transition: all 0.5s ease-in-out;
  693. }
  694.  
  695. .info a {
  696. font-family:arial;
  697. color:{color:Background};
  698. font-size:8px;
  699. }
  700.  
  701. .date {
  702. display:inline-block;
  703. }
  704.  
  705. .date a {
  706. font-family:arial;
  707. text-transform:uppercase;
  708. background-color:{color:text};
  709. color:{color:Background};
  710. font-size:8px;
  711. display:inline-block;
  712. padding-right:10px;
  713. padding-left:10px;
  714. }
  715.  
  716. .tags {
  717. text-align:center;
  718. text-transform:none;
  719. }
  720.  
  721. .tags a {
  722. font-size:8px;
  723. font-family:arial;
  724. }
  725.  
  726. #content:hover .information {
  727. margin-top:0px;
  728. opacity:1;
  729. }
  730.  
  731. #credit {
  732. position:fixed;
  733. bottom:10px;
  734. right:10px;
  735. }
  736.  
  737. {CustomCSS}</style></head>
  738. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  739.  
  740. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  741.  
  742. <div id="topbar">
  743. <div class="title"><center>{text:Title}</center></div>
  744. <div class="subtitles"><center>{text:Subtitle}</center></div>
  745. <img src="{image:Topbar}" style="z-index:999999999;position:fixed;margin-top:-10px;margin-left:{text:ImageMarginLeft}px;overflow:hidden;height:200px;">
  746. <div id="gradient2"></div>
  747. <div class="nav"><b>
  748. <a href="{text:Link1Url}" title="{text:Link1Title}"></a>
  749. <a href="{text:Link2Url}" title="{text:Link2Title}"></a>
  750. <a href="{text:Link3Url}" title="{text:Link3Title}"></a>
  751. <a href="{text:Link4Url}" title="{text:Link4Title}"></a>
  752. <a href="{text:Link5Url}" title="{text:Link5Title}"></a>
  753. <a href="{text:Link6Url}" title="{text:Link6Title}"></a></b>
  754. </div>
  755. <div class="desc">{description}</div>
  756. <div class="pagi">
  757. {block:Pagination}{block:PreviousPage}
  758. <a href="{PreviousPage}">FALL</a>
  759. {/block:PreviousPage}
  760. {block:JumpPagination length="3"}
  761. {block:CurrentPage}
  762. <span class="current_page">{text:PaginationSymbol}</span>
  763. {/block:CurrentPage}{block:JumpPage}
  764. <a class="jump_page" href="{URL}">{PageNumber}</a>
  765. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  766. <a href="{NextPage}">RISE</a>
  767. {/block:NextPage}{/block:Pagination}
  768. </div>
  769. <div id="gradient3"></div>
  770. <div id="gradient"></div>
  771. </div>
  772.  
  773. <div id="entries">
  774. {block:Posts}
  775. <div id="content">
  776.  
  777. {block:Text}
  778. {block:Title}
  779. <a href="{Permalink}"> <h1>{Title}</h1></a>
  780. {/block:Title}
  781. {Body}
  782. {/block:Text}
  783.  
  784. {block:Photo}
  785. {block:if400Posts}
  786. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" style="padding-bottom:5px;"/>
  787. {/block:if400Posts}
  788. {block:if500Posts}
  789. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding-bottom:5px;"/>
  790. {/block:if500Posts}
  791. {block:Caption}{Caption}{/block:Caption}
  792. {/block:Photo}
  793.  
  794. {block:Photoset}
  795. {block:if400Posts}
  796. <div class="photoset" style="padding-bottom:5px;">{Photoset-400}</div>
  797. {/block:if400Posts}
  798. {block:if500Posts}
  799. <div class="photoset" style="padding-bottom:5px;">{Photoset-500}</div>
  800. {/block:if500Posts}
  801. {block:Caption}{Caption}{/block:Caption}
  802. {/block:Photoset}
  803.  
  804. {block:Quote}
  805. <div class="qquote">❝</div>
  806. <div class="quote">{Quote}</div><p>
  807. {block:Source}<div class="source">━━━&nbsp;&nbsp; {Source} &nbsp;&nbsp;━━━</div>{/block:Source}
  808. {/block:Quote}
  809.  
  810. {block:Link}
  811. <a href="{URL}" target="{Target}"><h1>{Name} →</h1></a>
  812. {block:Description} {Description} {/block:Description}
  813. {/block:Link}
  814.  
  815. {block:Chat}
  816. {block:Title}<div class="ttitle">{Title}</div>{/block:Title}
  817. <div class="text">
  818. {block:Lines}<div class="{Alt}">
  819. <div class="line">{block:Label}<span class="name"><b>{Label}</b></span>{/block:Label} {Line}<br /></div></div>
  820. {/block:Lines}
  821. </div>
  822. {/block:Chat}
  823.  
  824. {block:Audio}
  825.  
  826. {block:AlbumArt}
  827. <img class="album" src="{AlbumArtURL}" width="65"/>
  828. {/block:AlbumArt}
  829. <div class="musicinfo">
  830. {block:TrackName}
  831. <div style="display:inline-block;text-transform:lowercase;font-size:12px;font-family:georgia;text-shadow:1px 1px 7px {color:Link Shadow};"><b><em>{TrackName}</b></em></div>
  832. {/block:TrackName}
  833. {block:Artist}
  834. <em> &nbsp;BY&nbsp;</em>
  835. <div style="display:inline-block;text-transform:lowercase;font-size:8px;"><b><em>{Artist}.</b></em></div>
  836. {/block:Artist}
  837. <br><div style="display:inline-block;text-transform:lowercase;font-size:8px;">{block:Album}<b>{album}</b><b> <em>//</em></b>{/block:Album} {block:PlayCount} played {FormattedPlayCount} times.{/block:PlayCount}
  838. </div><div style="margin-top:3px;margin-left:-110px;">
  839. <div class="audio" style="opacity:.6;">{AudioPlayerWhite}</div></div></div>
  840.  
  841. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  842.  
  843.  
  844. {block:Video}
  845. {block:if500Posts}
  846. {VideoEmbed-500}
  847. {/block:if500Posts}
  848. {block:if400Posts}
  849. {VideoEmbed-400}
  850. {/block:if400Posts}
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Video}
  853.  
  854. {block:Answer}
  855. <div id="asker">{Asker} &nbsp;whispered &nbsp;━</div>
  856. <div class="askgradient"></div>
  857. <div id="question">
  858. <div style="margin-top:3px;">{Question}</div></div>
  859. <div class="askgradient"></div>
  860. {Answer}
  861. {/block:Answer}
  862.  
  863. {block:Date}
  864. {block:IndexPage}
  865. <div class="information">
  866. <div class="info">
  867. <div class="date"><a href="{Permalink}">{TimeAgo}</a></div> &nbsp;WITH <a href="{Permalink}">{NoteCount}&nbsp;&nbsp;<span style="font-size:11px;">♥</span></a>{block:ContentSource}
  868. &nbsp;━<a title="{SourceTitle}" href="{SourceURL}">&nbsp;&nbsp;ORG</a>&nbsp;{/block:ContentSource}{block:RebloggedFrom}&nbsp;━<a title="{ReblogParentName}" href="{ReblogParentURL}">&nbsp;&nbsp;VIA</a>{/block:RebloggedFrom}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{ReblogURL}">REBLOG?</a></div>
  869. <div class="tags">
  870. {block:Tags} <a href="{TagURL}"> {text:PaginationSymbol}. {Tag} &nbsp; </a> {/block:Tags}</div>
  871. </div></div>
  872. {/block:IndexPage}
  873.  
  874. {block:PermalinkPage}
  875. <div id="info">
  876. <div class="date"><a href="{Permalink}">{TimeAgo}</a></div> &nbsp;WITH <a href="{Permalink}">{NoteCount}&nbsp;&nbsp;<span style="font-size:11px;">♥</span></a>{block:ContentSource}
  877. &nbsp;━<a title="{SourceTitle}" href="{SourceURL}">&nbsp;&nbsp;ORG</a>&nbsp;{/block:ContentSource}{block:RebloggedFrom}&nbsp;━<a title="{ReblogParentName}" href="{ReblogParentURL}">&nbsp;&nbsp;VIA</a>{/block:RebloggedFrom}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{ReblogURL}">REBLOG?</a></div>
  878. <div class="tags">
  879. {block:Tags} <a href="{TagURL}"> {text:PaginationSymbol}. {Tag} &nbsp; </a> {/block:Tags}</div>
  880. </div>
  881. {/block:PermalinkPage}
  882. {/block:Date}
  883.  
  884. {block:PostNotes}{PostNotes}{/block:PostNotes}
  885. </div>
  886. </div><!-- END CONTENT -->
  887. {/block:Posts}
  888.  
  889. <div style="height:30px;"></div>
  890.  
  891. <a href="http://meteorathemes.tumblr.com" title="Meteora Themes"><div id="credit"><img src="http://i1098.photobucket.com/albums/g379/yuseong_13/Mis%20Pixels/Favicons/favcon_umbrella_06.png"></div></a>
  892. </div></div> <!-- END CONTENT WHOLE -->
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!