Inicio Explorar Ayuda
Registro Iniciar sesión
luyanan
/
plat-admin
Vigilar 1
Destacar 0
Fork 0
Código Incidencias 0 Pull Requests 0 Commits 58 Releases 0 Wiki

Plat Admin

Rama: master
Ramas Etiquetas
plat-admin
/
theme
/
popover.css

popover.css 11KB
Permalink Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565 
  1. /* BEM support Func
  2.  -------------------------- */
  3. /* Element Chalk Variables */
  4. /* Transition
  5. -------------------------- */
  6. /* Colors
  7. -------------------------- */
  8. /* 53a8ff */
  9. /* 66b1ff */
  10. /* 79bbff */
  11. /* 8cc5ff */
  12. /* a0cfff */
  13. /* b3d8ff */
  14. /* c6e2ff */
  15. /* d9ecff */
  16. /* ecf5ff */
  17. /* Link
  18. -------------------------- */
  19. /* Background
  20. -------------------------- */
  21. /* Border
  22. -------------------------- */
  23. /* Box-shadow
  24. -------------------------- */
  25. /* Fill
  26. -------------------------- */
  27. /* Font
  28. -------------------------- */
  29. /* Size
  30. -------------------------- */
  31. /* z-index
  32. -------------------------- */
  33. /* Disable base
  34. -------------------------- */
  35. /* Icon
  36. -------------------------- */
  37. /* Checkbox
  38. -------------------------- */
  39. /* Radio
  40. -------------------------- */
  41. /* Select
  42. -------------------------- */
  43. /* Alert
  44. -------------------------- */
  45. /* Message Box
  46. -------------------------- */
  47. /* Message
  48. -------------------------- */
  49. /* Notification
  50. -------------------------- */
  51. /* Input
  52. -------------------------- */
  53. /* Cascader
  54. -------------------------- */
  55. /* Group
  56. -------------------------- */
  57. /* Tab
  58. -------------------------- */
  59. /* Button
  60. -------------------------- */
  61. /* cascader
  62. -------------------------- */
  63. /* Switch
  64. -------------------------- */
  65. /* Dialog
  66. -------------------------- */
  67. /* Table
  68. -------------------------- */
  69. /* Pagination
  70. -------------------------- */
  71. /* Popover
  72. -------------------------- */
  73. /* Tooltip
  74. -------------------------- */
  75. /* Tag
  76. -------------------------- */
  77. /* Tree
  78. -------------------------- */
  79. /* Dropdown
  80. -------------------------- */
  81. /* Badge
  82. -------------------------- */
  83. /* Card
  84. --------------------------*/
  85. /* Slider
  86. --------------------------*/
  87. /* Steps
  88. --------------------------*/
  89. /* Menu
  90. --------------------------*/
  91. /* Rate
  92. --------------------------*/
  93. /* DatePicker
  94. --------------------------*/
  95. /* Loading
  96. --------------------------*/
  97. /* Scrollbar
  98. --------------------------*/
  99. /* Carousel
  100. --------------------------*/
  101. /* Collapse
  102. --------------------------*/
  103. /* Transfer
  104. --------------------------*/
  105. /* Header
  106.   --------------------------*/
  107. /* Footer
  108. --------------------------*/
  109. /* Main
  110. --------------------------*/
  111. /* Break-point
  112. --------------------------*/
  113. /* Break-points
  114.  -------------------------- */
  115. /* Scrollbar
  116.  -------------------------- */
  117. /* Placeholder
  118.  -------------------------- */
  119. /* BEM
  120.  -------------------------- */
  121. /* Element Chalk Variables */
  122. /* Transition
  123. -------------------------- */
  124. /* Colors
  125. -------------------------- */
  126. /* 53a8ff */
  127. /* 66b1ff */
  128. /* 79bbff */
  129. /* 8cc5ff */
  130. /* a0cfff */
  131. /* b3d8ff */
  132. /* c6e2ff */
  133. /* d9ecff */
  134. /* ecf5ff */
  135. /* Link
  136. -------------------------- */
  137. /* Background
  138. -------------------------- */
  139. /* Border
  140. -------------------------- */
  141. /* Box-shadow
  142. -------------------------- */
  143. /* Fill
  144. -------------------------- */
  145. /* Font
  146. -------------------------- */
  147. /* Size
  148. -------------------------- */
  149. /* z-index
  150. -------------------------- */
  151. /* Disable base
  152. -------------------------- */
  153. /* Icon
  154. -------------------------- */
  155. /* Checkbox
  156. -------------------------- */
  157. /* Radio
  158. -------------------------- */
  159. /* Select
  160. -------------------------- */
  161. /* Alert
  162. -------------------------- */
  163. /* Message Box
  164. -------------------------- */
  165. /* Message
  166. -------------------------- */
  167. /* Notification
  168. -------------------------- */
  169. /* Input
  170. -------------------------- */
  171. /* Cascader
  172. -------------------------- */
  173. /* Group
  174. -------------------------- */
  175. /* Tab
  176. -------------------------- */
  177. /* Button
  178. -------------------------- */
  179. /* cascader
  180. -------------------------- */
  181. /* Switch
  182. -------------------------- */
  183. /* Dialog
  184. -------------------------- */
  185. /* Table
  186. -------------------------- */
  187. /* Pagination
  188. -------------------------- */
  189. /* Popover
  190. -------------------------- */
  191. /* Tooltip
  192. -------------------------- */
  193. /* Tag
  194. -------------------------- */
  195. /* Tree
  196. -------------------------- */
  197. /* Dropdown
  198. -------------------------- */
  199. /* Badge
  200. -------------------------- */
  201. /* Card
  202. --------------------------*/
  203. /* Slider
  204. --------------------------*/
  205. /* Steps
  206. --------------------------*/
  207. /* Menu
  208. --------------------------*/
  209. /* Rate
  210. --------------------------*/
  211. /* DatePicker
  212. --------------------------*/
  213. /* Loading
  214. --------------------------*/
  215. /* Scrollbar
  216. --------------------------*/
  217. /* Carousel
  218. --------------------------*/
  219. /* Collapse
  220. --------------------------*/
  221. /* Transfer
  222. --------------------------*/
  223. /* Header
  224.   --------------------------*/
  225. /* Footer
  226. --------------------------*/
  227. /* Main
  228. --------------------------*/
  229. /* Break-point
  230. --------------------------*/
  231. /* BEM support Func
  232.  -------------------------- */
  233. /* Element Chalk Variables */
  234. /* Transition
  235. -------------------------- */
  236. /* Colors
  237. -------------------------- */
  238. /* 53a8ff */
  239. /* 66b1ff */
  240. /* 79bbff */
  241. /* 8cc5ff */
  242. /* a0cfff */
  243. /* b3d8ff */
  244. /* c6e2ff */
  245. /* d9ecff */
  246. /* ecf5ff */
  247. /* Link
  248. -------------------------- */
  249. /* Background
  250. -------------------------- */
  251. /* Border
  252. -------------------------- */
  253. /* Box-shadow
  254. -------------------------- */
  255. /* Fill
  256. -------------------------- */
  257. /* Font
  258. -------------------------- */
  259. /* Size
  260. -------------------------- */
  261. /* z-index
  262. -------------------------- */
  263. /* Disable base
  264. -------------------------- */
  265. /* Icon
  266. -------------------------- */
  267. /* Checkbox
  268. -------------------------- */
  269. /* Radio
  270. -------------------------- */
  271. /* Select
  272. -------------------------- */
  273. /* Alert
  274. -------------------------- */
  275. /* Message Box
  276. -------------------------- */
  277. /* Message
  278. -------------------------- */
  279. /* Notification
  280. -------------------------- */
  281. /* Input
  282. -------------------------- */
  283. /* Cascader
  284. -------------------------- */
  285. /* Group
  286. -------------------------- */
  287. /* Tab
  288. -------------------------- */
  289. /* Button
  290. -------------------------- */
  291. /* cascader
  292. -------------------------- */
  293. /* Switch
  294. -------------------------- */
  295. /* Dialog
  296. -------------------------- */
  297. /* Table
  298. -------------------------- */
  299. /* Pagination
  300. -------------------------- */
  301. /* Popover
  302. -------------------------- */
  303. /* Tooltip
  304. -------------------------- */
  305. /* Tag
  306. -------------------------- */
  307. /* Tree
  308. -------------------------- */
  309. /* Dropdown
  310. -------------------------- */
  311. /* Badge
  312. -------------------------- */
  313. /* Card
  314. --------------------------*/
  315. /* Slider
  316. --------------------------*/
  317. /* Steps
  318. --------------------------*/
  319. /* Menu
  320. --------------------------*/
  321. /* Rate
  322. --------------------------*/
  323. /* DatePicker
  324. --------------------------*/
  325. /* Loading
  326. --------------------------*/
  327. /* Scrollbar
  328. --------------------------*/
  329. /* Carousel
  330. --------------------------*/
  331. /* Collapse
  332. --------------------------*/
  333. /* Transfer
  334. --------------------------*/
  335. /* Header
  336.   --------------------------*/
  337. /* Footer
  338. --------------------------*/
  339. /* Main
  340. --------------------------*/
  341. /* Break-point
  342. --------------------------*/
  343. /* Break-points
  344.  -------------------------- */
  345. /* Scrollbar
  346.  -------------------------- */
  347. /* Placeholder
  348.  -------------------------- */
  349. /* BEM
  350.  -------------------------- */
  351. /* Element Chalk Variables */
  352. /* Transition
  353. -------------------------- */
  354. /* Colors
  355. -------------------------- */
  356. /* 53a8ff */
  357. /* 66b1ff */
  358. /* 79bbff */
  359. /* 8cc5ff */
  360. /* a0cfff */
  361. /* b3d8ff */
  362. /* c6e2ff */
  363. /* d9ecff */
  364. /* ecf5ff */
  365. /* Link
  366. -------------------------- */
  367. /* Background
  368. -------------------------- */
  369. /* Border
  370. -------------------------- */
  371. /* Box-shadow
  372. -------------------------- */
  373. /* Fill
  374. -------------------------- */
  375. /* Font
  376. -------------------------- */
  377. /* Size
  378. -------------------------- */
  379. /* z-index
  380. -------------------------- */
  381. /* Disable base
  382. -------------------------- */
  383. /* Icon
  384. -------------------------- */
  385. /* Checkbox
  386. -------------------------- */
  387. /* Radio
  388. -------------------------- */
  389. /* Select
  390. -------------------------- */
  391. /* Alert
  392. -------------------------- */
  393. /* Message Box
  394. -------------------------- */
  395. /* Message
  396. -------------------------- */
  397. /* Notification
  398. -------------------------- */
  399. /* Input
  400. -------------------------- */
  401. /* Cascader
  402. -------------------------- */
  403. /* Group
  404. -------------------------- */
  405. /* Tab
  406. -------------------------- */
  407. /* Button
  408. -------------------------- */
  409. /* cascader
  410. -------------------------- */
  411. /* Switch
  412. -------------------------- */
  413. /* Dialog
  414. -------------------------- */
  415. /* Table
  416. -------------------------- */
  417. /* Pagination
  418. -------------------------- */
  419. /* Popover
  420. -------------------------- */
  421. /* Tooltip
  422. -------------------------- */
  423. /* Tag
  424. -------------------------- */
  425. /* Tree
  426. -------------------------- */
  427. /* Dropdown
  428. -------------------------- */
  429. /* Badge
  430. -------------------------- */
  431. /* Card
  432. --------------------------*/
  433. /* Slider
  434. --------------------------*/
  435. /* Steps
  436. --------------------------*/
  437. /* Menu
  438. --------------------------*/
  439. /* Rate
  440. --------------------------*/
  441. /* DatePicker
  442. --------------------------*/
  443. /* Loading
  444. --------------------------*/
  445. /* Scrollbar
  446. --------------------------*/
  447. /* Carousel
  448. --------------------------*/
  449. /* Collapse
  450. --------------------------*/
  451. /* Transfer
  452. --------------------------*/
  453. /* Header
  454.   --------------------------*/
  455. /* Footer
  456. --------------------------*/
  457. /* Main
  458. --------------------------*/
  459. /* Break-point
  460. --------------------------*/
  461. .el-popper .popper__arrow,
  462. .el-popper .popper__arrow::after {
  463.   position: absolute;
  464.   display: block;
  465.   width: 0;
  466.   height: 0;
  467.   border-color: transparent;
  468.   border-style: solid; }
  470. .el-popper .popper__arrow {
  471.   border-width: 6px;
  472.   -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  473.   filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
  475. .el-popper .popper__arrow::after {
  476.   content: " ";
  477.   border-width: 6px; }
  479. .el-popper[x-placement^="top"] {
  480.   margin-bottom: 12px; }
  482. .el-popper[x-placement^="top"] .popper__arrow {
  483.   bottom: -6px;
  484.   left: 50%;
  485.   margin-right: 3px;
  486.   border-top-color: #ebeef5;
  487.   border-bottom-width: 0; }
  488.   .el-popper[x-placement^="top"] .popper__arrow::after {
  489.     bottom: 1px;
  490.     margin-left: -6px;
  491.     border-top-color: #fff;
  492.     border-bottom-width: 0; }
  494. .el-popper[x-placement^="bottom"] {
  495.   margin-top: 12px; }
  497. .el-popper[x-placement^="bottom"] .popper__arrow {
  498.   top: -6px;
  499.   left: 50%;
  500.   margin-right: 3px;
  501.   border-top-width: 0;
  502.   border-bottom-color: #ebeef5; }
  503.   .el-popper[x-placement^="bottom"] .popper__arrow::after {
  504.     top: 1px;
  505.     margin-left: -6px;
  506.     border-top-width: 0;
  507.     border-bottom-color: #fff; }
  509. .el-popper[x-placement^="right"] {
  510.   margin-left: 12px; }
  512. .el-popper[x-placement^="right"] .popper__arrow {
  513.   top: 50%;
  514.   left: -6px;
  515.   margin-bottom: 3px;
  516.   border-right-color: #ebeef5;
  517.   border-left-width: 0; }
  518.   .el-popper[x-placement^="right"] .popper__arrow::after {
  519.     bottom: -6px;
  520.     left: 1px;
  521.     border-right-color: #fff;
  522.     border-left-width: 0; }
  524. .el-popper[x-placement^="left"] {
  525.   margin-right: 12px; }
  527. .el-popper[x-placement^="left"] .popper__arrow {
  528.   top: 50%;
  529.   right: -6px;
  530.   margin-bottom: 3px;
  531.   border-right-width: 0;
  532.   border-left-color: #ebeef5; }
  533.   .el-popper[x-placement^="left"] .popper__arrow::after {
  534.     right: 1px;
  535.     bottom: -6px;
  536.     margin-left: -6px;
  537.     border-right-width: 0;
  538.     border-left-color: #fff; }
  540. .el-popover {
  541.   position: absolute;
  542.   background: #fff;
  543.   min-width: 150px;
  544.   border-radius: 4px;
  545.   border: 1px solid #ebeef5;
  546.   padding: 12px;
  547.   z-index: 2000;
  548.   color: #606266;
  549.   line-height: 1.4;
  550.   text-align: justify;
  551.   font-size: 14px;
  552.   -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  553.   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
  554.   .el-popover--plain {
  555.     padding: 18px 20px; }
  556.   .el-popover__title {
  557.     color: #303133;
  558.     font-size: 16px;
  559.     line-height: 1;
  560.     margin-bottom: 12px; }
  561.   .el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  562.     outline-width: 0; }
  563.   .el-popover:focus:active, .el-popover:focus {
  564.     outline-width: 0; }