備忘録(カスタムメモ)

●キーカラー
INFOキーカラー #fcb12f
WORKSキーカラー #00d3cc
ブラック #222222
カーソルを合わせた時の文字色 #eaea6e

●ギャラリーのスライドを非表示にするCSS(WORKS投稿の個別のカスタムCSSに入力)
.p-entry-gallery__slider-item__image {
display: none;
}

●WORKSにカスタムCSS欄追加
custom_css.php (functions/custom_css.php)
16行
add_meta_box( ‘custom_css’, __( ‘Custom CSS for this post’, ‘tcd-w’ ), ‘add_css_to_post_custom_css_input’, array( ‘post’, ‘page’, ‘gallery’, ‘works’,$dp_options[‘information_slug’] ), ‘normal’, ‘high’ );

●カスタムCSS(※重要)

.grecaptcha-badge { visibility: hidden; }

/*スマホ表示時のサムネイルのグラデーションの幅*/
.p-archive-gallery__item:hover .p-archive-gallery__item-views, .p-archive-gallery__item:hover .p-archive-gallery__item-likes { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body.is-wp-mobile-device .p-archive-gallery__item-thumbnail::after { background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00000000′, endColorstr=’#cc000000′, GradientType=0); content: ”; display: block; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 30%; z-index: 2; }

body.is-wp-mobile-device .p-gallery-link-icon { font-size: 20px; }

.p-entry-gallery__nav-item–prev, .p-entry-gallery__nav-item–next {
border: 0px solid #ddd;
}

@media screen and (max-width: 767px){
.p-entry__header.has-image .p-entry__header-inner {
margin-left: 10%;
margin-right: 5%;
}
.p-entry__body {
margin-left: 5%;
margin-right: 5%;
}
.c-breadcrumb__item–home a::before {
margin-left: 5%;
}
.p-widget__title {
margin-left: 5%;
}

}

.p-tab-list__panel.is-active {
display: block;
margin-left: 5%;
margin-right: 5%;
}

/*スマホ表示時にトップページ左右の余白を消す*/

@media screen and (max-width: 767px){
.p-header__bar-inner{
width: 88.8888%;
}
main .l-inner–sm{
width: 100%;
}
body.is-wp-mobile-device .p-archive-categories{
margin: 0 auto;
}
}

 

.p-body ol {
margin-left: auto;
margin-right: auto;
width: 90%;
max-width600px;
}

.p-body li, .p-body dt, .p-body dd{

margin-left: auto;
margin-right: auto;

max-width: 730px;
}

.p-body p {
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;

max-width: 730px;
}

 

.pb-widget-editor > :last-child {
width: 100%;
max-width: initial;
}

.p-entry-gallery__inner {

width: 90%;
max-width: initial;
}

.pb-widget-editor > :last-child {
margin-left: auto;
margin-right: auto;

max-width: 730px;
}
@media screen and ( max-width:990px )
{
.pb-widget-editor > :last-child {
margin-left: auto;
margin-right: auto;
width: initial;
max-width: initial;
}
}

 

.p-about__profile-name {
margin-bottom: -20px;
}

.l-main-layout–type2 .l-mian__inner, .l-main-layout–type3 .l-mian__inner {
padding-top: 110px !important;
}

.p-tab-list__tab {
margin-bottom: 30px;
}

.p-category-item, .p-gallery-category-item {
/* font-size: 13px;*/
}

.p-archive__item-title {
align-items: flex-end;
}
.p-archive__item-title {

height: 2em;

}

.p-megamenu-b__list-item .p-archive__item-caption {
text-align: center;
align-items: flex-end;
}
.p-about__profile-name {
font-size: 26px;
font-weight: 500;
}

.p-about__profile-circle_image { border-radius: 50%; display: block; height: 240px; margin: 0 auto 20px; overflow: hidden; position: relative; width: 240px; /* old webkit bug fix */ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }
.p-about__profile-circle_image-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 240px; width: 240px; }

 

@media screen and ( max-width:990px )
{
.p-sidemenu li
{ display: none ; /* 非表示にする */ }
}
@media screen and ( max-width:990px )
{
.p-sidemenu__nourl
{ display: none ; /* 非表示にする */ }
}

 

 

.p-page-header {
color: #fff;
background-image: linear-gradient(200deg, rgba(253, 220, 146, 1), rgba(235, 212, 201, 1) 50%, rgba(192, 250, 255, 1));
}

 

.p-sidemenu li {
letter-spacing : 0.3em;

}

 

.p-entry-gallery__nav-item a {
border-radius: 30px;
}

.p-global-nav > li > a {
font-weight: bold;
}

.p-archive-gallery__item-caption {
padding: 1em 1em;
font-weight: bold;
border: solid 4px #7fe9e5 ;
}
@media screen and (max-width: 767px){
.p-archive-gallery__item-caption {
padding: 1em 1em;
font-weight: bold;
border: solid 2px #f2f2f2 ;
}}

.p-gallery-category-item {
border-radius: 30px;
margin-left: 9px;
margin-top: 10px;
}

.p-category-item, .p-button{
border-radius: 30px;
margin-left: 9px;
margin-top: 10px;
}

.p-header__bar a:hover, .p-footer a:hover {
color: #fff;
}

.p-index-newsticker, .p-archive-categories__filter, .p-archive-categories {
background-color: #fff;
}

.p-gallery-link-icon–type6::before {
content: ‘\e943’;
}

.p-archive-gallery__item-button-gallery { display: none; }
.p-archive-gallery__item-button + .p-archive-gallery__item-button { margin-left: 0; }

body {
background-color:hsla(5,100%,80%,1);
background-image:
radial-gradient(at 94% 71%, hsla(190,84%,67%,1) 0px, transparent 50%),
radial-gradient(at 93% 58%, hsla(207,84%,71%,1) 0px, transparent 50%),
radial-gradient(at 52% 33%, hsla(168,84%,61%,1) 0px, transparent 50%),
radial-gradient(at 99% 32%, hsla(197,84%,71%,1) 0px, transparent 50%),
radial-gradient(at 3% 97%, hsla(56,98%,77%,0.64) 0px, transparent 50%),
radial-gradient(at 31% 66%, hsla(251,84%,61%,0.71) 0px, transparent 50%),
radial-gradient(at 7% 14%, hsla(168,95%,56%,0.91) 0px, transparent 50%);
}.p-body li, .p-body dt, .p-body dd {
margin-left: auto;

max-width: 730px;
}
@media screen and (max-width: 767px){
.l-main-layout–type2 .l-mian__inner, .l-main-layout–type3 .l-mian__inner {
padding-top: 50px !important;
}}

.p-body li {
margin-left: 15%;
margin-right: 11%;
}

@media screen and (max-width: 767px){
.p-body li, .p-body dt, .p-body dd {
margin-left: initial;
margin-right: initial;

}}