body#tinymce.wp-editor { font-size: 12px; padding: 10px; } body#tinymce.wp-editor * {margin: 0; padding:0;} body#tinymce.wp-editor li {display: list-item;} /* WordPress Core -------------------------------------------------------------- */ .sticky { } .gallery-caption { } .bypostauthor { } body#tinymce.wp-editor .alignnone { margin: 5px 20px 20px 0; } body#tinymce.wp-editor .aligncenter, body#tinymce.wp-editor div.aligncenter { display: block; margin: 5px auto 5px auto; } body#tinymce.wp-editor .alignright { float:right; margin: 5px 0 20px 20px; } body#tinymce.wp-editor .alignleft { float: left; margin: 5px 20px 20px 0; } body#tinymce.wp-editor a img.alignright { float: right; margin: 5px 0 20px 20px; } body#tinymce.wp-editor a img.alignnone { margin: 5px 20px 20px 0; } body#tinymce.wp-editor a img.alignleft { float: left; margin: 5px 20px 20px 0; } body#tinymce.wp-editor a img.aligncenter { display: block; margin-left: auto; margin-right: auto } body#tinymce.wp-editor .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } body#tinymce.wp-editor .wp-caption.alignnone { margin: 5px 20px 20px 0; } body#tinymce.wp-editor .wp-caption.alignleft { margin: 5px 20px 20px 0; } body#tinymce.wp-editor .wp-caption.alignright { margin: 5px 0 20px 20px; } body#tinymce.wp-editor .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } body#tinymce.wp-editor .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ body#tinymce.wp-editor .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } body#tinymce.wp-editor .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } body#tinymce.wp-editor .clearfix:before { clear: both; } body#tinymce.wp-editor iframe{ width: 100%; } /* ShapeShifter -------------------------------------------------------------- */ body#tinymce.wp-editor { padding: 10px; margin-bottom:20px; color:#666666; } body#tinymce.wp-editor > * { margin: 10px; } body#tinymce.wp-editor a:hover{ text-decoration:none !important; opacity:0.5; } body#tinymce.wp-editor a:hover p,body#tinymce.wp-editor a:hover div{ opacity:0.5; } body#tinymce.wp-editor ol, body#tinymce.wp-editor ul, body#tinymce.wp-editor dl{ padding-left: 40px; } /* Contents Texts -------------------------------------------------------------- */ body#tinymce.wp-editor > p { line-height: 1.5; padding: 10px; text-decoration: none; } body#tinymce.wp-editor h2, body#tinymce.wp-editor h3, body#tinymce.wp-editor h4, body#tinymce.wp-editor h5, body#tinymce.wp-editor h6, body#tinymce.wp-editor p { padding: 5px 10px; background-size: 100% 100%; background-repeat: no-repeat; } body#tinymce.wp-editor h2:before, body#tinymce.wp-editor h3:before, body#tinymce.wp-editor h4:before, body#tinymce.wp-editor h5:before, body#tinymce.wp-editor h6:before, body#tinymce.wp-editor p:before { font-family: FontAwesome; margin-right: 15px; } /* ShapeShifter TinyMCE -------------------------------------------------------------- */ /* General -------------------------------------------------------------- */ body#tinymce.wp-editor .shapeshifter-flex-wrapper { border: dashed #eee 1px; margin: 10px 0; } body#tinymce.wp-editor .shapeshifter-flex-wrapper > div { overflow: hidden; border: dashed #eee 1px; } body#tinymce.wp-editor h2, body#tinymce.wp-editor h3, body#tinymce.wp-editor h4, body#tinymce.wp-editor h5, body#tinymce.wp-editor h6, body#tinymce.wp-editor p { padding: 5px 10px; background-size: 100% 100%; background-repeat: no-repeat; } body#tinymce.wp-editor h2:before, body#tinymce.wp-editor h3:before, body#tinymce.wp-editor h4:before, body#tinymce.wp-editor h5:before, body#tinymce.wp-editor h6:before, body#tinymce.wp-editor p:before { font-family: FontAwesome; margin-right: 15px; } /* iframe -------------------------------------------------------------- */ .mce-object-iframe { width: 100%; } /* Row -------------------------------------------------------------- */ body#tinymce.wp-editor .shapeshifter-row > div { overflow: hidden; height: 100px; border: dashed #eee 1px; } body#tinymce.wp-editor .shapeshifter-row > div:focused { border: solid #000 1px; } body#tinymce.wp-editor .shapeshifter-row > div > button.shapeshifter-edit-col { width: 100%; height: 100%; } /* Slider -------------------------------------------------------------- */ /* Wrapper */ body#tinymce.wp-editor .shapeshifter-slider-pro-simple-images:before { content: "Image Slider"; font-size: 16px; } body#tinymce.wp-editor .shapeshifter-slider-pro .sp-slides { width: 100%; height: 150px; border: solid #000 1px; overflow: scroll; display: flex; flex-wrap: wrap; } body#tinymce.wp-editor .shapeshifter-slider-pro .sp-slides .sp-slide { } body#tinymce.wp-editor .shapeshifter-slider-pro .sp-slides .sp-slide p { } body#tinymce.wp-editor .shapeshifter-slider-pro .sp-slides .sp-slide img { width: 100px; height: 100px; margin: 5px; } body#tinymce.wp-editor .shapeshifter-slider-pro .sp-thumbnail { display: none; } /* Link -------------------------------------------------------------- */ .shapeshifter-link-wrapper { border: solid #000 1px; width: 100%; } body#tinymce.wp-editor p { color: #666666; } body#tinymce.wp-editor a, body#tinymce.wp-editor a:link, body#tinymce.wp-editor a:visited, body#tinymce.wp-editor a.bbp-topic-permalink, body#tinymce.wp-editor a.bbp-topic-permalink:link, body#tinymce.wp-editor a.bbp-topic-permalink:visited { color: #337ab7; } body#tinymce.wp-editor h2{ clear: both; font-family: "Yu Gothic", "游ゴシック"; font-size:28px; color: #666666; } body#tinymce.wp-editor h2 { background-color:rgba(255,255,255,0); border-bottom: solid rgba(255,255,255,0) 1px; border-left: solid rgba(255,255,255,0) 1px; border-right: solid rgba(255,255,255,0) 1px; } body#tinymce.wp-editor h2:before { color: #4489ff; } body#tinymce.wp-editor h3{ clear: both; font-family: "Yu Gothic", "游ゴシック"; font-size:26px; color: #666666; } body#tinymce.wp-editor h3 { background-color:rgba(255,255,255,0); border-bottom: solid rgba(255,255,255,0) 1px; border-left: solid rgba(255,255,255,0) 1px; border-right: solid rgba(255,255,255,0) 1px; } body#tinymce.wp-editor h3:before { color: #e86d6d; } body#tinymce.wp-editor h4{ clear: both; font-family: "Yu Gothic", "游ゴシック"; font-size:24px; color: #666666; } body#tinymce.wp-editor h4 { background-color:rgba(255,255,255,0); border-bottom: solid rgba(255,255,255,0) 1px; border-left: solid rgba(255,255,255,0) 1px; border-right: solid rgba(255,255,255,0) 1px; } body#tinymce.wp-editor h4:before { color: #3d32ff; } body#tinymce.wp-editor h5{ clear: both; font-family: "Yu Gothic", "游ゴシック"; font-size:22px; color: #666666; } body#tinymce.wp-editor h5 { background-color:rgba(255,255,255,0); border-bottom: solid rgba(255,255,255,0) 1px; border-left: solid rgba(255,255,255,0) 1px; border-right: solid rgba(255,255,255,0) 1px; } body#tinymce.wp-editor h5:before { color: #43e060; } body#tinymce.wp-editor h6{ clear: both; font-family: "Yu Gothic", "游ゴシック"; font-size:20px; color: #666666; } body#tinymce.wp-editor h6 { background-color:rgba(255,255,255,0); border-bottom: solid rgba(255,255,255,0) 1px; border-left: solid rgba(255,255,255,0) 1px; border-right: solid rgba(255,255,255,0) 1px; } body#tinymce.wp-editor h6:before { color: #ff4c4c; } body#tinymce.wp-editor p{ font-family: HG正楷書体-PRO; font-size:12px; color: #666666; } /* Quotes -------------------------------------------------------------- */ body#tinymce.wp-editor blockquote:before{ content: "引用："; } /* Columns -------------------------------------------------------------- */ @media screen and ( max-width: 660px ) { body#tinymce.wp-editor .shapeshifter-flex-wrapper { display: -webkit-flex; display: flex; } .shapeshifter-flex-wrapper > .col-1 { -webkit-flex-grow: 1; flex-grow: 1; } .shapeshifter-flex-wrapper > .col-2 { -webkit-flex-grow: 2; flex-grow: 2; } .shapeshifter-flex-wrapper > .col-3 { -webkit-flex-grow: 3; flex-grow: 3; } .shapeshifter-flex-wrapper > .col-4 { -webkit-flex-grow: 4; flex-grow: 4; } .shapeshifter-flex-wrapper > .col-5 { -webkit-flex-grow: 5; flex-grow: 5; } .shapeshifter-flex-wrapper > .col-6 { -webkit-flex-grow: 6; flex-grow: 6; } } /* Shortcodes -------------------------------------------------------------- */ .shapeshifter-body .sp-next-arrow:after, .shapeshifter-body .sp-next-arrow:before, .shapeshifter-body .sp-previous-arrow:after, .shapeshifter-body .sp-previous-arrow:before { background-color: #CCCCCC; } body#tinymce.wp-editor .shapeshifter-table-wrapper { width: 100%; margin: auto; overflow-x: scroll; } body#tinymce.wp-editor .shapeshifter-table-wrapper .shapeshifter-table { width: 638px; margin: auto; border: solid #000 1px; padding: 5px; } body#tinymce.wp-editor .shapeshifter-table-wrapper .shapeshifter-table caption { font-weight: bold; font-size: 14px; padding: 5px 10px; } body#tinymce.wp-editor .shapeshifter-table-wrapper table thead th { text-align: center; } /* Wrapper */ body#tinymce.wp-editor .shapeshifter-balloon-wrapper { display: flex; width: 100%; margin: 0; } /* Image */ body#tinymce.wp-editor .shapeshifter-balloon-wrapper .shapeshifter-balloon-image-wrapper { } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-left .shapeshifter-balloon-image-wrapper { margin-left: 10px; order: 1; } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-right .shapeshifter-balloon-image-wrapper { order: 2; } body#tinymce.wp-editor img.shapeshifter-balloon-image { width: 100px; height: 100px; border-radius: 50px; } body#tinymce.wp-editor .shadow-left-bottom { box-shadow: -2px 2px 4px #000; } body#tinymce.wp-editor .shadow-right-bottom { box-shadow: 2px 2px 4px #000; } /* Image Figure */ body#tinymce.wp-editor .shapeshifter-balloon-image-wrapper .shapeshifter-balloon-image-figure { width: 100px; } /* Image Name */ body#tinymce.wp-editor .shapeshifter-balloon-image-figure .shapeshifter-balloon-image-caption { padding: 10px 0; width: 100px; text-align: center; } body#tinymce.wp-editor .shapeshifter-balloon-image-figure p { padding: 0; margin: 0; } /* Dialog */ body#tinymce.wp-editor div.shapeshifter-balloon-dialog { flex-grow: 1; position: relative; margin: auto 10px; padding: 15px; border: solid #EEEEEE 2px; border-radius: 15px; } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-left div.shapeshifter-balloon-dialog { order: 2; } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-left div.shapeshifter-balloon-dialog:before { content: ""; position: absolute; border-right: 8px solid #EEEEEE; border-bottom: 8px solid transparent; border-top: 8px solid transparent; top: 10px; left: -9px; } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-right div.shapeshifter-balloon-dialog { order: 1; } body#tinymce.wp-editor .shapeshifter-balloon-wrapper.align-right div.shapeshifter-balloon-dialog:after { content: ""; position: absolute; border-left: 8px solid #EEEEEE; border-bottom: 8px solid transparent; border-top: 8px solid transparent; top: 10px; right: -9px; } body#tinymce.wp-editor div.shapeshifter-balloon-dialog:after { }