settings
code:style.css
body {
background-color: #ffffff;
}
.navbar {
background-color: #ffffff;
border-bottom: 2px solid #011675;
padding-top: 10px;
padding-bottom: 10px;
}
.search-form .form-group input {
background-color: #ebf1ff;
}
.search-form .form-group button .kamon {
fill: #011675;
}
.navbar-form .new-button div {
background-color: #011675;
}
.kamon-caret-down:before {
content: "\E016";
color: #000000;
}
.title, .quick-launch {
color: #000000;
}
.text {
color: #000000;
font-size: inherit;
}
.lines .line-title span.text {
font-size: 37px;
font-weight: 400;
}
span.title {
font-size: 32px;
padding: 10px;
}
.deco-\~ {
color: #fff;
background-color: #001575;
padding: 0.1em 0.2em 0.2em 0.2em;
}
.deco-\+ {
border-bottom: 6px solid #b0ff80;
}
.btn.project-home{
line-height: 50px;
}
.page-list .grid {
position: absoulte;
}
.page-list .grid li {
display: inline-block;
margin: 0px 0px 40px 0px;
justify-content: center;
overflow-x: hidden;
overflow-y: hidden;
padding: 0px;
width: 500px;
max-width: 100%;
border-radius: 12px;
border: solid thin #eaeaea;
height: auto;
position: relative;
}
.grid li.page-list-item a .content {
display: inline-block;
position: relative;
}
.page-list .grid li a .content .header {
border: none;
width: 100%;
min-height: 80px;
padding: 16px;
margin: 0;
background-color: #fcfcfc;
position: relative;
}
.page-list .grid li a .content .header .title {
display: inline;
font-size: 20px;
font-weight: 400;
color: #000000;
letter-spacing: 1px;
}
.page-list .gird li a {
width: 100%;
background-color: rgba(0, 0, 0, 0);
}
.page {
box-shadow: none;
}
.grid li.page-list-item a .icon {
display: inline-block;
position: absoulte;
top: 0;
width: 100%;
height: 300px;
}
.grid li.page-list-item a .icon img {
max-height: 100%;
max-width: 100%;
width: auto;
padding: auto;
margin: auto;
}
.grid li.page-list-item a .header {
display: inline-block;
margin-top: 4rem;
float: right;
width: calc(100% - 230px);
}
.grid li.page-list-item a .description {
visibility: hidden;
}
/*ピン留めしたボックスのみを非表示にするCSS*/
/*
.page-list .grid .pin{
display: none;
}
*/
/*擬似クラス:hasにブラウザが対応すれば、許容されるCSS*/
/*
.page-list .grid li.pin :has (> ahref="/digital-jpn/settings") {
display: none;
}
*/
/*とりあえず見えなくするCSS*/
/*
.grid li.page-list-item ahref="/digital-jpn/settings" {
visibility: hidden;
}
*/
/*768px以下の表示でセンターに出現するnew-buttonを消す*/
.quick-launch.layout-list a div{
display: none;
}
.quick-launch.layout-page a div{
display: none;
}
/*720px以下でレイアウトが崩れる問題を直した*/
@media screen and (max-width: 720px) {
.page-list .grid li{
left: auto;
/*width: auto;*/
}
}
p {
color: transparent;
text-shadow: 0 0 8px #000;
}
::selection {
background: none;
color: #000;
text-shadow: none;
}
https://scrapbox.io/files/6113807e62ac13001c4cd454.png