API tools faq
paste
Advertisement
NitrogenFixation

Royce theme

NitrogenFixation
Jul 7th, 2014
263
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.11 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Cloudbank -- a Transistor theme by jetofeden
  4.  
  5. DO NOT REMOVE CREDIT (except the icon on the UI, that can be changed if you wish)
  6. DO NOT REMOVE THIS TEXT
  7. DO NOT REDISTRIBUTE
  8. DO NOT CLAIM AS YOUR OWN
  9.  
  10. Graphics used on this theme are all ripped from Transistor. Credit to Supergiant Games.
  11.  
  12. -->
  13.  
  14.  
  15.  
  16. <head>
  17. <title>{Title}{block:PostTitle} &#9661; {PostTitle}{/block:PostTitle}</title>
  18.  
  19. <link rel="shortcut icon" href="{PortraitURL-16}" />
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21. <link href='http://fonts.googleapis.com/css?family=Raleway:400,500,600,700' rel='stylesheet' type='text/css'>
  22. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  23.  
  24. <meta name="if:Sidebar" content ="1"/>
  25. <meta name="if:Transparent UI" content ="0"/>
  26. <meta name="if:Passive Function Links" content="0"/>
  27.  
  28. <meta name="image:Portrait" content="http://static.tumblr.com/4b8l2mx/XpMn5yfs8/red.png"/>
  29. <meta name="image:Button 1" content="http://static.tumblr.com/4b8l2mx/qkhn5yf0m/button1.png"/>
  30. <meta name="image:Button 2" content="http://static.tumblr.com/4b8l2mx/8JLn5yf0n/button2.png"/>
  31. <meta name="image:Button 3" content="http://static.tumblr.com/4b8l2mx/9Kvn5yf0o/button3.png"/>
  32. <meta name="image:Button 4" content="http://static.tumblr.com/4b8l2mx/fwen5yf0p/button4.png"/>
  33. <meta name="image:Passive Button 1" content="http://static.tumblr.com/4b8l2mx/MvKn60q5k/button1-passive.png"/>
  34. <meta name="image:Passive Button 2" content="http://static.tumblr.com/4b8l2mx/1iYn60q8t/button2-passive.png"/>
  35. <meta name="image:Passive Button 3" content="http://static.tumblr.com/4b8l2mx/XNun60q95/button3-passive.png"/>
  36. <meta name="image:Passive Button 4" content="http://static.tumblr.com/4b8l2mx/erGn60q9f/button4-passive.png"/>
  37.  
  38. <meta name="text:Link 1 URL" content ="/"/>
  39. <meta name="text:Link 1 Title" content="Refresh"/>
  40. <meta name="text:Link 2 URL" content ="/ask"/>
  41. <meta name="text:Link 2 Title" content="Private Message"/>
  42. <meta name="text:Link 3 URL" content ="/archive"/>
  43. <meta name="text:Link 3 Title" content="Archived Data"/>
  44. <meta name="text:Link 4 URL" content ="http://jetofeden.tumblr.com"/>
  45. <meta name="text:Link 4 Title" content="Theme Credit"/>
  46.  
  47. <meta name="text:Passive Link 1 URL" content =""/>
  48. <meta name="text:Passive Link 1 Title" content="Custom Link"/>
  49. <meta name="text:Passive Link 2 URL" content =""/>
  50. <meta name="text:Passive Link 2 Title" content="Custom Link"/>
  51. <meta name="text:Passive Link 3 URL" content =""/>
  52. <meta name="text:Passive Link 3 Title" content="Custom Link"/>
  53. <meta name="text:Passive Link 4 URL" content =""/>
  54. <meta name="text:Passive Link 4 Title" content="Custom Link"/>
  55.  
  56. <link href="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js" rel="stylesheet" type="text/css" />
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:200,
  65. tip_fade_speed:300,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <style type="text/css">
  73. ::selection {
  74. background-color:#d7b30c;
  75. color:#fff;
  76. }
  77.  
  78. ::-moz-selection {
  79. background-color:#d7b30c;
  80. color:#fff;
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb {
  84. background-color: #f20028;
  85. height:auto;
  86. border: 1px solid 000;
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. height:9px;
  91. width:7px;
  92. background-color:#f20028;
  93. border: 3px solid #000;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:hover {
  97. background-color:#f;
  98. }
  99.  
  100. ::-webkit-scrollbar-corner {
  101. background: #fff;
  102. }
  103.  
  104. #s-m-t-tooltip{
  105. max-width:300px;
  106. margin:15px;
  107. margin-top:25px;
  108. padding:4px 12px;
  109. background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 11%, rgba(0,0,0,0.8) 49%, rgba(0,0,0,0.75) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  110. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(11%,rgba(0,0,0,0.75)), color-stop(49%,rgba(0,0,0,0.8)), color-stop(90%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  111. background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 11%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  112. background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 11%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  113. background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 11%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* IE10+ */
  114. background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 11%,rgba(0,0,0,0.8) 49%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0) 100%); /* W3C */
  115. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  116.  
  117.  
  118. color:#f2b328;
  119. font-size:10pt;
  120. z-index:999999;
  121. font-weight:600;}
  122.  
  123. body, html{
  124. cursor: url("https://dl.dropbox.com/s/gz1ane6ocgaoy33/CursorDefault.cur") 0 0, auto;
  125. }
  126.  
  127. a{
  128. cursor: url("https://dl.dropbox.com/s/c1psc8x2q5wpq2d/CursorInteract.cur") 0 0, auto;
  129. }
  130.  
  131. body {
  132. background: #232031; /* Old browsers */
  133. background: -moz-linear-gradient(top, #232031 1%, #342f48 5%, #17132d 95%, #0d0b1b 100%); /* FF3.6+ */
  134. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#232031), color-stop(5%,#342f48), color-stop(95%,#17132d), color-stop(100%,#0d0b1b)); /* Chrome,Safari4+ */
  135. background: -webkit-linear-gradient(top, #232031 1%,#342f48 5%,#17132d 95%,#0d0b1b 100%); /* Chrome10+,Safari5.1+ */
  136. background: -o-linear-gradient(top, #232031 1%,#342f48 5%,#17132d 95%,#0d0b1b 100%); /* Opera 11.10+ */
  137. background: -ms-linear-gradient(top, #232031 1%,#342f48 5%,#17132d 95%,#0d0b1b 100%); /* IE10+ */
  138. background: linear-gradient(to bottom, #232031 1%,#342f48 5%,#17132d 95%,#0d0b1b 100%); /* W3C */
  139. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232031', endColorstr='#0d0b1b',GradientType=0 ); /* IE6-9 */
  140. background-attachment:fixed;
  141. font-family:"Raleway",sans-serif;
  142. font-size:10pt;
  143. color:#f5f5f5;
  144. }
  145.  
  146. a {
  147. text-decoration:none;
  148. color:#f20028;
  149. transition:1s ease-in;
  150. }
  151.  
  152. a:hover {
  153. color:#fff;
  154. text-shadow: 0 0 5px #27c578;
  155. letter-spacing:1px;
  156. }
  157.  
  158. b,strong {
  159. font-weight:400;
  160. color:#81f7c5;
  161. letter-spacing:2;
  162. font-variant:small-caps;
  163. font-size:110%;
  164. text-shadow: 0 0px 4px #b50909;
  165. }
  166.  
  167. i, em {
  168. color:#048e7f;
  169. }
  170.  
  171. b i, b em, strong i, strong em, i b, em b, i strong, em strong {
  172. color:#81f7c5;
  173. }
  174.  
  175. blockquote {
  176. background-color:rgba(0,0,0,0.7);
  177. margin:0 0 15px 5px;
  178. padding:5px;
  179. border-left:2px solid #f20028;
  180. }
  181.  
  182. #background {
  183. background:#000000;
  184. height:100%;
  185. width:100%;
  186. position:fixed;
  187. top:0px;
  188. left:0px;
  189. opacity:.3;
  190. }
  191.  
  192. #head {
  193. height:100px;
  194. width:100%;
  195. position:absolute;
  196. top:0px;
  197. left:0px;
  198. z-index:2;
  199. background-image:url("https://31.media.tumblr.com/9b307f2ac6e8eff80629f0bacfc04064/tumblr_inline_n8dak5AlG91sjf78k.png");
  200. border-bottom:5px solid #000;
  201. background-position:right;
  202. -webkit-box-shadow: 0 3px 8px 2px rgba(22,20,31,.6);
  203. box-shadow: 0 3px 8px 2px rgba(22,20,31,.6);
  204. }
  205.  
  206. #head a.title {
  207. display:block;
  208. width:100%;
  209. float:left;
  210. padding-top:25px;
  211. margin:auto;
  212. font-family: 'Julius Sans One', sans-serif;
  213. text-align:center;
  214. font-size:26pt;
  215. font-weight:700;
  216. text-shadow: 1px 2px 4px #000;
  217. transition:.8s ease-in;
  218. -moz-transition:.8s ease-in;
  219. -webkit-transition:.8s ease-in;
  220. color:#fff;
  221. }
  222.  
  223. #head a.title:hover {
  224. position:relative;
  225. top:-2px;
  226. letter-spacing:2;
  227. text-shadow: 1px 4px 4px #000;
  228. }
  229.  
  230. #UI {
  231. position:fixed;
  232. bottom:-107px;
  233. left:50%;
  234. margin-left:-190px;
  235. width:382px;
  236. height:180px;
  237. z-index:5;
  238. transition:1s ease-in;
  239. -moz-transition:1s ease-in;
  240. -webkit-transition:1s ease-in;
  241. }
  242.  
  243. #UI:hover {
  244. bottom:0px;
  245. }
  246.  
  247. #UI .bg {
  248. background-image:url("http://static.tumblr.com/4b8l2mx/QoGn60oys/gameui-buttons-2.png");
  249. {block:IfPassiveFunctionLinks}background-image:url("http://static.tumblr.com/4b8l2mx/eutn60owy/gameui-final.png");{/block:IfPassiveFunctionLinks}
  250. background-repeat:no-repeat;
  251. background-position:center;
  252. width:382px;
  253. height:180px;
  254. position:absolute;
  255. z-index:2;
  256. }
  257.  
  258.  
  259. #UI .button-row {
  260. position:relative;
  261. height:50px;
  262. top:89px;
  263. }
  264.  
  265. #UI .button-row a.button1 {
  266. position:absolute;
  267. z-index:50;
  268. float:left;
  269. margin-left:59px;
  270. height:50px;
  271. width:50px;
  272. }
  273.  
  274. #UI .button-row a.button2 {
  275. position:absolute;
  276. z-index:50;
  277. float:left;
  278. margin-left:131px;
  279. height:50px;
  280. width:50px;
  281. }
  282.  
  283. #UI .button-row a.button3 {
  284. position:absolute;
  285. z-index:50;
  286. float:left;
  287. margin-left:201px;
  288. height:50px;
  289. width:50px;
  290. }
  291.  
  292. #UI .button-row a.button4 {
  293. position:absolute;
  294. z-index:50;
  295. float:left;
  296. margin-left:271px;
  297. height:50px;
  298. width:50px;
  299. }
  300.  
  301. #UI .button1-bg {
  302. position:absolute;
  303. background-image:url("{image:Button 1}");
  304. height:50px;
  305. width:50px;
  306. display:block;
  307. z-index:1;
  308. margin-left:60px;
  309. }
  310.  
  311. #UI .button2-bg {
  312. position:absolute;
  313. background-image:url("{image:Button 2}");
  314. height:50px;
  315. width:50px;
  316. display:block;
  317. z-index:1;
  318. margin-left:131px;
  319. }
  320.  
  321. #UI .button3-bg {
  322. position:absolute;
  323. background-image:url("{image:Button 3}");
  324. height:50px;
  325. width:50px;
  326. display:block;
  327. z-index:1;
  328. margin-left:201px;
  329. }
  330.  
  331. #UI .button4-bg {
  332. position:absolute;
  333. background-image:url("{image:Button 4}");
  334. height:50px;
  335. width:50px;
  336. display:block;
  337. z-index:1;
  338. margin-left:271px;
  339. }
  340.  
  341. #UI a.back {
  342. background-image:url("http://static.tumblr.com/4b8l2mx/8zxn60s0w/nav-prev.png");
  343. display:block;
  344. height:84px;
  345. width:86px;
  346. float:left;
  347. margin-left:-63px;
  348. margin-top:3px;
  349. }
  350.  
  351. #UI a.continue {
  352. background-image:url("http://static.tumblr.com/4b8l2mx/gzkn60s0k/nav-next.png");
  353. display:block;
  354. height:84px;
  355. width:86px;
  356. float:right;
  357. margin-right:-61px;
  358. margin-top:3px;
  359. }
  360.  
  361. #UI .passivelinks {
  362. position:relative;
  363. padding:0 20px;
  364. height:20px;
  365. top:43px;
  366. }
  367.  
  368. #UI .passivelinks .passive1-bg {
  369. position:absolute;
  370. z-index:1;
  371. height:22px;
  372. width:22px;
  373. background-image:url("{image:Passive Button 1}");
  374. margin-left:3px;
  375. margin-top:-1px;
  376. }
  377.  
  378. #UI .passivelinks a.passive1 {
  379. position:absolute;
  380. z-index:50;
  381. float:left;
  382. margin-left:2px;
  383. margin-top:-2px;
  384. height:22px;
  385. width:22px;
  386. }
  387.  
  388. #UI .passivelinks .passive2-bg {
  389. position:absolute;
  390. z-index:1;
  391. height:22px;
  392. width:22px;
  393. background-image:url("{image:Passive Button 2}");
  394. margin-left:3px;
  395. margin-top:29px;
  396. }
  397.  
  398. #UI .passivelinks a.passive2 {
  399. position:absolute;
  400. z-index:50;
  401. float:left;
  402. margin-left:2px;
  403. margin-top:27px;
  404. height:22px;
  405. width:22px;
  406. }
  407.  
  408. #UI .passivelinks .passive3-bg {
  409. position:absolute;
  410. z-index:1;
  411. height:22px;
  412. width:22px;
  413. background-image:url("{image:Passive Button 3}");
  414. margin-left:315px;
  415. margin-top:-1px;
  416. }
  417.  
  418. #UI .passivelinks a.passive3 {
  419. position:absolute;
  420. z-index:50;
  421. float:right;
  422. margin-left:315px;
  423. margin-top:-2px;
  424. height:22px;
  425. width:22px;
  426. }
  427.  
  428. #UI .passivelinks .passive4-bg {
  429. position:absolute;
  430. z-index:1;
  431. height:22px;
  432. width:22px;
  433. background-image:url("{image:Passive Button 4}");
  434. margin-left:315px;
  435. margin-top:28px;
  436. }
  437.  
  438. #UI .passivelinks a.passive4 {
  439. position:absolute;
  440. z-index:50;
  441. float:right;
  442. margin-left:315px;
  443. margin-top:28px;
  444. height:22px;
  445. width:22px;
  446. }
  447.  
  448. #sidebar {
  449. width:250px;
  450. position:fixed;
  451. left:50%;
  452. margin-left:-480px;
  453. padding-top:120px;
  454.  
  455. }
  456.  
  457. #sidebar img.portrait {
  458. width:200px;
  459. margin-bottom:-3px;
  460. }
  461.  
  462. #sidebar .description {
  463. border:2px ridge #ba8853;
  464. background: rgb(164,6,22); /* Old browsers */
  465. background: -moz-linear-gradient(top, rgba(164,6,22,1) 0%, rgba(129,10,18,1) 100%); /* FF3.6+ */
  466. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,6,22,1)), color-stop(100%,rgba(129,10,18,1))); /* Chrome,Safari4+ */
  467. background: -webkit-linear-gradient(top, rgba(164,6,22,1) 0%,rgba(129,10,18,1) 100%); /* Chrome10+,Safari5.1+ */
  468. background: -o-linear-gradient(top, rgba(164,6,22,1) 0%,rgba(129,10,18,1) 100%); /* Opera 11.10+ */
  469. background: -ms-linear-gradient(top, rgba(164,6,22,1) 0%,rgba(129,10,18,1) 100%); /* IE10+ */
  470. background: linear-gradient(to bottom, rgba(164,6,22,1) 0%,rgba(129,10,18,1) 100%); /* W3C */
  471. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BD0820', endColorstr='#870314',GradientType=0 ); /* IE6-9 */
  472.  
  473. padding:5px;
  474. text-align:center;
  475. font-size:10pt;
  476. text-transform:uppercase;
  477. -webkit-box-shadow: 0 4px 4px 4px rgba(0,0,0,0.35);
  478. box-shadow: 0 4px 4px 4px rgba(0,0,0,0.35);
  479. }
  480.  
  481. #sidebar .description strong, #sidebar .description b {
  482. font-weight:400;
  483. color:#81f7c5;
  484. letter-spacing:2;
  485. text-transform:uppercase;
  486. font-size:100%;
  487. text-shadow: 0 0px 4px #b50909;
  488. }
  489.  
  490. #container {
  491. width:430px;
  492. margin:auto;
  493. padding-top:104px;
  494. padding-bottom:165px;
  495. }
  496.  
  497. #container #post {
  498. background-color:rgba(0,0,0,0.7);
  499. width:430px;
  500. padding:3px;
  501. margin-bottom:15px;
  502. }
  503.  
  504. #container #post h1.text {
  505. font-weight:400;
  506. font-size:14pt;
  507. margin:0;
  508. padding:0;
  509. border-left:5px solid #f20028;
  510. color:#fff;
  511. padding-left:5px;
  512. transition:1s;
  513. -moz-transition:1s;
  514. -webkit-transition:1s;
  515. margin-bottom:3px;
  516. font-family: 'Julius Sans One', sans-serif;
  517. }
  518.  
  519. #container #post h1.text:hover {
  520. border-left:15px solid #f20028;
  521. }
  522.  
  523. #container #post h1.quote {
  524. color:#e4fecf;
  525. font-weight:600;
  526. font-size:12pt;
  527. margin:3px 10px;
  528. padding:2px 0px;
  529. text-align:center;
  530. background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 6%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.44) 50%, rgba(0,0,0,0.35) 70%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  531. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(6%,rgba(0,0,0,0.1)), color-stop(30%,rgba(0,0,0,0.35)), color-stop(50%,rgba(0,0,0,0.44)), color-stop(70%,rgba(0,0,0,0.35)), color-stop(90%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  532. background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.44) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  533. background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.44) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  534. background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.44) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0) 100%); /* IE10+ */
  535. background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.44) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0) 100%); /* W3C */
  536. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  537.  
  538.  
  539. text-shadow: 0 0 2px #000000;
  540. }
  541.  
  542. #container #post .quote-source {
  543. font-size:9pt;
  544. text-align:right;
  545. line-height:13pt;
  546. margin:0 3px;
  547. }
  548.  
  549. #container #post .quote-source blockquote {
  550. border:0;
  551. background-color:rgba(0,0,0,0.7);
  552. margin:0 5px 15px 0px;
  553. padding:5px;
  554. border-right:2px solid #f20028;
  555. }
  556.  
  557. #container #post a.link {
  558. display:block;
  559. font-weight:800;
  560. font-size:14pt;
  561. margin:0;
  562. padding:0;
  563. background-color:#f20028;
  564. color:#000;
  565. padding:3px 5px;
  566. transition:1s;
  567. -moz-transition:1s;
  568. -webkit-transition:1s;
  569. margin-bottom:3px;
  570. font-family: 'Julius Sans One', sans-serif;
  571. }
  572.  
  573. #container #post a.link:hover {
  574. letter-spacing:0;
  575. background-color:#e4fecf;
  576. text-shadow:0 0 0;
  577. padding-left:15px;
  578. }
  579.  
  580. #container #post h1.question {
  581. color:#e4fecf;
  582. font-weight:600;
  583. font-size:11pt;
  584. margin:3px 10px;
  585. padding:3px 3px;
  586. text-align:center;
  587. background-color:rgba(0,0,0,0.25);
  588. text-shadow: 0 0 2px #000000;
  589. border:1px solid #f20028;
  590. border-bottom:2px solid #f20028;
  591. }
  592.  
  593. #container #post div.asker {
  594. border-left:2px solid #f20028;
  595. font-size:9pt;
  596. padding-left:5px;
  597. padding-top:5px;
  598. padding-bottom:3px;
  599. margin-left:20px;
  600. margin-top:-3px;
  601. }
  602.  
  603. #container #post div.answerer {
  604. border-right:2px solid #f20028;
  605. font-size:9pt;
  606. padding-right:5px;
  607. padding-top:5px;
  608. padding-bottom:3px;
  609. margin-right:20px;
  610. margin-bottom:-1px;
  611. text-align:right;
  612. }
  613.  
  614. #container #post .rebloganswer {
  615. line-height:13pt;
  616. margin:0 3px;
  617. padding:0 3px;
  618. background-color:rgba(0,0,0,0.25);
  619. border:1px solid #f20028;
  620. border-top:2px solid #f20028;
  621. }
  622.  
  623. #container #post ul.chat {
  624. width:400px;
  625. list-style:none;
  626. padding:0;
  627. margin:0;
  628. }
  629.  
  630. #container #post ul.chat li {
  631. margin-bottom:5px;
  632. border-left:3px solid #f20028;
  633. padding:3px;
  634. }
  635.  
  636. #container #post ul.chat li.odd {
  637. background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  638. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.1)), color-stop(40%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  639. background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  640. background: -o-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  641. background: -ms-linear-gradient(left, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0) 100%); /* IE10+ */
  642. background: linear-gradient(to right, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0) 100%); /* W3C */
  643. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
  644. }
  645.  
  646. #container #post ul.chat li.even {
  647. background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  648. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.4)), color-stop(40%,rgba(0,0,0,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  649. background: -webkit-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  650. background: -o-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  651. background: -ms-linear-gradient(left, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0) 100%); /* IE10+ */
  652. background: linear-gradient(to right, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 40%,rgba(0,0,0,0) 100%); /* W3C */
  653. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  654.  
  655. }
  656.  
  657. #container #post .center {
  658. text-align:center;
  659. }
  660.  
  661. #container #post table.audio {
  662. width:410px;
  663. margin:auto;
  664. }
  665.  
  666. #container #post table.audio td .album-art .player {
  667. width:25px;
  668. overflow:hidden;
  669. position:absolute;
  670. margin-top:60px;
  671. margin-left:58px;
  672. border:5px solid rgba(0,0,0,.7);
  673. opacity:.5;
  674. transition:1s ease-in;
  675. -moz-transition:1s ease-in;
  676. -webkit-transition:1s ease-in;
  677. }
  678.  
  679. #container #post table.audio td .album-art .player:hover {
  680. opacity:.9;
  681. }
  682.  
  683. #container #post table.audio td .album-art .player iframe {
  684. margin-bottom:-4px;
  685. }
  686.  
  687. #container #post table.audio td .info {
  688. background-color:rgba(255,255,255,.05);
  689. font-size:9pt;
  690. padding-left:5px;
  691. height:30px;
  692. margin-bottom:5px;
  693. border-left:3px solid #f20028;
  694. }
  695.  
  696. #container #post .body {
  697. line-height:13pt;
  698. margin:0 3px;
  699. }
  700.  
  701. #container #post .body ul {
  702. list-style-type:circle;
  703. }
  704.  
  705. #container #post .body ol {
  706. list-style-type:upper-roman;
  707. }
  708.  
  709. #container #post .end-post {
  710. text-align:center;
  711. margin-left:50px;
  712. padding:3px;
  713. position:relative;
  714. border-left:5px solid #f20028;
  715. background-color:rgba(255,255,255,0.1);
  716. transition:1s ease-in;
  717. -moz-transition:1s ease-in;
  718. -webkit-transition:1s ease-in;
  719. }
  720.  
  721. #container #post .end-post:hover {
  722. border-left:15px solid #f20028;
  723. }
  724.  
  725. #container #post .end-post .tags span:after {
  726. content:", ";
  727. }
  728.  
  729. #container #post .end-post .tags span:last-child:after {
  730. content:".";
  731. }
  732.  
  733. #container #postnotes {
  734. width:340px;
  735. padding:5px;
  736. margin:auto;
  737. background-color:rgba(0,0,0,0.7);
  738. }
  739.  
  740. #container #postnotes ol {
  741. list-style:none;
  742. padding:0;
  743. margin:0;
  744. }
  745.  
  746. #container #postnotes ol li {
  747. margin-bottom:5px;
  748. }
  749.  
  750. a.read-more, blockquote a.read-more {
  751. background-image:url("http://static.tumblr.com/4b8l2mx/g1qn5ynx5/navbutton.png");
  752. display:block;
  753. height:37px;
  754. width:149px;
  755. color:#fff;
  756. font-size:14pt;
  757. text-align:center;
  758. margin:auto;
  759. margin-bottom:3px;
  760. }
  761.  
  762. a.read-more:hover {
  763. letter-spacing:0;
  764. }
  765.  
  766. a.fullcredit {
  767. display:block;
  768. position:fixed;
  769. bottom:5px;
  770. left:5px;
  771. font-size:10pt;
  772. color:#f20028;
  773. text-shadow: 0 0 5px #f20028;
  774. }
  775.  
  776. a.fullcredit:hover {
  777. color:#fff;
  778. letter-spacing:0;
  779. text-shadow: 0 0 5px #f20028;
  780. }
  781. </style>
  782. </head>
  783.  
  784. <body>
  785. <div id="background"></div>
  786.  
  787. <div id="head">
  788. <a class="title" href="/">{Title}</a>
  789. <div>
  790.  
  791.  
  792. <div id="UI"><div class="bg"></div>
  793. <div class="button-row"><div class="button1-bg"></div><div class="button2-bg"></div><div class="button3-bg"></div><div class="button4-bg"></div>
  794. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}()" class="button1"></a><a href="{text:Link 2 URL}" title="{text:Link 2 Title}()" class="button2"></a><a href="{text:Link 3 URL}" title="{text:Link 3 Title}()" class="button3"></a><a href="{text:Link 4 URL}" title="{text:Link 4 Title}()" class="button4"></a></div>
  795. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="back" title="Previous Page()"></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="continue" title="Next Page()"></a>{/block:NextPage}{/block:Pagination}
  796. {block:IfPassiveFunctionLinks}<div class="passivelinks"><div class="passive1-bg"></div><div class="passive2-bg"></div><div class="passive3-bg"></div><div class="passive4-bg"></div>
  797. <a class="passive1" title="{text:Passive Link 1 Title}()" href="{Passive Link 1 URL}"></a><a class="passive2" title="{text:Passive Link 2 Title}()" href="{Passive Link 2 URL}"></a><a class="passive3" title="{text:Passive Link 3 Title}()" href="{Passive Link 3 URL}"></a><a class="passive4" title="{text:Passive Link 4 Title}()" href="{Passive Link 4 URL}"></a></div>{/block:IfPassiveFunctionLinks}
  798. </div>
  799.  
  800. {block:IfSidebar}<div id="sidebar"><center><img src="{image:Portrait}" class="portrait"></center>
  801. <div class="description">{Description}</div>
  802. </div>{/block:IfSidebar}
  803.  
  804. <div id="container">
  805. {block:Posts}<div id="post">
  806. {block:Text}{block:Title}<h1 class="text">{Title}</h1>{/block:Title}{/block:Text}
  807. {block:Chat}{block:Title}<h1 class="text">{Title}</h1>{/block:Title}{/block:Chat}
  808.  
  809. {block:Link}<a class="link" href="{URL}">{Name}</a>{/block:Link}
  810.  
  811. {block:Quote}<h1 class="quote">{Quote}</h1>{/block:Quote}
  812.  
  813. {block:Quote}{block:Source}<div class="quote-source">{Source}</div>{/block:Source}{/block:Quote}
  814.  
  815. {block:Answer}<h1 class="question">{Question}</h1>
  816. <div class="asker"><img src="{AskerPortraitURL-16}"> <span style="vertical-align:4px;">{Asker}</span></div>{/block:Answer}
  817.  
  818. {block:Photo}<div class="center">{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}</div>{/block:Photo}
  819. {block:Photoset}<div class="center">{Photoset-400}</div>{/block:Photoset}
  820.  
  821. {block:Chat}<ul class="chat">{block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  822.  
  823. {block:Audio}{block:AudioEmbed}<div class="center">{AudioEmbed-400}</div>{/block:AudioEmbed}{/block:Audio}
  824.  
  825. {block:Audio}{block:AudioPlayer}<table class="audio" height="150px"><td width="150px"><div class="album-art" style=""><div class="player">{AudioPlayerBlack}</div><img {block:AlbumArt}src="{AlbumArtURL}"{/block:AlbumArt} width="150px" height="150px"></div></td>
  826. <td width="260px"><div class="info"><span style="position:relative;top:6px;"><b>Track: </b>{block:TrackName}{TrackName}{/block:TrackName}</span></div>
  827. <div class="info"><span style="position:relative;top:6px;"><b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</span></div>
  828. <div class="info"><span style="position:relative;top:6px;"><b>Album: </b>{block:Album}{Album}{/block:Album}</span></div>
  829. <div class="info"><span style="position:relative;top:6px;"><b>Plays: </b>{block:PlayCount}{PlayCount}{/block:PlayCount}</span></div></td></table>{/block:AudioPlayer}{/block:Audio}
  830.  
  831. {block:Text}<div class="body">{Body}</div>{/block:Text}
  832. {block:Photo}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Photo}
  833. {block:Photoset}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Photoset}
  834. {block:Panorama}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Panorama}
  835. {block:Link}{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
  836. {block:Audio}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Audio}
  837. {block:Video}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:Video}
  838.  
  839.  
  840. {block:Answer}{block:Answerer}<div class="answerer"><span style="vertical-align:4px;">{Answerer}</span> <img src="{AnswererPortraitURL-16}"></div>
  841. <div class="rebloganswer">{Answer}</div>{/block:Answerer}<div class="body"><span style="{block:Answerer}display:none;{/block:Answerer}">{Answer}</span><span style="display:none;{block:Answerer}display:block;{/block:Answerer}">{Replies}</span></div>{/block:Answer}
  842.  
  843. {block:More}<div class="body"><a href="{Permalink}" class="read-more"><span style="position:relative;top:8px">{lang:Read more}...</span></a></div>{/block:More}
  844.  
  845. {block:Date}<div class="end-post">
  846. <div class="date"><a href="{Permalink}" title="{TimeAgo}">{block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{block:NotReblog}Posted{/block:NotReblog} {MonthNumberWithZero}-{DayOfMonthWithZero}-{ShortYear} {24Hour}:{Minutes} {block:NoteCount}&#9661; Results: {NoteCount}{/block:NoteCount}</a></div>
  847. {block:PermalinkPage}<div class="sources">{block:ContentSource}Source: <a href="{SourceURL}">{SourceTitle}</a> &nbsp; {/block:ContentSource}{block:RebloggedFrom}From: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>{/block:PermalinkPage}
  848. {block:HasTags}<div class="tags">Tags: {block:Tags}<span><a href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}{/block:Date}
  849. </div>
  850. </div>{/block:Posts}
  851.  
  852. {block:PostNotes}<div id="postnotes">{PostNotes-16}</div>{/block:PostNotes}
  853. </div>
  854.  
  855. <a class="fullcredit" title="Go to Jet Of Eden" href="http://jetofeden.tumblr.com">&#9660;</a>
  856. </body>
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!