なんでも本音が面白い

雑学から商品紹介からライフハックから時事から無駄知識まで。

/*aboutページ、デフォdl(プロフィール〜読者までを囲うエリア)*/ .page-about dl { text-align: center; margin: 0; } /*aboutページ、デフォdt(プロフィール等のタイトル)*/ .page-about dt { text-align: center; font-weight: bold; font-size: 1.3em; color: #676F74; margin-bottom: 15px; } /*aboutページ、デフォdd→吹き出し風に*/ .page-about dd { text-align: center; position: relative; display: inline-block; margin: 0.5em auto 1.5em; padding: 7px 10px; min-width: 120px; max-width: 100%; color: #676F74; font-size: 16px; background: #FFF; border: solid 3px #676F74; box-sizing: border-box; border-radius: 10px; } .page-about dd:before{ content: ""; position: absolute; top: -23px; left: 50%; margin-left: -15px; border: 12px solid transparent; border-bottom: 12px solid #FFF; z-index: 2; } .page-about dd:after{ content: ""; position: absolute; top: -30px; left: 50%; margin-left: -17px; border: 14px solid transparent; border-bottom: 14px solid #676F74; z-index: 1; } /*aboutページ、読者数(\99人/のところ)*/ .about-subscription-count { display: table; position: relative; padding: 0 30px; color: #676F74; font-size: 1.5em; font-weight: bold; line-height: 1; letter-spacing: 1px; margin: 12px auto; } .about-subscription-count:before, .about-subscription-count:after { display: inline-block; position: absolute; top: 50%; width: 20px; height: 3px; border-radius: 3px; background-color: #676F74; content: ""; } .about-subscription-count:before { left: 0; -webkit-transform: rotate(50deg); transform: rotate(50deg); } .about-subscription-count:after { right: 0; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); } /*aboutページ、読者アイコン(拡大&円形&ふわっとアニメーション)*/ .page-about .entry-content img.profile-icon { height: 45px; width: 45px; border-radius: 50%; margin: 4px 4px; transition: .3s; } .page-about .entry-content img.profile-icon:hover { box-shadow: 0 10px 20px -4px rgba(0,0,0,.25); transform: translateY(-3px); }
プロフィール
id:KIRAKu
ブログ投稿数
115 記事
ブログ投稿日数
105 日
読者