image.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941
  1. @charset "utf-8";
  2. /* dialog样式 */
  3. .wrapper {
  4. zoom: 1;
  5. width: 630px;
  6. *width: 626px;
  7. height: 380px;
  8. margin: 0 auto;
  9. padding: 10px;
  10. position: relative;
  11. font-family: sans-serif;
  12. z-index: 3000 !important
  13. }
  14. /*tab样式框大小*/
  15. .tabhead {
  16. float: left;
  17. }
  18. .tabbody {
  19. width: 100%;
  20. height: 346px;
  21. position: relative;
  22. clear: both;
  23. }
  24. .tabbody .panel {
  25. position: absolute;
  26. width: 0;
  27. height: 0;
  28. background: #fff;
  29. overflow: hidden;
  30. display: none;
  31. }
  32. .tabbody .panel.focus {
  33. width: 100%;
  34. height: 346px;
  35. display: block;
  36. }
  37. /* 图片对齐方式 */
  38. .alignBar {
  39. float: right;
  40. margin-top: 5px;
  41. position: relative;
  42. }
  43. .alignBar .algnLabel {
  44. float: left;
  45. height: 20px;
  46. line-height: 20px;
  47. }
  48. .alignBar #alignIcon {
  49. zoom: 1;
  50. _display: inline;
  51. display: inline-block;
  52. position: relative;
  53. }
  54. .alignBar #alignIcon span {
  55. float: left;
  56. cursor: pointer;
  57. display: block;
  58. width: 19px;
  59. height: 17px;
  60. margin-right: 3px;
  61. margin-left: 3px;
  62. background-image: url(./images/alignicon.jpg);
  63. }
  64. .alignBar #alignIcon .none-align {
  65. background-position: 0 -18px;
  66. }
  67. .alignBar #alignIcon .left-align {
  68. background-position: -20px -18px;
  69. }
  70. .alignBar #alignIcon .right-align {
  71. background-position: -40px -18px;
  72. }
  73. .alignBar #alignIcon .center-align {
  74. background-position: -60px -18px;
  75. }
  76. .alignBar #alignIcon .none-align.focus {
  77. background-position: 0 0;
  78. }
  79. .alignBar #alignIcon .left-align.focus {
  80. background-position: -20px 0;
  81. }
  82. .alignBar #alignIcon .right-align.focus {
  83. background-position: -40px 0;
  84. }
  85. .alignBar #alignIcon .center-align.focus {
  86. background-position: -60px 0;
  87. }
  88. /* 远程图片样式 */
  89. #remote {
  90. z-index: 200;
  91. }
  92. #remote .top {
  93. width: 100%;
  94. margin-top: 25px;
  95. }
  96. #remote .left {
  97. display: block;
  98. float: left;
  99. width: 300px;
  100. height: 10px;
  101. }
  102. #remote .right {
  103. display: block;
  104. float: right;
  105. width: 300px;
  106. height: 10px;
  107. }
  108. #remote .row {
  109. margin-left: 20px;
  110. clear: both;
  111. height: 40px;
  112. }
  113. #remote .row label {
  114. text-align: center;
  115. width: 50px;
  116. zoom: 1;
  117. _display: inline;
  118. display: inline-block;
  119. vertical-align: middle;
  120. }
  121. #remote .row label.algnLabel {
  122. float: left;
  123. }
  124. #remote input.text {
  125. width: 150px;
  126. padding: 3px 6px;
  127. font-size: 14px;
  128. line-height: 1.42857143;
  129. color: #555;
  130. background-color: #fff;
  131. background-image: none;
  132. border: 1px solid #ccc;
  133. border-radius: 4px;
  134. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  135. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  136. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  137. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  138. }
  139. #remote input.text:focus {
  140. border-color: #66afe9;
  141. outline: 0;
  142. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  143. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  144. }
  145. #remote #url {
  146. width: 500px;
  147. margin-bottom: 2px;
  148. }
  149. #remote #width,
  150. #remote #height {
  151. width: 20px;
  152. margin-left: 2px;
  153. margin-right: 2px;
  154. }
  155. #remote #border,
  156. #remote #vhSpace,
  157. #remote #title {
  158. width: 180px;
  159. margin-right: 5px;
  160. }
  161. #remote #lock {}
  162. #remote #lockicon {
  163. zoom: 1;
  164. _display: inline;
  165. display: inline-block;
  166. width: 20px;
  167. height: 20px;
  168. background: url("../../themes/default/images/lock.gif") -13px -13px no-repeat;
  169. vertical-align: middle;
  170. }
  171. #remote #preview {
  172. clear: both;
  173. width: 260px;
  174. height: 240px;
  175. z-index: 9999;
  176. margin-top: 10px;
  177. background-color: #eee;
  178. overflow: hidden;
  179. }
  180. /* 上传图片 */
  181. .tabbody #upload.panel {
  182. width: 0;
  183. height: 0;
  184. overflow: hidden;
  185. position: absolute !important;
  186. clip: rect(1px, 1px, 1px, 1px);
  187. background: #fff;
  188. display: block;
  189. }
  190. .tabbody #upload.panel.focus {
  191. width: 100%;
  192. height: 346px;
  193. display: block;
  194. clip: auto;
  195. }
  196. #upload .queueList {
  197. margin: 0;
  198. width: 100%;
  199. height: 100%;
  200. position: absolute;
  201. overflow: hidden;
  202. }
  203. #upload p {
  204. margin: 0;
  205. }
  206. .element-invisible {
  207. width: 0 !important;
  208. height: 0 !important;
  209. border: 0;
  210. padding: 0;
  211. margin: 0;
  212. overflow: hidden;
  213. position: absolute !important;
  214. clip: rect(1px, 1px, 1px, 1px);
  215. }
  216. #upload .placeholder {
  217. margin: 10px;
  218. border: 2px dashed #e6e6e6;
  219. *border: 0px dashed #e6e6e6;
  220. height: 172px;
  221. padding-top: 150px;
  222. text-align: center;
  223. background: url(./images/image.png) center 70px no-repeat;
  224. color: #cccccc;
  225. font-size: 18px;
  226. position: relative;
  227. top: 0;
  228. *top: 10px;
  229. }
  230. #upload .placeholder .webuploader-pick {
  231. font-size: 18px;
  232. background: #00b7ee;
  233. border-radius: 3px;
  234. line-height: 44px;
  235. padding: 0 30px;
  236. *width: 120px;
  237. color: #fff;
  238. display: inline-block;
  239. margin: 0 auto 20px auto;
  240. cursor: pointer;
  241. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  242. }
  243. #upload .placeholder .webuploader-pick-hover {
  244. background: #00a2d4;
  245. }
  246. #filePickerContainer {
  247. text-align: center;
  248. }
  249. #upload .placeholder .flashTip {
  250. color: #666666;
  251. font-size: 12px;
  252. position: absolute;
  253. width: 100%;
  254. text-align: center;
  255. bottom: 20px;
  256. }
  257. #upload .placeholder .flashTip a {
  258. color: #0785d1;
  259. text-decoration: none;
  260. }
  261. #upload .placeholder .flashTip a:hover {
  262. text-decoration: underline;
  263. }
  264. #upload .placeholder.webuploader-dnd-over {
  265. border-color: #999999;
  266. }
  267. #upload .filelist {
  268. list-style: none;
  269. margin: 0;
  270. padding: 0;
  271. overflow-x: hidden;
  272. overflow-y: auto;
  273. position: relative;
  274. height: 300px;
  275. }
  276. #upload .filelist:after {
  277. content: '';
  278. display: block;
  279. width: 0;
  280. height: 0;
  281. overflow: hidden;
  282. clear: both;
  283. position: relative;
  284. }
  285. #upload .filelist li {
  286. width: 113px;
  287. height: 113px;
  288. background: url(./images/bg.png);
  289. text-align: center;
  290. margin: 9px 0 0 9px;
  291. *margin: 6px 0 0 6px;
  292. position: relative;
  293. display: block;
  294. float: left;
  295. overflow: hidden;
  296. font-size: 12px;
  297. }
  298. #upload .filelist li p.log {
  299. position: relative;
  300. top: -45px;
  301. }
  302. #upload .filelist li p.title {
  303. position: absolute;
  304. top: 0;
  305. left: 0;
  306. width: 100%;
  307. overflow: hidden;
  308. white-space: nowrap;
  309. text-overflow: ellipsis;
  310. top: 5px;
  311. text-indent: 5px;
  312. text-align: left;
  313. }
  314. #upload .filelist li p.progress {
  315. position: absolute;
  316. width: 100%;
  317. bottom: 0;
  318. left: 0;
  319. height: 8px;
  320. overflow: hidden;
  321. z-index: 50;
  322. margin: 0;
  323. border-radius: 0;
  324. background: none;
  325. -webkit-box-shadow: 0 0 0;
  326. }
  327. #upload .filelist li p.progress span {
  328. display: none;
  329. overflow: hidden;
  330. width: 0;
  331. height: 100%;
  332. background: #1483d8 url(./images/progress.png) repeat-x;
  333. -webit-transition: width 200ms linear;
  334. -moz-transition: width 200ms linear;
  335. -o-transition: width 200ms linear;
  336. -ms-transition: width 200ms linear;
  337. transition: width 200ms linear;
  338. -webkit-animation: progressmove 2s linear infinite;
  339. -moz-animation: progressmove 2s linear infinite;
  340. -o-animation: progressmove 2s linear infinite;
  341. -ms-animation: progressmove 2s linear infinite;
  342. animation: progressmove 2s linear infinite;
  343. -webkit-transform: translateZ(0);
  344. }
  345. @-webkit-keyframes progressmove {
  346. 0% {
  347. background-position: 0 0;
  348. }
  349. 100% {
  350. background-position: 17px 0;
  351. }
  352. }
  353. @-moz-keyframes progressmove {
  354. 0% {
  355. background-position: 0 0;
  356. }
  357. 100% {
  358. background-position: 17px 0;
  359. }
  360. }
  361. @keyframes progressmove {
  362. 0% {
  363. background-position: 0 0;
  364. }
  365. 100% {
  366. background-position: 17px 0;
  367. }
  368. }
  369. #upload .filelist li p.imgWrap {
  370. position: relative;
  371. z-index: 2;
  372. line-height: 113px;
  373. vertical-align: middle;
  374. overflow: hidden;
  375. width: 113px;
  376. height: 113px;
  377. -webkit-transform-origin: 50% 50%;
  378. -moz-transform-origin: 50% 50%;
  379. -o-transform-origin: 50% 50%;
  380. -ms-transform-origin: 50% 50%;
  381. transform-origin: 50% 50%;
  382. -webit-transition: 200ms ease-out;
  383. -moz-transition: 200ms ease-out;
  384. -o-transition: 200ms ease-out;
  385. -ms-transition: 200ms ease-out;
  386. transition: 200ms ease-out;
  387. }
  388. #upload .filelist li img {
  389. width: 100%;
  390. }
  391. #upload .filelist li p.error {
  392. background: #f43838;
  393. color: #fff;
  394. position: absolute;
  395. bottom: 0;
  396. left: 0;
  397. height: 28px;
  398. line-height: 28px;
  399. width: 100%;
  400. z-index: 100;
  401. display: none;
  402. }
  403. #upload .filelist li .success {
  404. display: block;
  405. position: absolute;
  406. left: 0;
  407. bottom: 0;
  408. height: 40px;
  409. width: 100%;
  410. z-index: 200;
  411. background: url(./images/success.png) no-repeat right bottom;
  412. background: url(./images/success.gif) no-repeat right bottom \9;
  413. }
  414. #upload .filelist li.filePickerBlock {
  415. width: 113px;
  416. height: 113px;
  417. background: url(./images/image.png) no-repeat center 12px;
  418. border: 1px solid #eeeeee;
  419. border-radius: 0;
  420. }
  421. #upload .filelist li.filePickerBlock div.webuploader-pick {
  422. width: 100%;
  423. height: 100%;
  424. margin: 0;
  425. padding: 0;
  426. opacity: 0;
  427. background: none;
  428. font-size: 0;
  429. }
  430. #upload .filelist div.file-panel {
  431. position: absolute;
  432. height: 0;
  433. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000') \0;
  434. background: rgba(0, 0, 0, 0.5);
  435. width: 100%;
  436. top: 0;
  437. left: 0;
  438. overflow: hidden;
  439. z-index: 300;
  440. }
  441. #upload .filelist div.file-panel span {
  442. width: 24px;
  443. height: 24px;
  444. display: inline;
  445. float: right;
  446. text-indent: -9999px;
  447. overflow: hidden;
  448. background: url(./images/icons.png) no-repeat;
  449. background: url(./images/icons.gif) no-repeat \9;
  450. margin: 5px 1px 1px;
  451. cursor: pointer;
  452. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  453. -webkit-user-select: none;
  454. -moz-user-select: none;
  455. -ms-user-select: none;
  456. user-select: none;
  457. }
  458. #upload .filelist div.file-panel span.rotateLeft {
  459. display: none;
  460. background-position: 0 -24px;
  461. }
  462. #upload .filelist div.file-panel span.rotateLeft:hover {
  463. background-position: 0 0;
  464. }
  465. #upload .filelist div.file-panel span.rotateRight {
  466. display: none;
  467. background-position: -24px -24px;
  468. }
  469. #upload .filelist div.file-panel span.rotateRight:hover {
  470. background-position: -24px 0;
  471. }
  472. #upload .filelist div.file-panel span.cancel {
  473. background-position: -48px -24px;
  474. }
  475. #upload .filelist div.file-panel span.cancel:hover {
  476. background-position: -48px 0;
  477. }
  478. #upload .statusBar {
  479. height: 45px;
  480. border-bottom: 1px solid #dadada;
  481. margin: 0 10px;
  482. padding: 0;
  483. line-height: 45px;
  484. vertical-align: middle;
  485. position: relative;
  486. }
  487. #upload .statusBar .progress {
  488. border: 1px solid #1483d8;
  489. width: 198px;
  490. background: #fff;
  491. height: 18px;
  492. position: absolute;
  493. top: 12px;
  494. display: none;
  495. text-align: center;
  496. line-height: 18px;
  497. color: #6dbfff;
  498. margin: 0 10px 0 0;
  499. }
  500. #upload .statusBar .progress span.percentage {
  501. width: 0;
  502. height: 100%;
  503. left: 0;
  504. top: 0;
  505. background: #1483d8;
  506. position: absolute;
  507. }
  508. #upload .statusBar .progress span.text {
  509. position: relative;
  510. z-index: 10;
  511. }
  512. #upload .statusBar .info {
  513. display: inline-block;
  514. font-size: 14px;
  515. color: #666666;
  516. }
  517. #upload .statusBar .btns {
  518. position: absolute;
  519. top: 7px;
  520. right: 0;
  521. line-height: 30px;
  522. }
  523. #filePickerBtn {
  524. display: inline-block;
  525. float: left;
  526. }
  527. #upload .statusBar .btns .webuploader-pick,
  528. #upload .statusBar .btns .uploadBtn,
  529. #upload .statusBar .btns .uploadBtn.state-uploading,
  530. #upload .statusBar .btns .uploadBtn.state-paused {
  531. background: #ffffff;
  532. border: 1px solid #cfcfcf;
  533. color: #565656;
  534. padding: 0 18px;
  535. display: inline-block;
  536. border-radius: 3px;
  537. margin-left: 10px;
  538. cursor: pointer;
  539. font-size: 14px;
  540. float: left;
  541. -webkit-user-select: none;
  542. -moz-user-select: none;
  543. -ms-user-select: none;
  544. user-select: none;
  545. }
  546. #upload .statusBar .btns .webuploader-pick-hover,
  547. #upload .statusBar .btns .uploadBtn:hover,
  548. #upload .statusBar .btns .uploadBtn.state-uploading:hover,
  549. #upload .statusBar .btns .uploadBtn.state-paused:hover {
  550. background: #f0f0f0;
  551. }
  552. #upload .statusBar .btns .uploadBtn,
  553. #upload .statusBar .btns .uploadBtn.state-paused {
  554. background: #00b7ee;
  555. color: #fff;
  556. border-color: transparent;
  557. }
  558. #upload .statusBar .btns .uploadBtn:hover,
  559. #upload .statusBar .btns .uploadBtn.state-paused:hover {
  560. background: #00a2d4;
  561. }
  562. #upload .statusBar .btns .uploadBtn.disabled {
  563. pointer-events: none;
  564. filter: alpha(opacity=60);
  565. -moz-opacity: 0.6;
  566. -khtml-opacity: 0.6;
  567. opacity: 0.6;
  568. }
  569. /* 图片管理样式 */
  570. #online {
  571. width: 100%;
  572. height: 336px;
  573. padding: 10px 0 0 0;
  574. }
  575. #online #imageList {
  576. width: 100%;
  577. height: 100%;
  578. overflow-x: hidden;
  579. overflow-y: auto;
  580. position: relative;
  581. }
  582. #online ul {
  583. display: block;
  584. list-style: none;
  585. margin: 0;
  586. padding: 0;
  587. }
  588. #online li {
  589. float: left;
  590. display: block;
  591. list-style: none;
  592. padding: 0;
  593. width: 113px;
  594. height: 113px;
  595. margin: 0 0 9px 9px;
  596. *margin: 0 0 6px 6px;
  597. background-color: #eee;
  598. overflow: hidden;
  599. cursor: pointer;
  600. position: relative;
  601. }
  602. #online li.clearFloat {
  603. float: none;
  604. clear: both;
  605. display: block;
  606. width: 0;
  607. height: 0;
  608. margin: 0;
  609. padding: 0;
  610. }
  611. #online li img {
  612. cursor: pointer;
  613. }
  614. #online li .icon {
  615. cursor: pointer;
  616. width: 113px;
  617. height: 113px;
  618. position: absolute;
  619. top: 0;
  620. left: 0;
  621. z-index: 2;
  622. border: 0;
  623. background-repeat: no-repeat;
  624. }
  625. #online li .icon:hover {
  626. width: 107px;
  627. height: 107px;
  628. border: 3px solid #1094fa;
  629. }
  630. #online li.selected .icon {
  631. background-image: url(images/success.png);
  632. background-image: url(images/success.gif)\9;
  633. background-position: 75px 75px;
  634. }
  635. #online li.selected .icon:hover {
  636. width: 107px;
  637. height: 107px;
  638. border: 3px solid #1094fa;
  639. background-position: 72px 72px;
  640. }
  641. /* 图片搜索样式 */
  642. #search .searchBar {
  643. width: 100%;
  644. height: 30px;
  645. margin: 10px 0 5px 0;
  646. padding: 0;
  647. }
  648. #search input.text {
  649. width: 150px;
  650. padding: 3px 6px;
  651. font-size: 14px;
  652. line-height: 1.42857143;
  653. color: #555;
  654. background-color: #fff;
  655. background-image: none;
  656. border: 1px solid #ccc;
  657. border-radius: 4px;
  658. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  659. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  660. -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  661. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  662. }
  663. #search input.text:focus {
  664. border-color: #66afe9;
  665. outline: 0;
  666. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  667. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  668. }
  669. #search input.searchTxt {
  670. margin-left: 5px;
  671. padding-left: 5px;
  672. background: #FFF;
  673. width: 300px;
  674. *width: 260px;
  675. height: 21px;
  676. line-height: 21px;
  677. float: left;
  678. dislay: block;
  679. }
  680. #search .searchType {
  681. width: 65px;
  682. height: 28px;
  683. padding: 0;
  684. line-height: 28px;
  685. border: 1px solid #d7d7d7;
  686. border-radius: 0;
  687. vertical-align: top;
  688. margin-left: 5px;
  689. float: left;
  690. dislay: block;
  691. }
  692. #search #searchBtn,
  693. #search #searchReset {
  694. display: inline-block;
  695. margin-bottom: 0;
  696. margin-right: 5px;
  697. padding: 4px 10px;
  698. font-weight: 400;
  699. text-align: center;
  700. vertical-align: middle;
  701. cursor: pointer;
  702. background-image: none;
  703. border: 1px solid transparent;
  704. white-space: nowrap;
  705. font-size: 14px;
  706. border-radius: 4px;
  707. -webkit-user-select: none;
  708. -moz-user-select: none;
  709. -ms-user-select: none;
  710. user-select: none;
  711. vertical-align: top;
  712. float: right;
  713. }
  714. #search #searchBtn {
  715. color: white;
  716. border-color: #285e8e;
  717. background-color: #3b97d7;
  718. }
  719. #search #searchReset {
  720. color: #333;
  721. border-color: #ccc;
  722. background-color: #fff;
  723. }
  724. #search #searchBtn:hover {
  725. background-color: #3276b1;
  726. }
  727. #search #searchReset:hover {
  728. background-color: #eee;
  729. }
  730. #search .msg {
  731. margin-left: 5px;
  732. }
  733. #search .searchList {
  734. width: 100%;
  735. height: 300px;
  736. overflow: hidden;
  737. clear: both;
  738. }
  739. #search .searchList ul {
  740. margin: 0;
  741. padding: 0;
  742. list-style: none;
  743. clear: both;
  744. width: 100%;
  745. height: 100%;
  746. overflow-x: hidden;
  747. overflow-y: auto;
  748. zoom: 1;
  749. position: relative;
  750. }
  751. #search .searchList li {
  752. list-style: none;
  753. float: left;
  754. display: block;
  755. width: 115px;
  756. margin: 5px 10px 5px 20px;
  757. *margin: 5px 10px 5px 15px;
  758. padding: 0;
  759. font-size: 12px;
  760. box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  761. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  762. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  763. position: relative;
  764. vertical-align: top;
  765. text-align: center;
  766. overflow: hidden;
  767. cursor: pointer;
  768. filter: alpha(Opacity=100);
  769. -moz-opacity: 1;
  770. opacity: 1;
  771. border: 2px solid #eee;
  772. }
  773. #search .searchList li.selected {
  774. filter: alpha(Opacity=40);
  775. -moz-opacity: 0.4;
  776. opacity: 0.4;
  777. border: 2px solid #00a0e9;
  778. }
  779. #search .searchList li p {
  780. background-color: #eee;
  781. margin: 0;
  782. padding: 0;
  783. position: relative;
  784. width: 100%;
  785. height: 115px;
  786. overflow: hidden;
  787. }
  788. #search .searchList li p img {
  789. cursor: pointer;
  790. border: 0;
  791. }
  792. #search .searchList li a {
  793. color: #999;
  794. border-top: 1px solid #F2F2F2;
  795. background: #FAFAFA;
  796. text-align: center;
  797. display: block;
  798. padding: 0 5px;
  799. width: 105px;
  800. height: 32px;
  801. line-height: 32px;
  802. white-space: nowrap;
  803. text-overflow: ellipsis;
  804. text-decoration: none;
  805. overflow: hidden;
  806. word-break: break-all;
  807. }
  808. #search .searchList a:hover {
  809. text-decoration: underline;
  810. color: #333;
  811. }
  812. #search .searchList .clearFloat {
  813. clear: both;
  814. }