☰

IP Dounford Scripts Styles

Centralize IP Dounford Styles

当前为 2024-09-03 提交的版本，查看 最新版本。

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/506089/1440715/IP%20Dounford%20Scripts%20Styles.js 

  1. // ==UserScript==
  2. // @name         IP Dounford Scripts Styles
  3. // @version      1.0.2
  4. // @description  Centralize IP Dounford Styles
  5. // @author       Dounford
  6. // @license      MIT
  7. // @match        *://idle-pixel.com/login/play*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12. 	'use strict';
  13. 	function isNewerVersion () {
  14. 		const oldParts = document.getElementById('dounfordStyles').getAttribute('version').split('.')
  15. 		const newParts = GM_info.script.version.split('.')
  16. 		for (let i = 0; i < newParts.length; i++) {
  17. 			const a = ~~newParts[i]
  18. 			const b = ~~oldParts[i]
  19. 			if (a > b) return true
  20. 			if (a < b) return false
  21. 		}
  22. 		return false
  23. 	}
  24.  
  25. 	(function addStyles() {
  26. 		let style = document.createElement('style');
  27. 		style.id = "dounfordStyles"
  28. 		style.setAttribute('version', GM_info.script.version)
  29. 		const styleHTML = `
  30. 		/* Hover */
  31. 		.dounfordHover:hover {
  32. 			cursor: pointer;
  33.     		background-color: rgb(225 225 225);
  34. 		}
  35. 		/* Modal Style */
  36. 		dialog::backdrop {
  37. 			background-color: rgba(0, 0, 0, 0.855);
  38. 		}
  39. 		.dounfordModal {
  40. 			padding: 0;
  41. 			width: 600px;
  42. 			background-color: #e5e5e5;
  43. 			border-radius: 0.5rem;
  44. 			overflow: visible;
  45. 		}
  46. 		.dounfordModal label {
  47. 			margin-left: 5px;
  48. 		}
  49. 		.dounfordModalHeader {
  50. 			display: flex;
  51. 			align-items: center;
  52. 			justify-content: space-between;
  53. 			padding: 1rem;
  54. 			border-bottom: 1px solid #ccc;
  55. 		}
  56. 		.dounfordModalBody {
  57. 			padding: 1rem;
  58. 			text-align: center;
  59. 		}
  60. 		.dounfordModalFooter {
  61. 			display: flex;
  62. 			align-items: center;
  63. 			justify-content: flex-end;
  64. 			padding: 0.75rem;
  65. 			border-top: 1px solid #ccc;
  66. 		}
  67. 		.dounfordModalFooter > * {
  68. 			margin: 0.25rem;
  69. 		}
  70. 		
  71. 		/* Blocked User Modal */
  72. 		.blockedUser {
  73. 			display: flex;
  74. 			justify-content: space-between;
  75. 			padding: 10px;
  76. 			border-radius: 10px;
  77. 			font-weight: bold;
  78. 			align-items: center;
  79. 		}
  80.  
  81. 		.blockedUser:hover {
  82. 			background-color: aliceblue;
  83. 		}
  84. 			
  85. 		/* Tooltips*/
  86. 		[dounfordTooltip] {
  87. 			position: relative;
  88. 			border-bottom: 1px dashed #000;
  89. 		}
  90.  
  91. 		[dounfordTooltip]::after {
  92. 			position: absolute;
  93. 			z-index: 10;
  94. 			opacity: 0;
  95. 			pointer-events: none;
  96. 			content: attr(dounfordTooltip);
  97. 			left: 0;
  98. 			top: calc(100% + 10px);
  99. 			border-radius: 3px;
  100. 			box-shadow: 0 0 5px 2px rgba(100, 100, 100, 0.6);
  101. 			background-color: black;
  102. 			color: white;
  103. 			padding: 5px;
  104. 			width: 200px;
  105. 		}
  106.  
  107. 		[dounfordTooltip]:hover::after {
  108. 			opacity: 1;
  109. 		}
  110. 			
  111. 		/* PVP Tab */
  112. 		.dounfordPVPGrid {
  113. 			display: grid;
  114. 			grid-template-columns: 1fr 1fr;
  115. 			grid-template-rows: 1fr 1fr;
  116. 		    color: white;
  117. 		}
  118. 		.dounfordPVPTitles {
  119. 			color: black;
  120. 			display: inline-block;
  121. 			padding: 10px;
  122. 			border: 2px solid gold;
  123. 			background-color: white;
  124. 			border-radius: 5px;
  125. 			margin: 5px;
  126. 			font-size: 1.2rem;
  127. 		}
  128. 		.dounfordPVPTitles {
  129. 			display: inline-flex;
  130. 			align-items: center;
  131. 			gap: 5px;
  132. 			border: 2px solid gold;
  133. 			border-radius: 5px;
  134. 			padding: 10px;
  135. 			font-size: 1.2rem;
  136. 			background-color: white;
  137. 			color: black;
  138. 		}
  139. 		`;
  140.  
  141. 		if (document.getElementById('dounfordStyles')) {
  142. 			if (!isNewerVersion()) return
  143. 			document.getElementById('dounfordStyles').innerHTML = styleHTML
  144. 			document.getElementById('dounfordStyles').setAttribute('version', GM_info.script.version)
  145. 		} else {
  146. 			style.innerHTML = styleHTML
  147. 			document.head.appendChild(style);
  148. 		}	
  149. 	})()
  150. })()