fe-helper.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. .fe-helper-hide {
  2. display:none;
  3. }
  4. #fe-helper-box {
  5. position: fixed;
  6. left: 1px;
  7. bottom: 0;
  8. right:8px;
  9. z-index: 2147483646;
  10. font-size:12px;
  11. }
  12. #fe-helper-main-ifr {
  13. width: 100%;
  14. height: 100%;
  15. position: absolute;
  16. left: 0;
  17. top: 0;
  18. bottom:0;
  19. z-index: 2147483646;
  20. }
  21. #fe-helper-main-tab {
  22. width: 100%;
  23. position: absolute;
  24. top:0;
  25. left: 0;
  26. bottom: 0;
  27. z-index: 2147483647;
  28. background: #fcfcfc;
  29. text-align:left;
  30. }
  31. #fe-helper-main-tab .ui-tabs-nav {
  32. -webkit-user-select : none;
  33. }
  34. #fe-helper-main-tab li .ui-icon-close {
  35. float: left;
  36. margin: 0.4em 0.2em 0 0;
  37. cursor: pointer;
  38. }
  39. #fe-helper-main-tab.ui-tabs .ui-tabs-panel {
  40. padding-right:0;
  41. }
  42. #fe-helper-main-tab .rst-title .rst-count{
  43. color:#f00;
  44. }
  45. #fe-helper-main-tab .rst-content{
  46. color:#666;
  47. height:460px;
  48. overflow-y:auto;
  49. }
  50. #fe-helper-main-tab .rst-content .x-num{
  51. color:#f00;
  52. font-weight:bold;
  53. }
  54. #fe-helper-main-tab .rst-content .x-tag{
  55. color:#00f;
  56. font-weight:bold;
  57. }
  58. #fe-helper-main-tab .rst-content .x-attr{
  59. color:#b00;
  60. font-weight:bold;
  61. }
  62. #fe-helper-main-tab .rst-content .x-file{
  63. color:#48b;
  64. }
  65. #fe-helper-box .ui-corner-top>a{
  66. font-weight:bold;
  67. }
  68. #fe-helper-box .ui-resizable-s{
  69. position: absolute;
  70. top:0px;
  71. z-index: 2147483647;
  72. }
  73. #fe-helper-box #fe-helper-minusthick,
  74. #fe-helper-box #fe-helper-plusthick,
  75. #fe-helper-box #fe-helper-closethick{
  76. float:right;
  77. cursor:pointer;
  78. margin:5px 5px 0 ;
  79. }
  80. #fe-helper-box #fe-helper-minusthick:hover,
  81. #fe-helper-box #fe-helper-plusthick:hover,
  82. #fe-helper-box #fe-helper-closethick:hover{
  83. background:#c00;
  84. }
  85. #fe-helper-box table {
  86. font-size:11px;
  87. border:2px solid #366EB9;
  88. border-collapse:collapse;
  89. width:100%;
  90. table-layout:fixed;
  91. }
  92. #fe-helper-box table th,
  93. #fe-helper-box table td {
  94. vertical-align:middle;
  95. padding:3px 10px;
  96. border:1px solid #eee;
  97. }
  98. #fe-helper-box table .td-linenum {
  99. background:#ffc;
  100. color:#900;
  101. font-weight:normal;
  102. font-style:italic;
  103. text-align:right;
  104. -webkit-user-select:none;
  105. width:10%;
  106. cursor:default;
  107. }
  108. #fe-helper-box table .td-content {
  109. text-align:left;
  110. padding-left:10px;
  111. width:90%;
  112. }
  113. #fe-helper-box table .td-content-title {
  114. text-align:right;
  115. padding-right:10px;
  116. width:6%;
  117. }
  118. #fe-helper-box table .td-content-content {
  119. text-align:left;
  120. padding-left:10px;
  121. width:84%;
  122. }
  123. #fe-helper-box table .td-content-content.-c-x-issue {
  124. color:#555;
  125. }
  126. #fe-helper-box table .td-cookie-linenum {
  127. background:#ffc;
  128. color:#900;
  129. font-weight:normal;
  130. font-style:italic;
  131. text-align:right;
  132. -webkit-user-select:none;
  133. width:5%;
  134. }
  135. #fe-helper-box table .td-cookie-name {
  136. width:20%;
  137. word-wrap:break-word;
  138. }
  139. #fe-helper-box table .td-cookie-value {
  140. word-wrap:break-word;
  141. width:30%;
  142. }
  143. #fe-helper-box table .td-cookie-domain {
  144. width:15%;
  145. }
  146. #fe-helper-box table .td-cookie-expires {
  147. width:20%;
  148. }
  149. #fe-helper-box table .td-cookie-op {
  150. width:10%;
  151. text-align:center;
  152. }
  153. #fe-helper-box table thead td{
  154. background:#366EB9;
  155. font-weight:bold;
  156. height:20px;
  157. text-align:center;
  158. color:#ff0;
  159. cursor:default;
  160. }
  161. #fe-helper-box table thead .td-content-title {
  162. border-right:none;
  163. }
  164. #fe-helper-box table thead .td-content-content {
  165. border-left:none;
  166. text-align:center;
  167. }
  168. #fe-helper-box table tbody tr.tr-content-even {
  169. background:#F3FAFF;
  170. }
  171. #fe-helper-box table tbody tr:hover {
  172. background:#ffa;
  173. }
  174. #fe-helper-box table tbody .-x-issue{
  175. color:#b00;
  176. }
  177. #fe-helper-box table tbody .-x-suggestion{
  178. color:#00b;
  179. }
  180. #fe-helper-box .x-selector {
  181. color:#00f;
  182. }
  183. #fe-helper-box .x-css-text {
  184. color:#aaa;
  185. padding-left:20px;
  186. }
  187. #fe-helper-box .table-css-bg {
  188. margin-left:40px;
  189. margin-top:10px;
  190. }
  191. #fe-helper-box .table-css-bg div {
  192. height:20px;
  193. }
  194. #fe-helper-box .table-css-bg div:hover {
  195. background:#fff;
  196. }
  197. #fe-helper-box .x-expand {
  198. margin-left:20px;
  199. cursor:pointer;
  200. color:#48b;
  201. font-weight:bold;
  202. }
  203. #fe-img-tootip {
  204. position:absolute;
  205. z-index: 2147483647;
  206. top:-10000px;
  207. left:-10000px;
  208. }
  209. #f-h-p-m {
  210. position:fixed;
  211. top:0;
  212. left:0;
  213. bottom:0;
  214. right:0;
  215. z-index: 2147483646;
  216. background:#000;
  217. opacity:0.4;
  218. }
  219. #fe-helper-progress-bar-img {
  220. position:fixed;
  221. z-index: 2147483647;
  222. width:800px;
  223. height:20px;
  224. line-height:20px;
  225. text-align:center;
  226. font-weight:bold;
  227. color:#f00;
  228. border:1px solid transparent;
  229. -webkit-border-radius:2px 2px;
  230. }
  231. #fe-helper-progress-bar {
  232. width:0px;
  233. height:0px;
  234. }
  235. #fe-helper-acc-HTML-issue-sug,
  236. #fe-helper-acc-CSS-issue-sug,
  237. #fe-helper-acc-Javascript-issue-sug{
  238. width:100%;
  239. overflow:auto;
  240. }
  241. #fe-helper-box .-f-h-get-more- {
  242. position:absolute;
  243. bottom:10px;
  244. right:20px;
  245. color:#00f;
  246. }
  247. #fe-helper-grid {
  248. position:absolute;
  249. top:0;
  250. left:0;
  251. z-index:2147483647;
  252. opacity:0.2;
  253. overflow:hidden;
  254. -webkit-user-select:none;
  255. }
  256. #fe-helper-btn-close-grid {
  257. position:fixed;
  258. bottom:10px;
  259. right:10px;
  260. font-size:12px;
  261. font-weight:bold;
  262. color:#00f;
  263. z-index:2147483647;
  264. cursor:pointer;
  265. }
  266. #fe-helper-btn-close-grid:hover {
  267. color:#f00;
  268. }
  269. #fe-helper-g-pos {
  270. background:none;
  271. position:absolute;
  272. top:0;
  273. left:0;
  274. z-index:2147483646;
  275. border:1px solid #0b0;
  276. border-width:0 1px 1px 0;
  277. }
  278. #fe-helper-gp-info {
  279. position:absolute;
  280. z-index:2147483646;
  281. background:#ffc;
  282. border:1px solid #666;
  283. font-size:12px;
  284. text-align:left;
  285. padding:2px 10px;
  286. display:none;
  287. color:#000;
  288. }
  289. #fe-helper-ruler-top {
  290. position:fixed;
  291. top:0;
  292. left:0;
  293. right:0;
  294. height:20px;
  295. background:#fff;
  296. border-bottom:1px solid #000;
  297. z-index:2147483647;
  298. overflow:hidden;
  299. }
  300. #fe-helper-ruler-left {
  301. position:fixed;
  302. top:0px;
  303. left:0;
  304. bottom:0;
  305. width:20px;
  306. background:#fff;
  307. border-right:1px solid #000;
  308. z-index:2147483647;
  309. overflow:hidden;
  310. }
  311. #fe-helper-ruler-top .h-line{
  312. position:absolute;
  313. width:1px;
  314. background:#000;
  315. }
  316. #fe-helper-ruler-top .h-text{
  317. position:absolute;
  318. top:0;
  319. font-size:8px;
  320. color:#000;
  321. }
  322. #fe-helper-ruler-left .v-line{
  323. position:absolute;
  324. height:1px;
  325. background:#000;
  326. }
  327. #fe-helper-ruler-left .v-text{
  328. position:absolute;
  329. left:0;
  330. font-size:8px;
  331. color:#000;
  332. -webkit-transform:rotate(90deg);
  333. margin-top:4px;
  334. }