You are here

Home » API reference » Image Picker 6.2

imagepicker.css in Image Picker 6.2

Same filename and directory in other branches
  1. 5.2 imagepicker.css
  2. 5 imagepicker.css
  3. 7 imagepicker.css
#imgp {
  clear: both;
  padding-top: 10px;
}
.imgp_holder {
  float: left;
  margin: 10px;
  border: 1px solid #cbd3d8;
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 2px;
}
.imgp_holder a {
  display: block;
  height: 100px;
  width: 100px;
}
.imgp_img_options {
  width: 120px;
  float: left;
}
.imgp_img_options .form-item {
  margin-top: 0;
}
#imgp_img_holder {
  float: left;
  margin-right: 40px;
  margin-left: 20px;
}

#imgp_desc_control {
  clear: both;
}

#imgp_controls {
  padding-top: 10px;
  clear: both;
}

/* imagepicker page */
#imgp_page {
}
#imgp_page_img {
  text-align: center;
  margin: 15px;
}
#imgp_page_description {
}

#imgp_page_returnlink {
}

#imgp_edit_form {
  float: left;
}
#imgp_edit_form .form-item {
  margin-top: 0;
}
#imgp_img_holder_title {
  padding: 10px;
  font-weight: bold;
}
#imgp_img_holder_description {
  font-style: italic
}
#imgp_img_view {
  margin: 15px 15px 15px 15px;
}
#imgp_img_view_title {
  font-weight: bold;
}
#imgp_img_view_img {

}
#imgp_img_view_desc {
  font-style: italic;
}
.imgp_help {
  padding: 2px 0px 4px 4px;
  margin-left: 20px;
}

.imgp_groups_list {
  margin: 10px 0 10px 0;
}
.imgp_groups_info {
  margin: 10px 0 20px 0;
}

#imgp_order_form {
  margin: 8px 0px 8px 0px;
}
#imgp_groups_form {
  margin: 8px 0px 8px 0px;
}
#imgp_search_form {
  margin: 8px 0px 8px 0px;
}
#imgp_users_form {
  margin: 8px 0px 8px 0px;
}
#imgp_browse_form {
  margin: 8px 0px 8px 0px;
}
#imgp_quota_form {
  margin: 8px 0px 8px 0px;
}
#imgp_copy_form {
  margin: 8px 0px 8px 0px;
}
.imgp_imgs_list {
  margin: 10px 0 10px 0;
}

.imgp_title {
  font-weight: bold;

}
.imgp_desc {
  font-style: italic;
}

#imgp_trig {
  cursor: pointer;
  color: #39c;
}
#imgp_targ {
  display: none;
}
/* add this to your style.css to control the body of the imagepicker iframe */
#imagepicker {

}

/* class for the inserted image container */
.imgp_img {

}
.imagepicker_upload_link {
  margin: 4px 0 8px 0;
}

#imgp_presets_control {
  clear: both;
}

#imgp_presets_show_control {
  width: 180px;
  float: left;
}

#imgp_presets_link_control {
  width: 180px;
  float: left;
}

#imgp_relbox_control {
  clear: both;
}

#imgp_relbox_show_control {
}

#imgp_relbox_link_control {
}

#imgp_insert_image_title {
    clear: both;
}

.imgp_display_block {

}

File

imagepicker.css
View source 
  1. 

  2. #imgp {

  3.   clear: both;

  4.   padding-top: 10px;

  5. }

  6. .imgp_holder {

  7.   float: left;

  8.   margin: 10px;

  9.   border: 1px solid #cbd3d8;

  10.   width: 100px;

  11.   height: 100px;

  12.   text-align: center;

  13.   padding: 2px;

  14. }

  15. .imgp_holder a {

  16.   display: block;

  17.   height: 100px;

  18.   width: 100px;

  19. }

  20. .imgp_img_options {

  21.   width: 120px;

  22.   float: left;

  23. }

  24. .imgp_img_options .form-item {

  25.   margin-top: 0;

  26. }

  27. #imgp_img_holder {

  28.   float: left;

  29.   margin-right: 40px;

  30.   margin-left: 20px;

  31. }

  32. 

  33. #imgp_desc_control {

  34.   clear: both;

  35. }

  36. 

  37. #imgp_controls {

  38.   padding-top: 10px;

  39.   clear: both;

  40. }

  41. 

  42. /* imagepicker page */

  43. #imgp_page {

  44. }

  45. #imgp_page_img {

  46.   text-align: center;

  47.   margin: 15px;

  48. }

  49. #imgp_page_description {

  50. }

  51. 

  52. #imgp_page_returnlink {

  53. }

  54. 

  55. #imgp_edit_form {

  56.   float: left;

  57. }

  58. #imgp_edit_form .form-item {

  59.   margin-top: 0;

  60. }

  61. #imgp_img_holder_title {

  62.   padding: 10px;

  63.   font-weight: bold;

  64. }

  65. #imgp_img_holder_description {

  66.   font-style: italic

  67. }

  68. #imgp_img_view {

  69.   margin: 15px 15px 15px 15px;

  70. }

  71. #imgp_img_view_title {

  72.   font-weight: bold;

  73. }

  74. #imgp_img_view_img {

  75. 

  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. 

  85. .imgp_groups_list {

  86.   margin: 10px 0 10px 0;

  87. }

  88. .imgp_groups_info {

  89.   margin: 10px 0 20px 0;

  90. }

  91. 

  92. #imgp_order_form {

  93.   margin: 8px 0px 8px 0px;

  94. }

  95. #imgp_groups_form {

  96.   margin: 8px 0px 8px 0px;

  97. }

  98. #imgp_search_form {

  99.   margin: 8px 0px 8px 0px;

  100. }

  101. #imgp_users_form {

  102.   margin: 8px 0px 8px 0px;

  103. }

  104. #imgp_browse_form {

  105.   margin: 8px 0px 8px 0px;

  106. }

  107. #imgp_quota_form {

  108.   margin: 8px 0px 8px 0px;

  109. }

  110. #imgp_copy_form {

  111.   margin: 8px 0px 8px 0px;

  112. }

  113. .imgp_imgs_list {

  114.   margin: 10px 0 10px 0;

  115. }

  116. 

  117. .imgp_title {

  118.   font-weight: bold;

  119. 

  120. }

  121. .imgp_desc {

  122.   font-style: italic;

  123. }

  124. 

  125. #imgp_trig {

  126.   cursor: pointer;

  127.   color: #39c;

  128. }

  129. #imgp_targ {

  130.   display: none;

  131. }

  132. /* add this to your style.css to control the body of the imagepicker iframe */

  133. #imagepicker {

  134. 

  135. }

  136. 

  137. /* class for the inserted image container */

  138. .imgp_img {

  139. 

  140. }

  141. .imagepicker_upload_link {

  142.   margin: 4px 0 8px 0;

  143. }

  144. 

  145. #imgp_presets_control {

  146.   clear: both;

  147. }

  148. 

  149. #imgp_presets_show_control {

  150.   width: 180px;

  151.   float: left;

  152. }

  153. 

  154. #imgp_presets_link_control {

  155.   width: 180px;

  156.   float: left;

  157. }

  158. 

  159. #imgp_relbox_control {

  160.   clear: both;

  161. }

  162. 

  163. #imgp_relbox_show_control {

  164. }

  165. 

  166. #imgp_relbox_link_control {

  167. }

  168. 

  169. #imgp_insert_image_title {

  170.     clear: both;

  171. }

  172. 

  173. .imgp_display_block {

  174. 

  175. }