social-icons-admin.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .jetpack-social-icons-widget-item {
  2. background: #fff;
  3. border: 1px solid #e5e5e5;
  4. cursor: move;
  5. margin: 0;
  6. }
  7. html[class*='wordpress_com'] .jetpack-social-icons-widget-item,
  8. .in-calypso .jetpack-social-icons-widget-item {
  9. border-color: #c8d7e1;
  10. }
  11. .jetpack-social-icons-widget-item:hover {
  12. outline: 1px solid #999;
  13. outline-offset: -1px;
  14. }
  15. html[class*='wordpress_com'] .jetpack-social-icons-widget-item:hover,
  16. .in-calypso .jetpack-social-icons-widget-item:hover {
  17. outline-color: #a8bece;
  18. }
  19. .jetpack-social-icons-widget-item.ui-sortable-helper {
  20. border-color: #999;
  21. }
  22. html[class*='wordpress_com'] .jetpack-social-icons-widget-item.ui-sortable-helper,
  23. .in-calypso .jetpack-social-icons-widget-item.ui-sortable-helper {
  24. border-color: #a8bece;
  25. }
  26. .jetpack-social-icons-widget-item.ui-sortable-helper {
  27. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  28. }
  29. .jetpack-social-icons-widget-item.ui-state-placeholder {
  30. border-color: #a0a5aa;
  31. border-style: dashed;
  32. margin: 0 0 1px;
  33. }
  34. .jetpack-social-icons-widget-item + .jetpack-social-icons-widget-item:not(.ui-state-placeholder) {
  35. margin-top: -1px;
  36. }
  37. .jetpack-social-icons-widget-item-wrapper {
  38. padding: 1em;
  39. position: relative;
  40. }
  41. .jetpack-social-icons-widget-item .handle {
  42. display: block;
  43. height: 100%;
  44. left: 0;
  45. position: absolute;
  46. top: 0;
  47. width: 100%;
  48. }
  49. .jetpack-social-icons-widget-item p {
  50. margin: 0;
  51. position: relative;
  52. }
  53. .jetpack-social-icons-widget-item p + p {
  54. margin-top: 1em;
  55. }
  56. .jetpack-widget-social-icons-remove-item {
  57. display: inline-block;
  58. }
  59. .jetpack-widget-social-icons-remove-item-button {
  60. color: #a00;
  61. text-decoration: none;
  62. }
  63. .jetpack-widget-social-icons-remove-item-button:focus,
  64. .jetpack-widget-social-icons-remove-item-button:hover {
  65. color: #f00;
  66. }
  67. .jetpack-social-icons-add-button:before {
  68. content: "\f132";
  69. display: inline-block;
  70. position: relative;
  71. left: -2px;
  72. top: -1px;
  73. font: 400 20px/1 dashicons;
  74. vertical-align: middle;
  75. transition: all 0.2s;
  76. -webkit-font-smoothing: antialiased;
  77. -moz-osx-font-smoothing: grayscale;
  78. }