statusmessage.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /*Main Feed Form*/
  2. #edit-mediatabs input[type="radio"] {
  3. -webkit-appearance: none;
  4. display: inline-block;
  5. }
  6. #edit-mediatabs .form-item-mediatabs {
  7. display: inline-block;
  8. position: relative;
  9. border-right: 1px solid white;
  10. }
  11. #edit-mediatabs input.form-radio {
  12. background: #928f8e;
  13. min-width: 100%;
  14. margin-bottom:0;
  15. padding: 0em 6em 2.5em 0em;
  16. font-weight: 700;
  17. display: inline-block;
  18. }
  19. #edit-mediatabs input.form-radio:hover {
  20. background: #500005;
  21. }
  22. .ui-dialog .ui-button-text {
  23. height: 100%;
  24. }
  25. #edit-mediatabs input[type="radio"]:checked {
  26. background: #003b08;
  27. }
  28. #edit-mediatabs label {
  29. font-size: 1rem;
  30. font-weight: 700;
  31. color: white;
  32. position: absolute;
  33. /* left: 50%; */
  34. display: inline-block;
  35. width: auto;
  36. padding-left: 20%;
  37. transform: translate(5%, -150%);
  38. }
  39. #edit-mediatabs {
  40. display: none;
  41. }
  42. .status-media-upload {
  43. display: inline-block;
  44. min-width: 32px;
  45. min-height: 32px;
  46. content: "Jigga";
  47. margin-left: 4px;
  48. background: url(/modules/heartbeat/modules/statusmessage/images/mountains-picture.png) no-repeat;
  49. background-size: contain;
  50. }
  51. #edit-media-upload,
  52. #status-form input.form-file {
  53. display: inline-block;
  54. max-width: 32px;
  55. min-height: 32px;
  56. position: relative;
  57. transform: translate(-18px, -10px);
  58. opacity: 0;
  59. }
  60. #status-form .form-item-media {
  61. display: inline-block;
  62. min-height: 32px;
  63. position: relative;
  64. transform: translate(15px, -8px);
  65. }
  66. #edit-mediatabs + #ajax-wrapper {
  67. display: inline-block;
  68. }
  69. .heartbeat-message .comment-body a.status-comment-share {
  70. text-decoration: none;
  71. color: #333;
  72. }
  73. .ui-dialog {
  74. font-size: 90%;
  75. }
  76. .ui-dialog-title {
  77. background-size: contain;
  78. background: url('/modules/heartbeat/modules/statusmessage/images/icons/alert.png') no-repeat;
  79. padding: 2px 2.5em;
  80. }
  81. #status-form .ajax-progress.ajax-progress-throbber {
  82. position: absolute;
  83. margin-left: 44px;
  84. }