diff --git a/portfolio/static/styles.css b/portfolio/static/styles.css new file mode 100644 index 0000000000000000000000000000000000000000..7e07a63f63f3a30617748106026e4d784030c451 --- /dev/null +++ b/portfolio/static/styles.css @@ -0,0 +1,117 @@ +body { + background-color: lavender; + background-image: url("default.jpg"); + height: 500px; + background-position: center; + background-repeat: repeat; + background-size: cover; +} + +h1 { + color: #000000; + text-align: center; + margin-top: 50px; +} + +h3 { + color: #000000; + text-align: center; + margin-top: 100px; +} + +p { + color: #000000; + text-align: justify; + margin: 10px; +} + +footer { + font-size: 10px; +} + +.form-control { + width: 600px; + padding: 12px 20px; + margin: 8px 0; + box-sizing: border-box; + border: 2px solid rgb(176, 231, 181); + border-radius: 4px; + } + +.label{ + font-weight: bold; +} + +.submit-btn{ + background-color: rgb(255, 229, 207); + color: rgb(197, 223, 168); + padding: 14px 20px; + margin: 8px 0; + border: none; + cursor: pointer; + width: 100%; +} + +form { + width: 50%; + margin: 0 auto; +} + +.page-title { + color: #4CAF50; + text-align: center; + margin-top: 50px; +} +.form-container { + background-color: #f2f2f2; + padding: 20px; + align-items: center; +} +.form-title { + color: #060606; + margin-bottom: 20px; +} +label { + color: #000000; +} +.form-control { + margin-bottom: 20px; +} +.btn-primary { + background-color: #1020b5; + color: white; +} +.alert-danger { + color: rgb(222, 51, 51); + font-size: 20px; + font-weight: bold; +} + +.comment-container { + margin-bottom: 20px; + border: 1px solid rgb(73, 73, 73); + padding: 10px; +} +.comment-date { + font-style: italic; +} + +table { + width: 100%; + border-collapse: collapse; + } + +th, td { + border: 1px solid black; + padding: 8px; + text-align: left; + } + +th { + background-color: #f2f2f2; + } + +.table-margin { + margin-bottom: 100px; /* adjust as needed */ + } + \ No newline at end of file