banner.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. body {
  2. overflow: hidden;
  3. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, rgb(253,
  4. 237, 166) ), color-stop(1, rgb(250, 229, 146) ) );
  5. background-repeat: repeat-x;
  6. color: black;
  7. font-family: Arial;
  8. font-size: 11pt;
  9. margin-top: 5px;
  10. }
  11. .link {
  12. text-decoration: none;
  13. padding-left: 20px;
  14. color: black;
  15. }
  16. .link:hover {
  17. text-decoration: underline;
  18. }
  19. .link::before {
  20. background-image: url(../resources/icon_19_save.png);
  21. height: 19px;
  22. width: 19px;
  23. content: " ";
  24. display: inline-block;
  25. position: relative;
  26. top: 3px;
  27. left: -14px;
  28. }
  29. .filename-container {
  30. position: absolute;
  31. padding: 2px;
  32. right: 50px;
  33. top: 6px;
  34. opacity: .5;
  35. -webkit-transition: opacity 250ms;
  36. }
  37. .filename-container:hover {
  38. opacity: 1;
  39. }
  40. .filename {
  41. padding: 2px;
  42. max-width: 400px;
  43. overflow: hidden;
  44. text-overflow: ellipsis;
  45. white-space: nowrap;
  46. display: inline-block;
  47. }
  48. .filename[contenteditable=true] {
  49. background-color: #fff8d6;
  50. }
  51. .edit {
  52. padding-left: 5px;
  53. }
  54. .close-button {
  55. text-shadow: 1px 1px #333;
  56. display: inline-block;
  57. height: 14px;
  58. width: 14px;
  59. background-image: url(../resources/icon_close.png);
  60. font-family: sans-serif;
  61. font-weight: bold;
  62. opacity: .4;
  63. position: absolute;
  64. right: 6px;
  65. top: 10px;
  66. cursor: default;
  67. }
  68. .close-button:hover {
  69. -webkit-transition: opacity .2s ease-out;
  70. opacity: 1;
  71. }