diff --git a/board/style.css b/board/style.css new file mode 100644 index 0000000..45aead7 --- /dev/null +++ b/board/style.css @@ -0,0 +1,70 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} + +.container { + width: 80%; + margin: 0 auto; + padding: 20px; + background-color: white; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +h1 { + text-align: center; +} + +#user-info { + text-align: right; +} + +#post-form { + margin-top: 20px; + display: flex; + flex-direction: column; + align-items: center; +} + +#post-content { + width: 80%; + height: 100px; + padding: 10px; + border: 1px solid #ccc; + border-radius: 8px; + margin-bottom: 10px; +} + +button { + padding: 10px 20px; + background-color: #4CAF50; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; +} + +button:hover { + background-color: #45a049; +} + +#posts-section { + margin-top: 20px; +} + +.post { + padding: 10px; + border-bottom: 1px solid #ddd; + margin-bottom: 10px; +} + +.post .username { + font-weight: bold; +} + +.post .content { + margin-top: 10px; +}