You are here

Home » API reference » Album Photos 7.3

photos.css in Album Photos 7.3

Same filename and directory in other branches
  1. 6.2 css/photos.css
/* testing sortable */
#photos-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#photos-sortable li {
  margin: 3px 3px 3px 0;
  padding: 1px;
  float: left;
  width: 100px;
  height:100px;
  text-align: center;
  cursor:move;
  list-style:none;
}
#photos-sortable li img {
  max-width:100%;
  max-height:100%;
}

/*admin*/
.photos-admin-inline{
  margin: 5px 0;
}
.photos-edit-info div, .photos-edit-info .form-item label, .photos-admin-inline div, .photos-admin-inline label{
  display: inline;
}
/*image vote*/
.photos-votes{
  padding:4px 12px;
  overflow:hidden;
  height:100%;
}
.photos-vote-u, .photos-vote, a.photos-vote{
  display:block;
  width:15px;
  height:15px;
  float:left;
  padding:0;
}
.photos-vote-up-u,.photos-vote-up{
  background:url('images/up2.gif');
}

a.photos-vote-up-u:hover,.photos-vote-up-x,a.photos-vote-up:hover {
  background:url('images/up1.gif');
}
.photos-vote-down-u,.photos-vote-down{
  background:url('images/down2.gif');
}
a.photos-vote-down-u:hover,.photos-vote-down-x, a.photos-vote-down:hover{
  background:url('images/down1.gif');
}
.photos-vote-sum{
  width:70px;
  float:left;
  text-align:center;
  line-height:15px;
  cursor:hand;
}
.photos-votes {
  float:right;
}
.photos-vote-load {
  background: url('images/loading.gif') no-repeat;
}
.photos-to-album{
  display:inline;
  width:100px;
}
.photos a{
  margin-right:16px
}
#photos_upload_new{
  padding:0 5px;
  margin:5px 0;
  border:1px solid #ccc;
  height:100%;
  overflow:hidden;
}
/*Image page*/
.photos_album_edit_table_link a, .photo-zoom a, .photo-rg a{
  padding-left:10px;
}
.photo-rg{
  text-align:right;
  padding:0 10px;
  color:#818B95;
  line-height:26px;
}
.photo_link_pager {
  height:30px;
  line-height:30px;
}
.photo-pager-left{
  float:left;
}
.photo-pager-right{
  float:right;
}
.image-a{
  margin:5px 0;
  text-align:center;
  clear:both;
}
/*block pager*/
.photos_block_info {
  color:#666666;
  font-size:14px;
  margin-bottom:8px;
  font-weight:bold;
}

table.photos_block_pager tbody{
  border:none;
}
table.photos_block_pager td, table.photos_block_pager th{
  padding:0;
}
.photos_block_pager_open{
  width:18px;
  height:25px;
  background: url('images/context_open.gif') no-repeat;
}
.photos_block_pager_left{
  width:33%;
  height:104px;
  background:#F3F3F3;
  border-top:1px solid #E3E3E3;
  border-bottom:1px solid #E3E3E3;
  border-left:1px solid #E3E3E3;
}
.photos_block_pager_center{
  background:#F3F3F3;
  border-top:1px solid #E3E3E3;
  border-bottom:1px solid #E3E3E3;
  text-align:center;
}
.photos_block_pager_right {
  width:33%;
  background:#F3F3F3;
  border-top:1px solid #E3E3E3;
  border-bottom:1px solid #E3E3E3;
  text-align:right;
}
.photos-block-link{
  text-align:center;
  background:#F3F3F3;
  height:28px;
  line-height:28px;
  border-bottom:1px solid #E3E3E3;
  border-right:1px solid #E3E3E3;
}
.photos_block_pager_title{
  background:#F3F3F3;
  border:1px solid #ddd;
  border-bottom:1px solid #F3F3F3;
  margin-left:2px;
}
.photos_block_pager_name{
  padding:0;
  padding-left:5px;
  font-size:14px;
  font-weight:bold;
}
.photos_prev{
  text-align:center;
  border-right:1px solid #E3E3E3;
}
.photos_block_sub{
  border:1px solid #E3E3E3;
  margin: 5px 0;
}
.photos_block_sub_title{
  height:28px;
  line-height:28px;
  border-bottom: 1px solid #89B97E;
  background: #F3F3F3;
}
.photos_block_sub_name{
  text-align:right;
  padding-right: 5px;
}
.photos_block_sub_open{
  width:26px;
  height:28px;
  float:left;
  background: #F3F3F3 url('images/sort_down.gif') no-repeat center center;
  border-right: 1px solid #485046;
  cursor: pointer;
}
.photos_block_sub_open_hover{
  background: #A5E395 url('images/sort_down.gif') no-repeat center center;
}
.photos_block_sub_open_c{
  background: #A5E395 url('images/sort_up.gif') no-repeat center center;
}
.photos_block_sub_body_load{
  background: #F3F3F3 url('images/loading.gif') no-repeat center center;
}
.photos_block_sub_body{
  text-align:center;
  min-height: 60px;
  display: none;
  _height: 60px;
}
a.photos_block_pager_flash{
  display:block;
  float:right;
  width:23px;
  height:23px;
  background: url('images/context_slideshow_icon_default.png') no-repeat;
  text-decoration:none;
}
a.photos_block_pager_flash:hover{
  text-decoration:none;
  background: url('images/context_slideshow_icon_hover.png') no-repeat;
}
.photos_block_sub_body img, .photos_prev img{
  max-width:50px;
  border:1px solid #ccc;
  padding:2px;
  margin:6px 1px 1px 1px;
  _width: expression(this.width > 50 && this.height < this.width ? 50: true);
}
.photos_block_sub_body a:hover img, .photos_prev a:hover img,.photos_prev a.active img{
  border:1px solid #f00;
  padding:2px;
  margin:6px 1px 1px 1px;
}
/*album edit*/
.photos_album_edit{
  border-bottom: 1px solid #ddd;
  clear:both;
  overflow:hidden;
  padding:5px 0;
}
.photos_album_edit_view{
  float:left;
  margin-right:5px;
}
#photos-editlist-form .photos_edit_thumb ul {
  padding:0;
}
.block-photos ul li,
.photos_edit_thumb li {
  list-style:none;
}
.photos_edit_thumb img{
  border:1px solid #ccc;
  padding:2px;
}
.photos_edit_thumb a:hover img, .photos_edit_thumb a.active img{
  border:1px solid #f00;
  padding:2px;
}
.photos-edit-info{
  margin:5px 0;
  text-align:right;
}
.photos_check{
  background:#F5F089;
}
.photos_album_links{
  padding:5px 0;
  margin:5px 0;
  border:1px solid #ddd;
}
.photos_album_links span{
  padding: 0 6px;
  font-weight:bold;
}
.photos_album_links a{
  padding: 0 8px;
}
a.photos_order_desc{
  background: url('images/sort_down.gif') no-repeat center right;
}
a.photos_order_asc{
  background: url('images/sort_up.gif') no-repeat center right;
}
.photos_album_links a.active{
  color:#6B9F1F;
}
.photos_album_links a.orderac{
  color:#3121A0;
  text-decoration: underline;
}
.photos_link_info{
  float:right;
}
.photos_link_info div{
  display:inline;
}
/*album view*/
.photos_image_list_view{
  margin:5px 0;
  padding:5px 0;
  border-bottom:1px solid #ccc;
}
.photos_view_des, .photos_view_filename, .photos_list_view_des, .photos_list_view_filename{
  margin:4px 0;
  padding:5px 8px;
  white-space:pre-wrap;
}
.photos_ajax_hover{
  background-color: #FAF7DE;
}
.photos_ajax_del_img{
  background: url('images/loading.gif') no-repeat center right;
  padding-right:16px;
}
a.photos-edit-delete,
a.jQueryeditable_edit_delete{
  display:block;
  float:right;
}
/*node form*/
.photos-form-count{
  padding:0 5px;
  border: 1px solid #eee;
}
/*album view*/
.photos_album_right{
  text-align: right;
}
.photos_album_menu{
  border-bottom: 1px solid #C9EDA5;
  margin: 5px 0;
  padding: 5px 0;
  height: 28px;
}
.photos_album_header{
  overflow: hidden;
  height: auto;
  margin-bottom: 5px;
  border-bottom: 1px solid #C9EDA5;
}
.photos_album_body{
  padding-left: 5px;
}
.photos_album_cover{
  margin-right: 5px;
  float:left;
}
.photos_album_float_right{
  float:right;
}
/*download*/
body.photos-download-page {
  height:auto;
}
.photos_download_view{
  margin: 5px 10px;
  padding: 10px;
  clear:both;
}
.photos_download_bucket{
  margin:10px;
  padding-left:10px;
  padding-top:0;
}
.photos_download_menu{
  margin-left:10px;
  padding-left:10px;
  overflow: hidden;
  height: auto;
}
.photos_download_menu a{
  padding:4px 10px;
}
.photos_exif_name, .photos_download_menu a.active{
  font-weight: bold;
  color: #5A550A;
}
.photos_download_menu_t{
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #A2F093;
}
.photos_download_menu_b ul li{
  float:left;
  list-style-type: none;
}
.photos_exif_title{
  font-weight: bold;
  font-size:14px;
  background: #CEE8D3;
}
/*share links*/
#photos-image-sharing{
  margin-left:10px;
  padding-left:10px;
}
#photos-image-sharing input {
  background:url('images/input.gif') repeat-x left top;
  border:1px solid #CED7D6;
  color:#B59EC6;
  height:20px;
  line-height: 20px;
  width:90%;
  clear:both;
  margin-bottom: 5px;
}
/*filter*/
.photos_filter_left{
  float:left;
}
.photos_filter_right{
  float:right;
}
.photos_filter_center{
  text-align:center;
}
#photos_share_ul, #photos_default .item-list{
  clear: both;
  height: auto;
  overflow: hidden;
}
#photos_share li, #photos_default li{
  float: left;
  list-style: none;
}
/*share*/
#photos_share{
  margin:10px;
}
#photos_share_ul li{
  height:125px;
  width:140px;
  text-align:center;
  background-image: none;
  margin: 2px;
  padding:2px;
  border:1px solid #F7F5F5;
}
#photos_share_ul li img{
  max-width:100px;
  padding:2px;
  margin:1px;
  _width: expression(this.width > 100 && this.height < this.width ? 100: true);
}
.photos_share_hover{
  background: #FCFCCE;
}
#photos_share_ul .photos_share_selected{
  border:1px solid #EA0F34;
}
.photos_share_textarea{
  display:none;
}
#photos_share_textarea{
  width: 98%;
}
.photos_share_links a{
  padding-right: 12px;
}
/*image html*/
.photos_imagehtml{
  position:relative;
}

.photos_imagehtml_colorbox{
  background:url('images/thickbox.gif') no-repeat center;
  position: absolute;
  left: 4px;
  bottom: 10px;
  display:none;
  width:20px;
  height:20px;
}

a.photos_imagehtml_colorbox:hover{
  background:#5AA224 url('images/thickbox.gif') no-repeat center;
}

/* photo hook_search results */
img.photos_search_result{
  box-shadow: 5px 5px 10px #888; 
  margin-right:1em;
}

File

css/photos.css
View source 
  1. /* testing sortable */

  2. #photos-sortable {

  3.   list-style-type: none;

  4.   margin: 0;

  5.   padding: 0;

  6.   width: 100%;

  7. }

  8. #photos-sortable li {

  9.   margin: 3px 3px 3px 0;

  10.   padding: 1px;

  11.   float: left;

  12.   width: 100px;

  13.   height:100px;

  14.   text-align: center;

  15.   cursor:move;

  16.   list-style:none;

  17. }

  18. #photos-sortable li img {

  19.   max-width:100%;

  20.   max-height:100%;

  21. }

  22. 

  23. /*admin*/

  24. .photos-admin-inline{

  25.   margin: 5px 0;

  26. }

  27. .photos-edit-info div, .photos-edit-info .form-item label, .photos-admin-inline div, .photos-admin-inline label{

  28.   display: inline;

  29. }

  30. /*image vote*/

  31. .photos-votes{

  32.   padding:4px 12px;

  33.   overflow:hidden;

  34.   height:100%;

  35. }

  36. .photos-vote-u, .photos-vote, a.photos-vote{

  37.   display:block;

  38.   width:15px;

  39.   height:15px;

  40.   float:left;

  41.   padding:0;

  42. }

  43. .photos-vote-up-u,.photos-vote-up{

  44.   background:url('images/up2.gif');

  45. }

  46. 

  47. a.photos-vote-up-u:hover,.photos-vote-up-x,a.photos-vote-up:hover {

  48.   background:url('images/up1.gif');

  49. }

  50. .photos-vote-down-u,.photos-vote-down{

  51.   background:url('images/down2.gif');

  52. }

  53. a.photos-vote-down-u:hover,.photos-vote-down-x, a.photos-vote-down:hover{

  54.   background:url('images/down1.gif');

  55. }

  56. .photos-vote-sum{

  57.   width:70px;

  58.   float:left;

  59.   text-align:center;

  60.   line-height:15px;

  61.   cursor:hand;

  62. }

  63. .photos-votes {

  64.   float:right;

  65. }

  66. .photos-vote-load {

  67.   background: url('images/loading.gif') no-repeat;

  68. }

  69. .photos-to-album{

  70.   display:inline;

  71.   width:100px;

  72. }

  73. .photos a{

  74.   margin-right:16px

  75. }

  76. #photos_upload_new{

  77.   padding:0 5px;

  78.   margin:5px 0;

  79.   border:1px solid #ccc;

  80.   height:100%;

  81.   overflow:hidden;

  82. }

  83. /*Image page*/

  84. .photos_album_edit_table_link a, .photo-zoom a, .photo-rg a{

  85.   padding-left:10px;

  86. }

  87. .photo-rg{

  88.   text-align:right;

  89.   padding:0 10px;

  90.   color:#818B95;

  91.   line-height:26px;

  92. }

  93. .photo_link_pager {

  94.   height:30px;

  95.   line-height:30px;

  96. }

  97. .photo-pager-left{

  98.   float:left;

  99. }

  100. .photo-pager-right{

  101.   float:right;

  102. }

  103. .image-a{

  104.   margin:5px 0;

  105.   text-align:center;

  106.   clear:both;

  107. }

  108. /*block pager*/

  109. .photos_block_info {

  110.   color:#666666;

  111.   font-size:14px;

  112.   margin-bottom:8px;

  113.   font-weight:bold;

  114. }

  115. 

  116. table.photos_block_pager tbody{

  117.   border:none;

  118. }

  119. table.photos_block_pager td, table.photos_block_pager th{

  120.   padding:0;

  121. }

  122. .photos_block_pager_open{

  123.   width:18px;

  124.   height:25px;

  125.   background: url('images/context_open.gif') no-repeat;

  126. }

  127. .photos_block_pager_left{

  128.   width:33%;

  129.   height:104px;

  130.   background:#F3F3F3;

  131.   border-top:1px solid #E3E3E3;

  132.   border-bottom:1px solid #E3E3E3;

  133.   border-left:1px solid #E3E3E3;

  134. }

  135. .photos_block_pager_center{

  136.   background:#F3F3F3;

  137.   border-top:1px solid #E3E3E3;

  138.   border-bottom:1px solid #E3E3E3;

  139.   text-align:center;

  140. }

  141. .photos_block_pager_right {

  142.   width:33%;

  143.   background:#F3F3F3;

  144.   border-top:1px solid #E3E3E3;

  145.   border-bottom:1px solid #E3E3E3;

  146.   text-align:right;

  147. }

  148. .photos-block-link{

  149.   text-align:center;

  150.   background:#F3F3F3;

  151.   height:28px;

  152.   line-height:28px;

  153.   border-bottom:1px solid #E3E3E3;

  154.   border-right:1px solid #E3E3E3;

  155. }

  156. .photos_block_pager_title{

  157.   background:#F3F3F3;

  158.   border:1px solid #ddd;

  159.   border-bottom:1px solid #F3F3F3;

  160.   margin-left:2px;

  161. }

  162. .photos_block_pager_name{

  163.   padding:0;

  164.   padding-left:5px;

  165.   font-size:14px;

  166.   font-weight:bold;

  167. }

  168. .photos_prev{

  169.   text-align:center;

  170.   border-right:1px solid #E3E3E3;

  171. }

  172. .photos_block_sub{

  173.   border:1px solid #E3E3E3;

  174.   margin: 5px 0;

  175. }

  176. .photos_block_sub_title{

  177.   height:28px;

  178.   line-height:28px;

  179.   border-bottom: 1px solid #89B97E;

  180.   background: #F3F3F3;

  181. }

  182. .photos_block_sub_name{

  183.   text-align:right;

  184.   padding-right: 5px;

  185. }

  186. .photos_block_sub_open{

  187.   width:26px;

  188.   height:28px;

  189.   float:left;

  190.   background: #F3F3F3 url('images/sort_down.gif') no-repeat center center;

  191.   border-right: 1px solid #485046;

  192.   cursor: pointer;

  193. }

  194. .photos_block_sub_open_hover{

  195.   background: #A5E395 url('images/sort_down.gif') no-repeat center center;

  196. }

  197. .photos_block_sub_open_c{

  198.   background: #A5E395 url('images/sort_up.gif') no-repeat center center;

  199. }

  200. .photos_block_sub_body_load{

  201.   background: #F3F3F3 url('images/loading.gif') no-repeat center center;

  202. }

  203. .photos_block_sub_body{

  204.   text-align:center;

  205.   min-height: 60px;

  206.   display: none;

  207.   _height: 60px;

  208. }

  209. a.photos_block_pager_flash{

  210.   display:block;

  211.   float:right;

  212.   width:23px;

  213.   height:23px;

  214.   background: url('images/context_slideshow_icon_default.png') no-repeat;

  215.   text-decoration:none;

  216. }

  217. a.photos_block_pager_flash:hover{

  218.   text-decoration:none;

  219.   background: url('images/context_slideshow_icon_hover.png') no-repeat;

  220. }

  221. .photos_block_sub_body img, .photos_prev img{

  222.   max-width:50px;

  223.   border:1px solid #ccc;

  224.   padding:2px;

  225.   margin:6px 1px 1px 1px;

  226.   _width: expression(this.width > 50 && this.height < this.width ? 50: true);

  227. }

  228. .photos_block_sub_body a:hover img, .photos_prev a:hover img,.photos_prev a.active img{

  229.   border:1px solid #f00;

  230.   padding:2px;

  231.   margin:6px 1px 1px 1px;

  232. }

  233. /*album edit*/

  234. .photos_album_edit{

  235.   border-bottom: 1px solid #ddd;

  236.   clear:both;

  237.   overflow:hidden;

  238.   padding:5px 0;

  239. }

  240. .photos_album_edit_view{

  241.   float:left;

  242.   margin-right:5px;

  243. }

  244. #photos-editlist-form .photos_edit_thumb ul {

  245.   padding:0;

  246. }

  247. .block-photos ul li,

  248. .photos_edit_thumb li {

  249.   list-style:none;

  250. }

  251. .photos_edit_thumb img{

  252.   border:1px solid #ccc;

  253.   padding:2px;

  254. }

  255. .photos_edit_thumb a:hover img, .photos_edit_thumb a.active img{

  256.   border:1px solid #f00;

  257.   padding:2px;

  258. }

  259. .photos-edit-info{

  260.   margin:5px 0;

  261.   text-align:right;

  262. }

  263. .photos_check{

  264.   background:#F5F089;

  265. }

  266. .photos_album_links{

  267.   padding:5px 0;

  268.   margin:5px 0;

  269.   border:1px solid #ddd;

  270. }

  271. .photos_album_links span{

  272.   padding: 0 6px;

  273.   font-weight:bold;

  274. }

  275. .photos_album_links a{

  276.   padding: 0 8px;

  277. }

  278. a.photos_order_desc{

  279.   background: url('images/sort_down.gif') no-repeat center right;

  280. }

  281. a.photos_order_asc{

  282.   background: url('images/sort_up.gif') no-repeat center right;

  283. }

  284. .photos_album_links a.active{

  285.   color:#6B9F1F;

  286. }

  287. .photos_album_links a.orderac{

  288.   color:#3121A0;

  289.   text-decoration: underline;

  290. }

  291. .photos_link_info{

  292.   float:right;

  293. }

  294. .photos_link_info div{

  295.   display:inline;

  296. }

  297. /*album view*/

  298. .photos_image_list_view{

  299.   margin:5px 0;

  300.   padding:5px 0;

  301.   border-bottom:1px solid #ccc;

  302. }

  303. .photos_view_des, .photos_view_filename, .photos_list_view_des, .photos_list_view_filename{

  304.   margin:4px 0;

  305.   padding:5px 8px;

  306.   white-space:pre-wrap;

  307. }

  308. .photos_ajax_hover{

  309.   background-color: #FAF7DE;

  310. }

  311. .photos_ajax_del_img{

  312.   background: url('images/loading.gif') no-repeat center right;

  313.   padding-right:16px;

  314. }

  315. a.photos-edit-delete,

  316. a.jQueryeditable_edit_delete{

  317.   display:block;

  318.   float:right;

  319. }

  320. /*node form*/

  321. .photos-form-count{

  322.   padding:0 5px;

  323.   border: 1px solid #eee;

  324. }

  325. /*album view*/

  326. .photos_album_right{

  327.   text-align: right;

  328. }

  329. .photos_album_menu{

  330.   border-bottom: 1px solid #C9EDA5;

  331.   margin: 5px 0;

  332.   padding: 5px 0;

  333.   height: 28px;

  334. }

  335. .photos_album_header{

  336.   overflow: hidden;

  337.   height: auto;

  338.   margin-bottom: 5px;

  339.   border-bottom: 1px solid #C9EDA5;

  340. }

  341. .photos_album_body{

  342.   padding-left: 5px;

  343. }

  344. .photos_album_cover{

  345.   margin-right: 5px;

  346.   float:left;

  347. }

  348. .photos_album_float_right{

  349.   float:right;

  350. }

  351. /*download*/

  352. body.photos-download-page {

  353.   height:auto;

  354. }

  355. .photos_download_view{

  356.   margin: 5px 10px;

  357.   padding: 10px;

  358.   clear:both;

  359. }

  360. .photos_download_bucket{

  361.   margin:10px;

  362.   padding-left:10px;

  363.   padding-top:0;

  364. }

  365. .photos_download_menu{

  366.   margin-left:10px;

  367.   padding-left:10px;

  368.   overflow: hidden;

  369.   height: auto;

  370. }

  371. .photos_download_menu a{

  372.   padding:4px 10px;

  373. }

  374. .photos_exif_name, .photos_download_menu a.active{

  375.   font-weight: bold;

  376.   color: #5A550A;

  377. }

  378. .photos_download_menu_t{

  379.   height: 24px;

  380.   line-height: 24px;

  381.   border-bottom: 1px solid #A2F093;

  382. }

  383. .photos_download_menu_b ul li{

  384.   float:left;

  385.   list-style-type: none;

  386. }

  387. .photos_exif_title{

  388.   font-weight: bold;

  389.   font-size:14px;

  390.   background: #CEE8D3;

  391. }

  392. /*share links*/

  393. #photos-image-sharing{

  394.   margin-left:10px;

  395.   padding-left:10px;

  396. }

  397. #photos-image-sharing input {

  398.   background:url('images/input.gif') repeat-x left top;

  399.   border:1px solid #CED7D6;

  400.   color:#B59EC6;

  401.   height:20px;

  402.   line-height: 20px;

  403.   width:90%;

  404.   clear:both;

  405.   margin-bottom: 5px;

  406. }

  407. /*filter*/

  408. .photos_filter_left{

  409.   float:left;

  410. }

  411. .photos_filter_right{

  412.   float:right;

  413. }

  414. .photos_filter_center{

  415.   text-align:center;

  416. }

  417. #photos_share_ul, #photos_default .item-list{

  418.   clear: both;

  419.   height: auto;

  420.   overflow: hidden;

  421. }

  422. #photos_share li, #photos_default li{

  423.   float: left;

  424.   list-style: none;

  425. }

  426. /*share*/

  427. #photos_share{

  428.   margin:10px;

  429. }

  430. #photos_share_ul li{

  431.   height:125px;

  432.   width:140px;

  433.   text-align:center;

  434.   background-image: none;

  435.   margin: 2px;

  436.   padding:2px;

  437.   border:1px solid #F7F5F5;

  438. }

  439. #photos_share_ul li img{

  440.   max-width:100px;

  441.   padding:2px;

  442.   margin:1px;

  443.   _width: expression(this.width > 100 && this.height < this.width ? 100: true);

  444. }

  445. .photos_share_hover{

  446.   background: #FCFCCE;

  447. }

  448. #photos_share_ul .photos_share_selected{

  449.   border:1px solid #EA0F34;

  450. }

  451. .photos_share_textarea{

  452.   display:none;

  453. }

  454. #photos_share_textarea{

  455.   width: 98%;

  456. }

  457. .photos_share_links a{

  458.   padding-right: 12px;

  459. }

  460. /*image html*/

  461. .photos_imagehtml{

  462.   position:relative;

  463. }

  464. 

  465. .photos_imagehtml_colorbox{

  466.   background:url('images/thickbox.gif') no-repeat center;

  467.   position: absolute;

  468.   left: 4px;

  469.   bottom: 10px;

  470.   display:none;

  471.   width:20px;

  472.   height:20px;

  473. }

  474. 

  475. a.photos_imagehtml_colorbox:hover{

  476.   background:#5AA224 url('images/thickbox.gif') no-repeat center;

  477. }

  478. 

  479. /* photo hook_search results */

  480. img.photos_search_result{

  481.   box-shadow: 5px 5px 10px #888; 

  482.   margin-right:1em;

  483. }