You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

notes_app.css 1.5KB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. body{
  2. background-color:#f9f5f4;
  3. columns:#555555;
  4. font-family:Arial, Helvetica, sans-serif;
  5. font-size:16px;
  6. }
  7. #storageBrowser{
  8. background-color: #ddfe7d ;
  9. margin:2.5px;
  10. border-radius: 5px;
  11. border:1px black solid;
  12. width: 300px;
  13. }
  14. #storageBrowserHeader{
  15. background-color:#f9f5f4;
  16. display: inline-block;
  17. font-weight: bold;
  18. border-radius: 5px;
  19. border-bottom:1px black solid;
  20. border-right: 1px black solid;
  21. overflow: hidden;
  22. }
  23. .right{
  24. float:right;
  25. padding: 1px;
  26. }
  27. #addNoteDiv{
  28. margin:2.5px;
  29. }
  30. #addNoteButton{
  31. height: 26px;
  32. width: 26px;
  33. font-size: 40px;
  34. display: flex;
  35. align-items: center;
  36. justify-content: center;
  37. }
  38. #mainHeader h1{
  39. margin:0;
  40. padding:2.5px;
  41. }
  42. #mainHeader h6{
  43. margin-top:0;
  44. padding:2.5px;
  45. }
  46. .noteDiv{
  47. background-color: #ddfe7d ;
  48. padding:5px;
  49. border-radius: 5px;
  50. margin-top:2px;
  51. display: inline-block;
  52. border:1px black solid;
  53. }
  54. .browserElement{
  55. display: flex;
  56. }
  57. .loader {
  58. border: 3.2px solid #f3f3f3;
  59. border-radius: 50%;
  60. border-top: 3.2px solid #3498db;
  61. width: 24px;
  62. height: 24px;
  63. -webkit-animation: spin 2s linear infinite; /* Safari */
  64. animation: spin 2s linear infinite;
  65. display: none;
  66. }
  67. @-webkit-keyframes spin {
  68. 0% { -webkit-transform: rotate(0deg); }
  69. 100% { -webkit-transform: rotate(360deg); }
  70. }
  71. @keyframes spin {
  72. 0% { transform: rotate(0deg); }
  73. 100% { transform: rotate(360deg); }
  74. }