settings
code:style.css
.page-list .grid lidata-page-title="settings" {
display: none;
}
.line a.page-link {
text-decoration: underline;
}
data-hover-visible .line a.page-link:hover {
text-decoration: none;
}
data-hover-visible .line a.link:hover {
text-decoration: none;
}
:root {
--new-button-bg: #0CA759 !important;
--telomere-updated: #0CA759 !important;
--telomere-unread: #0CA759 !important;
--navbar-title-color: #4A4A4A !important;
--navbar-icon-color: #4A4A4A !important;
--search-form-icon-focus-color: #4A4A4A !important;
--tool-text-color: #4A4A4A !important;
--new-button-vertical-color: #ffffff !important;
--new-button-horizontal-color: #ffffff !important;
}
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
overflow-x: hidden;
background: #F5F5F5;
}
html {
background: #F5F5F5;
}
body, body * {
font-family: 'Helvetica', 'Arial', 'Verdana', '游ゴシック体', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif !important;
}
/* 色 */
.dropdown-menu>li>a {
color: #4A4A4A;
}
.project-list-tab>a {
color: #4A4A4A;
}
.dropdown-menu>li>a.selected, data-hover-visible .dropdown-menu>li>a.selected {
color: #0CA759;
}
.global-menu li a.updated, .global-menu li a.highlight {
border-left: 2px solid #0CA759;
}
.user-menu li a.highlight {
color: #0CA759;
}
.user-menu li a.updated, .user-menu li a.highlight {
border-left: 2px solid #0CA759;
}
/* 色 */
.navbar {
padding: 0 50px;
}
@media screen and (max-width: 800px) {
.navbar {
padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
.quick-launch .new-button {
margin: 19px auto 0 auto;
}
}
.quick-launch {
padding: 22px 40px 20px 40px;
}
@media screen and (max-width: 800px) {
.quick-launch {
padding: 2px 10px 0 10px;
}
}
@media screen and (max-width: 767px) {
.quick-launch {
padding: 4px 10px 14px 10px;
}
}
.quick-launch input.grid-size-range {
display: none;
}
data-hover-visible .quick-launch .project-home:hover, data-hover-visible .quick-launch .history-back-button:hover {
background: none;
color: #4A4A4A;
}
.quick-launch .project-home, .quick-launch .project-home .title {
color: #4A4A4A;
font-size: 20px;
line-height: 1;
letter-spacing: 1.2px;
position: relative;
top: 1px;
}
@media screen and (max-width: 767px) {
.quick-launch .project-home, .quick-launch .project-home .title {
font-size: 18px;
top: 0;
}
}
.page-sort-menu .tool-btn {
font-size: 12px;
line-height: 1;
letter-spacing: 1px;
color: #4A4A4A;
}
.container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.page-list:before {
display: none;
}
.page-list ul.grid {
margin-right: 0;
padding: 0 30px 100px 30px;
gap: 0;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
@media screen and (min-width: 1600px) {
.page-list ul.grid {
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media screen and (min-width: 2100px) {
.page-list ul.grid {
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
@media screen and (max-width: 1100px) {
.page-list ul.grid {
grid-template-columns:1fr 1fr 1fr;
}
}
@media screen and (max-width: 800px) {
.page-list ul.grid {
grid-template-columns:1fr 1fr;
padding: 0 10px 40px 10px;
}
}
.page-list ul.grid:after {
content: "";
display: block;
clear: both;
}
.page-list .grid li {
height: auto;
margin: 0 0 40px 0;
padding: 0 20px;
aspect-ratio: auto;
}
@media screen and (max-width: 800px) {
.page-list .grid li {
margin: 0 0 20px 0;
padding: 0 10px;
}
}
.grid li.page-list-item a {
width: 100%;
height: auto;
background: #F5F5F5;
border-radius: 0;
box-shadow: none !important;
position: relative;
overflow: hidden;
border: 1px solid #D2D2D2;
}
.grid li.page-list-item a:hover {
border: 1px solid #4A4A4A;
}
.grid li.page-list-item a:hover .content .icon img {
opacity: 1;
}
.grid li.page-list-item a:before {
content: "";
display: block;
padding-top: 100%;
}
.grid li.page-list-item a .pin {
display: none;
}
.grid li.page-list-item a .hover {
display: none;
}
.grid li.page-list-item a .content {
width: calc(100% - 30px);
height: calc(100% - 30px);
position: absolute;
top: 15px;
left: 15px;
padding: 0;
}
@media screen and (max-width: 800px) {
.grid li.page-list-item a .content {
width: calc(100% - 24px);
height: calc(100% - 24px);
top: 12px;
left: 12px;
}
}
.grid li.page-list-item a .header {
color: #4A4A4A;
border: 0;
padding: 0;
}
.grid li.page-list-item a .title {
color: #4A4A4A;
font-size: 13px;
line-height: 23px;
letter-spacing: 1.2px;
/* padding-bottom: 15px; */
max-height: none;
}
@media screen and (max-width: 800px) {
.grid li.page-list-item a .title {
font-size: 12px;
line-height: 20px;
position: relative;
top: -2px;
}
}
.grid li.page-list-item a .description {
padding: 0;
width: 100%;
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 2;
}
@media screen and (max-width: 800px) {
.grid li.page-list-item a .description {
font-size: 11px;
line-height: 18px;
}
}
.grid li.page-list-item a .description p {
color: #787878;
}
.page-list-item .description .page-link {
color: #787878;
}
.grid li.page-list-item a .icon {
padding: 0;
width: 100%;
position: absolute;
top: 50%;
left: 0;
z-index: 2;
}
.grid li.page-list-item a .icon img {
height: auto;
opacity: 0.7;
}
.editor {
padding-right: 15px;
}
@media screen and (max-width: 950px) {
.editor {
padding-right: 0;
}
}
.line .text span {
font-size: 13px;
line-height: 30px;
letter-spacing: 1.2px;
color: #4A4A4A;
}
.line.line-title .text span {
font-size: 22px !important;
letter-spacing: 1.2px !important;
line-height: 40px !important;
color: #4A4A4A !important;
font-weight: bold;
}
.line.line-title .text {
padding-bottom: 41px;
}
.line .strong-image {
margin: 0;
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
img.image {
display: block !important;
width: 70% !important;
height: auto !important;
max-width: 70% !important;
max-height: 100% !important;
margin: 0 !important;
}
.page {
background-color: #F5F5F5;
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 1px solid #e5e5e5;
}
.line .telomere .telomere-border {
border-color: #e5e5e5;
}
.related-page-list .grid li a .content .header .title {
font-size: 11px;
line-height: 18px;
letter-spacing: 1px;
position: relative;
top: -2px;
}
.col-page-side {
width: 50px;
}
@media screen and (max-width: 800px) {
.col-page-side {
width: 20px;
}
}
.col-page {
width: calc(100% - 100px);
max-width: 1500px;
}
@media screen and (max-width: 800px) {
.col-page {
width: calc(100% - 40px);
}
}
@media screen and (max-width: 767px) {
.col-page {
padding: 0;
}
}
.page-menu {
margin: 0;
width: 100%;
margin-left: -33px;
padding-top: 37px;
}
@media screen and (max-width: 950px) {
.page-menu {
margin-left: -20px;
}
}
@media screen and (max-width: 800px) {
.page-menu {
margin-left: -33px;
}
}
@media screen and (max-width: 767px) {
.page-menu {
margin-left: 0;
padding-top: 0;
}
}
.related-page-list .grid li {
height: auto;
}
.grid li.relation-label a {
padding: 0;
position: relative;
}
.grid li.relation-label a:before {
content: "";
display: block;
padding-top: 100%;
}
.grid li.relation-label a .title {
width: 85%;
position: absolute;
top: 35%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.grid li.relation-label a .icon-lg {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
margin: 15px auto 0 auto;
}
strong {
font-weight: bold !important;
}
.line .indent-mark .dot {
right: 13px;
top: 15px;
width: 5px;
height: 1px;
border-radius: 0;
background-color: #787878;
}
/* ●●● */
.deco-\+ {
display: inline-block;
width: 70%;
margin-top: 8px;
padding: 31px 30px 29px 30px;
border: 1px solid #e5e5e5;
}
.deco-\+, .deco-\+ * {
font-size: 13px;
line-height: 30px;
letter-spacing: 1.2px;
color: #4A4A4A;
}
@media screen and (max-width: 767px) {
.deco-\+ {
width: 100%;
padding: 16px 20px 13px 20px;
}
}