settings 2023-06-11
code:style.css
html {
font-size: 16px;
}
body {
}
.lines {
font-size: 1rem;
line-height: 1.9;
}
.section-0.section-title {
padding-bottom: 16px;
}
.section-0.section-title > .text {
padding-bottom: 8px !important;
border-width: 0 0 1px 0;
}
.page {
box-shadow: none;
width: 100%;
}
.telomere {
display: none;
}
.navbar {
backdrop-filter: none;
}
.navbar .container .row {
height: 56px
}
.col-brand .project-home {
font-weight: 600;
left: 28px;
top: 50%;
transform : translateY(-50%);
font-size: 18px;
display: inline-block;
position: absolute;
max-width: calc(100% - 80px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.btn.project-home{
box-shadow: none;
}
.col-brand .project-home:hover { text-decoration: none; opacity: .6 }
.navbar-brand{
width: 28px;
}
.navbar-brand div, .navbar-brand span { display: none !important }
.navbar-brand::before {
content: '\f0c9';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 24px;
/* position: relative;
line-height: 56xpx; */
position: absolute;
top: 50%;
transform : translateY(-50%);
}
.search-form .form-group input{
top: 5px;
height: 40px;
background-color: rgba(200, 203, 204, 0.3);
backdrop-filter: blur(10px);
/* box-shadow: 1px 1px 10px -4px rgba(0,0,0,0.3), 0px 0px 0px 1px rgba(0,0,0,0.05); */
border-radius: 20px;
}
.search-form .form-group input:focus{
background-color: rgba(200, 203, 204, 0.4);
}
.search-form .form-group button{
height: 40px;
right: 8px;
}
.new-button{
backdrop-filter: blur(10px);
position: absolute;
right: 0px;
width: auto;
padding: 0 10px 0 32px;
border-radius: 5px;
margin-right: 16px !important;
}
.new-button:after{
content: 'New page';
font-weight: 500;
color: white;
}
.new-button div{
background-color: #fff !important; border-radius: 0 !important;
}
.new-button .vertical-line{
left: 17px;
height: 15px;
top: 10px;
width: 3px;
}
.new-button .horizontal-line{
left: 11px;
width: 15px;
height: 3px;
}
.grid li .content{
border-radius: 10px !important;
}
.grid li a {
box-shadow: none !important;
border-radius: 10px !important;
}
.hover{
background: none !important;
}
/* 浮遊アニメーション
.grid li:hover{
transform:scale(1.01,1.01);
transition:0.3s all;
box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);
}
*/
.grid li a .header {
border-top: none !important;
}
div .pin {
background: none !important;
}
ul > .pin:after{
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMwMDAwMDAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48cGF0aCBkPSJNMTYsOVY0bDEsMGMwLjU1LDAsMS0wLjQ1LDEtMXYwYzAtMC41NS0wLjQ1LTEtMS0xSDdDNi40NSwyLDYsMi40NSw2LDN2MCBjMCwwLjU1LDAuNDUsMSwxLDFsMSwwdjVjMCwxLjY2LTEuMzQsMy0zLDNoMHYyaDUuOTd2N2wxLDFsMS0xdi03SDE5di0yaDBDMTcuMzQsMTIsMTYsMTAuNjYsMTYsOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=");
position: absolute;
top: -5px;
right: -5px;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.col-page {
padding: 0px;
}
.page {
padding-left: 15px;
padding-right: 15px;
}
.related-page-list {
padding: 0 15px;
}
.quick-launch {
display: flex;
}
.new-button {
margin: 0px !important;
}
}