You are here

autosave.css in Autosave 7

#autosave-status {
  display: none;
  text-align:left;
  z-index:99;
  color:#FFF; 
  background:#37a;
  position:fixed;
  width:100%; 
  height: 2em;
  bottom:0px; right:0px;
  overflow:hidden;
}

#autosave-status img .left-arrow{
  position: absolute;
  top: -6px;
  margin-left: 50px;
}

#autosave-status img .right-arrow{
  position: absolute;
  top: -6px;
  margin-left: 20px;
}

#autosave-status .arrow {
  background-color:#66A1CC;
  border:1px solid #2E516B;
  color:#2E516B;
  display:inline;
  height:15px;
  margin-left:60px;
  margin-top:4px;
  position:absolute;
  text-align:center;
  width:15px;
  line-height:1em;
}

#autosave-status #right-arrow {
  margin-left: 80px;
}

#autosave-status .disabled {
  background-color: #3174A5;
}

#autosave-status .enabled:hover {
  background-color: #B3D0E6;
  text-decoration: none;
  cursor: pointer;
}

#autosave-status #status {
  margin-left: 5px;
}

#autosave-status #view a {
  margin-left: 40px;
  color: #FFF;
  text-decoration: underline;
}

#autosave-status #delete a {
  margin-left: 20px;
  color: #FFF;
  text-decoration: underline;
}

#autosave-status a {
  margin-left: 20px;
  color: #FFF;
  text-decoration: underline;
}

File

autosave.css
View source
  1. #autosave-status {
  2. display: none;
  3. text-align:left;
  4. z-index:99;
  5. color:#FFF;
  6. background:#37a;
  7. position:fixed;
  8. width:100%;
  9. height: 2em;
  10. bottom:0px; right:0px;
  11. overflow:hidden;
  12. }
  13. #autosave-status img .left-arrow{
  14. position: absolute;
  15. top: -6px;
  16. margin-left: 50px;
  17. }
  18. #autosave-status img .right-arrow{
  19. position: absolute;
  20. top: -6px;
  21. margin-left: 20px;
  22. }
  23. #autosave-status .arrow {
  24. background-color:#66A1CC;
  25. border:1px solid #2E516B;
  26. color:#2E516B;
  27. display:inline;
  28. height:15px;
  29. margin-left:60px;
  30. margin-top:4px;
  31. position:absolute;
  32. text-align:center;
  33. width:15px;
  34. line-height:1em;
  35. }
  36. #autosave-status #right-arrow {
  37. margin-left: 80px;
  38. }
  39. #autosave-status .disabled {
  40. background-color: #3174A5;
  41. }
  42. #autosave-status .enabled:hover {
  43. background-color: #B3D0E6;
  44. text-decoration: none;
  45. cursor: pointer;
  46. }
  47. #autosave-status #status {
  48. margin-left: 5px;
  49. }
  50. #autosave-status #view a {
  51. margin-left: 40px;
  52. color: #FFF;
  53. text-decoration: underline;
  54. }
  55. #autosave-status #delete a {
  56. margin-left: 20px;
  57. color: #FFF;
  58. text-decoration: underline;
  59. }
  60. #autosave-status a {
  61. margin-left: 20px;
  62. color: #FFF;
  63. text-decoration: underline;
  64. }