Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* トップページカード型 */
- @media (min-width: 768px){
- .page-index .archive-entries {
- display: -webkit-flex;
- display: flex;
- -webkit-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- }
- .page-index .archive-entry {
- margin-bottom: 20px!important;
- padding-bottom: 20px;
- box-sizing: border-box;
- width: calc(50% - 20px);
- }
- .page-index .entry-thumb {
- float:none;
- display: block;
- width: 100%;
- height: 200px;
- background-position: center center;
- background-size: cover;
- border-radius: 8px;
- }
- .entry-thumb-link:hover {
- opacity:0.7;
- }
- }
- /* トップページカード型終了 */
- /* ブルグタイトル背景・色 */
- body{background:#00bfff;}
- #title a,
- #blog-title #blog-description {
- color: #ffffff;
- font-size: 2em;
- }
- /* ブルグタイトル背景・色終了 */
- /* ブルグタイトル真ん中寄せ */
- #blog-title {
- padding-top: 0px;
- padding-bottom: 0px;
- height: initial;
- text-align: center;
- }
- /* ブルグタイトル真ん中寄せ終了 */
- /* レスポンシブシェアボタン */
- .sns-header, .sns-footer {
- padding: 0;
- }
- .sns-area {
- margin: 10px auto;
- padding: 0;
- overflow: hidden;
- table-layout: fixed;
- display: table;
- width: 100%;
- }
- .sns-area li {
- list-style-type: none;
- display: table-cell;
- vertical-align: middle;
- }
- .sns-area li:last-child {
- margin-right: 0
- }
- .sns-link {
- position: relative;
- display: block;
- color: #fff;
- text-align: center;
- text-decoration: none;
- outline: none;
- overflow: hidden;
- height: 42px;
- line-height: 42px;
- }
- .sns-link::after {
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: 2;
- display: block;
- content: '';
- width: 0;
- height: 0;
- background-color: rgba(255, 255, 255, .3);
- border-radius: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- opacity: 0;
- }
- .entry-header-html a.sns-link,
- .entry-footer-html a.sns-link,
- a.sns-link:hover {
- color: #fff;
- text-decoration:none;
- }
- .sns-link:hover::after {
- -webkit-animation: circle .75s;
- animation: circle .75s;
- }
- @-webkit-keyframes circle {
- 50% {
- opacity: 1;
- }
- 100% {
- width: 300px;
- height: 300px;
- }
- }
- @keyframes circle {
- 50% {
- opacity: 1;
- }
- 100% {
- width: 300px;
- height: 300px;
- }
- }
- .sns-twitter {
- color: #fff;
- background: #55acee;
- }
- .sns-facebook {
- color: #fff;
- background: #3a5795;
- }
- .sns-bookmark {
- color: #fff;
- background: #00A5DE;
- }
- .sns-line {
- color: #fff;
- background: #00B900;
- }
- .sns-pocket {
- color: #fff;
- background: #EE4256;
- }
- .fa-twitter, .blogicon-facebook, .blogicon-bookmark, .fa-line, .blogicon-chevron-down, .fa-facebook-official {
- margin-right: 5px;
- }
- .share-text {
- padding-left: 4px;
- }
- @media only screen and (max-width: 767px) {
- .share-text, .sns-txt {
- display: none;
- }
- .blogicon-twitter, .blogicon-bookmark, .fa-google-plus, .blogicon-chevron-down, .fa-facebook-official {
- margin-right: 0;
- }
- }
- /* レスポンシブシェアボタン終了 */
- /* 目次カスタマイズ */
- .table-of-contents{
- padding: 20px 10px 20px 40px;
- border-radius: 5px;
- background: #f0ffff;
- }
- /* 目次カスタマイズ終了 */
- /* 大見出し */
- h3 {
- position: relative;
- padding: 0.6em;
- background: #00ffff;
- border-radius: 15px;
- }
- h3:after {
- position: absolute;
- content: ”;
- top: 100%;
- left: 30px;
- border: 15px solid transparent;
- border-top: 15px solid #00ffff;
- width: 0;
- height: 0;
- }
- /* 中見出し */
- h4 {
- background: linear-gradient(transparent 85%, #ffe4b5 80%);
- }
- /* 小見出し */
- h5 {
- background: linear-gradient(transparent 85%, #ffe4b5 80%);
- }
- /* 見出しカスタマイズ終了 */
- /* サイドバータイトル */
- .hatena-module-title {
- position: relative;
- color: #00bfff;
- font-size: 120%;
- font-weight: bold;
- margin-bottom: 15px;
- padding: .25em 0 .25em 0;
- font-family: 'Lucida Grande', 'segoe UI', Verdana, Arial, sans-serif;
- border-bottom: 2px solid #00bfff;
- }
- /* サイドバータイトル終了 */
- /*コピーライト*/
- #copyright {
- padding: 20px;
- text-align: center;
- background: #33DDEE;/*背景色*/
- font-size: 14px;
- color:#ffffff;/*文字の色*/
- }
- /*コピーライト終了*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement