mapaler
/
PADDashFormation
Not watched
1
0
Fork 0
Code
Releases 163 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: c4604e337a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c4604e337a'
${ noResults }
PADDashFormation/style.css

371 lines
13 kB
Raw Blame History 

  1. @charset "utf-8";

  2. .title{

  3. 	border: none;

  4. 	background: none;

  5. 	font-size: 2em;

  6. 	font-weight: bold;

  7. }

  8. ul{

  9. 	margin: 0;

  10. 	padding: 0;

  11. 	list-style: none;

  12. }

  13. /*队伍的整个盒子*/

  14. .formation-box{

  15. }

  16. /*辅助行*/

  17. .formation-assist{

  18. }

  19. /*队伍行*/

  20. .formation-team{

  21. }

  22. /*单个怪物*/

  23. .monster{

  24. 	width: 100px;

  25. 	height: 100px;

  26. 	margin: 0;

  27. 	display: block;

  28. 	float: left;

  29. 	background-image: url(images/001.png);

  30. 	background-repeat: no-repeat;

  31. 	position: relative;

  32. 	margin: 4px; /*留给队长边框的*/

  33. }

  34. /*怪物属性*/

  35. .property,.subproperty{

  36. 	position:absolute;

  37. 	left:0;top:0;

  38. 	width: 100px;

  39. 	height: 100px;

  40. 	background-repeat: no-repeat;

  41. 	background-image: url(images/CARDFRAME2.PNG);

  42. 	background-position: 100px 100px; /*默认都不显示*/

  43. }

  44. .property--1{

  45. 	background: none; /*无*/

  46. }

  47. .property-0{

  48. 	background-position: 0 0; /*火*/

  49. }

  50. .property-1{

  51. 	background-position: -102px 0; /*水*/

  52. }

  53. .property-2{

  54. 	background-position: -204px 0; /*木*/

  55. }

  56. .property-3{

  57. 	background-position: -306px 0; /*光*/

  58. }

  59. .property-4{

  60. 	background-position: -408px 0; /*暗*/

  61. }

  62. .subproperty--1{

  63. 	background: none; /*无*/

  64. }

  65. .subproperty-0{

  66. 	background-position: 0 -104px; /*火*/

  67. }

  68. .subproperty-1{

  69. 	background-position: -102px -104px; /*水*/

  70. }

  71. .subproperty-2{

  72. 	background-position: -204px -104px; /*木*/

  73. }

  74. .subproperty-3{

  75. 	background-position: -306px -104px; /*光*/

  76. }

  77. .subproperty-4{

  78. 	background-position: -408px -104px; /*暗*/

  79. }

  80. /*怪物-加值*/

  81. .monster .addition{

  82. 	color: yellow;

  83. 	font-size: 20px;

  84. 	line-height: 20px;

  85. 	font-weight: bold;

  86. 	text-shadow: black 0 0 1px, black 2px 2px 0;

  87. 	position: absolute;

  88. 	left:0;

  89. }

  90. .monster .addition ._297{

  91. 	display:none;

  92. }

  93. .monster .addition .hp::before,

  94. .monster .addition .atk::before,

  95. .monster .addition .def::before,

  96. .monster .addition ._297::before{

  97. 	content: "+";

  98. }

  99. .monster .addition.has297 .hp,

  100. .monster .addition.has297 .atk,

  101. .monster .addition.has297 .def{

  102. 	display:none;

  103. }

  104. .monster .addition.has297 ._297{

  105. 	display:block;

  106. }

  107. /*怪物-觉醒*/

  108. .monster .awoken-icon{

  109. 	color: yellow;

  110. 	font-size: 18px;

  111. 	line-height: 24px;

  112. 	font-weight: bold;

  113. 	text-shadow: black 0 0 4px;

  114. 	text-align: center;

  115. 	background-image: url(images/awoken-bg.png);

  116. 	background-size: 27px 30px;

  117. 	width: 27px;

  118. 	height: 30px;

  119. 	position: absolute;

  120. 	right: 0;

  121. }

  122. .monster .awoken-icon.awoken-none{

  123. 	display:none;

  124. }

  125. /*怪物-等级*/

  126. .monster .level{

  127. 	color: white;

  128. 	font-size: 18px;

  129. 	text-shadow: black 2px 2px 0;

  130. 	position: absolute;

  131. 	left: 5px;

  132. 	bottom: 0;

  133. }

  134. .monster .level::before{

  135. 	content: "Lv";

  136. }

  137. /*辅助和队伍的每一只框架*/

  138. .assist, .team, .acquisitus-awoken-icon {

  139. 	display: block;

  140. 	float: left;

  141. 	position: relative;

  142. 	width: 108px;

  143. }

  144. /*

  145. .assist:first-of-type, .team:first-of-type {

  146. 	margin-left: 0px;

  147. }

  148. */

  149. /*队伍的背景色*/

  150. .formation-assist, .formation-team{

  151. 	display: inline-block;

  152. }

  153. .formation-A-box .formation-team{

  154. 	background-color:pink;

  155. }

  156. .formation-B-box .formation-team{

  157. 	background-color:lightblue;

  158. }

  159. .formation-A-bigbox, .formation-B-bigbox{

  160. 	position: relative;

  161. 	font-size:0;

  162. }

  163. .formation-B-bigbox{

  164. 	margin-top:15px;

  165. }

  166. /*队伍A、B的文字*/

  167. .formation-A-bigbox::after, .formation-B-bigbox::before{

  168. 	font-size: 30px;

  169. 	font-weight: bold;

  170. 	text-align: center;

  171. 	line-height: 50px;

  172. 	white-space: pre-wrap;

  173. 	display: inline-block;

  174. 	width: 108px;

  175. 	height: 108px;

  176. }

  177. .formation-A-bigbox::after{

  178. 	color:red;

  179. 	background-color:pink;

  180. 	content: "队伍\A A";

  181. }

  182. .formation-B-bigbox::before{

  183. 	color:blue;

  184. 	background-color:lightblue;

  185. 	content: "队伍\A B";

  186. 	vertical-align:top;

  187. }

  188. .formation-A-box, .formation-B-box{

  189. 	display: inline-block;

  190. 	vertical-align:bottom;

  191. }

  192. 

  193. .formation-A-box .assist::after, .formation-B-box .assist::before{

  194. 	text-align: center;

  195. 	font-size: 18px;

  196. 	font-weight: bold;

  197. 	display: block;

  198. 	position: relative;

  199. }

  200. .formation-A-box .assist::after{

  201. 	color:red;

  202. 	content: "▼辅助";

  203. }

  204. .formation-B-box .assist::before{

  205. 	color:blue;

  206. 	content: "▲辅助";

  207. }

  208. 

  209. .a-awoken-icon-1 li{

  210. 	background-image: url(images/sha.png);

  211. 	background-size: 50px 21px;

  212. 	width: 50px;

  213. 	height: 21px;

  214. 	margin-right: 4px;

  215. }

  216. .a-awoken-icon-2 li{

  217. 	background-image: url(images/fangzuo.png);

  218. 	background-size: 21px 21px;

  219. 	width: 21px;

  220. 	height: 21px;

  221. 	margin-left: 6px;

  222. }

  223. .a-awoken-icon-ul li{

  224. 	float:left;

  225. }

  226. /*

  227. .formation-A-box .team::after, .formation-B-box .team::before{

  228. 	text-align: center;

  229. 	border: 1px green solid;

  230. 	color:red;

  231. 	font-size: 18px;

  232. 	font-weight: bold;

  233. 	display: block;

  234. 	content: " ";

  235. }

  236. */

  237. /*队长的边框*/

  238. .formation-A-box .formation-team .team-leader .monster, .formation-B-box .formation-team .team-leader .monster{

  239. 	border-radius: 10px;

  240. 	border-width:4px;

  241. 	border-style:solid;

  242. 	margin: 0;

  243. }

  244. .formation-A-box .formation-team .team-leader .monster{

  245. 	border-color: red;

  246. }

  247. .formation-B-box .formation-team .team-leader .monster{

  248. 	border-color: blue;

  249. }

  250. 

  251. /*宠物头像所用的图片*/

  252. .pet-cards-1{background-image: url(images/cards/CARDS_001.PNG);}

  253. .pet-cards-2{background-image: url(images/cards/CARDS_002.PNG);}

  254. .pet-cards-3{background-image: url(images/cards/CARDS_003.PNG);}

  255. .pet-cards-4{background-image: url(images/cards/CARDS_004.PNG);}

  256. .pet-cards-5{background-image: url(images/cards/CARDS_005.PNG);}

  257. .pet-cards-6{background-image: url(images/cards/CARDS_006.PNG);}

  258. .pet-cards-7{background-image: url(images/cards/CARDS_007.PNG);}

  259. .pet-cards-8{background-image: url(images/cards/CARDS_008.PNG);}

  260. .pet-cards-9{background-image: url(images/cards/CARDS_009.PNG);}

  261. .pet-cards-10{background-image: url(images/cards/CARDS_010.PNG);}

  262. .pet-cards-11{background-image: url(images/cards/CARDS_011.PNG);}

  263. .pet-cards-12{background-image: url(images/cards/CARDS_012.PNG);}

  264. .pet-cards-13{background-image: url(images/cards/CARDS_013.PNG);}

  265. .pet-cards-14{background-image: url(images/cards/CARDS_014.PNG);}

  266. .pet-cards-15{background-image: url(images/cards/CARDS_015.PNG);}

  267. .pet-cards-16{background-image: url(images/cards/CARDS_016.PNG);}

  268. .pet-cards-17{background-image: url(images/cards/CARDS_017.PNG);}

  269. .pet-cards-18{background-image: url(images/cards/CARDS_018.PNG);}

  270. .pet-cards-19{background-image: url(images/cards/CARDS_019.PNG);}

  271. .pet-cards-20{background-image: url(images/cards/CARDS_020.PNG);}

  272. .pet-cards-21{background-image: url(images/cards/CARDS_021.PNG);}

  273. .pet-cards-22{background-image: url(images/cards/CARDS_022.PNG);}

  274. .pet-cards-23{background-image: url(images/cards/CARDS_023.PNG);}

  275. .pet-cards-24{background-image: url(images/cards/CARDS_024.PNG);}

  276. .pet-cards-25{background-image: url(images/cards/CARDS_025.PNG);}

  277. .pet-cards-26{background-image: url(images/cards/CARDS_026.PNG);}

  278. .pet-cards-27{background-image: url(images/cards/CARDS_027.PNG);}

  279. .pet-cards-28{background-image: url(images/cards/CARDS_028.PNG);}

  280. .pet-cards-29{background-image: url(images/cards/CARDS_029.PNG);}

  281. .pet-cards-30{background-image: url(images/cards/CARDS_030.PNG);}

  282. .pet-cards-31{background-image: url(images/cards/CARDS_031.PNG);}

  283. .pet-cards-32{background-image: url(images/cards/CARDS_032.PNG);}

  284. .pet-cards-33{background-image: url(images/cards/CARDS_033.PNG);}

  285. .pet-cards-34{background-image: url(images/cards/CARDS_034.PNG);}

  286. .pet-cards-35{background-image: url(images/cards/CARDS_035.PNG);}

  287. .pet-cards-36{background-image: url(images/cards/CARDS_036.PNG);}

  288. .pet-cards-37{background-image: url(images/cards/CARDS_037.PNG);}

  289. .pet-cards-38{background-image: url(images/cards/CARDS_038.PNG);}

  290. .pet-cards-39{background-image: url(images/cards/CARDS_039.PNG);}

  291. .pet-cards-40{background-image: url(images/cards/CARDS_040.PNG);}

  292. .pet-cards-41{background-image: url(images/cards/CARDS_041.PNG);}

  293. .pet-cards-42{background-image: url(images/cards/CARDS_042.PNG);}

  294. .pet-cards-43{background-image: url(images/cards/CARDS_043.PNG);}

  295. .pet-cards-44{background-image: url(images/cards/CARDS_044.PNG);}

  296. .pet-cards-45{background-image: url(images/cards/CARDS_045.PNG);}

  297. .pet-cards-46{background-image: url(images/cards/CARDS_046.PNG);}

  298. .pet-cards-47{background-image: url(images/cards/CARDS_047.PNG);}

  299. .pet-cards-48{background-image: url(images/cards/CARDS_048.PNG);}

  300. .pet-cards-49{background-image: url(images/cards/CARDS_049.PNG);}

  301. .pet-cards-50{background-image: url(images/cards/CARDS_050.PNG);}

  302. .pet-cards-51{background-image: url(images/cards/CARDS_051.PNG);}

  303. .pet-cards-52{background-image: url(images/cards/CARDS_052.PNG);}

  304. .pet-cards-53{background-image: url(images/cards/CARDS_053.PNG);}

  305. .pet-cards-54{background-image: url(images/cards/CARDS_054.PNG);}

  306. .pet-cards-55{background-image: url(images/cards/CARDS_055.PNG);}

  307. .pet-cards-56{background-image: url(images/cards/CARDS_056.PNG);}

  308. .pet-cards-57{background-image: url(images/cards/CARDS_057.PNG);}

  309. .pet-cards-58{background-image: url(images/cards/CARDS_058.PNG);}

  310. .pet-cards-59{background-image: url(images/cards/CARDS_059.PNG);}

  311. .pet-cards-60{background-image: url(images/cards/CARDS_060.PNG);}

  312. .pet-cards-61{background-image: url(images/cards/CARDS_061.PNG);}

  313. .pet-cards-62{background-image: url(images/cards/CARDS_062.PNG);}

  314. .pet-cards-63{background-image: url(images/cards/CARDS_063.PNG);}

  315. .pet-cards-64{background-image: url(images/cards/CARDS_064.PNG);}

  316. .pet-cards-65{background-image: url(images/cards/CARDS_065.PNG);}

  317. .pet-cards-66{background-image: url(images/cards/CARDS_066.PNG);}

  318. .pet-cards-67{background-image: url(images/cards/CARDS_067.PNG);}

  319. .pet-cards-68{background-image: url(images/cards/CARDS_068.PNG);}

  320. .pet-cards-69{background-image: url(images/cards/CARDS_069.PNG);}

  321. .pet-cards-70{background-image: url(images/cards/CARDS_070.PNG);}

  322. .pet-cards-71{background-image: url(images/cards/CARDS_071.PNG);}

  323. .pet-cards-72{background-image: url(images/cards/CARDS_072.PNG);}

  324. .pet-cards-73{background-image: url(images/cards/CARDS_073.PNG);}

  325. .pet-cards-74{background-image: url(images/cards/CARDS_074.PNG);}

  326. .pet-cards-75{background-image: url(images/cards/CARDS_075.PNG);}

  327. .pet-cards-76{background-image: url(images/cards/CARDS_076.PNG);}

  328. .pet-cards-77{background-image: url(images/cards/CARDS_077.PNG);}

  329. .pet-cards-78{background-image: url(images/cards/CARDS_078.PNG);}

  330. .pet-cards-79{background-image: url(images/cards/CARDS_079.PNG);}

  331. .pet-cards-80{background-image: url(images/cards/CARDS_080.PNG);}

  332. .pet-cards-81{background-image: url(images/cards/CARDS_081.PNG);}

  333. .pet-cards-82{background-image: url(images/cards/CARDS_082.PNG);}

  334. .pet-cards-83{background-image: url(images/cards/CARDS_083.PNG);}

  335. .pet-cards-84{background-image: url(images/cards/CARDS_084.PNG);}

  336. .pet-cards-85{background-image: url(images/cards/CARDS_085.PNG);}

  337. .pet-cards-86{background-image: url(images/cards/CARDS_086.PNG);}

  338. .pet-cards-87{background-image: url(images/cards/CARDS_087.PNG);}

  339. .pet-cards-88{background-image: url(images/cards/CARDS_088.PNG);}

  340. .pet-cards-89{background-image: url(images/cards/CARDS_089.PNG);}

  341. .pet-cards-90{background-image: url(images/cards/CARDS_090.PNG);}

  342. .pet-cards-91{background-image: url(images/cards/CARDS_091.PNG);}

  343. .pet-cards-92{background-image: url(images/cards/CARDS_092.PNG);}

  344. .pet-cards-93{background-image: url(images/cards/CARDS_093.PNG);}

  345. .pet-cards-94{background-image: url(images/cards/CARDS_094.PNG);}

  346. .pet-cards-95{background-image: url(images/cards/CARDS_095.PNG);}

  347. .pet-cards-96{background-image: url(images/cards/CARDS_096.PNG);}

  348. .pet-cards-97{background-image: url(images/cards/CARDS_097.PNG);}

  349. .pet-cards-98{background-image: url(images/cards/CARDS_098.PNG);}

  350. .pet-cards-99{background-image: url(images/cards/CARDS_099.PNG);}

  351. /*宠物在图中编号对应的坐标*/

  352. .pet-cards-index-x-0{background-position-x:0px;}

  353. .pet-cards-index-x-1{background-position-x:-102px;}

  354. .pet-cards-index-x-2{background-position-x:-204px;}

  355. .pet-cards-index-x-3{background-position-x:-306px;}

  356. .pet-cards-index-x-4{background-position-x:-408px;}

  357. .pet-cards-index-x-5{background-position-x:-510px;}

  358. .pet-cards-index-x-6{background-position-x:-612px;}

  359. .pet-cards-index-x-7{background-position-x:-714px;}

  360. .pet-cards-index-x-8{background-position-x:-816px;}

  361. .pet-cards-index-x-9{background-position-x:-918px;}

  362. .pet-cards-index-y-0{background-position-y:0px;}

  363. .pet-cards-index-y-1{background-position-y:-102px;}

  364. .pet-cards-index-y-2{background-position-y:-204px;}

  365. .pet-cards-index-y-3{background-position-y:-306px;}

  366. .pet-cards-index-y-4{background-position-y:-408px;}

  367. .pet-cards-index-y-5{background-position-y:-510px;}

  368. .pet-cards-index-y-6{background-position-y:-612px;}

  369. .pet-cards-index-y-7{background-position-y:-714px;}

  370. .pet-cards-index-y-8{background-position-y:-816px;}

  371. .pet-cards-index-y-9{background-position-y:-918px;}