Life is Event
Head
<link href="https://joshmillgate.github.io/hunt/style.min.css" rel="stylesheet" />
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VHSKZ6DDEN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date());
gtag('config', 'G-VHSKZ6DDEN'); </script>
<!-- PEP --> <script async crossorigin src="https://pep.dev/pep.js#3ZdrXMBT"></script>
Body
<div id="pageurl-copy-button">Copy<br>Link</div>
<script> window.onload= function() { const url = document.getElementById('pageurl-copy-button'); url.setAttribute('onclick','getURL()');
}
function getURL(){ alert("閲覧中のページリンクをコピーしました"); const getnowURL =location.href; navigator.clipboard.writeText(getnowURL); } </script>
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-356867477"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-356867477'); </script>
<!-- チャンネルトーク --> <script> (function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.")}var ch=function(){ch.c(arguments)};ch.q=[];ch.c=function(args){ch.q.push(args)};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x)}}if(document.readyState==="complete"){l()}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l)}})();
ChannelIO('boot', { "pluginKey": "f2db1b33-226a-420a-86b7-8cad2e22cd03" }); </script>
CSS
/記事タイトルフォント Klee One/ @import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@600&family=Zen+Kaku+Gothic+New&display=swap');
/TOPページタイトルフォント 変更/ #block-ea756a1133c54aeb811acba5ca693c04 .notion-semantic-string { font-family: serif; }
/記事タイトルフォント 変更/ h1.notion-header__title{ font-family: 'Klee One', cursive;
}
/記事タイトルフォントサイズ 変更/ h1.notion-header__title{ font-size: 28px!important;
}
.notion-header__cover.has-cover img.notion-header__cover-image { opacity: 1!important; }
.notion-collection-card__property:last-child, .notion-collection-list__item-property:last-child { background: none!important; border-radius: 0px!important; color: var(--color-text-default)!important; font-size: 16px!important; font-weight: 300!important; opacity: 1!important; position: static!important; }
/主なスタイルと色/ :root { --primary-color: #202B3F; --color-text-default: #202B3F!important; --color-bg-default:#FBFCFF!important; --button-bg-color: #3a4d5e!important; --button-text-color: #ffffff!important; --mobile-menu-background-color: #FFFFFF!important; --list-item-border: #E1E9FF; --list-item-hover: #F1F5FF; --page-width: 1280px; --button-rounding: 20px!important; }
/サムネのラベル非表示にする/ .notion-collection-card__property:last-child, .notion-collection-list__item-property:last-child { background: none!important; border-radius: 0px!important; color: var(--color-text-default)!important; font-size: 16px!important; font-weight: 300!important; opacity: 1!important; position: static!important; }
/上段フィルターのラストチャイルドのパディング調整/ .notion-collection-card__property:last-child { padding: 0px!important; }
/下段フィルターのラストチャイルドのパディング調整/ .notion-collection-card__property:last-child { font-size:0.75rem!important; }
/記事ページの左カラムと右カラムの間の調整(グリッドレイアウト)/ .notion-page__property { grid-template-columns: 100px 1fr!important; }
/サムネイル画像(大)のアスペクト比調整/ .notion-collection-card__cover.medium { height: 400px!important; max-height: 450px!important; }
/サムネイル画像(小)のアスペクト比調整/ .notion-collection-card__cover { min-height: 115px; height: 200px!important; width: 100%; overflow: hidden; position: relative; }
/データベースの英語日付を非表示にする(16番目以降)/ .notion-page__property:nth-child(n+16) { display:none!important; }
/フィルターボタン背景色とパディング/ .notion-dropdown__option { background-color:#ffffff!important; opacity: 0.1280px; padding: 14px 16px 10px 16px!important; height: 50px!important; }
/フィルタープルダウン背景色とパディング/ .notion-dropdown__button { background-color:#ffffff!important; }
.notion-dropdown__button:hover { background-color:#eeeeee!important; }
/サムネイル画像表示プロパティ並列/ .notion-collection-gallery.medium .notion-collection-card__property:nth-child(n+2 ):nth-child(-n+3 ) { display: inline-block; margin: 0px 5px 10px 0px; }
/サムネイル画像表示プロパティ並列時の角丸囲みパディング/ .notion-property.notion-property__select .notion-pill { padding: 16px 10px 14px 10px!important; }
/記事ページタイトルサイズ/ .notion-header__title { font-weight: 700; padding: 2px; margin-bottom: 0; margin-top: 0; font-size: 30px!important; line-height: var(--title-size); min-height: 48px; white-space: pre-wrap; word-break: break-word; text-align: var(--header-title-align); display: var(--header-display); }
/LINE友達になるの色変更(横並びの場合)/ .notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span .notion-link strong { background: #07c757!important; padding: 6px 12px!important; font-size:15px; border-radius: 0px!important;
}
/今週のイベントボタンの色と形変更(横並びの場合)/ .notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span strong .notion-link { background: #5b89a5!important; padding: 6px 12px!important; font-size:15px; border-radius: 0px!important;
}
/CopyLinkボタン/ #pageurl-copy-button{ padding:9px 8px!important; background: #37352f!important; display:inline-block; color: #ffffff; position:fixed; top:14px; right:170px; z-index:99; height:55px; width:55px; text-align: center; cursor: pointer; }
#pageurl-copy-button:hover { opacity: .8; }
/MAP検索調整/ .super-navbar__cta{ padding:10px 11px!important; border-radius:0px!important; margin-top:3px ; margin-right:-9px; height:55px; width:55px; }
.super-navbar__cta:after{ content:"検索"; position:absolute ; top: 27px; right:11px;
}
@media screen and (max-width:600px) { #pageurl-copy-button{ right:150px;
}
}
/正方形ロゴ調整/ .super-navbar__logo-image, .super-navbar__logo-image picture, .super-navbar__logo-image picture img { margin-top: 5px; }
/MAP検索がうまく開かない場合はブラウザを更新してください フォントサイズ/ #block-5644c03099634d71943bdb34cdd72853{ font-size: 13px; }
/MAP検索注意事項の行間設定/ div#block-5644c03099634d71943bdb34cdd72853 .notion-text__content span { line-height: 1.5; }
/LINE友達ボタンと今週イベントボタンの間隔設定とボタンのサイズ設定/ .notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span .notion-link strong { background: #07c757!important; padding: 10px 0!important; width: 130px; line-height: 1; margin: 10px -5px 0 -5px!important; }
.notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span strong .notion-link {
background: #5b89a5!important;
padding: 10px 0px!important;
width: 130px;
line-height: 1;
}
/ヘッダーメニューCopyLinkとMap検索ボタン連結/ .super-navbar.minimal { position: fixed!important; } #page-index .super-content { margin-top: 10rem !important; }
/h2タグをh3タグサイズに変更/ h2.notion-heading .notion-semantic-string { font-size: calc(1rem*1.25); }
/引用文の文字サイズを変更/ .notion-quote{ font-size: 1rem; }
/TOPページH2タグ生成&行間調整/ #block-9832805cebc34f61acdcf142d1bdabe6{ text-align: center; font-weight: 400; line-height: 1; }
h2#block-9832805cebc34f61acdcf142d1bdabe6 .notion-semantic-string{ font-size: 18px; }
/記事ページヘッダー画像の高さ調整/ .notion-header__cover { height: 30vh; }
/ラベルのマージン調整/ .notion-property.notion-property__select .notion-pill { margin: 0px 5px 10px 0px!important; }
/記事引用時の縦罫線非表示とフォントサイズ変更/ .notion-quote { -webkit-border-start: var(--quote-border); border-inline-start: var(--quote-border); border-left: none; margin: 0.5rem 0; padding: 0; font-size: 1rem; font-family: var(--primary-font); }
/終了まで○○日 フォントウェイト調整/ .notion-property.notion-property__text.property-7c71623a{ font-weight: 700; }
フォカッチャ福岡版
TOPページのボタン2つ縦並びのときのCSSの残骸
/*LINE友達になるの色変更(横並びの場合)*/
.notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span .notion-link strong {
background: #07c757!important;
padding: 6px 12px!important;
font-size:15px;
border-radius: 12px!important;
}
/*今週のイベントボタンの色と形変更(横並びの場合)*/
.notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span strong .notion-link {
background: #5b89a5!important;
padding: 6px 12px!important;
font-size:15px;
border-radius: 12px!important;
}
/*LINE友達ボタンと今週イベントボタンの間隔設定とボタンのサイズ設定*/
.notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span .notion-link strong {
background: #07c757!important;
padding: 10px 0!important;
width: 90px;
line-height: 1;
margin: 10px 7px 10px 0px!important;
}
.notion-text#block-7fd5b8e29fec4b7db44adf631e5387e4 .notion-text__content .notion-semantic-string span strong .notion-link {
background: #5b89a5!important;
padding: 10px 0px!important;
width: 90px;
line-height: 1;
margin: 10px 7px 10px 0px!important;
}
フォカッチャ福岡版は、 女性向けイベント情報サイトです。 自らもイベントを主催しています。
すべて今日以降のイベントです
※MAP検索がうまく開かない場合は ブラウザを更新してください
フォカッチャ福岡版
福岡女性のためのイベント情報・フォカッチャ福岡版公式ページです。
マルシェはもちろん、美容やファッション、カフェ会やワイン会などの出会いイベント、子供やペットなどのご家族向けイベント、フードや植物などの生活関連イベントなど、多数のイベント情報を掲載しております。
検索とフィルター機能を使えばお好みのイベントを瞬時に検索することができるのでおでかけに便利です。
アプリをインストールしてお手持ちのスマートフォンにてご利用ください。