settings
https://gyazo.com/f5aad8e143b8d197c25d5e884bb315a2
/syunichisuge のを借用 2019/0207
code:style1.css
.line .quote {
font-style: normal;
background: #00bfff;
}
body {
background-color: #00bfff;
font-family: '游ゴシック','Yu Gothic',san-serif;
}
.line .quote {
font-style: normal;
}
.line .meta {
border-color: #e0ffff;
}
.navbar-default {
background-color: #e0ffff;
}
.navbar-default .navbar-nav>li>a {
color: #e0ffff;
}
.grid li.page-list-item a {
box-shadow: 0 1px 0 rgba(0,0,0,0.13);
}
.page {
box-shadow: 0 1px 0 rgba(0,0,0,0.16);
background-color: #ffffff;
}
form {
border:1px #ddd solid;
}
.page-list-item .description img.inline-icon {
height: 100%;
width: 100%
}
/memooooo/settingsより
［**　］<-これを見出し風にする
code:style.css
/* ** <ーこれを見出し風にする */
.line strong.level-2{
display: block;
position: relative;
font-size: 200%;
line-height: 160%;
text-align: center;
margin: 12px auto 18px;
font-weight: 100;
}
.line strong.level-2:after{
position: absolute;
content: '';
border-bottom: 3px solid #ffeb36;
width: 100px;
top: 0;
bottom: -0.5em;
left: 0;
right: 0;
margin: 0 auto;
}
［*　］<-これに蛍光のラインを足す
code:style.css
/* * <ーこれに蛍光のラインを足す */
.level-1{
background: linear-gradient(transparent 60%, #ffeb36 60%);
}
code:style.css
/* *** <-これを小見出しに */
.line strong.level-3{
display: block;
position: relative;
padding-left: 16px;
}
.line strong.level-3:before{
content: '';
position: absolute;
width: 5px;
height: 100%;
top: 0;
left: 0;
background: #ffeb36;
}
＃で始まるタグをラベル風にする
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}