You are here

media_crop.theme.css in Media crop 7

#media-format-form > div {
  float: left; }
#media-format-form .media-item {
  float: none;
  border: none;
  margin-bottom: 15px; }
  #media-format-form .media-item .media-thumbnail {
    overflow: hidden; }
    #media-format-form .media-item .media-thumbnail img {
      border: none;
      vertical-align: middle; }
      #media-format-form .media-item .media-thumbnail img:hover {
        border: none; }
#media-format-form .image-edit-elements-container {
  float: left; }
#media-format-form #edit-options {
  float: right;
  border: none;
  margin: 0;
  padding: 0; }

.format-and-crop-container-top .form-item-image-style-integrate {
  padding: 0;
  margin: 0 0 5px 0; }
.format-and-crop-container-top .form-item-image-style {
  float: left;
  padding: 0;
  margin: 0 0 5px 0; }
  .format-and-crop-container-top .form-item-image-style label {
    float: left;
    display: block;
    margin-right: 5px; }
  .format-and-crop-container-top .form-item-image-style select {
    float: left;
    margin-top: 2px; }
.format-and-crop-container-top .image-style-description {
  float: left;
  margin: 0 0 5px 0;
  font-style: italic;
  font-size: 95%; }

.format-and-crop-container-bottom {
  background: #dddddd;
  border-radius: 5px; }
  .format-and-crop-container-bottom fieldset {
    border: none;
    margin: 0;
    padding: 0; }
  .format-and-crop-container-bottom .crop-dimensions-container {
    float: left;
    padding: 20px 0 0 0;
    width: 150px; }
    .format-and-crop-container-bottom .crop-dimensions-container .fieldset-legend {
      margin: 0;
      padding: 0 0 0 5px;
      height: 24px;
      line-height: 24px;
      display: block;
      float: left;
      text-transform: none; }
      .format-and-crop-container-bottom .crop-dimensions-container .fieldset-legend .crop-title-description {
        font-weight: normal; }
    .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper {
      float: left;
      padding: 0px 5px 5px 5px; }
      .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-aspect-ratio-lock {
        float: left;
        cursor: pointer;
        padding: 10px 0px; }
      .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-aspect-ratio-unlock {
        float: left;
        cursor: pointer;
        padding: 10px 0px; }
      .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions {
        padding: 5px 0px 5px 5px;
        float: left; }
        .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions .form-item {
          padding: 0;
          margin: 0 0 8px 0; }
          .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions .form-item label {
            display: block;
            float: left;
            width: 50px;
            font-weight: bold; }
  .format-and-crop-container-bottom .scale-image-container {
    float: left;
    padding: 20px 0 0 0;
    width: 125px; }
    .format-and-crop-container-bottom .scale-image-container .fieldset-legend {
      margin: 0;
      padding: 0 0 0 5px;
      height: 24px;
      line-height: 24px;
      display: block;
      float: left;
      text-transform: none; }
    .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper {
      float: left;
      padding: 5px; }
      .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper .form-item {
        padding: 0;
        margin: 0 0 8px 0; }
        .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper .form-item label {
          display: block;
          float: left;
          width: 50px;
          font-weight: bold; }
  .format-and-crop-container-bottom .rotate-image-container {
    float: left;
    padding: 20px 0 0 0;
    width: 75px; }
    .format-and-crop-container-bottom .rotate-image-container .fieldset-legend {
      margin: 0;
      padding: 0 0 0 5px;
      height: 24px;
      line-height: 24px;
      display: block;
      float: left;
      text-transform: none; }
    .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper {
      float: left;
      padding: 5px; }
      .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-right-button,
      .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-left-button {
        line-height: 20px;
        height: 20px;
        margin: 0 0 8px 0; }
      .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-right-button {
        background: transparent url(../images/rotate.png) no-repeat 0px 2px; }
      .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-left-button {
        background: transparent url(../images/rotate.png) no-repeat 0px -19px; }
  .format-and-crop-container-bottom .crop-warning,
  .format-and-crop-container-bottom .scale-warning {
    float: left; }

.disable-interface {
  position: absolute;
  top: -12px;
  right: -12px; }

span.special-select-text {
  margin-right: 5px; }

File

css/media_crop.theme.css
View source
  1. #media-format-form > div {
  2. float: left; }
  3. #media-format-form .media-item {
  4. float: none;
  5. border: none;
  6. margin-bottom: 15px; }
  7. #media-format-form .media-item .media-thumbnail {
  8. overflow: hidden; }
  9. #media-format-form .media-item .media-thumbnail img {
  10. border: none;
  11. vertical-align: middle; }
  12. #media-format-form .media-item .media-thumbnail img:hover {
  13. border: none; }
  14. #media-format-form .image-edit-elements-container {
  15. float: left; }
  16. #media-format-form #edit-options {
  17. float: right;
  18. border: none;
  19. margin: 0;
  20. padding: 0; }
  21. .format-and-crop-container-top .form-item-image-style-integrate {
  22. padding: 0;
  23. margin: 0 0 5px 0; }
  24. .format-and-crop-container-top .form-item-image-style {
  25. float: left;
  26. padding: 0;
  27. margin: 0 0 5px 0; }
  28. .format-and-crop-container-top .form-item-image-style label {
  29. float: left;
  30. display: block;
  31. margin-right: 5px; }
  32. .format-and-crop-container-top .form-item-image-style select {
  33. float: left;
  34. margin-top: 2px; }
  35. .format-and-crop-container-top .image-style-description {
  36. float: left;
  37. margin: 0 0 5px 0;
  38. font-style: italic;
  39. font-size: 95%; }
  40. .format-and-crop-container-bottom {
  41. background: #dddddd;
  42. border-radius: 5px; }
  43. .format-and-crop-container-bottom fieldset {
  44. border: none;
  45. margin: 0;
  46. padding: 0; }
  47. .format-and-crop-container-bottom .crop-dimensions-container {
  48. float: left;
  49. padding: 20px 0 0 0;
  50. width: 150px; }
  51. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-legend {
  52. margin: 0;
  53. padding: 0 0 0 5px;
  54. height: 24px;
  55. line-height: 24px;
  56. display: block;
  57. float: left;
  58. text-transform: none; }
  59. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-legend .crop-title-description {
  60. font-weight: normal; }
  61. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper {
  62. float: left;
  63. padding: 0px 5px 5px 5px; }
  64. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-aspect-ratio-lock {
  65. float: left;
  66. cursor: pointer;
  67. padding: 10px 0px; }
  68. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-aspect-ratio-unlock {
  69. float: left;
  70. cursor: pointer;
  71. padding: 10px 0px; }
  72. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions {
  73. padding: 5px 0px 5px 5px;
  74. float: left; }
  75. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions .form-item {
  76. padding: 0;
  77. margin: 0 0 8px 0; }
  78. .format-and-crop-container-bottom .crop-dimensions-container .fieldset-wrapper .crop-dimensions .form-item label {
  79. display: block;
  80. float: left;
  81. width: 50px;
  82. font-weight: bold; }
  83. .format-and-crop-container-bottom .scale-image-container {
  84. float: left;
  85. padding: 20px 0 0 0;
  86. width: 125px; }
  87. .format-and-crop-container-bottom .scale-image-container .fieldset-legend {
  88. margin: 0;
  89. padding: 0 0 0 5px;
  90. height: 24px;
  91. line-height: 24px;
  92. display: block;
  93. float: left;
  94. text-transform: none; }
  95. .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper {
  96. float: left;
  97. padding: 5px; }
  98. .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper .form-item {
  99. padding: 0;
  100. margin: 0 0 8px 0; }
  101. .format-and-crop-container-bottom .scale-image-container .fieldset-wrapper .form-item label {
  102. display: block;
  103. float: left;
  104. width: 50px;
  105. font-weight: bold; }
  106. .format-and-crop-container-bottom .rotate-image-container {
  107. float: left;
  108. padding: 20px 0 0 0;
  109. width: 75px; }
  110. .format-and-crop-container-bottom .rotate-image-container .fieldset-legend {
  111. margin: 0;
  112. padding: 0 0 0 5px;
  113. height: 24px;
  114. line-height: 24px;
  115. display: block;
  116. float: left;
  117. text-transform: none; }
  118. .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper {
  119. float: left;
  120. padding: 5px; }
  121. .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-right-button,
  122. .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-left-button {
  123. line-height: 20px;
  124. height: 20px;
  125. margin: 0 0 8px 0; }
  126. .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-right-button {
  127. background: transparent url(../images/rotate.png) no-repeat 0px 2px; }
  128. .format-and-crop-container-bottom .rotate-image-container .fieldset-wrapper .rotate-left-button {
  129. background: transparent url(../images/rotate.png) no-repeat 0px -19px; }
  130. .format-and-crop-container-bottom .crop-warning,
  131. .format-and-crop-container-bottom .scale-warning {
  132. float: left; }
  133. .disable-interface {
  134. position: absolute;
  135. top: -12px;
  136. right: -12px; }
  137. span.special-select-text {
  138. margin-right: 5px; }