デザイン

Author: pinkfruitradio

public/stylesheets/style.css

@@ -1,5 +1,72 @@
+body {
+  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
+  background-color: #f4f7f6;
+  color: #333333;
+  line-height: 1.6;
+  padding: 20px;
+}
+
+a {
+  color: #3498db;
+  text-decoration: none;
+  transition: all 0.3s ease;
+}
+
+a:hover {
+  color: #2980b9;
+}
+
+h1 {
+  font-size: 2.2rem;
+  color: #2c3e50;
+  border-bottom: 3px solid #3498db;
+  padding-bottom: 10px;
+  margin-bottom: 25px;
+  letter-spacing: 1px;
+}
+
 .sidebar-nav {
   margin-top: 20px;
-  padding: 0;
+  padding: 15px;
   list-style: none;
+  background-color: #ffffff;
+  border-radius: 10px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+}
+
+.sidebar-nav li {
+  margin-bottom: 12px;
+}
+
+.sidebar-nav li a {
+  display: block;
+  padding: 10px 15px;
+  border-radius: 6px;
+  background-color: #f8f9fa;
+  color: #2c3e50;
+  font-weight: bold;
+  transition: all 0.3s ease;
+}
+
+.sidebar-nav li a:hover {
+  background-color: #3498db;
+  color: #ffffff;
+  transform: translateX(8px);
+  box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
+}
+
+div[class^="col-sm-10"] {
+  background-color: #ffffff;
+  padding: 30px;
+  border-radius: 10px;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+  margin-top: 20px;
+}
+
+ul {
+  padding-left: 20px;
 }
+
+li {
+  margin-bottom: 8px;
+}