You are here

imagepicker.css in Image Picker 7

Same filename and directory in other branches
  1. 5.2 imagepicker.css
  2. 5 imagepicker.css
  3. 6.2 imagepicker.css

@author Bob Hutchinson http://drupal.org/user/52366 @copyright GNU GPL

File

imagepicker.css
View source
  1. /**
  2. *
  3. * @file
  4. * @author Bob Hutchinson http://drupal.org/user/52366
  5. * @copyright GNU GPL
  6. *
  7. */
  8. #imgp {
  9. clear: both;
  10. padding-top: 10px;
  11. }
  12. .imgp_holder {
  13. float: left;
  14. margin: 10px;
  15. border: 1px solid #cbd3d8;
  16. width: 100px;
  17. height: 100px;
  18. text-align: center;
  19. padding: 2px;
  20. }
  21. .imgp_holder a {
  22. display: block;
  23. height: 100px;
  24. width: 100px;
  25. }
  26. .imgp_img_options {
  27. width: 120px;
  28. float: left;
  29. }
  30. .imgp_img_options .form-item {
  31. margin-top: 0;
  32. }
  33. #imgp_img_holder {
  34. float: left;
  35. margin-right: 40px;
  36. margin-left: 20px;
  37. }
  38. #imgp_desc_control {
  39. clear: both;
  40. }
  41. #imgp_controls {
  42. padding-top: 10px;
  43. clear: both;
  44. }
  45. /* imagepicker page */
  46. #imgp_page {
  47. }
  48. #imgp_page_img {
  49. text-align: center;
  50. margin: 15px;
  51. }
  52. #imgp_page_description {
  53. }
  54. #imgp_page_returnlink {
  55. }
  56. #imgp_edit_form {
  57. float: left;
  58. }
  59. #imgp_edit_form .form-item {
  60. margin-top: 0;
  61. }
  62. #imgp_img_holder_title {
  63. padding: 10px;
  64. font-weight: bold;
  65. }
  66. #imgp_img_holder_description {
  67. font-style: italic
  68. }
  69. #imgp_img_view {
  70. margin: 15px 15px 15px 15px;
  71. }
  72. #imgp_img_view_title {
  73. font-weight: bold;
  74. }
  75. #imgp_img_view_img {
  76. }
  77. #imgp_img_view_desc {
  78. font-style: italic;
  79. }
  80. .imgp_help {
  81. padding: 2px 0px 4px 4px;
  82. margin-left: 20px;
  83. }
  84. .imgp_groups_list {
  85. margin: 10px 0 10px 0;
  86. }
  87. .imgp_groups_info {
  88. margin: 10px 0 20px 0;
  89. }
  90. #imgp_order_form {
  91. margin: 4px 0px 4px 8px;
  92. }
  93. #imgp_groups_form {
  94. margin: 4px 0px 4px 8px;
  95. }
  96. #imgp_search_form {
  97. margin: 4px 0px 4px 8px;
  98. }
  99. #imgp_users_form {
  100. margin: 4px 0px 4px 8px;
  101. }
  102. #imgp_browse_form {
  103. margin: 4px 0px 4px 8px;
  104. }
  105. #imgp_quota_form {
  106. margin: 4px 0px 4px 8px;
  107. }
  108. #imgp_copy_form {
  109. margin: 4px 0px 4px 8px;
  110. }
  111. .imgp_imgs_list {
  112. margin: 10px 0 10px 0;
  113. }
  114. .imgp_title {
  115. font-weight: bold;
  116. }
  117. .imgp_desc {
  118. font-style: italic;
  119. }
  120. #imgp_trig {
  121. cursor: pointer;
  122. color: #39c;
  123. }
  124. #imgp_targ {
  125. display: none;
  126. }
  127. /* add this to your style.css to control the body of the imagepicker iframe */
  128. #imagepicker {
  129. }
  130. /* class for the inserted image container */
  131. .imgp_img {
  132. }
  133. .imagepicker_upload_link {
  134. margin: 4px 0 8px 0;
  135. }
  136. #imgp_presets_control {
  137. clear: both;
  138. }
  139. #imgp_presets_show_control {
  140. width: 180px;
  141. float: left;
  142. }
  143. #imgp_presets_link_control {
  144. width: 180px;
  145. float: left;
  146. }
  147. #imgp_relbox_control {
  148. clear: both;
  149. }
  150. #imgp_relbox_show_control {
  151. }
  152. #imgp_relbox_link_control {
  153. }
  154. #imgp_insert_image_title {
  155. clear: both;
  156. }
  157. .imgp_display_block {
  158. }