NEUTRINGO
nd0.css?s=202003121348
@charset "utf-8"; /* init */ /* DON'T EDIT !! */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; font-family: Avenir,Lato,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Kaku Gothic ProN,Meiryo,メイリオ,sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; } /************************************/ /* hyperlink */ /************************************/ a:link, a:visited, a.nicovideo:link, a.dic:link, a.ext:link, a.auto:link, a.nicovideo:visited, a.dic:visited, a.ext:visited, a.auto:visited { color: #1e7dc0; text-decoration: none; } a.auto-hdn:link, a.auto-hdn:visited { color: #444; /* todo: inherit */ text-decoration: none; /* todo: inherit */ } a:link:hover, a:visited:hover, a.nicovideo:link:hover, a.dic:link:hover, a.ext:link:hover, a.auto:link:hover, a.auto-hdn:link:hover, a.nicovideo:visited:hover, a.dic:visited:hover, a.ext:visited:hover, a.auto:visited:hover, a.auto-hdn:visited:hover { color: #ff8800; text-decoration: underline; } a.edit:link, a.edit:visited, a.edit:link:hover, a.edit:visited:hover { background: transparent url(/img/ueb.png) left center no-repeat; display: inline-block; padding-left: 20px; margin-left: 4px; } a.twitter:link, a.twitter:visited, a.twitter:link:hover, a.twitter:visited:hover { background: transparent url(/img/twitter_s_b.png) left center no-repeat; display: inline-block; padding-left: 19px; margin-left: 1px; } a.articletab-off:link, a.articletab-off:visited, a.articletab-off:hover { color: #666; text-decoration: underline; font-weight: bolder; } a.white:link, a.white:visited { color: #fff; text-decoration: none; } a.white:hover { color: #fff; text-decoration: underline; } a.button-m:link, a.button-m:visited { text-decoration: none; } a.button-m:hover { color: #fff; text-decoration: none; } a.button-m-white:link, a.button-m-white:visited { text-decoration: none; } a.button-m-white:hover { color: #fff; text-decoration: none; } /* link icon */ a img.link-icon { display: inline-block; vertical-align:middle; } /************************************/ /* layout tag */ /************************************/ body#basebody { color: #444; background-color: #fff; text-align:center; background-color:#e6e7e8; overflow-x: auto; } @media screen and (min-width: 1045px) { body#basebody { overflow-x: hidden; } } body#community-body { color: #444; width: 632px; overflow-x: hidden; } #container { width: 1045px; margin:0 auto; text-align:left; } #topline { width: 100%; height: 36px; min-width: 1045px; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"MS Pゴシック","MS PGothic",sans-serif; margin: 0; padding-bottom: 0px; /*background: #333 url('img/topline36.gif') repeat center bottom;*/ background: #272727; top: 0; left: 0; position: absolute; z-index: 9999; text-align: center; } .toplinetable { width: 1045px; margin: 0px auto; padding:0px 10px; height:36px; } .toplinetable td { text-align:left; color:#666; vertical-align:middle; } .toplinetable a, .toplinetable a:link:hover, .toplinetable a:visited:hover { color: #fff; } .toplinetable .pedia { font-weight: bold; } .toplinetableleft { margin: 0px; padding:0px; height:36px; } .toplinetableleft td { text-align:left; color:#666; vertical-align: middle; padding:0px; } .toplinetableleft td:hover { background-color:#474747; } .toplinetableleft a, .toplinetableleft a:link:hover, .toplinetableleft a:visited:hover { vertical-align: middle; display:block; min-height: 36px; line-height: 36px; } .toplinetableleft span { border-right:#474747 solid 1px; padding:0px 6px; } .toplinetableleft td a.iconNiconico { text-indent: -9999px; width: 30px; position: relative; } .toplinetableleft td a.iconNiconico::after { content: ""; border-right: #474747 solid 1px; position: absolute; top: 12px; left: 29px; height: 12px; } .toplinetableleft td a.iconNiconico span::after { content: ""; background: url(/img/icon_niconico.png); background-repeat: no-repeat; position: absolute; width: 18px; height: 18px; top: 9px; left: 7px; } .toplinetableright { margin: 0px; padding:0px; height:36px; } .toplinetableright td { text-align:left; color:#666; vertical-align: middle; padding:0px; } .toplinetableright td:hover { background-color:#474747; } .toplinetableright a, .toplinetableright a:link:hover, .toplinetableright a:visited:hover { vertical-align: middle; display:block; width:100%; height:100%; min-height: 36px; line-height: 36px; } .toplinetableright span { border-left:#474747 solid 1px; padding:0px 6px; } #contents { float:left; width: 1045px; margin: 5px 4px 0 4px; } .st-space_right { margin-right: 8px; } #main { color: #4c4c4c; width: 740px; float: left; padding: 130px 0 0 0; } #banner-top { width: 468px; height: 60px; border: 1px solid #303030; margin: 0 auto; background-color: #d0d0d0; float: right; margin-top: 10px; margin-right: 15px; } #banner-side { width: 300px; height: 224px; border: 1px solid #303030; background-color: #d0d0d0; margin-bottom: 5px; margin-left: -1px; } #article-tab-nico { background-image: url(/img/bg_round_l_nico.gif); background-repeat: no-repeat; height: 32px; width: 740px; overflow: hidden; color: #fff; } #article-tab-wiki { background-image: url(/img/bg_round_l_wiki.gif); background-repeat: no-repeat; height: 32px; width: 740px; overflow: hidden; } .article-tab-nico { float: left; padding-left: 10px; padding-top: 8px; font-size: 14px; width: 70%; height: 20px; font-weight: bold; } .article-tab-wiki { float: right; font-size: 14px; padding-top: 3px; height: 20px; line-height: 20px; padding-right: 3px; display:-webkit-box; display:-ms-flexbox; display: flex; vertical-align: middle; } .management-source { font-size: 11px; margin-bottom: 8px; } .system-requirements { font-size: 10px; font-weight: 100; } .no-border { margin: 0; padding: 0; border: none; } #login-form { background-image: url(/img/bg_img_login.gif); background-repeat: no-repeat; width: 348px; height: 313px; font-size: 0.8em; line-height: 1.4; } /* articles */ .button { vertical-align: bottom; height: 22px; margin: 5px 0px; } .button-m { vertical-align: bottom; font-weight: bold; color: #603000; font-size: 15px; height: 22px; border-style: none; background-color: #fff; background-image: url(/img/bg_btn.gif); margin: 5px 0px; } .button-white { vertical-align: bottom; height: 22px; margin: 5px 0px; } .button-m-white { vertical-align: bottom; font-weight: bold; color: #000; font-size: 15px; height: 22px; border-style: none; background-color: #fff; background-image: url(/img/bg_white_btn.gif); margin: 5px 0px; } img.border { width: 740px; height: 5px; display: block; } img.menu-border { width: 300px; height: 5px; display: block; margin-bottom: 5px; } pre.mml { width: 630px; border: 1px solid #444; background-color: #e0e0ff; padding: 1em; height: 100px; overflow: auto; } div.kwic { font-size: 0.7em; padding-left: 36px; color: #666; } div.left-box { font-size: 0.9em; background-image: url(/img/l_box_bg.gif); background-repeat: repeat-y; background-color: #fff; width: 740px; padding: 0; line-height: 1.35; } div.main-area { /* 改修後 */ font-size: 0.9em; background-color: #fff; width: 740px; padding: 0; line-height: 1.35; } div.left-box .register-premium { text-align: center; font-size: 18px; padding: 18px; } div.left-box .register-premium .register-button img { height: 38px; } div.left-box .register-premium .register-button .premium-btn-m { font-weight: bold; color: #603000; height: 38px; border-style: none; background-color: #fff; background-image: url(/img/premium_btn_m.gif); margin: 5px 0px; padding: 0px 10px; text-align: center; font-size: 18px; } div.left-box .register-premium .register-button { padding-top: 10px; } div.left-box .register-premium .origin-link { padding-top: 7px; font-size: 0.9rem; } div.left-edit { font-size: 0.9em; background-color:#fff; padding: 0; line-height: 1.35; } div.community-bbs { font-size: 0.9em; width: 632px; background-color: #fff; line-height: 1.35; } div.article, div.content { overflow: hidden; padding: 0 10px 0; } div.error { width: 720px; font-weight: bold; font-size: 1.1em; padding: 0 10px 0; } div.overflow-title { width: 588px; overflow: hidden; white-space: nowrap; } span.overflow-comment { color: #888; } td.overflow-date { width: 104px; vertical-align: top; } div#notice { color: #666; background: #fafafa; background: -moz-linear-gradient(#e5e5e5, #ffffff); background: -o-linear-gradient(#e5e5e5, #ffffff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff)); background: -webkit-linear-gradient(#e5e5e5, #ffffff); font-size: 0.7em; border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #8CC700; border-bottom-color: #8CC700; margin: 0 0 5px; padding: 3px 8px; } div#notice ul { margin: 5px 10px; list-style: disc inside; border-top: 1px #cccccc dotted; margin: 2px 0 0; padding-top: 2px; } div.article ul.dev-blog { padding: 0 0 0 20px; border-top: #cccccc dotted 1px; } div.content ul.word-blog { padding: 0 0 0 20px; font-size: 0.85em; width: 950px; overflow: hidden; } body#tinymce { font-size: 0.9em; color: #444; background-color: white; width: 720px; line-height: 1.35; } body#tinymce sup, div.article sup, div.content sup { font-size: 0.7em; vertical-align: super; } body#tinymce sub, div.article sub, div.content sub { font-size: 0.7em; vertical-align: sub; } body#tinymce ins, div.article ins, div.content ins { text-decoration: underline; } body#tinymce h2, div.article h2, div.content h2, div.community-bbs h2 { font-size: 1.4em; line-height: 1.4; border-bottom: 1px solid #8cc700; background: url(/img/disc_l.gif) no-repeat 0px; padding-left: 20px; margin: 0.2em 1px 0.4em 0; } body#tinymce h3, div.article h3, div.content h3 { font-size: 1.25em; line-height: 1.3; border-bottom: 1px solid #8cc700; background: url(/img/disc_m.gif) no-repeat 0px; padding-left: 20px; margin: 0.1em 2px 0.3em 1px; } body#tinymce h4, div.article h4, div.content h4 { font-size: 1.16em; line-height: 1.2; border-bottom: 1px solid #8cc700; background: url(/img/disc_s.gif) no-repeat 0px; padding-left: 20px; font-weight: normal; margin: 0.1em 3px 0.3em 2px; } body#tinymce h5, div.article h5, div.content h5 { font-size: 1em; line-height: 1.2; border-bottom: 1px solid #8cc700; background: url(/img/disc_ss.gif) no-repeat 0px; padding-left: 18px; font-weight: normal; margin: 0.1em 4px 0.2em 3px; } body#tinymce h6, div.article h6, div.content h6 { font-size: 0.8em; line-height: 1.2; border-bottom: 1px solid #8cc700; font-weight: normal; margin: 0.1em 5px 0.2em 4px; } body#tinymce p, div.article p, div.content p { line-height: 1.35; margin: 1em 1em; } body#tinymce hr, div.article hr, div.content hr, div.community-bbs hr, div.box hr { border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #CCCCCC; height: 1px; } div.box hr { width: 90%; } body#tinymce th, div.article th, div.content th { background-color: #F1F1F1; padding: 2px; border: 1px solid #D1D1D1; } table#nicopedia-article-textarea_tbl td.mceIframeContainer { padding: 0px; border: 0px solid #D1D1D1; } body#tinymce td, div.article td { padding: 5px; border: 1px solid #D1D1D1; } div.content td { vertical-align: top; } table.menulist { width: 720px; font-size: 0.8em; } table.menulist tr { border: solid #d1d1d1; border-width: 1px 0; } table.menulist td { border: none; padding: 1px; } table.menulist td.li { width: 18px; height: 12px; background-image: url(/img/li1.gif); background-repeat: no-repeat; background-position: center 10%; } table.menulist td.lm { width: 125px; text-align: right; } table.revisions { width: 720px; } table.revisions td { font-size: 9pt; padding: 3px; border: 1px solid #D1D1D1; } table.diff { word-break: break-all; word-wrap: break-word; table-layout: fixed; width: 720px; } table.diff td { font-size: 9pt; padding: 3px; border: 1px solid #D1D1D1; overflow: auto; } table.diff td.position { font-weight: bold; } table.diff td.diff-line { padding: 0; overflow: hidden; } table.diff-line { table-layout: fixed; width: 720px; padding: 0; } table.diff-line td { border: none; } table.diff-line td.action { width: 6px; padding: 0; overflow: hidden; } table.diff-line td.text { background-color: #eee; width: 340px; } table.diff-line td.added { background-color: #f88; width: 340px; } table.diff-line td.deleted { background-color: #aaa; width: 340px; } body#tinymce blockquote, div.article blockquote, div.content blockquote { border: 1px solid #FFD248; background-image: url(/img/quote.gif); background-repeat: no-repeat; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 30px; margin-left: 30px; } body#tinymce dl, div.article dl, body#tinymce ul, div.article ul, div.content ul, div.community-bbs ul { padding: 0.7em 0 0.5em 24px; list-style: url(/img/li1.gif) outside; line-height: 1.55; } body#tinymce ul ul, div.article ul ul, div.content ul ul { padding: 0.2em 0 0.1em 12px; list-style: url(/img/li2.gif) outside; line-height: 1.55; } body#tinymce ul ul ul, div.article ul ul ul, div.content ul ul ul { padding: 0.2em 0 0.1em 12px; list-style: url(/img/li3.gif) outside; line-height: 1.55; } body#tinymce ol, div.article ol, div.content ol { padding: 0.7em 0 0.5em 32px; list-style: decimal outside; line-height: 1.55; } body#tinymce ol ol, div.article ol ol, div.content ol ol { padding: 0.2em 0 0.1em 12px; list-style:upper-roman outside; line-height: 1.55; } body#tinymce ol ol ol, div.article ol ol ol, div.content ol ol ol { padding: 0.2em 0 0.1em 12px; list-style:lower-alpha outside; line-height: 1.55; } body#tinymce dt, div.article dt { margin: 0.2em; font-weight: bold; } body#tinymce dd, div.article dd { margin: 0.2em; padding-left: 1em; } /* bbs */ h2.bbs-title { font-size: 1.2em; color:#ee4949; } dt.reshead { margin-left: 1em; } dd.resbody { margin: 0 1em 1em 3em; font-size: 14px; line-height: 16px; font-family: 'MS PGothic AA', 'MS PGothic', 'MS Pゴシック', 'Mona', 'IPAMonaPGothic', 'IPA モナー Pゴシック', sans-serif; } dt.reshead .name { color: #008800; font-weight: bold; } dt.reshead .trip { color: #008800; } .resform input.textbox, .resform textarea { color: #333; background-color: #fffcfc; border: 1px solid #333; } /* wikipedia */ div.wikipedia iframe { width: 720px; height: 500px; } div.wikipedia iframe html { width: 720px; height: 500px; } div.pager { text-align: center; margin: 12px; font-size: 12px; } div.pager a, div.pager span { margin-right: 1px; padding: 2px 2px; } div.pager a { background-color: #fff; border: 1px solid #06c; text-decoration: none; } div.pager a:hover { background-color: #fff; border: 1px solid #f80; text-decoration: none; } div.pager span.current { background-color: #04a; border: 1px solid #ddd; color: #fff; font-weight: bold; } div.pager a.navi { font-weight: bold; } ul#page-menu { font-size: small; margin: 0 10px 16px; padding: 2px; border: 1px solid #888; } ul#page-menu li { display: inline; background: transparent url(/img/li2.gif) left center no-repeat; padding: 2px 2px 0 11px; } table.oekaki-list { margin: 0 auto 10px auto; table-layout: fixed; width: 720px; } table.oekaki-list td { width:140px; font-size: 0.8em; overflow: hidden; padding: 1px; } #floatPanelContents { width: 300px; color: #666666; font-size: 0.8em; text-align: left; margin-bottom: 5px; height: 714px; } div.res_preview_error { font-size: 0.8em; color: #ff0000; } div.res_preview_warning { font-size: 0.8em; color: #cc9900; } div.res_preview_normal { font-size: 0.8em; color: #777777; } /* flog css */ #flog-div a:link, #flog-div a:visited { color: #0066cc; text-decoration: none; } #flog-div a.entry_domain:link, #flog-div a.entry_domain:visited, #flog-div a.entry_domain:hover, #flog-div a.entry_domain:visited:hover { color: #666; text-decoration: none; } #flog-div a:link:hover, #flog-div a:visited:hover { color: #ff8800; text-decoration: underline; } #flog-div #entry { width: 255px; font-size:12px; margin-left: 10px; } #flog-div .entry_article { line-height: 1.2em; } #flog-div .entry_comment { line-height: 1.4em; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; padding-bottom: 5px; } #flog-div .entry_hit { font-size: 11px; color: #333333; text-align: right; } /* nicovideo thumbnails */ iframe.nicovideo { border:solid 1px #ccc; } iframe.nicoichiba { border:solid 1px #ccc; } iframe.nicoichiba2 { border:1px solid #ccc; } div.nicothumb { width: 304px; /* 312 - 4 - 4 */ height: 168px; /* 176 - 4 - 4 */ border:solid 1px #ccc; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; background:#F7F7F7; color:#333; margin:0; padding:4px; overflow: hidden; line-height: 0; display: inline-block; } div.nicothumb p { margin: 0; } div.nicothumb td { padding: 4px; border: none; vertical-align: top; } div.nicothumb a { line-height: 0; } div.community_tpl div.logo p { line-height: 0; } div.nicothumb h3 { background: none; border-bottom: none; margin: 0; padding: 0; } div.ichibathumb { width: 155px; height: 260px; border:solid 1px #ccc; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; overflow: hidden; line-height: 1; display: inline-block; } /* chart placeholder */ #article_chart { width: 720px; height: 120px; } #topbarMenuLink, #topbarRightMenuLink { cursor: pointer; color: #ffffff; } #topbarMenu { position: absolute; width: 240px; z-index: 9; border: solid 1px #272727; background: #eae8eb; padding: 0; margin: 0; display: none; } .popupMenu li { float: left; width: 120px; } .popupMenu li a { text-decoration: none; display: block; line-height: 1.5em; height: 1.5em; padding: 6px 0px 6px 8px; color: #272727; } #topbarRightMenu { position: absolute; width: 150px; z-index: 9; border: solid 1px #272727; background: #eae8eb; padding: 0; margin: 0; display: none; } .popupRightMenu li { float: left; width: 150px; padding: 0px; } .popupRightMenu li a { text-decoration: none; display: block; line-height: 1.5em; height: 1.5em; padding: 6px 4px 6px 12px; color: #272727; } #menu_switch_hold span { float: right; padding-right: 50px; background: url(/img/mode_1.png) no-repeat right 2px; } #menu_switch_scroll span { float: right; padding-right: 50px; background: url(/img/mode_2.png) no-repeat right 2px; } #topbarRightMenu li { width: 150px; } #topbarMenuLink a.hover { text-decoration: none; color: white; background-color: #474747; } #topbarMenu li.hover a, #topbarRightMenu li.hover a { text-decoration: none; color: white; background-color: #898989; } .popupMenu li.disabled a { cursor: default; } .popupMenu li.hover.disabled a { text-decoration: none; color: white; background-color: transparent; } .popupMenu li.zero { width: 0px; } .popupMenu li.dbl { float: right; width: 240px; text-align: right; border-top: lightgray 1px solid; } .popupMenu li.dbl a { padding-right: 16px; } .popupRightMenu li.disabled a { cursor: default; } .popupRightMenu li.hover.disabled a { text-decoration: none; color: #fff; background-color: transparent; } .mobile-qr-code-container { text-align:center; border: 1px solid #eee; float: right; margin-right: 16px; padding: 8px; background-color: #fff; border-radius: 4px; } .tp-PushWord .sw-Column_List>li:nth-of-type(6) { padding: 6px 0 4px 0 !important; } /* Google Ads */ div.adsense { border-width: 1px 0px; border-style: dotted; border-color: #CCCCCC; padding: 3px 0 0 0; } div.adsense-728 { width: 740px; overflow: hidden; margin:0 0 0 -4px; } a.adsbygoogle { color: white; background-color: #06c; padding: 3px; } a.adsense-link { font-weight: bold; } a.adsense-url { color: #008000; } /* snn */ .snnrankingbar{ height: 28px; background-image: url(/img/snnrankingbar.png); font-size: 15px; color: #666; padding-left: 13px; line-height: 32px; } .snnranking{ border: 1px solid #B3B3B3; width: 300px; margin-bottom: 5px; } ul.snnranking li a{ color: #333; font-weight: normal; } ul.snnranking li a:hover{ color: #11827C; font-weight: normal; } .snnrank1{ background: url(/img/snn1.png) no-repeat ; background-position: 0px 6px; line-height: 17px; font-size: 12px; min-height: 30px; border-bottom: 1px solid #BBB; padding: 5px 3px 3px 30px; } .snnrank2{ background: url(/img/snn2.png) no-repeat ; background-position: 0px 6px; line-height: 17px; font-size: 12px; min-height: 30px; border-bottom: 1px solid #BBB; padding: 5px 3px 3px 30px; } .snnrank3{ background: url(/img/snn3.png) no-repeat ; background-position: 0px 6px; line-height: 17px; font-size: 12px; min-height: 30px; border-bottom: 1px solid #BBB; padding: 5px 3px 3px 30px; } .snnrank4{ background: url(/img/snn4.png) no-repeat ; } .snnrank5{ background: url(/img/snn5.png) no-repeat ; } .snnrank6{ background: url(/img/snn6.png) no-repeat ; } .snnrank7{ background: url(/img/snn7.png) no-repeat ; } .snnrank8{ background: url(/img/snn8.png) no-repeat ; } .snnrank9{ background: url(/img/snn9.png) no-repeat ; } .snnrank10{ background: url(/img/snn10.png) no-repeat ; } .snnrank4, .snnrank5, .snnrank6, .snnrank7, .snnrank8, .snnrank9, .snnrank10{ background-position: 0px 6px; line-height: 17px; font-size: 12px; min-height: 25px; border-bottom: 1px solid #BBB; padding: 5px 3px 3px 30px; } .snnranking li:last-child{ border: none; } #snnranking a{ color: #5f5f5f; text-decoration: none; } div.twitter_nicopedia { background:#fff; border-bottom: solid 1px #333; height: 22px; margin-top: 5px; padding:2px 1px 1px 2px ; } .floatPanel { position: -webkit-sticky; position:sticky; top:36px; /* 36は共通ヘッダの高さ */ } #flogbox { /*height: 612px;*/ } #LEFT_AD_ELEMENT img { float: right; padding: 165px 0 0 0; } #RIGHT_AD_ELEMENT img{ padding: 165px 0 0 0; } div.dfngwiki { height: 38px; } #dfngwiki_box { width: 296px; margin-left: 2px; height: 220px; overflow-y: scroll; overflow-x: hidden; } div.dfngwiki_i { border-bottom: dashed 1px #ccc; height: 32px; line-height: 16px; font-weight:bold; padding: 5px 0 5px 6px; position: relative; } .nicodicrank-space_readmore { display:-webkit-box; display:-ms-flexbox; display: flex; justify-content: flex-end; } .nicodicrank-readmore { border: none; color: #1e7dc0; font-weight: bold; font-size: 12px; padding: 0; margin-left: 2px; cursor: pointer; vertical-align: middle; } .nicodicrank-readmore:before { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #1e7dc0; padding-right: 4px; margin-bottom: 4px; } .tweetblock{ border-color:#1b95e0 !important; background-position:5px; background-size:20px; background-image:url(/img/twitter_logo.png) !important; margin-left:0px !important; border-radius:5px; max-width:468px; word-wrap: break-word !important; } #portal-link .portal-link__head { font-weight: 700; margin-bottom: 10px; font-size: 12px; } #portal-link .portal-link__contents ul { margin: 0; } #portal-link .portal-link__contents li { display: inline; word-wrap: break-word; font-size: 12px; } #portal-link .portal-link__contents li:not(:last-child)::after { padding: 0 3px; color: #303030; content: '/'; } #mypage-menu > ul > li{ padding-top: 1.2em; } #mypage-menu > ul > li:first-child{ padding-top: 0; } .article-title-box { background-image: url(/img/l_box_bg.gif); background-repeat: repeat-y; background-color: white; width: 720px; padding: 0px 10px; line-height: 1.35; font-size: 0.9em; } .article-title { font-size: 1.6em; padding: 0px 10px; margin: 0px 0px 0px 0px; } .share-sns-buttons { display: inline-block; } .share-sns-buttons-twitter { width: 75px; } .share-sns-buttons-facebook { width: 72px; } .share-sns-buttons-hatena { width: 84px; } .share-sns-buttons-gplus { width: 32px; } .share-sns-buttons-mastdon { width: 5em; height: 1.6em; white-space: nowrap; overflow: hidden; text-align: center; background-color: #2588d0; border-radius: 2px; padding: 0px 8px 0px 10px; border: none; position: relative; font-size: 0.8em; } .sw-Column_List > li { counter-increment: rank-label 1; } .sw-Column_List > li:before { content: ' ';/*counter(rank-label);*/ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; color: #fff; background:#d6d6d6; } .sw-Column_List > li:nth-of-type(1):before { background-color: #f58200; content: '1'; } .sw-Column_List > li:nth-of-type(2):before { background-color: #ffaf19; content: '2'; } .sw-Column_List > li:nth-of-type(3):before { background-color: #ffcb2c; content: '3'; } .sw-Column_List > li:nth-of-type(4):before { background-color: #c5c5c5; content: '4'; } .sw-Column_List > li:nth-of-type(5):before { background-color: #c5c5c5; content: '5'; } .sw-Column_List>li:nth-of-type(6):before { background:transparent; width: 0px; } #nicodic-oshirase { font-size: 12px; margin: 4px 0; border: 2px solid #8EC525; border-radius: 5px; display:-webkit-box; display:-ms-flexbox; display: flex; background-color: #F0F2F5; } .nicodic-oshirase-label { background: #8EC525; display: inline-flex; vertical-align: top; color: #fff; padding: 5px 0 0 8px; width: 12%; } .nicodic-oshirase-label::after { content: ""; display: inline-block; width: 18px; height: 18px; background: url(/img/icon_info-wh-megaphone.png) no-repeat left 2px top -2px; background-size: contain; } .nicodic-oshirase-list { padding: 3px 10px; line-height: 18px; white-space: nowrap; overflow: hidden; width: 88%; background-color: #fff; } .nicodic-oshirase-list > li { overflow: hidden; text-overflow: ellipsis; } /*----- 間隔(共通) -----*/ .st-space_top-middle { margin-top: 8px; } #tag-list { position: relative; z-index: 1; } #tag-edit-form-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.7); display: flex; justify-content: center; align-items: center; } .tag-edit-form-error { background: #FFF; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); padding: 5px; } .tag-edit-form-login { background: #FFF; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); } #tag-edit-form-loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 10px; height: 10px; border-radius: 50%; box-shadow: 0 -30px 0 0 #bbb, 15px -26px 0 0 #aaa, 26px -15px 0 0 #999, 30px 0 0 0 #888, 26px 15px 0 0 #777, 15px 26px 0 0 #666, 0 30px 0 0 #555, -15px 26px 0 0 #444, -26px 15px 0 0 #333, -30px 0 0 0 #222, -26px -15px 0 0 #111, -15px -26px 0 0 #000; animation: tag-edit-form-loading 1s infinite steps(12, start); } @keyframes tag-edit-form-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .algolia-autocomplete .aa-hint { color: #999; } .algolia-autocomplete .aa-dropdown-menu { background-color: #fff; border: 1px solid #999; width: 690px; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion { cursor: pointer; padding: 5px 4px; border-bottom: 1px solid #d6d6d6; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor { background-color: #B2D7FF; } .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em { font-weight: bold; font-style: normal; }
htmlから特定のタグのみ消す方法
<span>を例とすると。
htmlエディタを無効にしてから、html全体を正規表現が使えるテキストエディタソフトにコピペする。
「検索する文字列」 に 「<span>(.*?)<\
/span>」
「置換する文字列」 に 「$1」(テキストエディタの種類によっては「\
1」)
を入力し、置換。
ただし「<span>あああ<span style="color: #000000;">いいい</span>ううう<span>」といった入れ子構造の記述が含まれていた場合には、「あああ<span style="color: #000000;">いいい</span>ううう」を対象としたいのに「あああ<span style="color: #000000;">いいい」を対象としてしまう問題点があるため、どこが置換対象となるのかは要個別確認。
(
「.」は「任意の1文字」
「*」は「0回以上の繰り返し」 なので「.*」は「0文字から長文まで、任意の文字列」
「?」は「0回以上の最短一致」
「$1」(テキストエディタの種類によっては「\
1」)は後方参照1 「()」で囲っていた部分、この場合「<span>」と「</span>」で挟まれていた文字列をリサイクル使用する
)
右から左に書く言語
左から右に書く日本語の文章内で、右から左に書くヘブライ語の言葉を出す時。
ページ端の自動改行でそのヘブライ語の言葉が2行以上に分かれると、単語の順番が崩れる。
例えば
という文章が、
自動改行されると
となってしまう。
これを避けたいがためにヘブライ語の言葉を<nobr>と</nobr>で囲むと、その範囲内では改行されなくなった。
しかし長い文章の場合は右端がはみ出し、全文を見るために横へのスクロールが必要になってしまう。
同様に右から左に書く言語(例えばアラビア語)でも同様の現象が起きるのかについては未検証。
html例と表示例
実表示
定義リストのdtで細字を使う
<dt>~</dt>の中は自動的に太字になる。一部を細字にしたい場合は、その部分を<span style="font-weight: lighter;">~</span>で囲む。
実表示
- 太字になる部分細字になる部分
- ここは元から細字
リストを複数列表示 - tableの場合 - 「table-layout: fixed;」なし
列の幅が文字列の長さに合わせて変化する。
<table style="width: 100%;">
<tbody>
<tr>
<td style="border: 0;">
<ul>
<li>デボラ(ドラゴンクエスト)、エボラ出血熱</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>ボラ</li>
<li>T-BOLAN</li>
<li>ぼららら</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>チョコボランド、シンボラー、ロボライダー</li>
</ul>
</td>
</tr>
</tbody>
</table>
実表示
リストを複数列表示 - tableの場合 - 「table-layout: fixed;」あり
列の幅が全て等しく固定される。
<table style="width: 100%; table-layout: fixed;">
<tbody>
<tr>
<td style="border: 0;">
<ul>
<li>デボラ(ドラゴンクエスト)、エボラ出血熱</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>ボラ</li>
<li>T-BOLAN</li>
<li>ぼららら</li>
</ul>
</td>
<td style="border: 0;">
<ul>
<li>チョコボランド、シンボラー、ロボライダー</li>
</ul>
</td>
</tr>
</tbody>
</table>
実表示