FilesExpand file tree

 main

/

style.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

98 lines (85 loc) · 1.37 KB

 main

/

style.css

Copy path

Top

File metadata and controls

• Code
• Blame

98 lines (85 loc) · 1.37 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

body {

font-family: system-ui, sans-serif;

background: #0f172a;

color: #e5e7eb;

margin: 0;

padding: 20px;

}

.container {

max-width: 600px;

margin: 0 auto;

}

h1 {

text-align: center;

margin-bottom: 20px;

}

button {

padding: 10px 20px;

border: none;

border-radius: 8px;

background: #3b82f6;

color: white;

cursor: pointer;

}

.note-input input,

.note-input textarea {

width: 100%;

padding: 10px;

margin-bottom: 8px;

border-radius: 8px;

border: 1px solid #374151;

background: #1e293b;

color: #f8fafc;

}

.note-card {

background: #1e293b;

padding: 10px;

margin-bottom: 10px;

border-radius: 8px;

}

.note-card h3 {

margin: 0;

}

.note-card p {

margin: 5px 0 0 0;

}

.note-card button {

background: #ef4444;

margin-top: 5px;

}

/* Modal styling */

.modal {

display: none;

position: fixed;

z-index: 100;

left: 0; top: 0;

width: 100%; height: 100%;

overflow: auto;

background-color: rgba(0,0,0,0.7);

}

.modal-content {

background-color: #1e293b;

margin: 10% auto;

padding: 20px;

border-radius: 10px;

width: 300px;

color: #f8fafc;

text-align: center;

}

.modal-content input {

width: 90%;

padding: 8px;

margin: 8px 0;

border-radius: 6px;

border: 1px solid #374151;

background: #0f172a;

color: #f8fafc;

}

.modal-content button {

width: 50%;

}

.close {

float: right;

font-size: 24px;

cursor: pointer;

}