clip-photo.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. #clipPanel{
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .clip-img{
  6. position: absolute;
  7. left: 0;
  8. right: 0;
  9. bottom: 0;
  10. top: 0;
  11. width: 100%;
  12. height: 100%;
  13. margin: 0;
  14. }
  15. .clip-img img{
  16. position: absolute;
  17. width: auto;
  18. height: auto;
  19. max-width: 100%;
  20. max-height: 100%;
  21. }
  22. #clip{
  23. position: absolute;
  24. z-index: 100;
  25. /*border: 1px solid #ccc;*/
  26. outline: rgba(0, 0, 0, 0.8) solid 1000px;
  27. }
  28. nav{height: 40px;}
  29. nav > div:first-child{
  30. border-right: 1px solid #cbcbcb;
  31. }
  32. .header{
  33. width: 100%;
  34. height: 40px;
  35. line-height: 40px;
  36. position: fixed;
  37. background-color: #fff;
  38. z-index: 999;
  39. }
  40. .header-link-l,
  41. .header-link-r{
  42. position: absolute;
  43. top:0;
  44. }
  45. .header-link-l{
  46. left: 10px;
  47. }
  48. .header-link-r{
  49. right: 10px;
  50. }
  51. .header-link-l a,
  52. .header-link-r a{
  53. color: #74bf00;
  54. }
  55. .save-btn{
  56. z-index: 9;
  57. position: absolute;
  58. top: 10px;
  59. right: 10px;
  60. border: none;
  61. background-color: #fff;
  62. border: 1px solid #ccc;
  63. width: 50px;
  64. height: 30px;
  65. }
  66. .bgc-000{
  67. background-color: #000;
  68. }
  69. .c-a8{
  70. color: #A8A8A8;
  71. }