Merge pull request sapporojs#10 from onjiro/accenturation-to-about

ABOUT にアクセントをつけたい

public/theme/sunlight/sunlight.css

@@ -314,6 +314,40 @@ p.siteName a:hover {
     text-decoration: none;
 }
 
+/* about */
+dl.navi {
+    margin-top: 0.5em;
+}
+
+dl.navi dt:first-of-type:before {
+    width: 0px;
+    height: 0px;
+    content: "";
+    position: absolute;
+    border-left: 20px solid transparent;
+    border-top: 16px solid #ffffff;
+    transform: translate(-39px, 0);
+    -webkit-transform: translate(-39px, 0);
+    -moz-transform: translate(-39px, 0);
+}
+
+dl.navi dt:first-of-type {
+    padding-top: 8px;
+    position: absolute;
+    z-index: 1;
+}
+
+dl.navi dd:first-of-type {
+    margin-left: 60px;
+    padding: 52px 20px 16px 20px;
+    width: 240px;
+    background: #ffffff;
+    border-radius: 20px;
+    box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
+    -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
+    -moz-box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
+}
+
 /* calendar */
 .calendar {
     font-size: 14px;