You are here

photos.css in Album Photos 6.2

Same filename and directory in other branches
  1. 7.3 css/photos.css
/*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%;
	width:100px;
}
.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(up2.gif);
}

a.photos-vote-up-u:hover,.photos-vote-up-x,a.photos-vote-up:hover {
	background:url(up1.gif);
}
.photos-vote-down-u,.photos-vote-down{

	background:url(down2.gif);

}
a.photos-vote-down-u:hover,.photos-vote-down-x, a.photos-vote-down:hover{
	background:url(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(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(context_open.gif) no-repeat; 
}
.photos_block_pager_left{
  width:18px;
  height:104px;
  background: url(context_crap_bg.gif) repeat-y left top; 
  border-bottom:1px solid #E3E3E3;
}
.photos_block_pager_center{
  background:#F3F3F3;
  border-top:1px solid #E3E3E3;
}
.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(sort_down.gif) no-repeat center center;
  border-right: 1px solid #485046;
  cursor: pointer;
}
.photos_block_sub_open_hover{
  background: #A5E395 url(sort_down.gif) no-repeat center center;
}
.photos_block_sub_open_c{
  background: #A5E395 url(sort_up.gif) no-repeat center center;
}
.photos_block_sub_body_load{
  background: #F3F3F3 url(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(context_slideshow_icon_default.png) no-repeat;
  text-decoration:none;
}
a.photos_block_pager_flash:hover{
  text-decoration:none;
  background: url(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_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(sort_down.gif) no-repeat center right;
}
a.photos_order_asc{
  background: url(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;
}
.photot_ajax_hover{
  background-color: #FAF7DE;
}
.photos_ajax_del_img{
  background: url(loading.gif) no-repeat center right;
  padding-right:16px;
}
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*/
.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
}
/*共享链接*/
#photos-image-sharing{
  margin-left:10px;
  padding-left:10px;
}
#photos-image-sharing input {
  background:url(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;
}
/*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{
  float: left;
  position:relative;
  margin: 1px;
  padding:1px;
}

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

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

File

css/photos.css
View source
  1. /*admin*/
  2. .photos-admin-inline{
  3. margin: 5px 0;
  4. }
  5. .photos-edit-info div, .photos-edit-info .form-item label, .photos-admin-inline div, .photos-admin-inline label{
  6. display: inline;
  7. }
  8. /*image vote*/
  9. .photos-votes{
  10. padding:4px 12px;
  11. overflow:hidden;
  12. height:100%;
  13. width:100px;
  14. }
  15. .photos-vote-u, .photos-vote, a.photos-vote{
  16. display:block;
  17. width:15px;
  18. height:15px;
  19. float:left;
  20. padding:0;
  21. }
  22. .photos-vote-up-u,.photos-vote-up{
  23. background:url(up2.gif);
  24. }
  25. a.photos-vote-up-u:hover,.photos-vote-up-x,a.photos-vote-up:hover {
  26. background:url(up1.gif);
  27. }
  28. .photos-vote-down-u,.photos-vote-down{
  29. background:url(down2.gif);
  30. }
  31. a.photos-vote-down-u:hover,.photos-vote-down-x, a.photos-vote-down:hover{
  32. background:url(down1.gif);
  33. }
  34. .photos-vote-sum{
  35. width:70px;
  36. float:left;
  37. text-align:center;
  38. line-height:15px;
  39. cursor:hand;
  40. }
  41. .photos-votes {
  42. float:right;
  43. }
  44. .photos-vote-load {
  45. background: url(loading.gif) no-repeat;
  46. }
  47. .photos-to-album{
  48. display:inline;
  49. width:100px;
  50. }
  51. .photos a{
  52. margin-right:16px
  53. }
  54. #photos_upload_new{
  55. padding:0 5px;
  56. margin:5px 0;
  57. border:1px solid #ccc;
  58. height:100%;
  59. overflow:hidden;
  60. }
  61. /*Image page*/
  62. .photos_album_edit_table_link a, .photo-zoom a, .photo-rg a{
  63. padding-left:10px;
  64. }
  65. .photo-rg{
  66. text-align:right;
  67. padding:0 10px;
  68. color:#818B95;
  69. line-height:26px
  70. }
  71. .photo_link_pager {
  72. height:30px;
  73. line-height:30px
  74. }
  75. .photo-pager-left{
  76. float:left
  77. }
  78. .photo-pager-right{
  79. float:right
  80. }
  81. .image-a{
  82. margin:5px 0;
  83. text-align:center;
  84. clear:both;
  85. }
  86. /*block pager*/
  87. .photos_block_info {
  88. color:#666666;
  89. font-size:14px;
  90. margin-bottom:8px;
  91. font-weight:bold;
  92. }
  93. table.photos_block_pager tbody{
  94. border:none;
  95. }
  96. table.photos_block_pager td, table.photos_block_pager th{
  97. padding:0;
  98. }
  99. .photos_block_pager_open{
  100. width:18px;
  101. height:25px;
  102. background: url(context_open.gif) no-repeat;
  103. }
  104. .photos_block_pager_left{
  105. width:18px;
  106. height:104px;
  107. background: url(context_crap_bg.gif) repeat-y left top;
  108. border-bottom:1px solid #E3E3E3;
  109. }
  110. .photos_block_pager_center{
  111. background:#F3F3F3;
  112. border-top:1px solid #E3E3E3;
  113. }
  114. .photos-block-link{
  115. text-align:center;
  116. background:#F3F3F3;
  117. height:28px;
  118. line-height:28px;
  119. border-bottom:1px solid #E3E3E3;
  120. border-right:1px solid #E3E3E3;
  121. }
  122. .photos_block_pager_title{
  123. background:#F3F3F3;
  124. border:1px solid #ddd;
  125. border-bottom:1px solid #F3F3F3;
  126. margin-left:2px;
  127. }
  128. .photos_block_pager_name{
  129. padding:0;
  130. padding-left:5px;
  131. font-size:14px;
  132. font-weight:bold;
  133. }
  134. .photos_prev{
  135. text-align:center;
  136. border-right:1px solid #E3E3E3;
  137. }
  138. .photos_block_sub{
  139. border:1px solid #E3E3E3;
  140. margin: 5px 0;
  141. }
  142. .photos_block_sub_title{
  143. height:28px;
  144. line-height:28px;
  145. border-bottom: 1px solid #89B97E;
  146. background: #F3F3F3;
  147. }
  148. .photos_block_sub_name{
  149. text-align:right;
  150. padding-right: 5px;
  151. }
  152. .photos_block_sub_open{
  153. width:26px;
  154. height:28px;
  155. float:left;
  156. background: #F3F3F3 url(sort_down.gif) no-repeat center center;
  157. border-right: 1px solid #485046;
  158. cursor: pointer;
  159. }
  160. .photos_block_sub_open_hover{
  161. background: #A5E395 url(sort_down.gif) no-repeat center center;
  162. }
  163. .photos_block_sub_open_c{
  164. background: #A5E395 url(sort_up.gif) no-repeat center center;
  165. }
  166. .photos_block_sub_body_load{
  167. background: #F3F3F3 url(loading.gif) no-repeat center center;
  168. }
  169. .photos_block_sub_body{
  170. text-align:center;
  171. min-height: 60px;
  172. display: none;
  173. _height: 60px;
  174. }
  175. a.photos_block_pager_flash{
  176. display:block;
  177. float:right;
  178. width:23px;
  179. height:23px;
  180. background: url(context_slideshow_icon_default.png) no-repeat;
  181. text-decoration:none;
  182. }
  183. a.photos_block_pager_flash:hover{
  184. text-decoration:none;
  185. background: url(context_slideshow_icon_hover.png) no-repeat;
  186. }
  187. .photos_block_sub_body img, .photos_prev img{
  188. max-width:50px;
  189. border:1px solid #ccc;
  190. padding:2px;
  191. margin:6px 1px 1px 1px;
  192. _width: expression(this.width > 50 && this.height < this.width ? 50: true);
  193. }
  194. .photos_block_sub_body a:hover img, .photos_prev a:hover img,.photos_prev a.active img{
  195. border:1px solid #f00;
  196. padding:2px;
  197. margin:6px 1px 1px 1px;
  198. }
  199. /*album edit*/
  200. .photos_album_edit{
  201. border-bottom: 1px solid #ddd;
  202. clear:both;
  203. overflow:hidden;
  204. padding:5px 0;
  205. }
  206. .photos_album_edit_view{
  207. float:left;
  208. margin-right:5px;
  209. }
  210. .photos_edit_thumb img{
  211. border:1px solid #ccc;
  212. padding:2px;
  213. }
  214. .photos_edit_thumb a:hover img, .photos_edit_thumb a.active img{
  215. border:1px solid #f00;
  216. padding:2px;
  217. }
  218. .photos-edit-info{
  219. margin:5px 0;
  220. text-align:right
  221. }
  222. .photos_check{
  223. background:#F5F089;
  224. }
  225. .photos_album_links{
  226. padding:5px 0;
  227. margin:5px 0;
  228. border:1px solid #ddd;
  229. }
  230. .photos_album_links span{
  231. padding: 0 6px;
  232. font-weight:bold;
  233. }
  234. .photos_album_links a{
  235. padding: 0 8px;
  236. }
  237. a.photos_order_desc{
  238. background: url(sort_down.gif) no-repeat center right;
  239. }
  240. a.photos_order_asc{
  241. background: url(sort_up.gif) no-repeat center right;
  242. }
  243. .photos_album_links a.active{
  244. color:#6B9F1F;
  245. }
  246. .photos_album_links a.orderac{
  247. color:#3121A0;
  248. text-decoration: underline;
  249. }
  250. .photos_link_info{
  251. float:right;
  252. }
  253. .photos_link_info div{
  254. display:inline;
  255. }
  256. /*album view*/
  257. .photos_image_list_view{
  258. margin:5px 0;
  259. padding:5px 0;
  260. border-bottom:1px solid #ccc
  261. }
  262. .photos_view_des, .photos_view_filename, .photos_list_view_des, .photos_list_view_filename{
  263. margin:4px 0;
  264. padding:5px 8px;
  265. }
  266. .photot_ajax_hover{
  267. background-color: #FAF7DE;
  268. }
  269. .photos_ajax_del_img{
  270. background: url(loading.gif) no-repeat center right;
  271. padding-right:16px;
  272. }
  273. a.jQueryeditable_edit_delete{
  274. display:block;
  275. float:right;
  276. }
  277. /*node form*/
  278. .photos-form-count{
  279. padding:0 5px;
  280. border: 1px solid #eee;
  281. }
  282. /*album view*/
  283. .photos_album_right{
  284. text-align: right;
  285. }
  286. .photos_album_menu{
  287. border-bottom: 1px solid #C9EDA5;
  288. margin: 5px 0;
  289. padding: 5px 0;
  290. height: 28px;
  291. }
  292. .photos_album_header{
  293. overflow: hidden;
  294. height: auto;
  295. margin-bottom: 5px;
  296. border-bottom: 1px solid #C9EDA5;
  297. }
  298. .photos_album_body{
  299. padding-left: 5px;
  300. }
  301. .photos_album_cover{
  302. margin-right: 5px;
  303. float:left;
  304. }
  305. .photos_album_float_right{
  306. float:right;
  307. }
  308. /*download*/
  309. .photos_download_view{
  310. margin: 5px 10px;
  311. padding: 10px;
  312. clear:both;
  313. }
  314. .photos_download_bucket{
  315. margin:10px;
  316. padding-left:10px;
  317. padding-top:0;
  318. }
  319. .photos_download_menu{
  320. margin-left:10px;
  321. padding-left:10px;
  322. overflow: hidden;
  323. height: auto;
  324. }
  325. .photos_download_menu a{
  326. padding:4px 10px;
  327. }
  328. .photos_exif_name, .photos_download_menu a.active{
  329. font-weight: bold;
  330. color: #5A550A
  331. }
  332. .photos_download_menu_t{
  333. height: 24px;
  334. line-height: 24px;
  335. border-bottom: 1px solid #A2F093;
  336. }
  337. .photos_download_menu_b ul li{
  338. float:left;
  339. list-style-type: none;
  340. }
  341. .photos_exif_title{
  342. font-weight: bold;
  343. font-size:14px;
  344. background: #CEE8D3
  345. }
  346. /*共享链接*/
  347. #photos-image-sharing{
  348. margin-left:10px;
  349. padding-left:10px;
  350. }
  351. #photos-image-sharing input {
  352. background:url(input.gif) repeat-x left top;
  353. border:1px solid #CED7D6;
  354. color:#B59EC6;
  355. height:20px;
  356. line-height: 20px;
  357. width:90%;
  358. clear:both;
  359. margin-bottom: 5px;
  360. }
  361. /*filter*/
  362. .photos_filter_left{
  363. float:left;
  364. }
  365. .photos_filter_right{
  366. float:right;
  367. }
  368. .photos_filter_center{
  369. text-align:center;
  370. }
  371. #photos_share_ul, #photos_default .item-list{
  372. clear: both;
  373. height: auto;
  374. overflow: hidden;
  375. }
  376. #photos_share li, #photos_default li{
  377. float: left;
  378. }
  379. /*share*/
  380. #photos_share{
  381. margin:10px;
  382. }
  383. #photos_share_ul li{
  384. height:125px;
  385. width:140px;
  386. text-align:center;
  387. background-image: none;
  388. margin: 2px;
  389. padding:2px;
  390. border:1px solid #F7F5F5;
  391. }
  392. #photos_share_ul li img{
  393. max-width:100px;
  394. padding:2px;
  395. margin:1px;
  396. _width: expression(this.width > 100 && this.height < this.width ? 100: true);
  397. }
  398. .photos_share_hover{
  399. background: #FCFCCE;
  400. }
  401. #photos_share_ul .photos_share_selected{
  402. border:1px solid #EA0F34;
  403. }
  404. .photos_share_textarea{
  405. display:none;
  406. }
  407. #photos_share_textarea{
  408. width: 98%;
  409. }
  410. .photos_share_links a{
  411. padding-right: 12px;
  412. }
  413. /*image html*/
  414. .photos_imagehtml{
  415. float: left;
  416. position:relative;
  417. margin: 1px;
  418. padding:1px;
  419. }
  420. .photos_imagehtml_thickbox{
  421. background:url(thickbox.gif) no-repeat center;
  422. position: absolute;
  423. left: 4px;
  424. bottom: 10px;
  425. display:none;
  426. width:20px;
  427. height:20px;
  428. }
  429. a.photos_imagehtml_thickbox:hover{
  430. background:#5AA224 url(thickbox.gif) no-repeat center;
  431. }