You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
1.3 KiB

  1. /*******************************
  2. Banner
  3. *******************************/
  4. .ui.banner {
  5. position: relative;
  6. display: inline-block;
  7. vertical-align: middle;
  8. line-height: 1;
  9. margin-left: 6px;
  10. padding: 8px 10px;
  11. border: 1px solid #D4DBDE;
  12. background-color: #ECF6FB;
  13. text-align: center;
  14. font-size: 10px;
  15. color: #999999;
  16. color: rgba(0, 0, 0, 0.5);
  17. }
  18. .ui.banner b {
  19. color: #666666;
  20. }
  21. .ui.banner:after {
  22. position: absolute;
  23. top: 50%;
  24. margin-top: -6px;
  25. font-size: 12px;
  26. }
  27. .ui.banner:after,
  28. .ui.banner.left:after {
  29. color: #ECF6FB;
  30. left: -7px;
  31. right: auto;
  32. content: '\25C0';
  33. text-shadow: -2px 0px 0px #D4DBDE;
  34. }
  35. .ui.banner.right {
  36. margin-right: 6px;
  37. }
  38. .ui.banner.right:after {
  39. left: auto;
  40. right: -7px;
  41. content: '\25B6';
  42. text-shadow: 2px 0px 0px #D4DBDE;
  43. }
  44. /* Banner Icons */
  45. .ui.banner i {
  46. margin-right: 0.5em;
  47. vertical-align: baseline;
  48. }
  49. /* Banner Colors */
  50. .ui.banner.grey {
  51. border-color: #D6D6D6;
  52. background-color: #F3F3F3;
  53. }
  54. .ui.banner.grey:after,
  55. .ui.banner.grey.left:after {
  56. color: #F3F3F3;
  57. text-shadow: -2px 0px 0px #D6D6D6;
  58. }
  59. .ui.banner.grey.right:after {
  60. color: #F3F3F3;
  61. text-shadow: 2px 0px 0px #D6D6D6;
  62. }
  63. .ui.banner.big {
  64. font-size: 12px;
  65. padding: 11px 15px;
  66. }