/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* LESS Variables Description: for Hatena Blog Admin Author: Hatena Blog Team Version: 1.0 */ /* Background color */ /* Light Gray Background color */ /* dark background color */ /* Base text color */ /* light text color */ /* 標準リンク色 */ /* リンクのhover */ /* グレーの標準ボタン色 */ /* 標準ボタンの文字色 */ /* 青い標準ボタン色 */ /* 青い標準ボタン色(hover) */ /* Register系の緑色ボタン */ /* Register系の緑色ボタン（hover） */ /* LESS Mixins */ /* box properties */ .clearfix { display: block; *zoom: 1; } .clearfix:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: "."; } .inline-block { display: inline-block; *display: inline; *zoom: 1; } .ellipsis { white-space: nowrap; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } /* text properties */ .font-default { font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; } /* CSS3 properties */ .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .center { text-align: center; margin-left: auto; margin-right: auto; } .left { float: left; } .right { float: right; } .nofloat { float: none; } .clear { clear: both; } .block { display: block; } .inline { display: inline; } .nodisplay { display: none; } .relative { position: relative; } .absolute { position: absolute; } .static { position: static; } .fixed { position: fixed; } .margin0 { margin: 0 !important; } .padding0 { padding: 0 !important; } .bold { font-weight: bold; } .normal { font-weight: normal; font-style: normal; } .thin { font-weight: 300; } .italic { font-style: italic; } .nodeco { text-decoration: none; } .underline { text-decoration: underline; } .nolist { list-style-type: none; } .disc { list-style-type: disc; } .circle { list-style-type: circle; } .textleft { text-align: left; } .textright { text-align: right; } /* Core.LESS Description: Basic Components for Hatena Blog （admin.less と service.less の両方に読み込まれるスタイル。主に基本コンポーネント） Author: Hatena Blog Team Version: 1.0 */ /* テキスト系 */ .hide { display: none; } a:link, a:visited { color: #369ecf; text-decoration: none; } a:link:hover, a:visited:hover { text-decoration: underline; } p { margin: 0; padding: 0; line-height: 1.7; } span.small, span.smaller { font-size: 70%; } /* TAB menu */ .nav-tabs, .ui-tabs-nav { border-bottom: 1px solid #dddddd; margin-bottom: 20px; font-size: 12px; display: block; *zoom: 1; } .nav-tabs:after, .ui-tabs-nav:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: "."; } .nav-tabs > li, .ui-tabs-nav > li { margin-bottom: -1px; float: left; list-style: none; } .nav-tabs > li > a, .ui-tabs-nav > li > a { display: block; padding: 8px 12px; margin-right: 2px; line-height: 14px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid transparent; } .nav-tabs > li > a:focus, .ui-tabs-nav > li > a:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-tabs > li.current-tab > a, .ui-tabs-nav > li.current-tab > a, .nav-tabs > li.ui-tabs-active > a, .ui-tabs-nav > li.ui-tabs-active > a { color: #333333; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: #fff; cursor: default; font-weight: bold; } .nav-tabs > li.current-tab > a:hover, .ui-tabs-nav > li.current-tab > a:hover, .nav-tabs > li.ui-tabs-active > a:hover, .ui-tabs-nav > li.ui-tabs-active > a:hover { text-decoration: none; } .nav-tabs-google > li { margin: 0 1px 0 0; } .nav-tabs-google > li > a { padding-top: 2px; padding-bottom: 6px; line-height: 20px; color: #777; } .nav-tabs-google > li > a:hover { color: #222; background-color: #ffffff; border-color: #ffffff #ffffff #ffffff; text-decoration: none; } .nav-tabs-google > li > a:active { color: #369ecf; } .nav-tabs-google li:hover { color: #333; border-bottom: 3px solid #14afd6; } .nav-tabs-google li.ui-tabs-active { font-weight: bold; border-bottom: 3px solid #14afd6; } .nav-tabs-google > .ui-tabs-active > a, .nav-tabs-google > .ui-tabs-active > a:hover { color: #333; border: 1px solid transparent; } .navbar { margin-bottom: 20px; background: #333333; height: 35px; display: block; *zoom: 1; } .navbar:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: "."; } .navbar li { list-style: none; float: left; font-size: 12px; } .navbar li.active a, .navbar li.ui-tabs-active a { background: #14afd6; } .navbar a { display: inline-block; *display: inline; *zoom: 1; padding: 0px 10px; line-height: 35px; background: #333333; color: #fff; } .navbar a:hover { background: #666; text-decoration: none; } .navbar a.none { pointer-events: none; } .navbar li.active a, .navbar li.ui-tabs-active a { position: relative; } .navbar li.active a:after, .navbar li.ui-tabs-active a:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .navbar li.active a:after, .navbar li.ui-tabs-active a:after { border-color: rgba(6, 123, 213, 0); border-top-color: #14afd6; border-width: 5px; left: 50%; margin-left: -5px; } .navbar li.navbar-right { float: right; } .navbar .navbtn-register a { background: #49ba8c; } .navbar .navbtn-register a:hover { background: #2ea074; } .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 13px; color: #999999; border: 1px solid #dddddd; } .breadcrumb > li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #ffffff; } .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } /* table */ form table, .table { width: 100%; color: #333333; line-height: 1.5; margin-bottom: 10px; border-collapse: collapse; } form table th, .table th, form table td, .table td { padding: 10px; } form table th, .table th, form table td, .table td { border-style: solid; border-color: #dddddd; border-width: 1px 0; } form table th, .table th { text-align: left; width: 20%; vertical-align: middle; } form table td.submit, .table td.submit { border-color: transparent !important; padding: 8px 0 !important; } form table td.submit input, .table td.submit input { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; line-height: 18px; color: #444 !important; background-color: #f5f5f5; text-align: center; vertical-align: middle; border: 1px solid #dddddd; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; -webkit-appearance: none; } form table td.submit input:hover, .table td.submit input:hover { border-color: #ccc; background-color: #eeeeee; text-decoration: none !important; } form table td p, .table td p, form table th p, .table th p { font-size: 12px; color: #888; line-height: 18px; margin: 5px 0; } form table td.bold, .table td.bold { width: 20%; } form table tr.border-top-none, .table tr.border-top-none, form table th.border-top-none, .table th.border-top-none, form table td.border-top-none, .table td.border-top-none { border-top: none !important; } form table img, .table img { vertical-align: middle; } form table ul, .table ul { margin: 0; padding-left: 0; } form table ul ul, .table ul ul { margin: 0; } form table td.profile-image img, .table td.profile-image img { vertical-align: baseline; } form table ul.radioform li, .table ul.radioform li { margin: 10px 0; } form table ul.radioform li:first-child, .table ul.radioform li:first-child { margin-top: 0; } form table ul.radioform li:last-child, .table ul.radioform li:last-child { margin-bottom: 0; } form table span.radio, .table span.radio, form table label.radio, .table label.radio { font-weight: bold; font-size: 14px; margin-right: 10px; margin-left: 2px; } form table .draft, .table .draft { font-size: 80%; font-style: italic; color: #ff7e45; } form table.middle th, .table.middle th, form table.middle td, .table.middle td { vertical-align: middle; } form table tr.disabled th, .table tr.disabled th, form table tr.disabled td, .table tr.disabled td { -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); } .table tr:nth-child(even) td, .table tr:nth-child(even) th { background-color: #f9f9f9; } .table.nozebra tr:nth-child(even) td, .table.nozebra tr:nth-child(even) th { background-color: transparent; } table.table-2column { width: 49%; } table.table-2column th { width: 150px; } ol.list, ul.list { color: #333333; margin-bottom: 10px; } ol.list li, ul.list li { padding: 8px 0; border-bottom: 1px solid #dddddd; list-style: none; } ol.list li:first-child, ul.list li:first-child { padding-top: 0; } ol.list li:last-child, ul.list li:last-child { border-bottom: 0; padding-bottom: 0; } ol.list .time, ul.list .time { font-size: 11px; color: #999999; } ol.list.striped li, ul.list.striped li { padding-top: 8px; padding-bottom: 8px; } ol.list.striped li:nth-child(even), ul.list.striped li:nth-child(even) { background-color: #f9f9f9; } ol.list.striped li:first-child, ul.list.striped li:first-child { padding-top: 8px; } ol.list.striped li:last-child, ul.list.striped li:last-child { border-bottom: 1px solid #dddddd; } /* List */ .entry-list li { list-style: none; border-bottom: 1px solid #dddddd; padding: 8px 0 8px 24px; font-size: 12px; font-weight: normal; line-height: 16px; line-height: 1.6; position: relative; } .entry-list li:first-child { padding-top: 0; } .entry-list li:first-child .blog-icon { top: 0; } .entry-list li .blog-icon { position: absolute; top: 8px; left: 0; } .entry-list li .blog-icon img { vertical-align: middle; margin-right: 5px; } .entry-list li .meta { display: block; color: #888; font-size: 11px; } .entry-list li .meta a { color: #888; } .entry-list li .username:hover { text-decoration: underline; } .entry-list li a { color: #369ecf; text-decoration: none; } /* Form */ label.disabled { -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; filter: alpha(opacity=30); } /* Textarea */ input[type="text"], input[type="url"], input[type=password], input[type=email], input[type=number], input[type=search], input[type=tel], textarea { box-sizing: border-box; border: 1px solid #ccc; margin: 0; padding: 5px; font-size: 110%; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: inset 2px 2px 2px #eeeeee; -moz-box-shadow: inset 2px 2px 2px #eeeeee; -webkit-box-shadow: inset 2px 2px 2px #eeeeee; -ms-box-sizing: border-box; -moz-box-sizing: border-box; } input[type="text"].disabled:hover, input[type="url"].disabled:hover, input[type=password].disabled:hover, input[type=email].disabled:hover, input[type=number].disabled:hover, input[type=search].disabled:hover, input[type=tel].disabled:hover, textarea.disabled:hover { border: 1px solid #ccc; cursor: default; } input[type="text"]:focus, input[type="url"]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, textarea:focus { outline: none; } input[type="text"]:hover, input[type="url"]:hover, textarea:hover { border: 1px solid #999; } input[type="text"], input[type="url"], textarea { width: 100%; *width: 90%; } input.small-text { width: 5em; font-size: 100%; padding: 1px 6px; } select { border: 1px solid #ccc; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* hr */ hr { border-color: #dddddd; } hr.soften { height: 1px; margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); border: 0; } .badge { display: inline-block; padding: 2px 4px; font-size: 11px; font-weight: normal; line-height: 1.4em; color: #ffffff; background: #aaa; white-space: nowrap; vertical-align: baseline; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .badge a { color: inherit !important; } .badge-info, .badge-official { background-color: #14afd6; } .label-important, .badge-important { background-color: #b94a48; } .label-important[href], .badge-important[href] { background-color: #953b39; } .label-warning, .badge-warning { background-color: #f89406; } .label-warning[href], .badge-warning[href] { background-color: #c67605; } .label-success, .badge-success { background-color: #468847; } .label-success[href], .badge-success[href] { background-color: #356635; } .label-inverse, .badge-inverse { background-color: #333333; } .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } .register-btn-iframe { text-align: right; } /*　メッセージボックス、セクション類 */ form .backup-message { position: absolute; font-size: 12px; left: 0px; right: 41px; height: 16px; line-height: 16px; padding: 3px 10px; border: 1px solid #C6C3FF; background: #eff3ff; opacity: 0.8; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .support-shown form .backup-message { right: 313px; } form .backup-message .backup-message-close { display: inline; float: right; margin-right: -4px; cursor: pointer; } form #wysiwyg .backup-message { right: 39px; } .support-shown form #wysiwyg .backup-message { right: 311px; } .message-box { margin: 10px 10px 20px 10px; padding: 5px 10px 5px 35px; background: #eff3ff url('/images/admin/check.png') no-repeat 7px center; border: 1px solid #C6C3FF; font-size: 12px; font-weight: bold; line-height: 1.5; color: #454545; } .message-box a { font-weight: normal; } .error-box { margin: 10px 10px 20px 10px; padding: 5px 10px 5px 35px; background: #fff1e9 url('/images/admin/error.png') no-repeat 7px center; border: 1px solid #EFCFD1; font-size: 12px; font-weight: bold; line-height: 1.5; color: #9b4d51; } .error-box a { font-weight: normal; } .admin-message { margin: 10px 10px 20px 10px; padding: 15px; background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dddddd; font-size: 12px; line-height: 1.5; color: #454545; } .admin-message a { font-weight: normal; } .admin-message p { margin: 10px 0 15px 0; color: #454545; } .admin-message .last-p { margin-bottom: 0; } .admin-message h1 { font-size: 18px; border-bottom: 1px solid #dddddd; margin-bottom: 5px; padding-bottom: 5px; } .admin-message h2 { font-size: 18px; font-weight: normal; } .admin-message img.screenshot { float: right; border: 1px solid #dddddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .admin-notice { padding: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #dddddd; background: #f5f5f5; } .admin-notice h3 { margin-bottom: 10px; } .admin-notice ul { font-size: 13px; padding-left: 2em; } .admin-notice li { list-style: circle !important; line-height: 1.5; margin-bottom: 3px; } .admin-p { margin: 10px 0; } .welcome-message { background: #eff3ff; border: 1px solid #C6C3FF; } .welcome-message h1 { font-size: 24px; font-weight: normal; margin: 10px 0; } .welcome-message p { margin: 0.8em 0 1.5em 0; } .welcome-message h2 { font-size: 18px; font-weight: normal; } .welcome-message .last { margin-bottom: 0; } .aside-notice { background: #f5f5f5; padding: 10px 10px 10px 10px; font-size: 13px; border: 1px dashed #ccc; margin-bottom: 10px; } .aside-notice p { margin-bottom: 0 !important; } .admin-p { margin: 10px 0; } /* alert */ .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .alert .btn { margin-top: .3em; margin-bottom: .3em; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger a, .alert-error a { color: #843534; font-weight: bold; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } /* IFRAME, popup */ #close { background: #fff; padding: 5px; position: absolute; top: 5px; right: 5px; z-index: 9999; width: 16px; height: 16px; cursor: pointer; } /* Button.LESS Description: はてなブログのボタン類 Author: Hatena Blog Team Version: 1.0 */ .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; line-height: 18px; color: #444 !important; background-color: #f5f5f5; text-align: center; vertical-align: middle; border: 1px solid #dddddd; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; -webkit-appearance: none; } .btn:hover { border-color: #ccc; background-color: #eeeeee; text-decoration: none !important; } input.btn { margin-top: 0; } .btn-blue, .btn-primary { color: #fff !important; background: #14afd6; border: 1px solid transparent; } .btn-blue:hover, .btn-primary:hover { border: 1px solid transparent; background: #129cbf; } .btn-danger { color: #fff !important; background: #d9534f; border: 1px solid transparent; } .btn-danger:hover { border: 1px solid transparent; background: #d43f3a; } .btn-register { color: #fff !important; background: #49ba8c; border: 1px solid transparent; } .btn-register:hover { border: 1px solid transparent; background: #40a97f; } .btn-pro { color: #fff !important; background: #5b5e60; border: 1px solid transparent; } .btn-pro:hover { background: #4f5153; } .btn-small { padding: 2px 10px !important; font-size: 11px !important; } .btn-large { padding: 13px 19px; font-size: 17px; line-height: normal; font-weight: bold; } .btn[disabled="disabled"], .btn[disabled="disabled"]:hover, input#submit[disabled="disabled"], input#submit[disabled="disabled"]:hover, form input[disabled="disabled"], form input[disabled="disabled"]:hover { -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; cursor: default; white-space: nowrap; } .btn.disabled, .btn.disabled:hover { -moz-opacity: 0.4; opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; cursor: default; white-space: nowrap; } .btn-group .btn { position: relative; float: left; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .btn-group .btn:last-child, .btn-group .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .btn-group .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .dropdown-toggle { background: #f5f5f5 url('/images/header/dropdown-gray.gif') center right no-repeat; cursor: pointer; display: block; padding-right: 16px; } button.btn { margin-top: 0; } .btn.btn-tw { color: #fff !important; background-color: #55acee; border-color: transparent; border-radius: 3px; } .btn.btn-tw i { color: #fff !important; } .btn.btn-tw:hover { background-color: #309aea; } .btn.btn-fb { color: #fff !important; background-color: #3b5998; border-color: transparent; border-radius: 3px; } .btn.btn-fb i { color: #fff !important; } .btn.btn-fb:hover { background-color: #30487b; } .btn-table { display: table; width: 100%; table-layout: fixed; } .btn-table .btn-table-cell { display: table-cell; } .btn-table .btn { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: .8em 0; font-size: 100%; } @font-face { font-family: 'blogicon'; src: url('/fonts/public/blogicon/blogicon-regular.eot'); src: url('/fonts/public/blogicon/blogicon-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/public/blogicon/blogicon-regular.woff') format('woff'), url('/fonts/public/blogicon/blogicon-regular.ttf') format('truetype'), url('/fonts/public/blogicon/blogicon-regular.svg#blogicon') format('svg'); font-weight: normal; font-style: normal; } [class*="blogicon-"] { display: inline-block; font-family: 'blogicon'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="blogicon-"].lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -10%; } .blogicon-hatenablog:before { content: '\f000'; } .blogicon-plus:before { content: '\f001'; } .blogicon-minus:before { content: '\f002'; } .blogicon-reorder:before { content: '\f003'; } .blogicon-grid:before { content: '\f004'; } .blogicon-chevron-left:before { content: '\f005'; } .blogicon-chevron-right:before { content: '\f006'; } .blogicon-chevron-up:before { content: '\f007'; } .blogicon-chevron-down:before { content: '\f008'; } .blogicon-external:before { content: '\f009'; } .blogicon-plugin:before { content: '\f00a'; } .blogicon-member:before { content: '\f00b'; } .blogicon-account:before { content: '\f00c'; } .blogicon-design:before { content: '\f00d'; } .blogicon-cog:before { content: '\f00e'; } .blogicon-edit:before { content: '\f010'; } .blogicon-addstar:before { content: '\f011'; } .blogicon-subscribe:before { content: '\f012'; } .blogicon-entry:before { content: '\f013'; } .blogicon-notify:before { content: '\f014'; } .blogicon-private:before { content: '\f015'; } .blogicon-user:before { content: '\f016'; } .blogicon-home:before { content: '\f017'; } .blogicon-setting:before { content: '\f018'; } .blogicon-draft:before { content: '\f019'; } .blogicon-search:before { content: '\f01a'; } .blogicon-analytics:before { content: '\f01b'; } .blogicon-help:before { content: '\f01c'; } .blogicon-comment:before { content: '\f01d'; } .blogicon-import:before { content: '\f01e'; } .blogicon-truck:before { content: '\f020'; } .blogicon-group:before { content: '\f021'; } .blogicon-folder:before { content: '\f022'; } .blogicon-add:before { content: '\f023'; } .blogicon-pen:before { content: '\f024'; } .blogicon-close:before { content: '\f025'; } .blogicon-trash:before { content: '\f026'; } .blogicon-bookmark:before { content: '\f027'; } .blogicon-redirect:before { content: '\f028'; } .blogicon-check:before { content: '\f029'; color: #c3c1fd; } .blogicon-crop:before { content: '\f02a'; } .blogicon-repeat:before { content: '\f02b'; } .blogicon-logout:before { content: '\f02c'; } .blogicon-star:before { content: '\f02d'; } .blogicon-pro:before { content: '\f02e'; } .blogicon-myblog:before { content: '\f030'; } .blogicon-recent:before { content: '\f031'; } .blogicon-info:before { content: '\f032'; } .blogicon-good:before { content: '\f033'; } .blogicon-amazon:before { content: '\f034'; } .blogicon-twitter:before { content: '\f035'; } .blogicon-facebook:before { content: '\f036'; } .blogicon-share:before { content: '\f037'; } .blogicon-code:before { content: '\f038'; } .blogicon-list:before { content: '\f039'; } .blogicon-calender:before { content: '\f03a'; } .blogicon-bracket:before { content: '\f03b'; } .blogicon-photo:before { content: '\f03c'; } .blogicon-color:before { content: '\f03d'; } .blogicon-public:before { content: '\f03e'; } .blogicon-realtime-preview:before { content: '\f040'; } .blogicon-warning:before { content: '\f041'; } .blogicon-link:before { content: '\f042'; } .blogicon-time:before { content: '\f043'; } .blogicon-markdown:before { content: '\f044'; } .blogicon-evernote:before { content: '\f045'; } .blogicon-music:before { content: '\f046'; } .blogicon-niconico:before { content: '\f047'; } .blogicon-heart:before { content: '\f048'; } .blogicon-heart-alt:before { content: '\f049'; } .blogicon-tag:before { content: '\f04a'; } .blogicon-mail:before { content: '\f04b'; } .blogicon-help-alt:before { content: '\f04c'; } .blogicon-sushi:before { content: '\f04d'; } .blogicon-rss:before { content: '\f04e'; } .blogicon-smartphone:before { content: '\f051'; } .blogicon-laptop:before { content: '\f052'; } /* embed */ body { -webkit-font-smoothing: antialiased; word-wrap: break-word; } .embed-wrapper { background-color: #fff; font-size: 13px; border: 1px solid; border-color: #eaeaea #dddddd #d0d0d0; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .embed-wrapper * { word-wrap: break-word; } .embed-wrapper-inner { padding: 12px; } .embed-header { position: relative; padding-left: 35px; height: 30px; margin-bottom: 5px; } .embed-header .blog-icon { position: absolute; top: 0; left: 0; width: 30px; height: 30px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .embed-header .blog-title { font-size: 12px; margin: 0 0 2px; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #369ecf; } .embed-header .blog-user { line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .embed-header .blog-user a { color: #999999; } .embed-content { position: relative; height: 100px; overflow: hidden; } .embed-content .entry-title { font-size: 17px; margin: 0 0 2px; line-height: 1.4; max-height: 47px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .embed-content .entry-title a { color: #333333; } .embed-content .entry-content { line-height: 1.5; font-size: 12px; max-height: 72px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .embed-content .thumb-wrapper { position: absolute; top: 0; right: 0; } .embed-content .thumb-wrapper .thumb { width: 100px; height: 100px; } .embed-content.with-thumb { min-height: 100px; } .embed-content.with-thumb .entry-body { margin-right: 110px; } .entry-meta { margin-top: 2px; } .entry-meta a { color: #999999; } .embed-footer { margin-top: 8px; padding-top: 5px; border-top: 1px solid #eaeaea; padding-right: 90px; height: 15px; position: relative; font-size: 11px; } .embed-footer .updated { margin-right: .3em; } .embed-footer .favicon { width: 16px; height: 16px; } .embed-footer img { vertical-align: middle; } .embed-footer .star-count { padding-bottom: 1px; } .embed-footer a { color: #999999; } .embed-logo { position: absolute; top: 5px; right: 0; } .embed-logo .embed-logo-img { vertical-align: middle; } .embed-logo-touch { display: none; } /* for Smartphone */ @media (max-width: 480px) { .embed-wrapper { width: 100%; min-width: 300px; } .embed-content .entry-title { font-size: 15px; line-height: 1.4; margin-bottom: 5px; max-height: 40px; } .embed-content .entry-content { font-size: 11px; max-height: 50px; } .embed-content .thumb-wrapper .thumb { width: 80px; height: 80px; } .embed-content.with-thumb { min-height: 80px; } .embed-content.with-thumb .entry-body { margin-right: 90px; } .embed-footer { padding-right: 20px; } .embed-logo-touch { display: inline; } .embed-logo-pc { display: none; } } /* Web card （はてなブログ以外を貼り付けたとき） */