☰

greasyfork-theme

Greasyfork new style

目前为 2016-11-10 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @author       @leoncastro
  3. // @namespace    https://github.com/leoncastro
  4. // @name         greasyfork-theme
  5. // @version      1.03
  6. // @description  Greasyfork new style
  7. // @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAMFBMVEVHcEwdHR0rKytERETZ2dk9PT2FhYWurq5gYGACAgL///+zs7NycnLh4eGUlJRZWVmvelI3AAAACXRSTlMA/vv+I8d7UKSOO7XsAAACWElEQVR4AZXW8XKzIBAEcPcQZd2De/+3/T5FqU1tMt36B5PhN8lROJxeM69LyQaSsFyWeXqfeckgCY8GOBHI6xszF/PmJG1LzSGa0JiXX6eDZsAORFMHgpjXp/mrpaBLfgPRAbk8zAd9cx7pgFI7AJzMr5UsJNmGQH/6XyT+EAsxxFNexUpWfRS39TEybR/FMuZn8rsA6eAtcJJcrwKspu+iGcFvwe1HzYa6vYhwB5qCHi1IwvdRWq4VvYkdbE4oKUxJLVWQJqolpXkHmUhfAv/n70Iu0pqMsg720dqX1MQh6nYEHiL9FexVFNLES2jrSclcEl4A5r6m4Cna1nNg2LVHSJyjZVrBM6hV13zxl5S+6y6xXan26/4o/JOwKd/Bq3DwHoCYwBE3QrU2HwK8pR/HKbWgpwaSjQEC5BABkraHJEQIk5mSdH6QGhHAELuG9vTtQdlk/f/P8wN6oPkQJIk9JNFBpp8AIj3E5nYT4xsusDShAzYQW2PIK4Z4KTpP69diWPShAeSTAFj28/yUR9HPdeZfxLofuD8Im48jfW8OGHv5QfROUxqvmKCv0/JTYO5t7+gIaHECCFWqck9fwhuYynSkUC1VTxV9qkSFKSBxCCR5zFdj6r9AO5BZiMLxGIlTgFXL6N3tBkhcNSgYY5fQbv27oINRdFT//zSpIk4Bm6eROd+ukD4AARlA8BAarfgSD5GxJ9TQC3gv8HQ5DFH4JvZ08S7GhzhIllHv5y+R9Xv9OWsxd8Kvm8SUIi/z+7eTkjyshVoSPJd1+ph5XbKZIZfl4U3mH2+RPKg5glBiAAAAAElFTkSuQmCC
  8. // @include      https://greasyfork.org/*
  9. // @include      https://sleazyfork.org/*
  10. // @compatible   firefox+greasemonkey
  11. // @compatible   chrome+tampermonkey
  12. // @grant        none
  13. // @run-at       document-start
  14. // ==/UserScript==
  15. //
  16. !(function(){
  17.  
  18.  function addStyleEx(css)
  19.  {
  20.   var dad, obj = document.createElement('style');
  21.   obj.setAttribute('type', 'text/css');
  22.   obj.innerHTML = css;
  23.   dad = document.getElementsByTagName('head');
  24.   (dad && dad.length ? dad[0] : document).appendChild(obj);
  25.   if(document.readyState == 'loading')
  26.    document.addEventListener('DOMContentLoaded', function(){obj.parentNode.appendChild(obj)});
  27.   return obj;
  28.  }
  29.  
  30.  function onReady(fn){(document.readyState!='loading')?fn():document.addEventListener('DOMContentLoaded',fn)}
  31.  function qsRemove(a){var b=document.querySelector(a);if(b)b.remove()}
  32.  function qsMoveAfter(a,b){var c=document.querySelector(a);if(c){var d=document.querySelector(b);if(d)d.parentNode.insertBefore(c,d.nextSibling)}}
  33.  
  34.  addStyleEx(`
  35.  /*
  36.  //
  37.  // @part-name         @maxstarkenburg/greasyfork/app/assets/stylesheets/application.css
  38.  // @part-webpage      https://github.com/maxstarkenburg/greasyfork/
  39.  // @part-author       Max Starkenburg; https://github.com/maxstarkenburg
  40.  // @part-content      https://github.com/maxstarkenburg/greasyfork/blob/21d7a30bffef4cab214dff1a0925b37236b3eaa0/app/assets/stylesheets/application.css.erb
  41.  //
  42.  // <@application.css>
  43.  */
  44.  
  45. body {
  46.  margin: 0;
  47.  background-color: #F6F6F6;
  48. }
  49. body, select, input {
  50.  font-family: "Open Sans", sans-serif;
  51. }
  52.  
  53. a {
  54.  color: #670000;
  55. }
  56. a:visited {
  57.  color: #A42121;
  58. }
  59.  
  60. #main-header {
  61.  background-color: #670000;
  62.  background-image: linear-gradient(#670000, #990000);
  63.  padding: 0.25em 0;
  64. }
  65. .width-constraint {
  66.  margin: auto;
  67.  max-width: 960px;
  68. }
  69.  
  70. #main-header .width-constraint {
  71.  padding: 0 0 0.25em 0;
  72.  /* enable absolute positioning for children */
  73.  position: relative;
  74. }
  75. #site-name img {
  76.  vertical-align: bottom;
  77. }
  78. #site-name-text {
  79.  display: inline-block;
  80.  vertical-align: top;
  81. }
  82. #site-name-text h1  {
  83.  line-height: 1.1em;
  84. }
  85.  
  86. #main-header, #main-header a, #main-header a:visited, #main-header a:active {
  87.  color: white;
  88. }
  89. #main-header h1 {
  90.  font-size: 72px;
  91.  margin: 0;
  92.  margin-top: 0px;
  93.  letter-spacing: -2px;
  94. }
  95. #main-header h1 a {
  96.  text-decoration: none;
  97. }
  98. #main-header .subtitle {
  99.  margin: -8px 0 0 10px;
  100.  font-size: 0.7em;
  101.  /* in case it overlaps the y in Greasy */
  102.  text-shadow: -1px -1px 0px #670000, 1px -1px 0px #670000, -1px 1px 0px #670000, 1px 1px 0px #670000;
  103. }
  104.  
  105. #site-nav nav, #nav-user-info {
  106.  text-align: right;
  107.  position: absolute;
  108.  right: 0;
  109. }
  110. #site-nav nav {
  111.  bottom: 0;
  112. }
  113. #nav-user-info {
  114.  top: 0;
  115. }
  116. nav a:hover {
  117.  color: white;
  118. }
  119. nav {
  120.  padding: 0;
  121. }
  122. nav li {
  123.  list-style-type: none;
  124.  display: inline;
  125. }
  126. nav li + li {
  127.  margin-left: 0.5em;
  128. }
  129. #script-search, #language-selector {
  130.  display: inline;
  131. }
  132. #nav-user-info {
  133.  font-size: small;
  134. }
  135. #nav-user-info select, #nav-user-info input {
  136.  font-size: 11px;
  137. }
  138.  
  139. #script-info {
  140.  padding: 0 1em 1em;
  141.  border: 1px solid #BBBBBB;
  142.  border-radius: 5px;
  143.  clear: left;
  144.  background-color: white;
  145.  margin: 1em 0;
  146.  box-shadow: 0 0 5px #DDDDDD;
  147. }
  148.  
  149. #script-content {
  150.  margin-top: 1.5em;
  151. }
  152. #script-content > *:first-child {
  153.  margin-top: 0;
  154. }
  155. #script-info header h2 {
  156.  margin: 0.25em 0 0 0;
  157.  font-size: 2em;
  158. }
  159. #script-description {
  160.  margin: 0;
  161. }
  162. #version-note {
  163.  font-style: italic;
  164.  background-color: #FFFF99;
  165.  border: 2px dotted #CC9999;
  166.  padding: 0.5em;
  167. }
  168. #script-feedback-suggestion {
  169.  margin: 0.75em 0;
  170. }
  171.  
  172. #script-links {
  173.  list-style: none;
  174.  padding: 0 1em;
  175.  margin: 0 -1em 0;
  176. }
  177. #script-links li {
  178.  display: inline-block;
  179.  margin: 0 -4px 0 0;
  180. }
  181. #script-links li > * {
  182.  padding: 0.25em .5em .5em;
  183.  display: block;
  184. }
  185. #script-links a {
  186.  text-decoration: none;
  187. }
  188. #script-links .current {
  189.  background: rgba(0, 0, 0, 0.03);
  190.  position: relative;
  191.  top: -4px;
  192.  font-weight: bold;
  193.  border-top: 7px solid #990000;
  194.  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1);
  195. }
  196. /* shift the text back up to align with the others */
  197. #script-links .current > * {
  198.  position: relative;
  199.  top: 4px;
  200. }
  201.  
  202. #install-area {
  203.  margin-bottom: 1em;
  204. }
  205. .install-link, .install-link:visited, .install-link:active, .install-link:hover, .install-help-link {
  206.  display: inline-block;
  207.  background-color: #005200;
  208.  padding: 0.5em 1em;
  209.  color: white;
  210.  text-decoration: none;
  211. }
  212. .install-help-link, .install-help-link:visited, .install-help-link:active, .install-help-link:hover {
  213.  background-color: #1E971E;
  214.  color: white;
  215. }
  216. .script-in-sets {
  217.  display: inline-block;
  218.  margin-left: 1em;
  219. }
  220. #script-meta {
  221.  display: table;
  222.  font-size: small;
  223. }
  224. #script-meta > * {
  225.  margin-bottom: 1em;
  226. }
  227. #script-meta > dl dd {
  228.  max-width: 50%;
  229. }
  230. #script-stats, #script-stats dt, #script-stats dd, #script-applies-to, #script-applies-to dt, #script-applies-to dd {
  231.  vertical-align: top;
  232.  margin: 0;
  233.  padding: 0;
  234. }
  235. #script-stats {
  236.  padding-right: 1em;
  237.  min-width: 18em;
  238.  -moz-column-count: 2;
  239.  -webkit-column-count: 2;
  240.  column-count: 2;
  241.  -moz-column-gap: 1;
  242.  -webkit-column-gap: 1;
  243.  column-gap: 1;
  244. }
  245. #script-stats dt, #script-meta dt {
  246.  clear: left;
  247.  float: left;
  248.  width: 12em;
  249.  font-weight: bold;
  250. }
  251. #script-stats dd, #script-meta dd{
  252.  float: left;
  253.  min-width: 12em;
  254. }
  255. #script-applies-to dt:after, #script-meta dt:after {
  256.  content: ":";
  257. }
  258. .inline-list {
  259.  display: inline;
  260.  padding-left: 0;
  261.  list-style: none;
  262. }
  263. .inline-list li {
  264.  display: inline;
  265. }
  266. .inline-list li:after {
  267.  content: ", ";
  268. }
  269. .inline-list li:last-child:after {
  270.  content: "";
  271. }
  272. dt[title] > span {
  273.  border-bottom: 1px dotted black;
  274. }
  275.  
  276.  
  277. #additional-info > div {
  278.  margin: 1em 0;
  279.  padding: 1em;
  280.  border: 1px solid #E6DDD6;
  281.  background-color: #F2E5E5;
  282. }
  283. #additional-info > div:not(:first-of-type) {
  284.  padding-top: 0.5em;
  285. }
  286. .script-author-description > *:first-child {
  287.  margin-top: 0;
  288. }
  289. .script-author-description > *:last-child {
  290.  margin-bottom: 0;
  291. }
  292. .script-author-description img {
  293.  max-width: 100%;
  294. }
  295. .script-screenshots * {
  296.  vertical-align: middle;
  297. }
  298. .script-screenshots a {
  299.  text-decoration: none;
  300. }
  301.  
  302. .form-control {
  303.  margin-bottom: 1em;
  304. }
  305. .form-control textarea, #ace-editor {
  306.  width: 100%;
  307.  height: 20em;
  308.  box-sizing: border-box;
  309.  margin-top: 1px;
  310.  margin-bottom: 1px;
  311. }
  312. #ace-editor {
  313.  border: 1px solid #BBB;
  314.  border-style: inset;
  315. }
  316. .form-control input:not([type=radio]):not([type=file]):not([type=checkbox]):not([size]) {
  317.  width: 100%;
  318. }
  319. .radio-group input[type=radio] {
  320.  margin-left: 1em;
  321. }
  322. .form-control label {
  323.  font-weight: bold;
  324. }
  325. .form-control label.radio-label, .form-control label.checkbox-label {
  326.  font-weight: normal;
  327. }
  328. .field_with_errors textarea {
  329.  background-color: #FEE;
  330. }
  331. .label-note {
  332.  font-size: smaller;
  333. }
  334. .screenshots-controls > *:not(label) {
  335.  padding-left: 1em;
  336. }
  337. .add-screenshot-control, .screenshot-control {
  338.  clear: left;
  339. }
  340. .screenshot-control > * {
  341.  vertical-align: middle;
  342. }
  343. .screenshot-control a {
  344.  float: left;
  345.  min-width: 150px;
  346.  text-align: center;
  347. }
  348.  
  349. .script-list, .user-list {
  350.  list-style-type: none;
  351.  padding: 0;
  352.  box-shadow: 0 0 5px #DDDDDD;
  353.  background-color: white;
  354.  border: 1px solid #BBBBBB;
  355.  border-radius: 5px;
  356.  box-sizing: border-box;
  357. }
  358. .user-list {
  359.  padding: 1em;
  360.  margin: 1em 0;
  361. }
  362. .list-option-groups ~ ol {
  363.  width: calc(960px - 14em);
  364. }
  365. .script-list li {
  366.  border-bottom: 1px solid #DDDDDD;
  367.  padding: 1em;
  368. }
  369. .script-list h2 {
  370.  margin: 0;
  371.  font-size: 18px;
  372. }
  373. .script-list p {
  374.  margin: 0;
  375. }
  376. .script-list footer {
  377.  margin-top: 0.25em;
  378. }
  379. .script-list dl {
  380.  font-size: smaller;
  381.  -moz-column-count: 2;
  382.  -webkit-column-count: 2;
  383.  column-count: 2;
  384.  -moz-column-gap: 0;
  385.  -webkit-column-gap: 0;
  386.  column-gap: 0;
  387.  max-width: 45em;
  388.  margin: 0;
  389. }
  390. .script-list dt, .script-list dd {
  391.  margin: 0;
  392.  padding: 0;
  393. }
  394. .script-list dd {
  395.  color: #666;
  396. }
  397. .script-list dt::after {
  398.  content: ": ";
  399. }
  400. .script-list dt {
  401.  clear: left;
  402.  float: left;
  403.  width: 12em;
  404.  padding-right: 1em;
  405.  padding-left: 1em;
  406. }
  407. .script-list dd {
  408.  float: left;
  409. }
  410. .list-current {
  411.  font-weight: bold;
  412. }
  413. .script-list h2 {
  414.  font-weight: normal;
  415. }
  416. .script-list .description {
  417.  font-weight: normal;
  418.  display: block;
  419.  margin: .5em 0;
  420.  font-size: smaller;
  421. }
  422. .script-list .name-description-separator {
  423.  display: none;
  424. }
  425. .script-list + .pagination, .user-list + .pagination {
  426.  font-size: 18px;
  427.  display: inline-block;
  428.  background-color: #F2E5E5;
  429.  padding: 0.5em;
  430.  margin-bottom: 1em;
  431.  border-radius: 5px;
  432. }
  433. .pagination .current {
  434.  font-style: normal;
  435.  font-weight: bold;
  436. }
  437.  
  438. .good-rating-count, .ok-rating-count, .bad-rating-count {
  439.  display: inline-block;
  440.  min-width: 1em;
  441.  text-align: center;
  442.  padding: 0 0.25em;
  443.  border: 1px solid #DDDDDD;
  444.  border-radius: 10px;
  445. }
  446. .good-rating-count {
  447.  background-color: rgba(51, 155, 51, 0.1);
  448.  border-color: rgba(51, 155, 51, 0.3);
  449.  color: #1E971E;
  450.  color: rgba(51, 155, 51, 1);
  451. }
  452. .ok-rating-count {
  453.  background-color: rgba(155, 155, 0, 0.1);
  454.  border-color: rgba(155, 155, 0, 0.3);
  455.  color: #a80;
  456.  color: rgba(155, 155, 0, 1);
  457. }
  458. .bad-rating-count {
  459.  background-color: rgba(155, 51, 51, 0.1);
  460.  border-color: rgba(155, 51, 51, 0.3);
  461.  color: rgba(155, 51, 51, 1);
  462. }
  463.  
  464.  
  465.  
  466. /* activated by js */
  467. .select-all, .select-none {
  468.  display: none;
  469. }
  470.  
  471. .diff {
  472.  border: 2px solid black;
  473. }
  474.  
  475. #help-allowed-elements {
  476.  -moz-column-width: 15em;
  477.  -webkit-column-width: 15em;
  478.  column-width: 15em;
  479. }
  480.  
  481. #by-site-list {
  482.  list-style-type: none;
  483.  padding: 0; 
  484. }
  485. #by-site-list li {
  486.  display: inline;
  487.  vertical-align: middle;
  488. }
  489.  
  490. /* Edit */
  491. #user_profile {
  492.  width: 100%;
  493.  height: 10em;
  494. }
  495. /* View */
  496. #user-profile {
  497.  border: 1px solid #E6DDD6;
  498.  background-color: #F2E5E5;
  499.  padding: 1em;
  500. }
  501.  
  502. .preview-button {
  503.  
  504. }
  505. .preview-result {
  506.  display: none;
  507.  background-color: #FFA;
  508.  padding: 0.5em;
  509. }
  510.  
  511. .failed-sync {
  512.  background-color: #FCC;
  513. }
  514.  
  515. .discussion-question {
  516.  list-style-image: url(/images/circle-blue.png);
  517. }
  518. .discussion-report {
  519.  list-style-image: url(/images/report.png);
  520. }
  521. .discussion-bad {
  522.  list-style-image: url(/images/circle-red.png);
  523. }
  524. .discussion-ok {
  525.  list-style-image: url(/images/circle-yellow.png);
  526. }
  527. .discussion-good {
  528.  list-style-image: url(/images/circle-green.png);
  529. }
  530.  
  531. .alert {
  532.  font-style: italic;
  533.  background-color: #FFFF99;
  534.  border: 2px dotted #CC9999;
  535.  padding: 0.5em;
  536. }
  537.  
  538. .front-page-p {
  539.  margin-bottom: 0;
  540. }
  541. .front-page-box {
  542.  display: inline-block;
  543.  width: 45%;
  544.  vertical-align: top;
  545.  text-align: justify;
  546. }
  547. .front-page-box:first-of-type {
  548.  padding-right: 6%;
  549. }
  550. @media (max-width: 600px) {
  551.  .front-page-box {
  552.   display: block;
  553.   width: auto;
  554.   padding: 0;
  555.  }
  556. }
  557.  
  558. #install-stats-chart {
  559.  width: 100%;
  560.  height: 400px;
  561. }
  562. .stats-table {
  563.  border-collapse: collapse;
  564. }
  565. .stats-table th, .stats-table td {
  566.  border: 1px solid gray;
  567.  padding: 0 0.5em;
  568. }
  569. td.numeric, th.numeric {
  570.  text-align: right;
  571. }
  572.  
  573. .list-option-groups {
  574.  margin-top: 1em;
  575.  float: right;
  576.  width: 15em;
  577.  font-size: smaller;
  578.  margin-left: 2em;
  579. }
  580. .list-option-group {
  581.  margin-bottom: 1em;
  582. }
  583. .list-option-group ul {
  584.  margin: .5em 0 0;
  585.  list-style-type: none;
  586.  padding: 1em 0;
  587.  box-shadow: 0 0 5px #DDDDDD;
  588.  border: 1px solid #BBBBBB;
  589.  border-radius: 5px;
  590.  background-color: white;
  591. }
  592. .list-option-group a {
  593.  padding: .35em 1em;
  594.  display: block;
  595. }
  596. .list-option-group a:hover {
  597.  background: linear-gradient(white, #F6F6F6);
  598.  text-decoration: none;
  599.  box-shadow: inset 0 -1px #DDDDDD, inset 0 1px #EEEEEE;
  600. }
  601. .list-option-group .list-current {
  602.  border-left: 7px solid #800;
  603.  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1);
  604.  margin: .25em 0 .25em -4px;
  605.  padding: .4em 1em .4em calc(1em - 3px);
  606.  background: linear-gradient(white, #EEEEEE);
  607. }
  608.  
  609. .translation_missing {
  610.  outline: dashed red;
  611. }
  612.  
  613. #edit_user > div {
  614.  margin-bottom: 0.5em;
  615. }
  616. #edit_user > div > label:first-child {
  617.  font-weight: bold;
  618. }
  619.  
  620. .inline-form {
  621.  display: inline;
  622. }
  623.  
  624. :target {
  625.  background-color: #F2E5E5;
  626. }
  627. a.self-link, a.self-link:visited {
  628.  text-decoration: none;
  629.  color: black;
  630.  opacity: 0.2;
  631. }
  632.  
  633. .indented {
  634.  padding-left: 1em;
  635. }
  636.  
  637. .expander {
  638.  cursor: pointer;
  639.  padding: 2px 5px;
  640.  color: #670000;
  641.  border-radius: 3px;
  642.  background-color: #F2E5E5;
  643.  text-decoration: underline;
  644. }
  645.  
  646. #script-show-info-ad {
  647.  width: 732px;
  648.  box-sizing: border-box;
  649.  margin: 1.5em auto;
  650. }
  651. .ad-note {
  652.  font-size: x-small;
  653.  line-height: 1em;
  654.  max-width: -webkit-max-content;
  655.  max-width: -moz-max-content;
  656.  max-width: max-content;
  657.  border-top: 2px solid #E7CF87;
  658.  border-left: 2px solid #E7CF87;
  659.  border-right: 2px solid #E7CF87;
  660.  padding: 0 0.5em;
  661. }
  662. .ad-note, .ad-content {
  663.  background-color: #E7CF87;
  664. }
  665. .ad-content {
  666.  border: 2px solid #E7CF87;
  667. }
  668. .ad-content > * {
  669.  vertical-align: bottom;
  670. }
  671.  
  672. .social_share_privacy_area.box li.settings_info {
  673.  /* Shrink a bit */
  674.  height: 20px;
  675.  width: 135px;
  676.  /* Show on separate line */
  677.  display: block;
  678. }
  679.  
  680. pre, code, #code-container {
  681.  border-radius: 2px;
  682.  border: 1px solid #E6DDD6;
  683.  background-color: #F2E5E5;
  684. }
  685. pre.CodeRay, table.CodeRay, .CodeRay pre {
  686.  background: none;
  687.  border: 0;
  688.  padding: 0;
  689.  margin: 0;
  690. }
  691. /* Non-syntax highlighted block */
  692. pre.CodeRay {
  693.  padding: 4px 8px;
  694. }
  695. .CodeRay .line-numbers pre, .CodeRay .line-numbers pre a {
  696.  background-color: transparent !important;
  697. }
  698. .CodeRay .line-numbers {
  699.  background-color: #E6DDDD !important;
  700. }
  701. .CodeRay .line-numbers, .CodeRay .code {
  702.  /* Otherwise tall characters can make these not align */
  703.  line-height: 1em;
  704. }
  705. .CodeRay {
  706.  -moz-tab-size: 4;
  707.  tab-size: 4;
  708. }
  709.  
  710. .external-login {
  711.  padding: 2px 2px 3px 22px;
  712.  border: 1px solid black;
  713.  border-radius: 2px;
  714.  background-repeat: no-repeat;
  715.  background-size: 16px 16px;
  716.  background-position: 5px 4px;
  717. }
  718. .external-login-container {
  719.  display: inline-block;
  720.  vertical-align: top;
  721. }
  722. .external-login-container * {
  723.  text-align: center;
  724.  display: block;
  725. }
  726. .external-login-container > *:not(button) {
  727.  font-size: smaller;
  728. }
  729. .external-login-container:not(:last-child) {
  730.  margin-right: 5px;
  731. }
  732. .github-login {
  733.  background-image: url('/assets/github-32-5326bf72dcecdc93c13888b126a90712.png');
  734. }
  735. .google_oauth2-login {
  736.  background-image: url('/assets/google-32-d35291d676ed05beab43f5dfd5e9fb5f.png');
  737. }
  738. .browser_id-login {
  739.  background-image: url('/assets/persona-c64fac782455753df274abe8bc5f68a4.png');
  740. }
  741.  
  742.  
  743.  /*
  744.  // </@application.css>
  745.  
  746.  //
  747.  // @part-name         @JasonBarnabe/greasyfork/vendor/assets/stylesheets/jquery.socialshareprivacy.min.css
  748.  // @part-webpage      https://github.com/JasonBarnabe/greasyfork/
  749.  // @part-author       Jason Barnabe; https://github.com/JasonBarnabe
  750.  // @part-content      https://github.com/JasonBarnabe/greasyfork/blob/master/vendor/assets/stylesheets/jquery.socialshareprivacy.min.css
  751.  //
  752.  // <@jquery.socialshareprivacy.min.css>
  753.  */
  754.  
  755. .social_share_privacy_area{clear:both;margin:5px 0;list-style-type:none;padding:0;width:auto;display:block}.social_share_privacy_area.line{height:25px;line-height:16px}.social_share_privacy_area.box{width:95px}.social_share_privacy_area li{margin:0 !important;padding:0 !important;list-style-type:none !important}.social_share_privacy_area.box li{text-align:center}.social_share_privacy_area.line li{height:21px;float:left}.social_share_privacy_area li .dummy_btn{cursor:pointer;padding:0;height:inherit}.social_share_privacy_area.line li .dummy_btn{float:left;margin:0 20px 0 10px}.social_share_privacy_area.box li .dummy_btn{margin-bottom:10px}.social_share_privacy_area li .dummy_btn img.privacy_dummy,.social_share_privacy_area li .dummy_btn iframe{vertical-align:bottom}.social_share_privacy_area li .dummy_btn iframe{overflow:hidden;height:inherit;width:inherit;border-style:none}.social_share_privacy_area.line li{display:inline-block}.social_share_privacy_area li .switch{display:inline-block;text-indent:-9999em;background:transparent url(../images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;width:23px;height:12px;overflow:hidden;margin:4px 0 0;padding:0;cursor:pointer}.social_share_privacy_area.line li .switch{float:left}.social_share_privacy_area li .switch.on{background-position:0 -12px}.social_share_privacy_area li.help_info{position:relative}.social_share_privacy_area li.settings_info,.social_share_privacy_area li.help_info .info{text-align:left}.social_share_privacy_area li.help_info .info,.social_share_privacy_area li .help_info.icon .info{display:none;position:absolute;bottom:40px;width:290px;padding:10px 15px;margin:0;font-size:12px;line-height:16px;font-weight:bold;border:1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);background-color:#fdfbec;color:#000;z-index:500}.social_share_privacy_area.line li.help_info .info,.social_share_privacy_area li .help_info.icon .info{left:0}.social_share_privacy_area.box li.help_info .info{left:100%;top:0;bottom:auto}.social_share_privacy_area li .help_info.icon .info{width:350px}.social_share_privacy_area li.help_info.display .info,.social_share_privacy_area li .help_info.icon.display .info{display:block}.social_share_privacy_area li.help_info.info_off.display .info{display:none}.social_share_privacy_area li .help_info.icon{background:#fff url(../images/socialshareprivacy_info.png) no-repeat center center scroll;width:25px;height:20px;position:relative;display:inline-block;vertical-align:top;border:2px solid #e7e3e3;border-right-width:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon{border-right-width:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.social_share_privacy_area li.settings_info{position:relative;top:-2px}.social_share_privacy_area li.settings_info a{text-decoration:none;margin:0 !important}.social_share_privacy_area li.settings_info .settings_info_menu{background-color:#f3f4f5;color:#000;border-style:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);left:0;position:absolute;top:0;min-width:135px;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu.on{z-index:1000}.social_share_privacy_area li.settings_info .settings_info_menu.off{border-width:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent}.social_share_privacy_area li.settings_info .settings_info_menu.off form{display:none;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu .settings{text-indent:-9999em;display:inline-block;background:#fff url(../images/settings.png) no-repeat center center scroll;width:25px;height:20px;border:2px solid #e7e3e3;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:1px solid #ddd;margin:0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset{border-width:0;margin:0;padding:0 10px 10px}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend{font-size:11px;font-weight:bold;line-height:14px;margin:0;padding:10px 0;width:115px}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input{margin:4px 10px 4px 0;padding:0}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label{display:block;font-size:12px;font-weight:bold;line-height:24px;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;transition:color .5s ease-in;margin:0;padding:0;white-space:nowrap}.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked{color:#090}.social_share_privacy_area.line .buffer iframe{width:110px;height:20px}.social_share_privacy_area.line .buffer img{width:55px;height:20px;margin-right:55px}.social_share_privacy_area.box .buffer iframe,.social_share_privacy_area.box .buffer img{width:55px;height:62px}.social_share_privacy_area.box .delicious .delicious-widget,.social_share_privacy_area.box .delicious img.privacy_dummy{width:50px;height:62px}.social_share_privacy_area.line .delicious .delicious-widget,.social_share_privacy_area.line .delicious img.privacy_dummy{width:75px;height:20px;margin-right:20px}.social_share_privacy_area.box .delicious div.delicious-widget{font-family:Arial,Tahoma,Sans-Serif;font-size:11px;width:50px;margin:0 auto}.social_share_privacy_area.box .delicious a.icon,.social_share_privacy_area.box .delicious a.count{color:#FFF !important;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;outline:none !important;text-decoration:none !important}.social_share_privacy_area.box .delicious a.icon{background:#fff;border:1px solid #ccc;height:38px;overflow:hidden;position:relative;direction:ltr}.social_share_privacy_area.box .delicious a.icon:hover{border-color:#666}.social_share_privacy_area.box .delicious a.count{margin-top:2px;text-align:center;font-size:12px;line-height:18px;height:18px;background:#3274d0;border:#3274d0 1px solid;text-shadow:#2a5580 1px 1px 0}.social_share_privacy_area.box .delicious a.count:hover{background:#369;border-color:#369}.social_share_privacy_area.box .delicious a.count:active{background:#000;border:#333 1px solid;text-shadow:#222 1px 1px 0;outline:0}.social_share_privacy_area.line .delicious div.delicious-widget{font-family:Arial,Tahoma,Sans-Serif;font-size:11px;width:76px}.social_share_privacy_area.line .delicious a.icon,.social_share_privacy_area.line .delicious a.count{display:block;float:left;line-height:18px;border:#666 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;outline:none !important;text-decoration:none !important;height:18px;overflow:hidden;color:#FFF !important}.social_share_privacy_area.line .delicious a.icon{background:#fff;border-color:#ccc;width:20px;position:relative;direction:ltr;margin-right:1px}.social_share_privacy_area.line .delicious a.icon:hover{border-color:#666}.social_share_privacy_area.line .delicious a.count{font-size:12px;background:#3274d0;border-color:#3274d0;width:50px;text-align:center;text-shadow:#2a5580 1px 1px 0}.social_share_privacy_area.line .delicious a.count:hover{background:#369;border-color:#369;text-shadow:#369 1px 1px 0}.social_share_privacy_area.line .delicious a.count:active{background:#000;border-color:#333;text-shadow:#222 1px 1px 0}.social_share_privacy_area.box .delicious a.icon:hover *,.social_share_privacy_area.line .delicious a.icon:hover *{opacity:.85;filter:alpha(opacity=85)}.social_share_privacy_area.box .delicious a.icon *,.social_share_privacy_area.line .delicious a.icon *{width:50%;height:50%;position:absolute;margin:0 !important}.social_share_privacy_area.box .delicious div.delicious1,.social_share_privacy_area.line .delicious div.delicious1{background:#3274d0;left:50%;top:0}.social_share_privacy_area.box .delicious div.delicious2,.social_share_privacy_area.line .delicious div.delicious2{background:#000;left:0;top:50%}.social_share_privacy_area.box .delicious div.delicious3,.social_share_privacy_area.line .delicious div.delicious3{background:#d3d2d2;left:50%;top:50%}.social_share_privacy_area.box .delicious a.count i,.social_share_privacy_area.line .delicious a.count i{display:none;font-style:normal}.social_share_privacy_area.box .delicious a.count b,.social_share_privacy_area.line .delicious a.count b{font-weight:normal}.social_share_privacy_area.line .disqus img.privacy_dummy{width:49px;height:20px;margin-right:45px}.social_share_privacy_area.box .disqus img.privacy_dummy{width:55px;height:61px}.social_share_privacy_area .disqus .disqus-widget{line-height:20px;font-size:11px;font-family:Arial,sans-serif;cursor:text;white-space:nowrap;text-align:left}.social_share_privacy_area .disqus .disqus-widget a,.social_share_privacy_area .disqus .disqus-widget a:hover{-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;-o-text-shadow:none;text-shadow:none}.social_share_privacy_area .disqus .disqus-widget a.name{overflow:hidden;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#5e8ba9;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.5);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.5);-ms-text-shadow:0 1px 0 rgba(255,255,255,0.5);-o-text-shadow:0 1px 0 rgba(255,255,255,0.5);text-shadow:0 1px 0 rgba(255,255,255,0.5);height:18px;border:1px solid #ccc;border-radius:3px;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));background-image:-moz-linear-gradient(top,#fff,#dedede);background-image:-o-linear-gradient(top,#fff,#dedede);background-image:-ms-linear-gradient(top,#fff,#dedede);background-image:linear-gradient(top,#fff,#dedede)}.social_share_privacy_area .disqus .disqus-widget a.name .us{color:#b84}.social_share_privacy_area.line .disqus .disqus-widget{min-width:94px}.social_share_privacy_area.line .disqus .disqus-widget .count,.social_share_privacy_area.line .disqus .disqus-widget a.name{display:inline-block;padding:0 4px;vertical-align:top}.social_share_privacy_area.box .disqus .disqus-widget{display:block;width:55px;height:61px;margin:auto}.social_share_privacy_area.box .disqus .disqus-widget .count,.social_share_privacy_area.box .disqus .disqus-widget a.name{display:block;width:53px;text-align:center}.social_share_privacy_area .disqus .disqus-widget a.name:hover{border-color:#bbb;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));background-image:-moz-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:-o-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:-ms-linear-gradient(top,#f8f8f8,#d9d9d9);background-image:linear-gradient(top,#f8f8f8,#d9d9d9)}.social_share_privacy_area .disqus .disqus-widget a.name:active{background-color:#efefef;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);box-shadow:inset 0 3px 5px rgba(0,0,0,0.1)}.social_share_privacy_area .disqus .disqus-widget .count{position:relative;height:18px;border:1px solid #bbb;background:white;border-radius:3px;text-align:center}.social_share_privacy_area .disqus .disqus-widget .count a{font-weight:normal}.social_share_privacy_area.line .disqus .disqus-widget .count{margin-left:4px;min-width:1em}.social_share_privacy_area.box .disqus .disqus-widget .count{height:34px;line-height:34px;font-size:14px;margin-bottom:5px}.social_share_privacy_area.line .disqus .disqus-widget .count u,.social_share_privacy_area.line .disqus .disqus-widget .count i{position:absolute;zoom:1;line-height:0;width:0;height:0;left:0;top:50%;margin:-4px 0 0 -4px;border:4px transparent solid;border-right-color:#aaa;border-left:0}.social_share_privacy_area.line .disqus .disqus-widget .count u{margin-left:-3px;border-right-color:#fff}.social_share_privacy_area.box .disqus .disqus-widget .count u,.social_share_privacy_area.box .disqus .disqus-widget .count i{position:absolute;zoom:1;line-height:0;top:auto;left:50%;bottom:0;right:auto;margin:0 0 -4px -4px;border:4px transparent solid;border-top-color:#aaa;border-bottom:0;width:0;height:0}.social_share_privacy_area.box .disqus .disqus-widget .count u{margin-bottom:-3px;border-top-color:#fff}.social_share_privacy_area .disqus .disqus-widget .count a{color:#333;text-decoration:none}.social_share_privacy_area .disqus .disqus-widget .count a:hover{color:#333;text-decoration:underline}.social_share_privacy_area.line .facebook .fb_like{margin-right:30px;width:120px}.social_share_privacy_area.line .facebook iframe{width:130px;height:21px}.social_share_privacy_area.box .facebook iframe{width:48px;height:62px}.social_share_privacy_area.line .flattr img{width:72px;height:20px;margin-right:98px}.social_share_privacy_area.line .flattr a,.social_share_privacy_area.line .flattr iframe{width:150px;height:20px;margin-right:20px}.social_share_privacy_area.line .flattr a{display:inline-block}.social_share_privacy_area.box .flattr a,.social_share_privacy_area.box .flattr img,.social_share_privacy_area.box .flattr iframe{width:62px;height:62px}.social_share_privacy_area.box .flattr a{display:block;visibility:hidden;margin:auto}.social_share_privacy_area.box .flattr .dummy_btn{min-width:62px;min-height:67px}.social_share_privacy_area.line .gplus img.gplusone_privacy_dummy{width:32px}.social_share_privacy_area.line li div.gplusone{width:90px}.social_share_privacy_area.box li div.gplusone{min-width:50px;min-height:65px}.social_share_privacy_area.line .hackernews img.privacy_dummy{width:20px;height:20px;margin-right:70px}.social_share_privacy_area.box .hackernews img.privacy_dummy{width:62px;height:62px}.social_share_privacy_area .hackernews .hackernews-widget{line-height:20px;font-size:11px;font-family:Arial,sans-serif;cursor:text;white-space:nowrap;text-align:left}.social_share_privacy_area .hackernews .hackernews-widget a.name{overflow:hidden;font-weight:bold;font-size:12px;text-decoration:none;text-align:center;color:#fff;height:20px;border-radius:3px;background-color:#f60}.social_share_privacy_area.line .hackernews .hackernews-widget{min-width:90px}.social_share_privacy_area.line .hackernews .hackernews-widget .points{display:inline-block;padding:0 4px;vertical-align:top}.social_share_privacy_area.line .hackernews .hackernews-widget a.name{display:inline-block;width:20px}.social_share_privacy_area.box .hackernews .hackernews-widget{display:block;width:62px;height:62px;margin:auto}.social_share_privacy_area.box .hackernews .hackernews-widget a.name{display:block;width:62px}.social_share_privacy_area .hackernews .hackernews-widget a.name:hover{background-color:#ff8635}.social_share_privacy_area .hackernews .hackernews-widget a.name:active{background-color:#ff8635;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);box-shadow:inset 0 3px 5px rgba(0,0,0,0.1)}.social_share_privacy_area .hackernews .hackernews-widget .points{position:relative;height:18px;border:1px solid #bbb;background:white;border-radius:3px;text-align:center}.social_share_privacy_area .hackernews .hackernews-widget .points a{font-weight:normal}.social_share_privacy_area.line .hackernews .hackernews-widget .points{margin-left:4px;min-width:1em}.social_share_privacy_area.box .hackernews .hackernews-widget .points{display:block;width:60px;height:35px;line-height:35px;font-size:14px;margin-bottom:5px}.social_share_privacy_area.line .hackernews .hackernews-widget .points u,.social_share_privacy_area.line .hackernews .hackernews-widget .points i{position:absolute;zoom:1;line-height:0;width:0;height:0;left:0;top:50%;margin:-4px 0 0 -4px;border:4px transparent solid;border-right-color:#aaa;border-left:0}.social_share_privacy_area.line .hackernews .hackernews-widget .points u{margin-left:-3px;border-right-color:#fff}.social_share_privacy_area.box .hackernews .hackernews-widget .points u,.social_share_privacy_area.box .hackernews .hackernews-widget .points i{position:absolute;zoom:1;line-height:0;top:auto;left:50%;bottom:0;right:auto;margin:0 0 -4px -4px;border:4px transparent solid;border-top-color:#aaa;border-bottom:0;width:0;height:0}.social_share_privacy_area.box .hackernews .hackernews-widget .points u{margin-bottom:-3px;border-top-color:#fff}.social_share_privacy_area .hackernews .hackernews-widget .points a{color:#333;text-decoration:none}.social_share_privacy_area .hackernews .hackernews-widget .points a:hover{color:#333;text-decoration:underline}.social_share_privacy_area.line .linkedin img.linkedin_privacy_dummy{width:63px;height:20px}.social_share_privacy_area.box .linkedin img.linkedin_privacy_dummy{width:61px;height:62px}.social_share_privacy_area.box .linkedin .dummy_btn{min-width:61px;min-height:62px}.social_share_privacy_area.line .mail a{display:inline-block;width:43px;height:20px;margin-right:20px}.social_share_privacy_area.box .mail a{display:block;margin:auto;width:58px;height:39px}.social_share_privacy_area.line li div.pinit{width:100px}.social_share_privacy_area.box .pinterest .dummy_btn.pinit a{margin-top:29px !important}.social_share_privacy_area.line .pinterest .dummy_btn img.privacy_dummy{width:40px;height:20px}.social_share_privacy_area.box .pinterest .dummy_btn img.privacy_dummy{width:40px;height:50px}.social_share_privacy_area.line .reddit iframe{width:120px;height:18px}.social_share_privacy_area.box .reddit iframe{width:58px;height:66px}.social_share_privacy_area.line .stumbleupon iframe,.social_share_privacy_area.line .stumbleupon img{width:74px;height:18px}.social_share_privacy_area.box .stumbleupon iframe,.social_share_privacy_area.box .stumbleupon img{width:50px;height:60px}.social_share_privacy_area.line .tumblr a{display:inline-block;width:81px;height:20px;margin-right:20px}.social_share_privacy_area.box .tumblr a{display:block;margin:auto;width:58px;height:58px}.social_share_privacy_area.line li div.tweet{width:115px}.social_share_privacy_area.line .twitter iframe{width:120px;height:20px}.social_share_privacy_area.box .twitter iframe{width:62px;height:62px}.social_share_privacy_area.line .xing img.xing_privacy_dummy{width:55px;height:20px;margin-right:66px}.social_share_privacy_area.box .xing img.xing_privacy_dummy{width:55px;height:62px}.social_share_privacy_area.box .xing .dummy_btn{min-width:55px;min-height:62px}.social_share_privacy_area.box .xing .dummy_btn div{margin:auto}
  756.  
  757.  
  758.  /*
  759.  // </@jquery.socialshareprivacy.min.css>
  760.  
  761.  //
  762.  // @part-name         @JasonBarnabe/greasyfork/app/assets/stylesheets/diff.css
  763.  // @part-webpage      https://github.com/JasonBarnabe/greasyfork/
  764.  // @part-author       Jason Barnabe; https://github.com/JasonBarnabe
  765.  // @part-content      https://github.com/JasonBarnabe/greasyfork/blob/master/app/assets/stylesheets/diff.css
  766.  //
  767.  // <@diff.css>
  768.  */
  769.  
  770. /* From Diffy::CSS */
  771. .diff{overflow:auto;}
  772. .diff ul{background:#fff;overflow:auto;font-size:13px;list-style:none;margin:0;padding:0;display:table;width:100%;}
  773. .diff del, .diff ins{display:block;text-decoration:none;}
  774. .diff li{padding:0; display:table-row;margin: 0;height:1em;}
  775. .diff li.ins{background:#dfd; color:#080}
  776. .diff li.del{background:#fee; color:#b00}
  777. .diff li:hover{background:#ffc}
  778. /* try &#39;whitespace:pre;&#39; if you don&#39;t want lines to wrap */
  779. .diff del, .diff ins, .diff span{white-space:pre-wrap;font-family:courier;}
  780. .diff del strong{font-weight:normal;background:#fcc;}
  781. .diff ins strong{font-weight:normal;background:#9f9;}
  782. .diff li.diff-comment { display: none; }
  783. .diff li.diff-block-info { background: none repeat scroll 0 0 gray; }
  784.  
  785.  
  786.  /*
  787.  // </@diff.css>
  788.  
  789.  //
  790.  // @part-name         @JasonBarnabe/greasyfork/app/assets/stylesheets/socialshareprivacy.css
  791.  // @part-webpage      https://github.com/JasonBarnabe/greasyfork/
  792.  // @part-author       Jason Barnabe; https://github.com/JasonBarnabe
  793.  // @part-content      https://github.com/JasonBarnabe/greasyfork/blob/master/app/assets/stylesheets/socialshareprivacy.css.erb
  794.  //
  795.  // <@socialshareprivacy.css>
  796.  */
  797.  
  798. .social_share_privacy_area li .switch {
  799.  background-image: url(/assets/jquery-socialshareprivacy/socialshareprivacy_on_off-22485b54b88d18d16188913e158eedbd.png);
  800. }
  801. .social_share_privacy_area li .help_info.icon {
  802.  background-image: url(/assets/jquery-socialshareprivacy/socialshareprivacy_info-3e99e1416cfc6f8ba58dae4bd90958ee.png);
  803. }
  804. .social_share_privacy_area li.settings_info .settings_info_menu .settings {
  805.  background-image: url(/assets/jquery-socialshareprivacy/settings-ea092969ee74a79c095514bcd1684f45.png);
  806. }
  807. /*
  808. .social_share_privacy_area.line li {
  809.  float: none;
  810.  display: block;
  811. }
  812. .social_share_privacy_area.line .reddit iframe {
  813.  height: 20px;
  814. }
  815. .info + .dummy_btn {
  816.  padding-left: 23px !important;
  817. }
  818. */
  819.  
  820. /* Show all in a row */
  821. .social_share_privacy_area.box {
  822.  width: auto;
  823. }
  824. .social_share_privacy_area.box li {
  825.  display: inline-block;
  826.  vertical-align: top;
  827. }
  828. /* Space them out */
  829. .social_share_privacy_area.box li div, .social_share_privacy_area.box li .switch {
  830.  margin-right: 10px;
  831. }
  832. /* Make those that don't have the switch line up with the rest. */
  833. .box .info + .dummy_btn {
  834.  margin-top: 21px;
  835. }
  836. /* Shrink the settings box */
  837. .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
  838.  margin-top: 0;
  839.  margin-bottom: 0;
  840.  vertical-align: middle;
  841. }
  842. .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
  843.  line-height: normal;
  844.  vertical-align: baseline;
  845. }
  846. .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
  847.  width: auto;
  848. }
  849. /* Give the settings box room */
  850. #share {
  851.  margin-bottom: 90px;
  852. }
  853.  
  854.  
  855.  /*
  856.  // </@socialshareprivacy.css>
  857.  
  858.  //
  859.  // @part-name         @leoncastro/greasyfork/app/assets/stylesheets/custom.css
  860.  // @part-webpage      https://github.com/leoncastro
  861.  // @part-author       leoncastro; https://github.com/leoncastro
  862.  //
  863.  // <@custom.css>
  864.  */
  865.  
  866. .pagination, .script-list + .pagination, .user-list + .pagination {
  867.  display: block;
  868.  margin: 0;
  869.  padding: 0;
  870.  background-color: transparent;
  871. }
  872. .pagination > *, .script-list + .pagination > *, .user-list + .pagination > * {
  873.  display: inline-block;
  874.  background-color: #F2E5E5;
  875.  padding: 0.5em;
  876.  margin-bottom: 1em;
  877.  border-radius: 5px;
  878.  text-decoration: none;
  879. }
  880. .pagination .disabled {
  881.  display: none;
  882. }
  883. .pagination .current, .pagination .gap {
  884.  background-color: transparent;
  885. }
  886. #script-links a:hover {
  887.  background: rgba(0, 0, 0, 0.03);
  888.  position: relative;
  889.  top: -4px;
  890.  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1);
  891.  padding-top: 8px;
  892. }
  893. #script-links a:hover span {
  894.  position: relative;
  895.  top: 4px;
  896. }
  897. #script-stats {
  898.  -moz-column-count: 2;
  899.  -webkit-column-count: 2;
  900.  column-count: 2;
  901.  -moz-column-gap: 1em;
  902.  -webkit-column-gap: 1em;
  903.  column-gap: 1em;
  904. }
  905. #install-area a:hover {
  906.  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  907. }
  908. #script-meta {
  909.  display: inherit;
  910.  font-size: inherit;
  911. }
  912. .expander {
  913.  display: none;
  914. }
  915. .alert {
  916.  background-color: #ffffcc;
  917.  border: none;
  918.  border-left: 6px solid #ffeb3b;
  919. }
  920. .notice {
  921.  background-color: #d9edf7;
  922.  border: none;
  923.  border-left: 6px solid #31708f;
  924.  padding: 0.5em;
  925. }
  926. pre {
  927.  border-radius: inherit;
  928.  border: inherit;
  929.  background-color: inherit;
  930. }
  931.  
  932. /* forum */
  933. #Head {
  934.  background-color: #670000;
  935.  background-image: linear-gradient(#670000, #990000);
  936.  padding: 0.25em 0;
  937. }
  938. #Panel {
  939.  float: left;
  940.  width: 200px;
  941.  margin: 0 10px 10px 0;
  942.  font-size: smaller;
  943. }
  944. #Panel .FilterMenu, #Panel .PanelCategories {
  945.  margin: .5em 0 0;
  946.  list-style-type: none;
  947.  padding: 1em 0;
  948.  box-shadow: 0 0 5px #DDDDDD;
  949.  border: 1px solid #BBBBBB;
  950.  border-radius: 5px;
  951.  background-color: white;
  952. }
  953. #Panel .FilterMenu li, #Panel .PanelCategories li {
  954.  border: none!important;
  955.  padding:0!important;
  956. }
  957. #Panel .FilterMenu a, #Panel .PanelCategories a {
  958.  padding: .35em 1em;
  959.  display: block;
  960. }
  961. #Panel .FilterMenu a:hover, #Panel .PanelCategories a:hover {
  962.  background: linear-gradient(white, #F6F6F6);
  963.  text-decoration: none;
  964.  box-shadow: inset 0 -1px #DDDDDD, inset 0 1px #EEEEEE;
  965. }
  966. #Panel .FilterMenu .Active a, #Panel .PanelCategories .Active a {
  967.  border-left: 7px solid #800;
  968.  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1);
  969.  margin: .25em 0 .25em -4px;
  970.  padding: .4em 1em .4em calc(1em - 3px);
  971.  background: linear-gradient(white, #EEEEEE);
  972. }
  973. #Content {
  974.  float: left;
  975.  width: 720px;
  976.  margin: 10px 0;
  977.  padding: 0 1em 1em;
  978.  border: 1px solid #BBBBBB;
  979.  border-radius: 5px;
  980.  background-color: white;
  981.  box-shadow: 0 0 5px #DDDDDD;
  982. }
  983. #Content .HomepageTitle {
  984.  display: inline-block;
  985.  position: relative;
  986.  top: -4px;
  987.  margin: 0 -4px 0 0;
  988.  padding: 0.25em .5em .5em;
  989.  background: rgba(0, 0, 0, 0.03);
  990.  font-weight: bold;
  991.  border-top: 7px solid #990000;
  992.  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1);
  993. }
  994. #Content .PageControls {
  995.  display: inline-block;
  996.  float: right;
  997. }
  998. .Discussions {
  999.  clear: both;
  1000. }
  1001. .Discussions > li:first-child {
  1002.  border-width: 1px 0;
  1003. }
  1004. .Message pre {
  1005.  border-radius: 2px;
  1006.  border: 1px solid #E6DDD6;
  1007.  background-color: #F2E5E5;
  1008. }
  1009. .RecentDiscussionFilterOptions {
  1010.  text-align: left;
  1011. }
  1012. .RecentDiscussionFilter a {
  1013.  display: inline-block;
  1014.  background-color: #F2E5E5;
  1015.  padding: 0.2em 0.5em;
  1016.  margin-top: 0.5em;
  1017.  border-radius: 5px;
  1018.  text-decoration: none;
  1019. }
  1020. .Pager > * {
  1021.  display: inline-block;
  1022.  background-color: #F2E5E5;
  1023.  padding: 0.2em 0.5em;
  1024.  margin-bottom: 1em;
  1025.  border-radius: 5px;
  1026.  text-decoration: none;
  1027. }
  1028. .Pager > span {
  1029.  display: none;
  1030. }
  1031. .Pager > .Ellipsis, .Pager > .Highlight {
  1032.  display: inline-block;
  1033.  background-color: transparent;
  1034. }
  1035. .Pager > a:hover {
  1036.  background-color: #e2c5c5;
  1037. }
  1038. .Pager, .Category-script-discussions{
  1039.  -webkit-user-select: none;
  1040.  -moz-user-select: none;
  1041.  user-select: none;
  1042. }
  1043. /* sign_up, sign_in and password/new */
  1044. body .width-constraint > h2, body .width-constraint > h3 {
  1045.  width: 340px;
  1046.  margin: 1em auto;
  1047.  text-align: center;
  1048. }
  1049. form.inline-form {
  1050.  position: relative;
  1051.  display: block;
  1052.  margin: 0 auto;
  1053.  padding: 1em;
  1054.  background-color: #fff;
  1055.  border: 1px solid #d8dee2;
  1056.  border-radius: 5px;
  1057.  text-align: center;
  1058. }
  1059. form.new_user {
  1060.  position: relative;
  1061.  width: 340px;
  1062.  margin: 0 auto;
  1063.  padding: 1em;
  1064.  background-color: #fff;
  1065.  border: 1px solid #d8dee2;
  1066.  border-radius: 5px;
  1067.  text-align: left;
  1068. }
  1069. form.new_user label {
  1070.  display: block;
  1071.  font-size: small;
  1072. }
  1073. form.new_user br {
  1074.  display: none;
  1075. }
  1076. form.new_user input[type="text"],
  1077. form.new_user input[type="email"],
  1078. form.new_user input[type="password"] {
  1079.  display: block;
  1080.  width: 100%;
  1081.  min-height: 34px;
  1082.  box-sizing: border-box;
  1083.  margin-top: 0.2em;
  1084.  margin-bottom: 0.5em;
  1085.  padding: 6px 8px;
  1086.  font-size: 14px;
  1087.  line-height: 20px;
  1088.  vertical-align: middle;
  1089.  color: #333;
  1090.  background-color: #fff;
  1091.  border: 1px solid #ddd;
  1092.  border-radius: 3px;
  1093.  outline: none;
  1094.  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  1095. }
  1096. form input[type="checkbox"],
  1097. form input[type="checkbox"] + label {
  1098.  display: inline-block;
  1099.  font-size: small;
  1100. }
  1101. form.new_user input[type="submit"] {
  1102.  display: block;
  1103.  width: 100%;
  1104.  min-height: 34px;
  1105.  box-sizing: border-box;
  1106.  margin: 0.5em 0 0 0;
  1107.  padding: 6px 8px;
  1108.  font-size: 14px;
  1109.  font-weight: bold;
  1110.  line-height: 20px;
  1111.  text-align: center;
  1112.  vertical-align: middle;
  1113.  color: #fff;
  1114.  background-color: #670000;
  1115.  background-image: linear-gradient(#990000, #670000);
  1116.  border: 1px solid #ddd;
  1117.  border-radius: 3px;
  1118. }
  1119. form.new_user ~ br {
  1120.  display: none
  1121. }
  1122. form.new_user ~ a {
  1123.  width: 340px;
  1124.  display: block;
  1125.  margin: 0 auto 2em;
  1126.  font-size: small;
  1127. }
  1128. form.new_user + a {
  1129.  width: 340px;
  1130.  display: block;
  1131.  margin: 0 auto;
  1132. }
  1133. /* moderator_actions */
  1134. body > .width-constraint > table {
  1135.  padding: 0 1em 1em;
  1136.  border: 1px solid #BBBBBB;
  1137.  border-radius: 5px;
  1138.  clear: left;
  1139.  background-color: white;
  1140.  margin: 1em 0;
  1141.  box-shadow: 0 0 5px #DDDDDD;
  1142. }
  1143. body > .width-constraint > table time {
  1144.  display: inline-block;
  1145.  min-width: 7em;
  1146. }
  1147.  /*
  1148.  // </@custom.css>
  1149.  */
  1150.  `);
  1151.  
  1152.  onReady(function(){
  1153.   // remove only the CSS in the main site, not in the forum
  1154.   qsRemove('link[rel="stylesheet"][href*="/assets/application"]');
  1155.  
  1156.   // reorganize elements on scripts info page:
  1157.   qsMoveAfter('#script-info>header', '#script-links');
  1158.   qsMoveAfter('dt.script-show-version', 'dd.script-list-ratings');
  1159.   qsMoveAfter('dd.script-show-version' , 'dt.script-show-version');
  1160.   qsMoveAfter('dt.script-show-compatibility', 'dd.script-show-updated-date');
  1161.   qsMoveAfter('dd.script-show-compatibility', 'dt.script-show-compatibility');
  1162.  
  1163.  });
  1164. })();