diff --git a/src/models/communities.js b/src/models/communities.js new file mode 100644 index 0000000..e69de29 diff --git a/src/portal/css/n3ds/style.css b/src/portal/css/n3ds/style.css deleted file mode 100644 index 4f3d634..0000000 --- a/src/portal/css/n3ds/style.css +++ /dev/null @@ -1,8408 +0,0 @@ -@charset 'UTF-8'; -.user-icon-container, -.icon-container, -.post-permalink-feeling-icon { - position: relative; -} -.list-content-with-icon .user-icon-container.notify:after, -.list-content-with-icon .icon-container.notify:after { - content: url('/img/n3ds/unread-notif.png'); -} -.profile-tutorial .checkbox-button.checked:after, -.add-post-page .spoiler-button.checked:after, -.add-reply-page .spoiler-button.checked:after { - background: url('/img/n3ds/checkmark.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#81e52e), to(#5ac800)) 0 0; -} -.eshop-button:before { - background-position: -34px 0; - width: 17px; - height: 17px; -} -.favorite-button:before { - background-position: -20px -90px; - width: 20px; - height: 20px; -} -.favorite-button.checked:before { - background-position: 0 -90px; - width: 20px; - height: 20px; -} -.setting-button:before { - background-position: -51px 0; - width: 17px; - height: 17px; -} -.post-tag { - color: #3caa00; - line-height: 1.2; - display: inline-block; -} -.post-tag:before { - background-position: 0px -102px; - width: 17px; - height: 17px; -} -.post-official-tag { - color: #00acca; -} -.post-official-tag:before { - background-position: -34px -102px; - width: 17px; - height: 17px; -} -.post-topic-category { - color: #e8316e; -} -.post-topic-category:before { - background-position: -68px -168px; - width: 17px; - height: 17px; -} -.scroll .multi-language-post:before, -.post-permalink .select-button-label:before { - background-position: -17px -136px; - width: 17px; - height: 17px; -} -.scroll .multi-language-post:before, -.post-permalink .select-button-label:before { - margin-right: 2px; - display: inline-block; - vertical-align: middle; - margin-top: -1px; -} -#tab-header-post-filter-dropdown span.new-posts:before, -#tab-header-post span.new-posts:before { - background-position: 0px -17px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown span.played-posts:before, -#tab-header-post span.played-posts:before { - background-position: -34px -17px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown span.official-tag-posts:before, -#tab-header-post span.official-tag-posts:before { - background-position: -17px -102px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown span.screenshot-posts:before, -#tab-header-post span.screenshot-posts:before { - background-position: 0px -153px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown.selected span.new-posts:before, -#tab-header-post.selected span.new-posts:before { - background-position: 0px -34px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown.selected span.played-posts:before, -#tab-header-post.selected span.played-posts:before { - background-position: -34px -34px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown.selected span.official-tag-posts:before, -#tab-header-post.selected span.official-tag-posts:before { - background-position: 0px -136px; - width: 17px; - height: 17px; -} -#tab-header-post-filter-dropdown.selected span.screenshot-posts:before, -#tab-header-post.selected span.screenshot-posts:before { - background-position: 0px -153px; - width: 17px; - height: 17px; -} -#tab-header-hot-post:before { - background-position: -17px -17px; - width: 17px; - height: 17px; -} -#tab-header-hot-post.selected:before { - background-position: -17px -34px; - width: 17px; - height: 17px; -} -#tab-header-favorite-community { - margin-top: 3px; -} -#tab-header-favorite-community:before { - background-position: -68px -117px; - width: 17px; - height: 17px; -} -#tab-header-favorite-community.selected:before { - background-position: -68px -100px; - width: 17px; - height: 17px; -} -#tab-header-user-posts:before { - background-position: 0px -17px; - width: 17px; - height: 17px; -} -#tab-header-user-posts.selected:before { - background-position: 0px -34px; - width: 17px; - height: 17px; -} -#tab-header-user-empathies:before { - background-position: -51px -17px; - width: 17px; - height: 17px; -} -#tab-header-user-empathies.selected:before { - background-position: -51px -34px; - width: 17px; - height: 17px; -} -#tab-header-played-post:before { - background-position: -34px -17px; - width: 17px; - height: 17px; -} -#tab-header-played-post.selected:before { - background-position: -34px -34px; - width: 17px; - height: 17px; -} -.diary-button .symbol:before, -.edit-diary-button .symbol:before { - background-position: -68px -151px; - width: 17px; - height: 17px; -} -.diary-button .symbol:before, -.edit-diary-button .symbol:before { - margin-right: 2px; - margin-top: -1px; -} -.album-button .symbol:before, -.save-album-button .symbol:before { - background-position: -17px -153px; - width: 17px; - height: 17px; -} -.album-button .symbol:before, -.save-album-button .symbol:before { - margin-right: 2px; - margin-top: -2px; -} -.symbol { - background-color: transparent; -} -.symbol:before { - content: ""; - float: left; - background-image: url('/img/n3ds/iconset.png'); - background-repeat: no-repeat; -} -.symbol span.symbol-label { - display: none; -} -#form-content .symbol:before { - background-image: url('/img/n3ds/createpost.png'); -} -.select-from-album-button .symbol:before { - background-image: url('/img/n3ds/iconset.png') !important; -} -body { - width: 400px; - font-size: 14px; - font-family: sans-serif; - line-height: 1.5; - margin: 0; - padding: 0; - color: #323232; - word-wrap: break-word; - background: #eeeeee url('/img/n3ds/bg-pattern.png'); - background-attachment: fixed; - min-height: 460px; -} -h1, -h2, -h3, -h4, -h5, -h6, -p, -ul, -ol, -menu, -li, -table, -tr, -th, -td { - font-size: 100%; - font-weight: normal; - margin: 0; - padding: 0; -} -input[type="button"], -input[type="submit"], -input[type="reset"] { - white-space: normal; -} -input, -textarea { - font-size: 24px; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -ul, -ol, -menu, -li { - list-style: none; -} -a { - color: #006eff; - text-decoration: none; -} -img { - border: 0; - color: #ddd; -} -input, -label, -button { - cursor: pointer; -} -.none { - display: none !important; -} -.left { - float: left; -} -.right { - float: right; -} -.tleft { - text-align: left; -} -.tright { - text-align: right; -} -.center { - text-align: center; -} -.clear { - clear: both; -} -.pointer-events-none { - pointer-events: none; -} -.trigger { - cursor: pointer; -} -.pre-line { - white-space: pre-line; -} -#header, -.add-post-page-header { - position: relative; -} -#body { - overflow: hidden; -} -.body-content > div, -.body-content > form, -.body-content > ul, -.body-content.help-content > div { - width: 310px; - margin: 10px auto 38px; -} -.body-content .message-window { - width: 270px; - margin: 10px auto; -} -.body-content.without-toobar > div { - margin: 0 auto; -} -.body-content.help-content > div { - width: 300px; - margin: 0 auto 30px; -} -.body-content .post-list, -.community-post-list .tab-body, -#post-permalink-comments { - width: 322px; - clear: both; -} -.body-content > .window-page { - padding: 0; -} -.body-content.no-global-menu > div { - width: 1040px; - padding: 0; - margin: 0 auto; -} -.no-content { - padding: 0; - color: #969696; - font-size: 14px; - text-align: center; -} -.no-content > div { - display: table-cell; - vertical-align: middle; - padding: 0 5px; -} -.no-content.no-content-favorites > div { - padding-bottom: 10px; - display: block; -} -.no-content p { - text-align: left; - display: inline-block; -} -#header { - background: url('/img/n3ds/header-pattern.png') #5ac800; -} -#header { - height: 220px; - width: 400px; - display: table; -} -#header:after { - content: ""; - display: block; - clear: both; -} -#header-body { - display: table-cell; - vertical-align: middle; - text-align: center; - font-size: 18px; - line-height: 1.2; - color: #FFF; - padding: 0 30px; -} -#header-body span { - display: inline-block; - line-height: 1.6em; -} -#header-body span.post-id { - font-size: 12.48px; -} -.headline { - padding: 5px; - margin: 0 0 5px; - line-height: 1; - color: #fff; - background: #5ac800; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.count { - background-color: #3caa00; - font-size: 12.48px; - color: #fff; - padding: 2px 15px; - margin-top: 5px; - -webkit-border-radius: 30px; -} -.count .count-description { - margin-right: 30px; -} -ul + .headline { - margin-top: 15px; -} -.headline-container { - width: 310px; - margin: 10px auto 0; -} -#diary_post-post-list h2:before, -#artwork_post-post-list h2:before, -#topic_post-post-list h2:before, -#via_api-post-list h2:before { - margin-right: 4px; - margin-top: -2px; -} -#diary_post-post-list .headline { - background: #04c9db; -} -#diary_post-post-list .headline:before { - background-position: 0px -170px; - width: 17px; - height: 17px; -} -#artwork_post-post-list .headline { - background: #fcc735; -} -#artwork_post-post-list .headline:before { - background-position: -17px -170px; - width: 17px; - height: 17px; -} -#topic_post-post-list .headline { - background: #e8316e; -} -#topic_post-post-list .headline:before { - background-position: -34px -170px; - width: 17px; - height: 17px; -} -#via_api_post-post-list .headline, -#via_api-post-list .headline { - background: #5ac800; -} -#via_api_post-post-list .headline:before, -#via_api-post-list .headline:before { - background-position: -51px -170px; - width: 17px; - height: 17px; -} -.post-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 5px; - width: 155px; - margin: 10px auto; -} -.post-button a { - color: #323232; -} -.post-button.disabled, -.post-button:disabled { - color: #969696; -} -.post-button span { - padding: 2px; -} -.post-button span:before { - background-position: 0px -85px; - width: 17px; - height: 17px; -} -.post-button.reply-button span:before { - background-position: -17px -85px; - width: 17px; - height: 17px; -} -.post-button.message-button span:before { - background-position: -34px -85px; - width: 17px; - height: 17px; -} -.post-buttons-content.with-memo-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 0; - width: 230px; - margin: 10px auto; - display: table; - clear: both; - -webkit-box-sizing: border-box; -} -.post-buttons-content.with-memo-button a { - color: #323232; -} -.post-buttons-content.with-memo-button.disabled, -.post-buttons-content.with-memo-button:disabled { - color: #969696; -} -.post-buttons-content.with-memo-button .post-button, -.post-buttons-content.with-memo-button .memo-button { - display: table-cell; - vertical-align: middle; - padding: 10px 0; -} -.post-buttons-content.with-memo-button .post-button { - background: none; - border: none; - width: 140px; - padding-top: 11px; -} -.post-buttons-content.with-memo-button .post-button span:before { - float: inherit; - display: inline-block; - vertical-align: middle; - margin-right: 3px; - margin-top: -2px; -} -.post-buttons-content.with-memo-button .memo-button { - border-left: 1px solid #dddddd; - padding-left: 5px; - padding-right: 3px; -} -.body-content > .diary-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 0; - width: 230px; - margin: 10px auto; - clear: both; - min-height: 35px; - -webkit-box-sizing: border-box; -} -.body-content > .diary-button a { - color: #323232; -} -.body-content > .diary-button.disabled, -.body-content > .diary-button:disabled { - color: #969696; -} -.body-content > .diary-button span:before { - float: inherit; - display: inline-block; - vertical-align: middle; - margin-right: 3px; - margin-top: -2px; -} -.big-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - width: 230px; - min-height: 34px; - padding: 0 30px 0 40px; - margin: 0 auto 6px; - font-size: 14px; - line-height: 1.5; -} -.big-button a { - color: #323232; -} -.big-button.disabled, -.big-button:disabled { - color: #969696; -} -.black-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 5px; - width: 155px; - border: 1px solid #444; - color: #fff; - font-size: 14px; - background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#323232), color-stop(0.96, #434343)); -} -.black-button a { - color: #323232; -} -.black-button.disabled, -.black-button:disabled { - color: #969696; -} -.select-button-label { - margin: 0 0 5px; - text-align: left; -} -.select-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - position: relative; - display: inline-block; - width: 210px; - padding: 0; - text-align: left; -} -.select-button a { - color: #323232; -} -.select-button.disabled, -.select-button:disabled { - color: #969696; -} -.select-button:before { - background-position: 0px -119px; - width: 17px; - height: 17px; -} -.select-button.year-select { - width: 70px; -} -.select-button.month-select, -.select-button.day-select { - width: 50px; -} -.select-button:before { - content: ""; - float: right; - background-image: url('/img/n3ds/iconset.png'); - background-repeat: no-repeat; - position: absolute; - top: 50%; - right: 5px; - margin-top: -9px; -} -.select-button select { - position: absolute; - top: 0; - left: 0; - -webkit-appearance: none; - display: inline-block; - width: 100%; - height: 100%; - border: 0; - margin: 0; - opacity: 0; -} -.select-button .select-button-content { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - min-height: 25px; - padding: 2px 23px 2px 5px; - line-height: 1.2; - white-space: normal; -} -.select-button.disabled { - background: #f6f6f6; -} -.select-button.disabled:before { - content: none; -} -.select-button.disabled .select-button-content { - color: #969696; - padding-right: 5px; -} -.selected .select-button:before { - background-position: -17px -119px; - width: 17px; - height: 17px; -} -#user-violator-blacklist { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - display: inline-block; - position: relative; - width: auto; - padding: 0; - text-align: left; - float: right; - margin-left: 5px; -} -#user-violator-blacklist a { - color: #323232; -} -#user-violator-blacklist.disabled, -#user-violator-blacklist:disabled { - color: #969696; -} -#user-violator-blacklist:before { - background-position: -51px 0; - width: 17px; - height: 17px; -} -#user-violator-blacklist:before { - margin: 4px 4px 3px; -} -#user-violator-blacklist select { - position: absolute; - top: 0; - left: 0; - -webkit-appearance: none; - display: inline-block; - width: 100%; - height: 100%; - border: 0; - margin: 0; - opacity: 0; -} -.checkbox-button { - position: relative; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - display: block; - min-width: 60px; - padding: 2px 4px 2px 23px; -} -.checkbox-button a { - color: #323232; -} -.checkbox-button.disabled, -.checkbox-button:disabled { - color: #969696; -} -.checkbox-button:after { - content: ' '; - position: absolute; - top: 0; - left: 0; - display: block; - width: 20px; - height: 24px; - background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666)) 0 0; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 4px; - pointer-events: none; -} -.checkbox-button.selected:after { - color: #323232; -} -.radio-buttons-2, -.radio-buttons-3 { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 0; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - cursor: pointer; - overflow: hidden; - width: 100%; -} -.radio-buttons-2 label, -.radio-buttons-3 label { - -webkit-box-sizing: border-box; - display: block; - border-left: 1px solid #fff; - border-right: 1px solid rgba(0, 0, 0, 0.2); - line-height: 30px; - color: #333; - background: url('/img/n3ds/button-boxes.png') center 0 no-repeat; - pointer-events: none; -} -.radio-buttons-2 label:first-child, -.radio-buttons-3 label:first-child { - border-left: none; - background-position: left 0; -} -.radio-buttons-2 label:last-child, -.radio-buttons-3 label:last-child { - border-right: none; - background-position: right 0; -} -.radio-buttons-2 label.checked, -.radio-buttons-3 label.checked, -.radio-buttons-2 label.loading, -.radio-buttons-3 label.loading, -.radio-buttons-2 label.checked-mark, -.radio-buttons-3 label.checked-mark { - color: #fff; - border: none; - background-position: center -30px; -} -.radio-buttons-2 label.checked:first-child, -.radio-buttons-3 label.checked:first-child, -.radio-buttons-2 label.loading:first-child, -.radio-buttons-3 label.loading:first-child, -.radio-buttons-2 label.checked-mark:first-child, -.radio-buttons-3 label.checked-mark:first-child { - background-position: left -30px; -} -.radio-buttons-2 label.checked:last-child, -.radio-buttons-3 label.checked:last-child, -.radio-buttons-2 label.loading:last-child, -.radio-buttons-3 label.loading:last-child, -.radio-buttons-2 label.checked-mark:last-child, -.radio-buttons-3 label.checked-mark:last-child { - background-position: right -30px; -} -.radio-buttons-2 label.loading, -.radio-buttons-3 label.loading { - text-indent: -3000px; - background: url('/img/n3ds/loading.gif') no-repeat center center, -webkit-gradient(linear, left top, left bottom, from(#81e52e), to(#5ac800)) 0 0; -} -.radio-buttons-2 label.checked-mark, -.radio-buttons-3 label.checked-mark { - text-indent: -3000px; -} -.radio-buttons-2 input, -.radio-buttons-3 input { - -webkit-appearance: none; - display: block; - float: left; - width: 100%; - height: 30px; - margin: 0 -100% 0 0; - padding: 0; - cursor: pointer; - pointer-events: auto; -} -.top-right-button { - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 10px 50px 5px 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-bottom-left-radius: 9px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - border-right: none; - float: right; -} -.top-right-button.favorites-button { - padding: 10px 50px 5px 10px; -} -.top-right-button.favorites-button .symbol:before { - background-position: 0px 0; - width: 17px; - height: 17px; -} -.top-right-button.favorites-button .symbol:before { - margin-right: 2px; -} -.top-right-button#my-menu-search { - padding: 10px 50px 5px 10px; - margin-bottom: 10px; - position: relative; -} -.top-right-button#my-menu-search .symbol:before { - background-position: -68px -134px; - width: 17px; - height: 17px; -} -.top-right-button#my-menu-search .symbol:before { - margin-right: 2px; -} -.top-right-button input { - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 34px; - margin: 0; - border: 0; - opacity: 0; -} -.top-left-button { - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 10px 5px 5px 50px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-bottom-right-radius: 9px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - border-left: none; - float: left; -} -.top-left-button input { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 34px; - margin: 0; - border: 0; - opacity: 0; -} -.top-left-button.title-search-button { - position: relative; - padding: 10px 10px 5px 50px; -} -.top-left-button.title-search-button .symbol:before { - background-position: -68px -134px; - width: 17px; - height: 17px; -} -.top-left-button.title-search-button .symbol:before { - width: 17px; - height: 17px; - margin-right: 2px; -} -.unfavorite-button .symbol:before { - background: url('') -78px 0; - float: inherit; - display: inline-block; - vertical-align: middle; - margin-right: 3px; - margin-top: -2px; -} -.unfavorite-button .symbol:before { - background-position: 0 -90px; - width: 17px; - height: 17px; -} -.pager-button { - display: table; - -webkit-box-sizing: border-box; - font-size: 14px; - height: 30px; - padding: 0; - margin: 10px auto 20px; - width: auto; - text-align: center; - color: #323232; - line-height: 1.2; -} -.pager-button a { - -webkit-box-sizing: border-box; - padding: 0 3px; - min-width: 28px; - display: table-cell; - vertical-align: middle; - color: #323232; - border-left: 1px solid #fff; - border-right: 1px solid rgba(0, 0, 0, 0.2); - background: url('/img/n3ds/button-boxes.png') center 0 no-repeat; -} -.pager-button a:first-child { - background-position: left 0; -} -.pager-button a:last-child { - background-position: right 0; -} -.pager-button .selected { - color: #fff; - border: none; - background-position: center -30px; -} -.pager-button .selected:first-child { - background-position: left -30px; -} -.pager-button .selected:last-child { - background-position: right -30px; -} -.pager-button .pager-ellipsis { - padding: 0 3px 6px; - display: table-cell; - vertical-align: middle; - color: #323232; - border-left: 1px solid #fff; - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-top: 1px solid #dddddd; - border-bottom: 1px solid #b7b7b7; - background: #fff; -} -.pager-button .next-button:before, -.pager-button .back-button:before { - float: none; - display: inline-block; - vertical-align: middle; -} -.pager-button .back-button { - border-left: none; -} -.pager-button .back-button:before { - background-position: -34px -119px; - width: 17px; - height: 17px; -} -.pager-button .next-button { - border-right: none; -} -.pager-button .next-button:before { - background-position: -51px -119px; - width: 17px; - height: 17px; -} -.pager-button.date-pager { - font-size: 13px; - margin: 10px auto; -} -.pager-button.date-pager a.selected { - background: #5ac800; - display: inline-block; - height: 30px; - line-height: 30px; - margin: 0; - padding: 0; - position: relative; - width: 130px; - z-index: 1; - border-top: 1px solid #55be00; - border-left: 1px solid #55be00; - border-right: 1px solid #4faf00; - border-bottom: 1px solid #4faf00; -} -.pager-button.date-pager a:first-child { - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 5px; -} -.pager-button.date-pager a:last-child { - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 4px; -} -.pager-button.date-pager .back-button, -.pager-button.date-pager .next-button { - display: inline-block; - height: 30px; - line-height: 27px; - margin: 0; - position: relative; - z-index: 3; -} -.pager-button.date-pager .back-button { - padding: 0 6px 0 8px; -} -.pager-button.date-pager .next-button { - padding: 0 8px 0 6px; -} -.headline + .pager-button { - margin: 15px auto 0px; -} -.help .help-pager-button { - width: auto!important; - margin: 0 auto 60px; - max-width: 270px; -} -.help .help-pager-button .button { - min-width: 140px; -} -.more-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - width: 155px; -} -.more-button a { - color: #323232; -} -.more-button.disabled, -.more-button:disabled { - color: #969696; -} -.list-content-with-icon-and-text + .more-button { - margin-top: 10px; -} -.empathy-button { - float: left; - display: inline-block; - margin: 0 auto; - border: none; - font-size: 12.48px; - color: #323232; - text-align: center; - z-index: 2; - position: relative; -} -.empathy-button:before { - background-position: 0px -51px; - width: 17px; - height: 17px; -} -.empathy-button:before { - margin-right: 3px; -} -.empathy-button:disabled { - color: #dddddd; - cursor: default; -} -.empathy-button:disabled:before { - background-position: -17px -51px; - width: 17px; - height: 17px; -} -.post-list .empathy-button, -.reply-list .empathy-button { - padding: 3px 3px 2px; - border-right: 1px solid #dddddd; - -webkit-border-bottom-left-radius: 3px; -} -#post-permalink-content .empathy-button, -.reply-permalink-content .empathy-button { - padding: 3px 5px 2px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 3px; -} -#post-permalink-content .link-button, -.reply-permalink-content .link-button { - display: inline-block; - padding: 3px; - margin-left: 3px; - float: left; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 3px; -} -#post-permalink-content .link-button:before, -.reply-permalink-content .link-button:before { - background-position: -17px 0; - width: 17px; - height: 17px; -} -.app-jump-button { - float: left; - display: inline-block; - margin-left: 5px; - font-size: 12.48px; - color: #323232; - text-align: center; - z-index: 2; - position: relative; - padding: 2px 5px 2px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 3px; -} -.app-jump-button img { - width: 14px; - margin: -4px 4px 0 0; - vertical-align: middle; -} -.report-buttons-content { - float: right; - color: #dddddd; -} -.report-buttons-content .report-button { - font-size: 12.48px; - color: #969696; - white-space: nowrap; -} -.report-buttons-content .disabled { - color: #dddddd; -} -.delete-buttons-content { - float: right; -} -.delete-buttons-content .delete-button { - display: inline-block; - padding: 2px 3px; - border: 1px solid #dddddd; - border-bottom-color: #ccc; - background-color: transparent; - -webkit-border-radius: 3px; - text-align: center; -} -.delete-buttons-content .delete-button:before { - background-position: -51px -51px; - width: 17px; - height: 17px; -} -.album-delete-button .symbol:before { - background-position: -51px -51px; - width: 17px; - height: 17px; -} -.album-delete-button .symbol:before { - margin-right: 2px; - margin-top: -2px; -} -#post-permalink-content .delete-buttons-content, -#post-permalink-content .report-buttons-content, -#post-permalink-content .edit-buttons-content { - margin: 0 0 5px; -} -#post-permalink-content .post-meta .delete-buttons-content, -#post-permalink-content .post-meta .edit-buttons-content { - margin: 0 0 5px 5px; - line-height: 0; -} -#post-permalink-comments .reply-meta .delete-buttons-content, -#post-permalink-comments .reply-meta .edit-buttons-content { - margin: 0 0 0 5px; - line-height: 0; -} -.edit-buttons-content { - float: right; -} -.edit-buttons-content .edit-button { - display: inline-block; - padding: 2px 3px; - border: 1px solid #dddddd; - border-bottom-color: #ccc; - background-color: transparent; - -webkit-border-radius: 3px; - text-align: center; -} -.edit-buttons-content .edit-button:before { - background-position: -68px -84px; - width: 17px; - height: 17px; -} -#bottom-menu { - display: table; - width: 320px; - border-top: 1px solid #999999; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.1, #f7f7f5), to(#e5e5e3)); - margin: 0 0 0 -5px; - height: 28px; -} -#bottom-menu .fixed-bottom-button { - display: table-cell; - vertical-align: middle; - border: none; - background: transparent; - width: 50%; - height: 100%; - font-size: 14px; - color: #646464; - margin: 0; - padding: 0; - border-right: 1px solid #ccc; - border-left: 1px solid #FFF; -} -#bottom-menu .fixed-bottom-button:first-child { - border-left: none; -} -#bottom-menu .fixed-bottom-button:last-child { - border-right: none; -} -#bottom-menu .fixed-bottom-button:disabled { - color: #969696; - background-color: #dddddd; -} -#bottom-menu .fixed-bottom-button:first-child:disabled { - border-right: none; -} -#bottom-menu .fixed-bottom-button:last-child:disabled { - border-left: none; -} -#bottom-menu .fixed-bottom-button.bottom-button-single { - width: 100%; - text-align: center; -} -.with-button { - position: relative; - min-height: 240px; - padding-bottom: 40px; - -webkit-box-sizing: border-box; -} -.with-button .fixed-bottom-button-container { - margin: 0; -} -.with-button .fixed-bottom-button { - display: inline-block; - -webkit-box-sizing: border-box; - padding: 8px; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-bottom: none; - min-width: 50px; - max-width: 150px; - white-space: normal; - margin: 0; -} -.with-button .fixed-bottom-button-left { - -webkit-border-top-right-radius: 9px; - position: absolute; - bottom: 0; - left: 39px; -} -.with-button .fixed-bottom-button-right { - -webkit-border-top-left-radius: 9px; - position: absolute; - bottom: 0; - right: 39px; -} -.with-button .fixed-bottom-button-align-left { - text-align: left; -} -.toggle-follow-button { - position: relative; - overflow: hidden; - float: right; - z-index: 3; - -webkit-border-radius: 3px; -} -.toggle-follow-button:after { - content: ""; - display: block; - clear: both; -} -.toggle-follow-button button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding-right: 30px; -} -.toggle-follow-button button a { - color: #323232; -} -.toggle-follow-button button.disabled, -.toggle-follow-button button:disabled { - color: #969696; -} -.toggle-follow-button button.unfollow-button:after { - content: ' '; - position: absolute; - top: 0; - right: 0; - display: block; - width: 26px; - height: 32px; - background: url('/img/n3ds/post-iconset.png') no-repeat 0 0, transparent; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; -} -.toggle-follow-button button.follow-button:after { - content: ' '; - position: absolute; - top: 0; - right: 0; - display: block; - width: 26px; - height: 32px; - background: url('/img/n3ds/post-iconset.png') no-repeat -26px 0, transparent; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; -} -.toggle-follow-button button.follow-done-button:after { - content: ' '; - position: absolute; - top: 0; - right: 0; - display: block; - width: 26px; - height: 32px; - background: url('/img/n3ds/post-iconset.png') no-repeat -52px 0, transparent; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; -} -.toggle-follow-button button.follow-done-button:disabled { - background: #fff; -} -.list-content-with-icon-and-text .toggle-follow-button { - margin: 3px 0; -} -.list li, -.list .post { - padding: 5px; - margin: 0 0 10px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - background: #fff; - -webkit-border-radius: 9px; - -webkit-box-sizing: border-box; -} -.list li:after, -.list .post:after { - content: ""; - display: block; - clear: both; -} -.list.reply-list li { - margin: 0 0 5px; -} -.textarea, -.textarea-line { - overflow: hidden; - width: 300px; - height: 69px; - padding: 3px; - border: 0; - font-size: 14px; - background: #ffffff url("/img/n3ds/textentry.png") no-repeat 0 0; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - resize: none; -} -.textarea.placeholder, -.textarea-line.placeholder { - color: #969696; -} -.select-content + .textarea { - margin-top: -5px; -} -.textarea-line { - height: 20px; - line-height: 20px; -} -.textarea-text-preview { - word-wrap: break-word; - white-space: pre-wrap; -} -.textarea-with-menu { - position: relative; - clear: both; - height: 162px; - padding-top: 5px; -} -.textarea-with-menu .textarea-menu { - float: left; -} -.textarea-with-menu .textarea-menu li { - display: inline-block; - float: left; -} -.textarea-with-menu .textarea-menu label { - display: block; - position: relative; - width: 50px; - height: 27px; - -webkit-box-sizing: border-box; - border: 1px solid rgba(0, 0, 0, 0.3); -} -.textarea-with-menu .textarea-menu label input[type="radio"] { - position: absolute; - width: 50px; - height: 27px; - margin: 0; - -webkit-appearance: none; -} -.textarea-with-menu .textarea-menu-text, -.textarea-with-menu .textarea-menu-memo { - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#e6e6e6)) 0 0; -} -.textarea-with-menu .textarea-menu-text:before, -.textarea-with-menu .textarea-menu-memo:before { - content: ""; - background: url('/img/n3ds/createpost.png'); - position: absolute; - top: 3px; - left: 50%; - margin-left: -10px; -} -.textarea-with-menu.active-text .textarea-menu-text, -.textarea-with-menu.active-memo .textarea-menu-memo { - background: -webkit-gradient(linear, left top, left bottom, from(#81e52e), to(#5ac800)) 0 0; -} -.textarea-with-menu .textarea-menu-text.disabled, -.textarea-with-menu .textarea-menu-memo.disabled { - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#e6e6e6)) 0 0; -} -.textarea-with-menu .textarea-menu-text { - -webkit-border-top-left-radius: 6px; -} -.textarea-with-menu .textarea-menu-text:before { - background-position: 0 0; - width: 20px; - height: 20px; -} -.textarea-with-menu .textarea-menu-memo { - z-index: 2; - -webkit-border-top-right-radius: 6px; -} -.textarea-with-menu .textarea-menu-memo:before { - background-position: -60px 0; - width: 20px; - height: 20px; -} -.textarea-with-menu.active-text .textarea-menu-text:before { - background-position: -20px 0; - width: 20px; - height: 20px; -} -.textarea-with-menu.active-memo .textarea-menu-memo:before { - background-position: -80px 0; - width: 20px; - height: 20px; -} -.textarea-with-menu .textarea-menu-text.disabled:before { - background-position: -40px 0; - width: 20px; - height: 20px; -} -.textarea-with-menu .textarea-menu-memo.disabled:before { - background-position: -100px 0; - width: 20px; - height: 20px; -} -.textarea-with-menu .textarea-text, -.textarea-with-menu .textarea-text-preview, -.textarea-with-menu .textarea-memo { - overflow: hidden; - display: none; - width: 320px; - height: 116px; - border: 0; - padding: 5px 0; - margin: 0 0 0 -5px; - position: absolute; - top: 32px; - background: url('/img/n3ds/createpost.png') no-repeat 0 -60px; - font-size: 14px; -} -.textarea-with-menu .textarea-text { - z-index: 1; - width: 320px; - height: 115px; - -webkit-border-radius: 0; - background: transparent; - opacity: 0; -} -.textarea-with-menu .textarea-text-preview { - line-height: 1.66; - pointer-events: none; - padding: 10px; - height: 106px; - width: 300px; -} -.textarea-with-menu .textarea-text-preview.placeholder { - color: #969696; - font-size: 12.48px; -} -.textarea-with-menu .textarea-memo-preview { - height: 120px; -} -.textarea-with-menu.active-text .textarea-text, -.textarea-with-menu.active-text .textarea-text-preview, -.textarea-with-menu.active-memo .textarea-memo { - display: block; -} -.topic-textarea .topic-title-input { - z-index: 1; - opacity: 0; - height: 25px; - width: 305px; - position: absolute; - padding: 0; - top: 35px; - left: 0; -} -.topic-textarea .topic-title-preview { - background: url('/img/n3ds/createpost.png') no-repeat 0 -188px; - border: 0; - height: 30px; - line-height: 30px; - padding: 0 10px; - position: absolute; - top: 35px; - left: 0; - width: 290px; - overflow: hidden; -} -.topic-textarea .topic-title-preview.placeholder { - color: #969696; - font-size: 12.48px; -} -.topic-textarea .textarea-text { - height: 84px; - margin: 0; - width: 310px; - top: 68px; -} -.topic-textarea .textarea-text-preview { - background: url('/img/n3ds/createpost.png') no-repeat 0 -218px; - margin: 0; - width: 290px; - height: 74px; - top: 68px; -} -.tab2, -.tab3 { - display: table; - width: 310px; - margin: 10px auto 5px; - position: relative; -} -.tab2:after, -.tab3:after { - content: ""; - display: block; - clear: both; -} -.tab2 a, -.tab3 a { - display: table-cell; - vertical-align: middle; - width: 14px; - padding: 3px; - font-size: 12.48px; - font-weight: bold; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - color: #323232; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-left: none; -} -.tab2 a .symbol-label, -.tab3 a .symbol-label { - text-indent: -3000px; - text-align: left; - padding: 0; - width: 6px; -} -.tab2 a .number, -.tab3 a .number { - display: none; - color: #FFF; - float: right; - font-size: 10px; - font-weight: normal; - background: #969696; - min-width: 4em; - padding: 1px 5px 0; - margin: 1px 2px 0; - text-align: right; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.tab2 a.selected .number, -.tab3 a.selected .number { - display: inline-block; - color: #FFF; - background: #3caa00; -} -.tab2 a.selected, -.tab3 a.selected { - width: auto; - color: #FFF; - background: #5ac800; -} -.tab2 a.selected .symbol-label, -.tab3 a.selected .symbol-label { - margin-left: 3px; - text-indent: 0; - width: auto; - display: inline-block; -} -.tab2 > a:first-child, -.tab3 > a:first-child { - border-left: 1px solid #dddddd; - -webkit-border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 5px; -} -.tab2 > a.selected:first-child, -.tab3 > a.selected:first-child { - border: none; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - -webkit-border-top-right-radius: 0; - -webkit-border-bottom-right-radius: 0; -} -.tab2 > a:last-child, -.tab3 > a:last-child { - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 4px; -} -.tab2 > a.selected:last-child, -.tab3 > a.selected:last-child { - border-top: 1px solid #55be00; - border-left: 1px solid #55be00; - border-right: 1px solid #4faf00; - border-bottom: 1px solid #4faf00; - -webkit-border-top-left-radius: 0; - -webkit-border-bottom-left-radius: 0; -} -.tab2 #tab-header-official-tags, -.tab3 #tab-header-official-tags { - width: 23px; - padding: 0 2px; - display: table-cell; - vertical-align: middle; - -webkit-box-sizing: border-box; - cursor: pointer; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 5px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; -} -.tab2 #tab-header-official-tags:before, -.tab3 #tab-header-official-tags:before { - background-position: -17px -102px; - width: 17px; - height: 17px; -} -.tab2 #tab-header-official-tags select, -.tab3 #tab-header-official-tags select { - position: absolute; - top: 0; - left: 0; - -webkit-appearance: none; - display: inline-block; - width: 25px; - height: 100%; - min-height: 20px; - border: 0; - margin: 0; - opacity: 0; -} -.label + .tab2, -.label + .tab3 { - margin: 10px auto 5px; -} -.user-menu-activity.tab2 a { - white-space: nowrap; - width: 1%; -} -.user-menu-activity.tab2 a.selected { - width: auto; -} -.user-icon-container, -.post-permalink-feeling-icon { - float: left; - display: block; - height: 38px; - width: 38px; - overflow: hidden; - line-height: 0; -} -.user-icon-container a, -.post-permalink-feeling-icon a { - display: block; -} -.user-icon-container .user-icon, -.post-permalink-feeling-icon .user-icon { - width: 36px; - height: 36px; - background: #fff; - border: 1px solid #dddddd; - z-index: 2; -} -.user-icon-container.official-user, -.post-permalink-feeling-icon.official-user { - position: relative; -} -.user-icon-container.official-user:before, -.post-permalink-feeling-icon.official-user:before { - content: url("/img/n3ds/verified.png"); - position: absolute; - display: block; - top: 0; - left: 0; - width: 22px; - height: 22px; -} -#user-content-container { - overflow: visible; -} -#user-content-container .icon-container img { - display: block; - height: 64px; - width: 64px; - line-height: 0; - margin: -20px 0 0 0; - position: relative; - background: #fff; - border: 1px solid #dddddd; -} -.icon-container { - float: left; - display: block; - height: 38px; - width: 38px; - overflow: hidden; -} -.icon-container .icon { - width: 36px; - height: 36px; - border: 1px solid #dddddd; - background: #fff; -} -.user-community .icon-container { - width: 36px; - height: 36px; - position: relative; - overflow: visible; - background: transparent; -} -.user-community .icon-container .icon { - width: 26px; - height: 26px; -} -.user-community .icon-container .user-icon { - position: absolute; - bottom: 0; - right: 0; - width: 24px; - height: 24px; - background: #fff; - border: 1px solid #dddddd; -} -.user-community .icon-container.official-user:after { - content: url("/img/n3ds/verified.png"); - position: absolute; - display: block; - top: 12px; - left: 12px; - width: 17px; - height: 17px; -} -.list-content-with-icon li, -.list-content-with-icon-and-text li { - position: relative; - min-height: 36px; - padding: 3px 0; - margin: 0; - width: 310px; - display: table; - border-top: 1px dashed #FFF; - border-bottom: 1px dashed #c9c9c9; -} -.list-content-with-icon li:first-child, -.list-content-with-icon-and-text li:first-child { - border-top: none; -} -.list-content-with-icon li:last-child, -.list-content-with-icon-and-text li:last-child { - border-bottom: none; -} -.list-content-with-icon .user-icon-container.notify:after, -.list-content-with-icon-and-text .user-icon-container.notify:after, -.list-content-with-icon .icon-container.notify:after, -.list-content-with-icon-and-text .icon-container.notify:after { - position: absolute; - display: block; - top: -3px; - left: -3px; - z-index: 3; -} -.list-content-with-icon .icon-container, -.list-content-with-icon-and-text .icon-container, -.list-content-with-icon .user-icon-container, -.list-content-with-icon-and-text .user-icon-container { - display: table-cell; - vertical-align: middle; - width: 38px; - height: 38px; -} -.list-content-with-icon .icon, -.list-content-with-icon-and-text .icon { - width: 36px; - height: 36px; -} -.list-content-with-icon .user-community .icon-container, -.list-content-with-icon-and-text .user-community .icon-container { - position: relative; - overflow: visible; - background: transparent; -} -.list-content-with-icon .user-community .icon-container .icon, -.list-content-with-icon-and-text .user-community .icon-container .icon { - width: 36px; - height: 36px; -} -.list-content-with-icon .user-community .icon-container .user-icon, -.list-content-with-icon-and-text .user-community .icon-container .user-icon { - position: absolute; - bottom: 0; - right: 0; - width: 24px; - height: 24px; - background: #fff; -} -.list-content-with-icon .body, -.list-content-with-icon-and-text .body { - padding-left: 3px; - display: table-cell; - vertical-align: middle; - width: 268px; - max-width: 268px; -} -.list-content-with-icon .news-community-badge, -.list-content-with-icon-and-text .news-community-badge { - display: inline-block; - background: #5ac800; - font-size: 10px; - color: #FFF; - padding: 1px 2px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - line-height: 1.2; - position: relative; - top: -4px; -} -.list-content-with-icon .news-community-badge + .title, -.list-content-with-icon-and-text .news-community-badge + .title { - margin-top: -4px; -} -.list-content-with-icon .title, -.list-content-with-icon-and-text .title { - display: block; - font-size: 16px; - font-weight: bold; - line-height: 16px; - color: #323232; -} -.list-content-with-icon .title a, -.list-content-with-icon-and-text .title a { - color: #323232; -} -.list-content-with-icon#news-list-content .toggle-button, -.list-content-with-icon-and-text#news-list-content .toggle-button { - margin-left: 3px; -} -.list-content-with-icon-and-text .title { - line-height: 14px; - font-size: 14px; -} -.list-content-with-icon-and-text .nick-name { - font-size: 14px; - font-weight: bold; - color: #323232; - line-height: 20px; -} -.list-content-with-icon-and-text .nick-name a { - color: #323232; -} -.list-content-with-icon-and-text .id-name { - font-size: 10px; - padding: 1px 3px; - margin-top: 2px; - color: #969696; - margin-right: 5px; -} -.list-content-with-icon-and-text .text { - line-height: 14px; - font-weight: normal; - font-size: 12.48px; - color: #646464; - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; -} -.list-content-with-icon-and-text .user-meta { - padding: 3px 0 0; -} -.list-content-with-icon-and-text .text.placeholder { - color: #999; -} -.list-content-with-icon-and-text .user-profile-memo-content { - height: 100px; - width: 267px; - margin: 3px 0 2px; - clear: both; -} -.list-content-with-icon-and-text .user-profile-memo-content img { - height: 100%; -} -#body .arrow-list .arrow-button { - display: block; - position: absolute; - top: 0; - left: 0; - width: 310px; - max-width: none; - min-height: 36px; - height: 100%; - margin: 0; - padding: 0; - z-index: 2; -} -#body .arrow-list .list-button-container, -#body .arrow-list .eshop-button-container { - z-index: 2; - display: table-cell; - vertical-align: middle; - margin-left: 5px; -} -#body .arrow-list .eshop-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 6px 7px; -} -#body .arrow-list .eshop-button a { - color: #323232; -} -#body .arrow-list .eshop-button.disabled, -#body .arrow-list .eshop-button:disabled { - color: #969696; -} -#body .arrow-list .eshop-button .symbol:before { - background-position: -34px 0; - width: 17px; - height: 17px; -} -#body .arrow-list .list-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 7px; -} -#body .arrow-list .list-button a { - color: #323232; -} -#body .arrow-list .list-button.disabled, -#body .arrow-list .list-button:disabled { - color: #969696; -} -#body .arrow-list .list-button .symbol:before { - background-position: -51px -85px; - width: 17px; - height: 17px; -} -#body .arrow-list .has-other-communities .arrow-button { - width: 275px; -} -#body .arrow-list .with-eshop-button .arrow-button { - width: 275px; -} -.community-list .title { - font-size: 14px; - line-height: 16px; - width: 257px; -} -.community-list .text { - line-height: 14px; - font-weight: normal; - font-size: 12.48px; - color: #646464; - margin-top: 2px; -} -.community-list .users, -.community-list .my-community { - display: inline-block; - padding: 1px 3px 1px 1px; - background: #aaa; - color: #fff; - font-size: 12.48px; - line-height: 1.2; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.community-list .users:before, -.community-list .my-community:before { - background-position: -68px 0px; - width: 12px; - height: 14px; -} -.community-list .community-meta { - margin-top: 2px; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; - width: 257px; -} -.community-list .with-eshop-button .body .title, -.community-list .has-other-communities .body .title { - width: auto; -} -.community-list .with-eshop-button .body .text, -.community-list .has-other-communities .body .text { - max-width: 204px; -} -.title-header { - width: 400px; - height: 220px; - -webkit-box-sizing: border-box; - -webkit-box-align: center; - -webkit-box-pack: center; - display: -webkit-box; - background: #FFF; - position: relative; -} -.title-header .info-content { - -webkit-box-sizing: border-box; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - padding: 0 10px; -} -.title-header .icon-container { - position: relative; - float: none; - width: 38px; - height: 38px; -} -.title-header .icon { - float: none; - width: 36px; - height: 36px; -} -.title-header .icon-container .icon { - float: none; -} -.title-header.user-community .icon-container { - width: 40px; - height: 40px; -} -.title-header.user-community .icon-container .icon, -.title-header.user-community .icon-container .user-icon { - width: 24px; - height: 24px; -} -.title-header .title-container { - display: block; - max-width: 320px; -} -.title-header .title { - padding-left: 5px; - font-size: 16px; - font-weight: bold; - color: #323232; - line-height: 1.2; - display: table; -} -.title-header .news-community-badge { - display: inline-block; - background: #5ac800; - font-size: 10px; - color: #FFF; - margin-left: 4px; - padding: 1px 2px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - line-height: 1.2; -} -.title-header .news-community-badge + .title { - margin-top: -2px; -} -.platform-tag { - position: absolute; - right: 0; - bottom: 0; - background-image: url('/img/n3ds/console_icons.png'); - width: 36px; - height: 10px; - display: block; -} -.platform-tag-3ds { - background-position: 0px -86px; -} -.platform-tag-wiiu { - background-position: -36px -86px; -} -.platform-tag-wiiu-3ds { - background-position: -72px -86px; - width: 67px; -} -.platform-tag-ds { - background-position: 0px -167px; -} -.platform-tag-wii { - background-position: -36px -167px; -} -.platform-tag-wii-ds { - background-position: -72px -167px; - width: 67px; -} -.platform-tag-switch { - background-position: -195px -157px; -} -.icon-header #header-body:before { - content: ""; - display: inline-block; - background-image: url('/img/n3ds/console_icons.png'); - background-repeat: no-repeat; -} -.blocklist #header-body:before { - background-position: 0 -36px; - width: 55px; - height: 50px; -} -.setting #header-body:before, -.edit-post-page #header-body:before { - background-position: -55px -36px; - width: 55px; - height: 50px; -} -.setting-profile #header-body:before { - background-position: -110px -36px; - width: 55px; - height: 50px; -} -.setting-account #header-body:before { - background-position: -165px -36px; - width: 55px; - height: 50px; -} -.help #header-body:before { - background-position: -220px -36px; - width: 55px; - height: 50px; -} -.help.help-guide #header-body:before { - background-position: -275px -36px; - width: 55px; - height: 50px; -} -.for-guest #header-body:before { - background-position: -330px -36px; - width: 55px; - height: 50px; -} -.search #header-body:before { - background-position: 0 -97px; - width: 55px; - height: 50px; -} -.community-favorite #header-body:before { - background-position: -55px -97px; - width: 55px; - height: 50px; -} -.community-played #header-body:before { - background-position: -110px -97px; - width: 55px; - height: 50px; -} -.post-form-header > span:first-child:before { - content: ""; - display: block; - background-image: url('/img/n3ds/console_icons.png'); - background-repeat: no-repeat; - margin: 0 auto; -} -.post-form-header .post-subtype-diary:before { - background-position: -220px -97px; - width: 55px; - height: 50px; -} -.post-form-header .post-subtype-artwork:before { - background-position: -275px -97px; - width: 55px; - height: 50px; -} -.post-form-header .post-subtype-topic:before { - background-position: -165px -97px; - width: 55px; - height: 50px; -} -.post-form-header .post-subtype-default:before { - background-position: -330px -97px; - width: 55px; - height: 50px; -} -.text-header .header-banner-container { - overflow: hidden; - background: #5ac800; -} -.text-header .header-banner { - height: 163px; - background-color: #FFF; - position: relative; - background-position: 260px bottom; - background-repeat: no-repeat; -} -.text-header .header-banner p { - position: absolute; - bottom: 10px; - left: 10px; - margin-right: 145px; -} -.my-menu-top .text-header .header-banner { - background-image: url('/img/n3ds/my_menu_top.jpg'); -} -.activity .text-header .header-banner { - background-image: url('/img/n3ds/activity.jpg'); -} -.community-top .text-header .header-banner, -.communities-guide .text-header .header-banner { - background-image: url('/img/n3ds/communities_guide.jpg'); -} -.news-page .text-header .header-banner { - background-image: url('/img/n3ds/news_page.jpg'); -} -.identified_user .text-header .header-banner { - background-image: url('/img/n3ds/identified_user.png'); -} -.with-header-banner, -.text-header { - display: block; - position: relative; -} -.with-header-banner .header-banner-container, -.text-header .header-banner-container { - height: 168px; -} -.with-header-banner .info-content, -.text-header .info-content { - width: 100%; - min-height: 52px; - padding: 3px 0 3px 3px; - position: absolute; - bottom: 0; - left: 0; - background: #fff; -} -.with-header-banner .icon-container, -.text-header .icon-container { - display: block; -} -.with-header-banner .title-container, -.text-header .title-container { - width: 352px; - max-width: 352px; -} -.with-header-banner .no-icon-title, -.text-header .no-icon-title { - width: 400px; - max-width: 400px; -} -.with-header-banner .no-icon-title .title, -.text-header .no-icon-title .title { - padding-left: 7px; -} -.with-header-banner .title, -.text-header .title { - display: block; - -webkit-box-flex: 1; - font-size: 14px; -} -.text-header .info-content { - position: relative; -} -.community-top .title-container:after { - content: ""; - display: block; - height: 19px; - background-image: url('/img/n3ds/console_icons.png'); - background-repeat: no-repeat; - position: absolute; - right: 10px; - top: 18px; -} -.platform-3ds.community-top .title-container:after { - width: 97px; - background-position: -108px 0; -} -.platform-wiiu.community-top .title-container:after { - width: 56px; - background-position: -205px 0; -} -.platform-ds.community-top .title-container:after { - height: 17px; - width: 82px; - background-position: -37px -145px; -} -.platform-wii.community-top .title-container:after { - height: 17px; - width: 37px; - background-position: 0px -150px; -} -.platform-switch.community-top .title-container:after { - height: 17px; - width: 76px; - background-position: -119px -150px; -} -.activity .info-content .icon-container { - background-image: url('/img/n3ds/console_icons.png'); - background-position: 0 0; - border: 1px solid #fff; - width: 36px; - height: 36px; -} -.community-top .info-content .icon-container, -.communities-guide .info-content .icon-container { - background-image: url('/img/n3ds/console_icons.png'); - background-position: -36px 0; - border: 1px solid #fff; - width: 36px; - height: 36px; -} -.news-page .info-content .icon-container { - background-image: url('/img/n3ds/console_icons.png'); - background-position: -72px 0; - border: 1px solid #fff; - width: 36px; - height: 36px; -} -.category-header { - background: #fff; -} -.category-header .header-banner-container { - display: table; - width: 400px; - height: 168px; -} -.category-header .header-banner { - display: table-cell; - vertical-align: middle; - text-align: center; - font-size: 18px; - line-height: 1.2; - padding: 20px 30px 0; -} -.category-header .header-banner:after { - content: ""; - display: block; - height: 20px; - background-image: url('/img/n3ds/console_icons.png'); - background-repeat: no-repeat; - position: absolute; - right: 10px; - top: 10px; -} -.category-header .info-content { - -webkit-box-sizing: border-box; - -webkit-box-align: center; - -webkit-box-pack: center; - display: -webkit-box; - height: 52px; - padding: 0 0 0 3px; - font-size: 18px; - color: #fff; -} -.platform-3ds .category-header .header-banner:after { - width: 97px; - background-position: -108px 0; -} -.platform-3ds .category-header .info-content { - background: #ce181e; -} -.platform-wiiu .category-header .header-banner:after { - width: 56px; - background-position: -205px 0; -} -.platform-ds .category-header .header-banner:after { - height: 17px; - width: 82px; - background-position: -37px -145px; -} -.platform-wii .category-header .header-banner:after { - height: 17px; - width: 37px; - background-position: 0px -150px; -} -.platform-switch .category-header .header-banner:after { - height: 17px; - width: 76px; - background-position: -119px -150px; -} -.platform-wiiu .category-header .info-content { - background: #1193c4; -} -.platform-wii .category-header .info-content { - background: #34beed; -} -.platform-ds .category-header .info-content { - background: #ff458c; -} -.platform-switch .category-header .info-content { - background: #e60012; -} -#header.category-special-header { - background: url('/img/n3ds/special_header.jpg'); -} -.post-subtype-diary-container, -.post-subtype-artwork-container, -.post-subtype-topic-container, -.post-subtype-default-container { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; -} -.post-subtype-diary-container .post-form-header, -.post-subtype-artwork-container .post-form-header, -.post-subtype-topic-container .post-form-header, -.post-subtype-default-container .post-form-header { - display: inline-block; - color: #fff; - text-align: center; - font-size: 16px; - max-width: 300px; -} -.post-subtype-diary-container .post-form-header > span, -.post-subtype-artwork-container .post-form-header > span, -.post-subtype-topic-container .post-form-header > span, -.post-subtype-default-container .post-form-header > span { - display: block; -} -.post-subtype-diary-container .post-form-header .count, -.post-subtype-artwork-container .post-form-header .count, -.post-subtype-topic-container .post-form-header .count, -.post-subtype-default-container .post-form-header .count { - display: inline-block; -} -.post-subtype-diary-container { - background: url('/img/n3ds/blue_pattern.gif') #04c9db !important; -} -.post-subtype-diary-container .count { - background-color: #039ba9; -} -.post-subtype-artwork-container { - background: url('/img/n3ds/yellow_pattern.png') #fcc735; -} -.post-subtype-artwork-container .count { - background-color: #f0b104; -} -.post-subtype-topic-container { - background: url('/img/n3ds/hotpink_pattern.png') #e8316e; -} -.post-subtype-topic-container .count { - background-color: #c61651; -} -.post-subtype-default-container { - background: url('/img/n3ds/header_pattern.png') #5ac800; -} -#header-meta { - border-bottom: 1px solid #dddddd; - padding: 0 40px; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; -} -#header-meta:after { - content: ""; - display: block; - clear: both; -} -#header-meta a { - color: #646464; -} -#header-meta .button { - min-height: 18px; - font-size: 12.48px; - background: none; - border: none; - border-left: 1px solid #dddddd; - padding: 5px 3px; - float: right; -} -#header-meta .button.left { - float: left; - margin-left: 40px; - border-right: 1px solid #dddddd; -} -.window { - text-align: center; -} -.window .user-container { - padding: 0 0 10px; - border-bottom: 1px dashed #dddddd; -} -.window .user-container .title { - margin: 0 0 0 41px; -} -.window .user-container .id-name { - display: block; - font-size: 10px; - color: #969696; -} -.window-body { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: border-box; - min-height: 130px; - position: relative; - padding: 30px 0 0; -} -.user-window .window-body { - padding: 10px 5px 0; -} -.with-button .window-body { - min-height: 90px; -} -.window-body-inner p { - padding: 10px 0; - text-align: left; -} -.window-body-inner .select-button-label { - margin: 0 0 5px; - text-align: left; -} -.window-bottom-buttons { - display: -webkit-box; - margin: 5px 0 0; - -webkit-box-pack: center; -} -.window-bottom-buttons .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 5px; - width: 135px; - margin: 0 3px; -} -.window-bottom-buttons .button a { - color: #323232; -} -.window-bottom-buttons .button.disabled, -.window-bottom-buttons .button:disabled { - color: #969696; -} -.window-bottom-buttons input.button, -.window-bottom-buttons button.button { - display: inline-block; - margin: 0 0 0 3px; - text-align: center; -} -.window-bottom-buttons .user-search-button, -.window-bottom-buttons .title-search-button { - position: relative; -} -.window-bottom-buttons .user-search-button input, -.window-bottom-buttons .title-search-button input { - position: absolute; - top: 0; - left: 0; - width: 147px; - height: 28px; - margin: 0; - border: 0; - opacity: 0; -} -.user-search-content .window-body, -.title-search-content .window-body, -#block-list-page .window-body { - padding-top: 0; - text-align: left; - border-bottom: 2px dashed #dddddd; -} -.user-search-content .window-body:after, -.title-search-content .window-body:after, -#block-list-page .window-body:after { - content: ""; - display: block; - clear: both; -} -.user-search-content .user-found, -.title-search-content .user-found, -#block-list-page .user-found, -.user-search-content .title-found, -.title-search-content .title-found, -#block-list-page .title-found { - margin-top: 0; - margin-bottom: 5px; - padding-bottom: 5px; - padding-top: 0; - border-bottom: 2px dashed #dddddd; -} -.user-search-content .list-content-with-icon-and-text p, -.title-search-content .list-content-with-icon-and-text p, -#block-list-page .list-content-with-icon-and-text p { - margin: 0; -} -.user-search-content .list-content-with-icon-and-text p.hide, -.title-search-content .list-content-with-icon-and-text p.hide, -#block-list-page .list-content-with-icon-and-text p.hide { - text-overflow: inherit; - white-space: normal; - overflow: visible; - word-wrap: break-word; -} -.user-search-content .body .button, -.title-search-content .body .button, -#block-list-page .body .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - margin-top: 5px; - float: right; -} -.user-search-content .body .button a, -.title-search-content .body .button a, -#block-list-page .body .button a { - color: #323232; -} -.user-search-content .body .button.disabled, -.title-search-content .body .button.disabled, -#block-list-page .body .button.disabled, -.user-search-content .body .button:disabled, -.title-search-content .body .button:disabled, -#block-list-page .body .button:disabled { - color: #969696; -} -.user-search-content .more-button, -.title-search-content .more-button, -#block-list-page .more-button { - margin-bottom: 5px; -} -.user-search-content .list-content-button-container, -.title-search-content .list-content-button-container, -#block-list-page .list-content-button-container { - margin: 0; -} -.user-not-found { - text-align: left; -} -.tutorial-window { - -webkit-box-sizing: border-box; - padding: 10px; - margin-bottom: 20px !important; - border: 1px solid #5ac800; - background: #FFF; - clear: both; - -webkit-border-radius: 9px; -} -.tutorial-window#community-top-guest-guide p { - padding-bottom: 87px; - margin-bottom: -5px; - background: url('/img/n3ds/top_community_guest.jpg') bottom center no-repeat; -} -.tutorial-window .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - max-width: 155px; - margin: 10px auto 0; -} -.tutorial-window .button a { - color: #323232; -} -.tutorial-window .button.disabled, -.tutorial-window .button:disabled { - color: #969696; -} -.tutorial-window p a { - color: #3caa00; -} -.tutorial-window#activity-feed-tutorial { - margin-bottom: 10px !important; -} -.tutorial-window#activity-feed-tutorial .follow-button-list { - border-top: 1px dashed #dddddd; - margin: 5px 0 0; - padding: 3px 0 32px; -} -.tutorial-window#activity-feed-tutorial .follow-button-list li.scroll { - width: auto; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .body { - padding: 0 0 0 5px; - width: 245px; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .user-meta { - width: auto; - height: 35px; - overflow: hidden; - padding: 0; - display: -webkit-box; - -webkit-box-align: center; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .title { - line-height: 1.2em; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .text { - font-size: 11.48px; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .button { - min-width: 67px; - margin: 0; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .user-icon-container { - overflow: visible; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .user-icon-container:after { - content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAAOElEQVR4AWOAgacyMBZCSOLp06cS6IKzn/5/OhdVyPDp36f/gdgQWfAQUAgEDyCEQoFcGAwCiQAAm80mXfyso0sAAAAASUVORK5CYII="); - position: absolute; - left: 15px; - bottom: -7px; - width: 10px; - height: 6px; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAAOElEQVR4AWOAgacyMBZCSOLp06cS6IKzn/5/OhdVyPDp36f/gdgQWfAQUAgEDyCEQoFcGAwCiQAAm80mXfyso0sAAAAASUVORK5CYII='); -} -.tutorial-window#activity-feed-tutorial .follow-button-list .nick-name { - line-height: 1.2em; -} -.tutorial-window#activity-feed-tutorial .follow-button-list .text { - position: absolute; - left: 0; - bottom: -31px; - width: 275px; - background-color: #e5e5e5; - padding: 7px 7px 6px; - -webkit-border-radius: 5px; -} -.tutorial-window .tutorial-icon { - vertical-align: middle; - margin: -3px 0 0 0; -} -.tutorial-window#lead-to-activity { - margin: 0 5px 10px !important; -} -.tutorial-window.tutorial-balloon { - position: relative; - margin: 10px 5px !important; -} -.tutorial-window.tutorial-balloon:after { - display: block; - position: absolute; -} -.tutorial-window#post-tutorial, -.tutorial-window#post-suggest-balloon { - text-align: center; - display: table; - width: 312px; -} -.tutorial-window#post-tutorial:after, -.tutorial-window#post-suggest-balloon:after { - content: url('/img/n3ds/up_arrow.png'); - left: 35%; - top: -17px; -} -.tutorial-window#post-tutorial p, -.tutorial-window#post-suggest-balloon p { - display: table-cell; - text-align: left; - vertical-align: top; -} -.tutorial-window#post-tutorial img, -.tutorial-window#post-suggest-balloon img { - display: table-cell; - float: right; - height: 42px; - margin-left: 5px; - width: auto; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.tutorial-window#lead-to-community:after { - content: url('/img/n3ds/up_arrow.png'); - right: 77px; - bottom: -16px; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} -.communities-guide .tutorial-window { - margin: 0 auto 10px !important; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text { - margin: 5px 0; - padding-top: 2px; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text li { - width: 285px; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text li:first-child { - border-top: 1px dashed #c9c9c9; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text li:last-child { - border-bottom: 1px dashed #c9c9c9; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text li .body { - line-height: 1.2em; -} -.communities-guide .tutorial-window ul.list-content-with-icon-and-text .arrow-button { - display: block; - width: 285px !important; -} -.communities-guide .body-content { - margin: 10px 45px 0; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - min-height: 170px; -} -.communities-guide .body-content > div { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - min-height: 150px; -} -.communities-guide .window-body-inner { - vertical-align: middle; -} -.communities-guide .window-body-inner p { - margin: 5px 0 8px; -} -.communities-guide .slide-button.left { - position: static; - display: block; - margin-left: 39px; - margin-bottom: 28px; -} -.body-content .no-content-window { - padding: 30px 0; - margin-top: 0; - margin-bottom: 0; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-orient: vertical; -} -.body-content .no-content-window .window { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-orient: vertical; - width: 270px; -} -.body-content .no-content-window .window p { - margin: 5px 0; - text-align: left; -} -.body-content .no-content-window .window .post-id { - margin-top: -5px; - font-size: 12.48px; -} -#activity-feed .no-content-window { - margin-bottom: 38px; - padding: 20px 0; -} -#album-empty-window { - padding: 20px 0 38px; -} -.diary-content #user-page-no-content { - padding: 10px 0 0; -} -#album-empty-window .window, -.diary-content #user-page-no-content .window { - border: 1px solid #dddddd; - background: #FFF; - padding: 10px 15px; - -webkit-border-radius: 9px; -} -#album-empty-window .description, -.diary-content #user-page-no-content .description { - font-size: 12.48px; - margin-top: 0; -} -#album-empty-window img, -.diary-content #user-page-no-content img { - width: 100%; - margin-top: 7px; - -webkit-border-radius: 5px; -} -.feeling-selector .icon { - float: left; - width: 36px; - height: 36px; - background: #fff; -} -.feeling-selector .buttons { - position: relative; - float: left; - height: 40px; - text-align: center; - background: url('/img/n3ds/createpost.png') 0 -20px no-repeat; - padding: 0 6px; -} -.feeling-selector .buttons:before { - position: absolute; - width: 15px; - height: 28px; - top: 30px; - left: -15px; -} -.feeling-selector .buttons li { - display: inline-block; - height: 33px; -} -.feeling-selector .buttons input { - -webkit-appearance: none; - display: inline-block; - width: 30px; - height: 35px; - border: 0; - margin: 3px 3px 0; - background-repeat: no-repeat; - background-position: 0 0; - text-indent: -3000px; - background: url('/img/n3ds/emotion_icons.png') no-repeat 0 0; -} -.feeling-selector .buttons .feeling-button-normal { - background-position: 0 0; -} -.feeling-selector .buttons .feeling-button-happy { - background-position: 0 -35px; -} -.feeling-selector .buttons .feeling-button-like { - background-position: 0 -70px; -} -.feeling-selector .buttons .feeling-button-surprised { - background-position: 0 -105px; -} -.feeling-selector .buttons .feeling-button-frustrated { - background-position: 0 -140px; -} -.feeling-selector .buttons .feeling-button-puzzled { - background-position: 0 -175px; -} -.feeling-selector .buttons .checked .feeling-button-normal { - background-position: -30px 0; -} -.feeling-selector .buttons .checked .feeling-button-happy { - background-position: -30px -35px; -} -.feeling-selector .buttons .checked .feeling-button-like { - background-position: -30px -70px; -} -.feeling-selector .buttons .checked .feeling-button-surprised { - background-position: -30px -105px; -} -.feeling-selector .buttons .checked .feeling-button-frustrated { - background-position: -30px -140px; -} -.feeling-selector .buttons .checked .feeling-button-puzzled { - background-position: -30px -175px; -} -#body .album-image-preview { - position: relative; -} -#body .album-image-preview .preview-image { - display: block; - height: 38px; - float: right; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 6px; -} -.image-selector { - position: relative; -} -.image-selector #image-input-file { - -webkit-appearance: none; - width: 63px; - height: 38px; - position: absolute; - top: 0; - right: -71px; - background: #CCC; - opacity: 0; - z-index: 1; -} -.image-selector .dropdown-toggle { - display: block; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - height: 38px; - padding: 0; - float: right; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.image-selector .dropdown-toggle a { - color: #323232; -} -.image-selector .dropdown-toggle.disabled, -.image-selector .dropdown-toggle:disabled { - color: #969696; -} -.image-selector .preview-image { - display: block; - height: 38px; -} -.image-selector .image-selector-window { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - width: 400px; - height: 200px; - padding: 0; -} -.image-selector .image-selector-section-wrapper { - display: table; - width: 300px; -} -.image-selector .image-content, -.image-selector .image-selector-section-options { - display: table-cell; - vertical-align: middle; - padding: 0px 5px; -} -.image-selector .dropdown-menu { - display: none; - position: absolute; - -webkit-box-sizing: border-box; - background: #f6f6f6; - border-top: 1px solid #969696; - top: 45px; - left: -45px; - text-align: center; - z-index: 21; -} -.image-selector .dropdown-menu:before { - content: ""; - width: 11px; - height: 7px; - background: url('/img/n3ds/grey_arrow.png'); - position: absolute; - top: -7px; - right: 72px; -} -.image-selector .dropdown-menu label { - position: relative; - display: block; - margin: 6px auto; -} -.image-selector .dropdown-menu input { - -webkit-appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - margin: 0; -} -.image-selector .dropdown-menu .capture-button { - height: 60px; -} -.image-selector .dropdown-menu .capture-button .capture-image { - height: 60px; - width: 100%; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - background: url('/img/n3ds/image_background.png') center center no-repeat; -} -.image-selector .dropdown-menu .capture-button input { - height: 60px; -} -.image-selector .dropdown-menu .capture-button.upside { - width: 100px; -} -.image-selector .dropdown-menu .capture-button.downside { - width: 80px; -} -.image-selector.open .dropdown-menu { - display: block; -} -.image-selector.open + .textarea-with-menu, -.image-selector.open + .textarea-with-menu + #bottom-menu { - visibility: hidden; -} -.image-selector .dropdown-menu .select-from-album-button, -.image-selector .dropdown-menu .no-select-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - width: 160px; - margin: 8px auto; -} -.image-selector .dropdown-menu .select-from-album-button a, -.image-selector .dropdown-menu .no-select-button a { - color: #323232; -} -.image-selector .dropdown-menu .select-from-album-button.disabled, -.image-selector .dropdown-menu .no-select-button.disabled, -.image-selector .dropdown-menu .select-from-album-button:disabled, -.image-selector .dropdown-menu .no-select-button:disabled { - color: #969696; -} -.image-selector .dropdown-menu .select-from-album-button input, -.image-selector .dropdown-menu .no-select-button input { - margin: 0; -} -.image-selector .dropdown-menu .select-from-album-button .symbol { - display: inline-block; -} -.body-content .select-album-image-content { - margin-bottom: 0; -} -.body-content .select-album-image-content .list-content-with-icon-and-text { - min-height: 201px; -} -.body-content .select-album-image-content .no-content-window { - min-height: 141px; -} -.body-content .select-album-image-content #bottom-menu { - margin-top: 10px; -} -#my-menu, -#for-guest-menu { - margin: 0 auto; - height: 212px; - display: -webkit-box; - -webkit-box-align: center; -} -#my-menu > div, -#for-guest-menu > div { - margin: 0 auto; -} -#my-menu .big-button, -#for-guest-menu .big-button { - position: relative; -} -#my-menu .big-button:before, -#for-guest-menu .big-button:before { - content: ""; - background: url('/img/n3ds/iconset-2.png'); - position: absolute; - top: 6px; - left: 7px; - width: 24px; - height: 22px; -} -#my-menu #my-menu-miiverse-config:before { - background-position: 0 0; -} -#my-menu #my-menu-blocklist:before { - background-position: -24px 0; -} -#my-menu #my-menu-search:before { - background-position: -48px 0; -} -#my-menu #my-menu-news:before { - background-position: -72px 0; -} -#my-menu #my-menu-help-and-guide:before { - background-position: -120px 0; -} -#my-menu #my-menu-search input { - position: absolute; - top: 0; - left: 0; - width: 300px; - height: 32px; - margin: 0; - border: 0; - padding: 0; - opacity: 0; -} -#for-guest-menu #guide-news:before { - background-position: -72px 0; -} -#for-guest-menu #help-button:before { - background-position: -120px 0; -} -#for-guest-menu #guide-button:before { - background-position: -144px 0; -} -#for-guest-menu #guide-terms-button:before { - background-position: -144px 0; -} -#config-other-menu > div { - margin: 30px auto 38px; -} -#config-other-menu > div:after { - content: ""; - display: block; - clear: both; -} -#config-other-menu .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - min-height: 40px; - padding: 15px 5px 15px 52px; - margin: 0 10px 10px; - position: relative; - font-size: 16px; -} -#config-other-menu .button a { - color: #323232; -} -#config-other-menu .button.disabled, -#config-other-menu .button:disabled { - color: #969696; -} -#config-other-menu .button:before { - content: ""; - background: url('/img/n3ds/iconset-2.png'); - position: absolute; - top: 13px; - left: 30px; - width: 44px; - height: 44px; - margin-left: -22px; -} -#config-other-menu #help-button:before { - background-position: 0px -22px; -} -#config-other-menu #guide-button:before { - background-position: -44px -22px; -} -.community-container { - color: #969696; - margin-bottom: 10px; - font-size: 12.48px; - vertical-align: middle; -} -.community-container a { - color: #969696; - display: block; -} -.community-container .community-container-inner { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; - display: block; -} -.community-container .community-icon { - width: 14px; - height: 14px; - margin: 0 2px -4px 0; - border: 1px solid #dddddd; -} -.community-container .reply:before { - background-position: -68px -42px; - width: 14px; - height: 14px; -} -.community-container .reply:before { - margin: -1px 2px 0; - vertical-align: middle; - float: none; - display: inline-block; -} -.post-subtype-label { - float: right; - margin: 0 -6px 2px 0; - padding: 0 5px; -} -.post-subtype-label.post-subtype-label-diary { - border-bottom: 2px solid #04c9db; -} -.post-subtype-label.post-subtype-label-artwork { - border-bottom: 2px solid #fcc735; -} -.post-subtype-label.post-subtype-label-topic { - border-bottom: 2px solid #e8316e; -} -.post-subtype-label.post-subtype-label-via-api { - border-bottom: 2px solid #5ac800; -} -.post { - position: relative; - z-index: 2; -} -.post .community-container { - margin: -5px -5px 5px; - padding: 2px 6px; - background: #f6f6f6; - -webkit-border-radius: 9px 9px 0 0; -} -.post .body { - position: relative; -} -.post .toggle-button { - margin-left: 3px; -} -.post .video-thumbnail-container, -.post .video-thumbnail-container img { - height: 42px; -} -.post .video-thumbnail-container { - display: block; - float: right; - margin-bottom: 5px; - margin-left: 7px; - position: relative; - z-index: 2; -} -.post .video-thumbnail-container .viewer-button, -.post .video-thumbnail-container span { - display: block; - line-height: 0; -} -.post .video-thumbnail-container img { - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.post .video-thumbnail-container:after { - position: absolute; - content: url('/img/n3ds/magnify_plus.png'); - bottom: -4px; - right: 0px; - pointer-events: none; -} -.post .video-thumbnail-container.video:after { - position: absolute; - content: url('/img/n3ds/play_arrow.png'); - bottom: -2px; - right: 3px; -} -.post .screenshot-wrapper { - text-align: center; -} -.post .screenshot-wrapper .screenshot-container { - display: inline-block; - position: relative; - margin-top: 4px; -} -.post .screenshot-wrapper .screenshot-container:after { - position: absolute; - content: url('/img/n3ds/magnify_plus.png'); - bottom: -4px; - right: 0px; - pointer-events: none; -} -.post .screenshot-wrapper .screenshot-container img { - height: 96px; - vertical-align: middle; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.post .official-user-organization .screenshot-container, -.post .official-user-organization .video-thumbnail-container { - margin-top: 10px; -} -.post .empathized-user-name-content, -.post .acted-user-name-content { - border-bottom: 1px dashed #dddddd; - margin: -5px -5px 5px -5px; - padding: 5px; - font-size: 12px; - display: table; - background-color: #fff; - -webkit-border-top-left-radius: 9px; - -webkit-border-top-right-radius: 9px; -} -.post .empathized-user-name-content .user-icon-container, -.post .acted-user-name-content .user-icon-container { - width: 26px; - height: 26px; - display: table-cell; - position: relative; - overflow: visible; -} -.post .empathized-user-name-content .user-icon-container.official-user:before, -.post .acted-user-name-content .user-icon-container.official-user:before { - content: url('/img/n3ds/small_verified.jpg'); -} -.post .empathized-user-name-content .user-icon-container img.user-icon, -.post .acted-user-name-content .user-icon-container img.user-icon { - width: 24px; - height: 24px; - border: 1px solid #dddddd; - vertical-align: middle; -} -.post .empathized-user-name-content .empathized-symbol:before, -.post .acted-user-name-content .empathized-symbol:before { - background-position: -68px -28px; - width: 12px; - height: 14px; -} -.post .empathized-user-name-content .empathized-symbol:before, -.post .acted-user-name-content .empathized-symbol:before { - left: 18px; - top: 15px; - background-color: #fff; - border-radius: 4px; - position: absolute; - padding: 1px 1px 0 0px; - -webkit-border-radius: 10px; -} -.post .empathized-user-name-content .acted-user-name, -.post .acted-user-name-content .acted-user-name, -.post .empathized-user-name-content .empathized-user-name, -.post .acted-user-name-content .empathized-user-name { - display: table-cell; - vertical-align: middle; - line-height: 1.2; - padding-left: 5px; -} -.post .empathized-user-name-content .acted-user-name a, -.post .acted-user-name-content .acted-user-name a, -.post .empathized-user-name-content .empathized-user-name a, -.post .acted-user-name-content .empathized-user-name a { - color: #3caa00; -} -.post.recommend-user-container li { - border: none; - padding: 0; -} -.post .post-container { - margin-left: 44px; -} -.post .user-container { - line-height: 1; - padding: 4px 0 5px; -} -.post .timestamp-container { - font-size: 10px; - color: #969696; - display: inline; -} -.post .timestamp { - color: #969696; - display: inline-block; -} -.post .spoiler { - display: inline-block; -} -.post .user-name { - color: #323232; - display: inline; - font-size: 12.48px; - font-weight: bold; - z-index: 2; - padding-right: 5px; -} -.post .user-name a { - color: #323232; -} -.post .user-id { - margin-left: 3px; - font-size: 10px; - font-weight: normal; - color: #969696; -} -.post .played { - vertical-align: middle; - margin-top: -3px; - display: inline-block; - margin-left: 7px; -} -.post .played:before { - background-position: -68px -56px; - width: 16px; - height: 14px; -} -.post .post-content { - position: relative; -} -.post .post-tag { - padding: 2px 5px 4px 0; - z-index: 2; - line-height: 1.2; - display: inline-block; -} -.post .post-tag:before { - margin-right: 3px; -} -.post .post-content-text .to-permalink-button, -.post .post-content-memo .to-permalink-button { - display: block; -} -.post .post-content-text { - line-height: 1.4; -} -.post .post-content-text .to-permalink-button { - padding: 5px; - margin: 2px 0 5px; - color: #323232; - white-space: pre-wrap; -} -.post .post-content-memo { - clear: both; - width: 320px; - height: 120px; - text-align: center; - padding: 5px 0 0; - margin-left: -49px; - line-height: 0; -} -.post .hidden-content, -.post .deleted-message, -.post .hidden_as_violation { - color: #969696; - padding: 5px 0 0 3px; - text-align: center; -} -.post .hidden-content p, -.post .deleted-message p, -.post .hidden_as_violation p { - font-size: 14px; - display: inline-block; - text-align: left; - margin-bottom: 10px; -} -.post .hidden-content button, -.post .deleted-message button, -.post .hidden_as_violation button, -.post .hidden-content a, -.post .deleted-message a, -.post .hidden_as_violation a { - color: #323232; -} -.post .hidden-content + .post-content, -.post .deleted-message + .post-content, -.post .hidden_as_violation + .post-content { - margin-top: -10px; -} -.post .deleted-message { - text-align: left; -} -.post .deleted-message p { - line-height: 1.2; - margin-top: 5px; -} -.post .deleted-message .post-id { - margin-top: 5px; - display: block; - font-size: 10px; -} -.post .hidden-content-button { - -webkit-box-sizing: border-box; - margin: 0 -5px -5px -52px; - width: 320px; - border: none; - display: block; - font-size: 12.48px; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - text-align: center; - overflow: hidden; - padding: 3px 0; - -webkit-border-bottom-left-radius: 9px; - -webkit-border-bottom-right-radius: 9px; -} -.post.hidden .screenshot-container, -.post.hidden .video-thumbnail-container, -.post.hidden .post-content-text, -.post.hidden .post-content-memo, -.post.hidden .post-meta { - display: none; -} -.post .recent-reply { - background-color: #ececec; - border-top: 1px solid #c4c4c4; - margin: 5px -5px -5px; - padding: 5px; - -webkit-border-radius: 0 0 7px 7px; -} -.post .recent-reply .read-more-button { - text-align: center; - display: block; - color: #323232; - font-size: 11.48px; - padding: 3px 0 2px; - border-top: 1px solid #d0d0d0; - border-left: 1px solid #d0d0d0; - border-right: 1px solid #c4c4c4; - border-bottom: 1px solid #c4c4c4; - margin: 2px 0 5px; - -webkit-border-radius: 3px; -} -.post .recent-reply p.timestamp-container { - float: right; -} -.post .recent-reply .user-icon-container { - width: 24px; - height: 24px; -} -.post .recent-reply .user-icon-container .user-icon { - width: 22px; - height: 22px; -} -.post .recent-reply .user-icon-container.official-user:before { - content: url('/img/n3ds/small_verified.jpg'); -} -.post .recent-reply .header-inner, -.post .recent-reply .recent-reply-content { - margin-left: 28px; -} -.post .recent-reply .header-inner p, -.post .recent-reply .recent-reply-content p { - line-height: 14px; -} -.post .recent-reply .user-name a { - font-size: 11px; -} -.post .recent-reply .recent-reply-content a { - display: block; -} -.post .recent-reply .recent-reply-content a span { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; - color: #646464; - font-size: 11px; - display: block; -} -.post .recent-reply .recent-reply-content .recent-reply-content-memo { - text-align: center; - margin-right: 28px; -} -.post .recent-reply .recent-reply-content .recent-reply-memo { - width: 120px; - height: 45px; -} -.post.hidden .recent-reply { - display: none !important; -} -.post-meta { - border-top: 1px solid #dddddd; - font-size: 14px; - text-align: right; - overflow: hidden; - padding: 0 10px 0 2px; - margin: 0 -5px -5px -49px; - -webkit-border-bottom-left-radius: 9px; - -webkit-border-bottom-right-radius: 9px; -} -.post-meta .empathy, -.post-meta .reply { - color: #969696; - font-size: 12.48px; - display: inline-block; - padding: 2px 0 0; - line-height: 1.2; -} -.post-meta .empathy { - padding-left: 17px; - padding-right: 7px; -} -.post-meta .empathy:before { - background-position: -68px -14px; - width: 12px; - height: 14px; -} -.post-meta .empathy-added + .empathy:before { - color: #5ac800; -} -.post-meta .empathy-added + .empathy { - color: #3caa00; -} -.post-meta .empathy-added + .empathy:before { - background-position: -68px -28px; - width: 12px; - height: 14px; -} -.post-meta .reply { - margin-left: 3px; -} -.post-meta .reply:before { - background-position: -68px -42px; - width: 14px; - height: 14px; -} -.post-meta .reply-count { - margin-left: 2px; -} -.another-posts { - width: 320px; - margin: -15px auto 10px; - padding-top: 5px; - position: relative; - z-index: 1; -} -.another-posts:before, -.another-posts:after { - background-color: #ececec; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - position: absolute; - content: ''; - width: 318px; - height: 10px; - -webkit-border-radius: 0 0 7px 7px; -} -.another-posts:before { - top: 0; - left: 0; - z-index: 1; -} -.another-posts:after { - top: -3px; - left: 0; - z-index: 2; -} -.another-posts a { - background: #e9e9e9 url() no-repeat center 1px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - display: block; - margin: 0 auto; - height: 15px; - padding: 7px 5px 1px; - text-indent: -9999px; - width: 304px; - overflow: hidden; - -webkit-border-radius: 0 0 7px 7px; -} -.another-posts a:before { - background-position: -51px -153px; - width: 17px; - height: 17px; - float: none; - display: block; - margin: 0 auto; -} -#body .body-content > #activity-notify { - margin: 0 auto; -} -#body .body-content > #activity-notify .news-label { - margin: 10px auto; -} -.empathy-activity .empathy-body .post-content { - margin: 8px 0 3px; -} -.empathy-activity .empathy-body .post-content a { - color: #5ac800; -} -.empathy-activity .empathy-body .post-content .user-icon { - margin: -3px 0 0; - vertical-align: middle; - border: 1px solid #dddddd; - width: 16px; - height: auto; -} -.empathy-activity .empathy-body header { - width: 266px; -} -.empathy-activity .empathy-body .header-inner { - -webkit-box-flex: 1; -} -.empathy-activity .empathy-body a.other-empathy-button { - max-width: 100px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - border: 1px solid #dddddd; - color: #323232; - font-size: 12.48px; - margin: 0 4px; - min-height: 22px; - padding: 1px 9px; - -webkit-border-radius: 6px; -} -.multi-language-post { - padding: 0 0 4px 0; - line-height: 1.2; - font-size: 12.48px; - color: #969696; - display: inline-block; -} -#post-permalink-content { - width: 400px; - border-bottom: 1px solid #dddddd; -} -#post-permalink-content.deleted-by-admin { - margin-bottom: 28px; - padding-bottom: 10px; -} -#post-permalink-content #header-meta .community-container { - font-size: 12.48px; - padding: 5px 3px; - margin-bottom: 0; -} -#post-permalink-content .post-subtype-label { - font-size: 12.48px; - float: right; - margin: 0; - padding: 5px 5px 3px; -} -.post-permalink .scroll .select-content { - margin: 0 0 7px; - text-align: left; -} -.post-permalink .scroll .select-button-content { - -webkit-box-pack: start; - min-height: 20px; -} -.post-permalink .scroll .select-button-label { - margin-left: 2px; - font-size: 12.48px; -} -.post-permalink .scroll .select-button-label:after { - content: " :"; -} -.post-permalink .scroll .select-button-label:before { - margin-top: 4px; -} -#post-permalink-body { - padding: 7px 45px 1px; - width: 310px; - margin: 0 auto; - background: #fff; -} -#post-permalink-body:after { - content: ""; - display: block; - clear: both; -} -#post-permalink-body.post-subtype-diary { - padding: 5px 45px 1px; - width: 310px; - margin: 0 auto; - background-color: #fff; -} -#post-permalink-body.post-subtype-diary:before { - background-image: url('/img/n3ds/spacer.png'); - content: ''; - left: -4px; - height: 100%; - top: 0; - width: 11px; - position: absolute; - z-index: 2; -} -#post-permalink-body .user-name { - font-size: 14px; -} -#post-permalink-body .user-name, -#post-permalink-body .timestamp-container { - display: block; -} -#post-permalink-body.official-user .user-organization { - line-height: 1; - font-size: 12.48px; - color: #5ac800; - font-style: italic; - padding-bottom: 2px; -} -#post-permalink-body .header-inner { - margin-left: 45px; - min-height: 38px; -} -#post-permalink-body .post-tag { - display: table; - text-align: left; -} -#post-permalink-body .post-content { - clear: none; - margin-top: 10px; - margin-bottom: 10px; - text-align: center; -} -#post-permalink-body .post-content-text { - font-size: 16px; - border: none; - padding: 5px 0 5px 3px; - width: auto; - text-align: left; - white-space: pre-wrap; -} -#post-permalink-body .screenshot-container { - display: inline-block; - position: relative; - margin: 4px 0; -} -#post-permalink-body .screenshot-container:after { - position: absolute; - content: url('/img/n3ds/magnify_plus.png'); - bottom: -4px; - right: 0px; - pointer-events: none; -} -#post-permalink-body .screenshot-container img { - height: 96px; - vertical-align: middle; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -#post-permalink-body .more-content-button { - display: inline-block; - margin: 10px auto; - color: #323232; - padding: 5px 10px 4px; - min-width: 220px; - font-size: 12.48px; - border: 1px solid #dddddd; - -webkit-border-radius: 3px; -} -#post-permalink-body .post-content-memo { - margin: 0 0 0 -4px; - line-height: 0; -} -#post-permalink-body .post-content-memo img { - border: none; - width: 320px; - height: 120px; - margin-left: -3px; - image-rendering: -webkit-optimize-contrast; - image-rendering: crisp-edges; -} -#post-permalink-body.post .post-meta { - background: none; - border-top: none; - margin: 5px; - padding: 0; - clear: both; -} -#post-permalink-body .hidden-content, -#post-permalink-body .deleted-message, -#post-permalink-body .hidden_as_violation { - padding-bottom: 10px; -} -#post-permalink-body #close-topic-post { - margin: 0 auto 10px; -} -#post-permalink-body #close-topic-post input { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; -} -#post-permalink-body #close-topic-post input a { - color: #323232; -} -#post-permalink-body #close-topic-post input.disabled, -#post-permalink-body #close-topic-post input:disabled { - color: #969696; -} -#empathy-content { - clear: both; - position: relative; - padding: 3px 50px; - border-top: 1px solid #dddddd; - background: #f6f6f6; -} -#empathy-content:after { - content: ""; - display: block; - clear: both; -} -#empathy-content:before { - content: ''; - position: absolute; - display: block; - width: 10px; - height: 7px; - top: -6px; - z-index: 2; - left: 58px; - background: url('/img/n3ds/grey_arrow2.png') no-repeat 0 0; -} -#empathy-content .post-permalink-feeling-text { - font-size: 12.48px; - color: #646464; -} -#empathy-content .post-permalink-feeling-icon { - float: left; - display: block; - width: 38px; - height: 38px; - margin: 2px 3px 3px 2px; -} -#empathy-content .post-permalink-feeling-icon img { - width: 36px; - height: 36px; - border: 1px solid #dddddd; - background: #fff; -} -#post-permalink-comments .more-button { - margin: 0 auto 10px; - width: 300px; -} -#post-permalink-comments .more-button.oldest-replies-button, -#post-permalink-comments .more-button.newest-replies-button { - width: 250px; -} -#post-permalink-comments .more-button.loading img { - width: 22px; - height: 22px; -} -#post-permalink-comments .more-button span { - padding: 2px; - text-align: center; -} -#post-permalink-comments .more-button.oldest-replies-button span:before { - background-position: 0px -68px; - width: 17px; - height: 17px; -} -#post-permalink-comments .more-button.older-replies-button span:before { - background-position: -17px -68px; - width: 17px; - height: 17px; -} -#post-permalink-comments .more-button.newest-replies-button span:before { - background-position: -51px -68px; - width: 17px; - height: 17px; -} -#post-permalink-comments .more-button.newer-replies-button span:before { - background-position: -34px -68px; - width: 17px; - height: 17px; -} -#post-permalink-comments .list li { - background: #fff; -} -#post-permalink-comments .list .my { - background: #dcffbe; -} -#post-permalink-comments .list .my .hidden-content-button { - background: -webkit-gradient(linear, left top, left bottom, from(#dcffbe), color-stop(0.8, #b8ed8a), color-stop(0.96, #a8e573), to(#9cdb65)) 0 0; -} -#post-permalink-comments .list header { - padding-bottom: 10px; - margin-left: 44px; - min-height: 36px; - display: -webkit-box; - -webkit-box-align: center; -} -#post-permalink-comments .list .user-name { - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; - font-weight: bold; - font-size: 12.48px; -} -#post-permalink-comments .list .user-name a { - color: #323232; -} -#post-permalink-comments .list .user-id { - margin-left: 3px; - font-size: 10px; - font-weight: normal; - color: #969696; -} -#post-permalink-comments .list .timestamp-container { - font-size: 10px; - color: #969696; -} -#post-permalink-comments .list .played { - width: 22px; - height: 12px; - vertical-align: middle; - margin-top: -4px; - margin-left: 3px; - display: inline-block; -} -#post-permalink-comments .list .played:before { - background-position: -68px -56px; - width: 16px; - height: 14px; -} -#post-permalink-comments .list .reply-content-text { - font-size: 14px; - line-height: 1.3; - margin-bottom: 5px; - margin-left: 2px; -} -#post-permalink-comments .list .reply-content-text a { - color: #323232; - white-space: pre-wrap; - width: 100%; - display: block; -} -#post-permalink-comments .list .reply-content-memo { - text-align: center; -} -#post-permalink-comments .list .reply-content-memo img { - image-rendering: -webkit-optimize-contrast; - image-rendering: crisp-edges; - margin: 0 0 0 -5px; - vertical-align: bottom; -} -#post-permalink-comments .list .screenshot-container, -#post-permalink-comments .list .screenshot-container img { - height: 42px; -} -#post-permalink-comments .list .screenshot-container { - display: block; - float: right; - position: relative; -} -#post-permalink-comments .list .screenshot-container img { - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -#post-permalink-comments .list .screenshot-container:after { - position: absolute; - content: url('/img/n3ds/magnify_plus.png'); - bottom: -4px; - right: 0px; - pointer-events: none; -} -#post-permalink-comments .list .hidden-content, -#post-permalink-comments .list .deleted-message, -#post-permalink-comments .list .hidden_as_violation { - color: #969696; - padding: 0 0 0 3px; - text-align: center; -} -#post-permalink-comments .list .hidden-content p, -#post-permalink-comments .list .deleted-message p, -#post-permalink-comments .list .hidden_as_violation p { - font-size: 14px; - display: inline-block; - text-align: left; - margin-bottom: 5px; -} -#post-permalink-comments .list .hidden-content button, -#post-permalink-comments .list .deleted-message button, -#post-permalink-comments .list .hidden_as_violation button, -#post-permalink-comments .list .hidden-content a, -#post-permalink-comments .list .deleted-message a, -#post-permalink-comments .list .hidden_as_violation a { - color: #323232; -} -#post-permalink-comments .list .hidden-content .hidden-content-button, -#post-permalink-comments .list .deleted-message .hidden-content-button, -#post-permalink-comments .list .hidden_as_violation .hidden-content-button { - -webkit-box-sizing: border-box; - margin: 5px 0 -5px -8px; - width: 320px; - border: none; - display: block; - font-size: 12.48px; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.8, #eeeeee), color-stop(0.96, #e6e6e6), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - text-align: center; - overflow: hidden; - padding: 3px 0; - -webkit-border-bottom-left-radius: 9px; - -webkit-border-bottom-right-radius: 9px; -} -#post-permalink-comments .list .my .hidden-content-button { - background: -webkit-gradient(linear, left top, left bottom, from(#dcffbe), color-stop(0.8, #b8ed8a), color-stop(0.96, #a8e573), to(#9cdb65)) 0 0; -} -#post-permalink-comments .list .deleted-message { - text-align: left; -} -#post-permalink-comments .list .deleted-message p { - margin-left: 5px; - margin-bottom: 0; -} -#post-permalink-comments .list .deleted-message .post-id { - display: block; - margin-bottom: 5px; - margin-top: 5px; - font-size: 10px; -} -#post-permalink-comments .list .hidden .screenshot-container, -#post-permalink-comments .list .hidden .reply-content-text, -#post-permalink-comments .list .hidden .reply-content-memo, -#post-permalink-comments .list .hidden .reply-meta { - display: none; -} -#post-permalink-comments .reply-list .reply-meta { - color: #969696; - border-top: 1px solid #dddddd; - font-size: 14px; - text-align: right; - overflow: hidden; - padding: 0 0 0 2px; - margin: 0 -5px -5px; - -webkit-border-bottom-left-radius: 9px; - -webkit-border-bottom-right-radius: 9px; -} -#post-permalink-comments .reply-list .reply-meta .empathy { - color: #969696; - font-size: 12.48px; - display: inline-block; - padding: 2px 4px 0 0; - line-height: 1.2; -} -#post-permalink-comments .reply-list .reply-meta .empathy:before { - background-position: -68px -14px; - width: 12px; - height: 14px; -} -#post-permalink-comments .reply-list .reply-meta .empathy-added + .empathy:before { - color: #5ac800; -} -#post-permalink-comments .reply-list .reply-meta .empathy-added + .empathy { - color: #3caa00; -} -#post-permalink-comments .reply-list .reply-meta .empathy-added + .empathy:before { - background-position: -68px -28px; - width: 12px; - height: 14px; -} -#post-permalink-comments .reply-list .reply-meta .edit-buttons-content { - margin: 0; -} -#post-permalink-comments .reply-list .reply-meta .edit-buttons-content .button { - border: none; - border-left: 1px solid #dddddd; - border-radius: 0; - padding: 3px 5px; -} -#post-permalink-comments .reply-list .reply-meta .report-buttons-content .button { - padding: 5px; - border-left: 1px solid #dddddd; -} -.cannot-reply { - padding: 20px 0; - text-align: center; -} -.cannot-reply p { - display: inline-block; - text-align: left; -} -.post-permalink-button { - background-color: #fff; - border-bottom: 1px solid #dddddd; - color: #323232; - font-size: 12.48px; - display: block; - padding: 5px 0; -} -.post-permalink-button > span { - width: 300px; - display: block; - margin: 0 auto; - padding-left: 20px; - position: relative; - background-image: url('/img/n3ds/return_arrow.png'); - background-position: 5px center; - background-repeat: no-repeat; -} -.post-permalink-button .post-user-description { - color: #5ac800; -} -.post-permalink-button img { - width: 16px; - vertical-align: middle; - border: 1px solid #dddddd; - margin: -5px 2px 0 4px; -} -.reply-permalink-content #empathy-content { - margin: 36px -6px -6px; - padding: 3px 10px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-bottom-right-radius: 9px; - -webkit-border-bottom-left-radius: 9px; -} -.reply-permalink-content #empathy-content:before { - left: 12px; -} -.reply-permalink-content .reply-content-text { - white-space: pre-wrap; -} -#offline-mode .forbidden header, -#offline-mode .forbidden .user-icon-container, -#offline-mode .forbidden .user-container, -#offline-mode .forbidden .post-tag, -#offline-mode .forbidden .post-buttons-content, -#offline-mode .forbidden .screenshot-container { - opacity: 0.4; -} -#offline-mode .forbidden .post-content-memo, -#offline-mode .forbidden .post-content-text { - opacity: 0.2; -} -#offline-mode .community-container-inner { - color: #646464; -} -#offline-mode .post { - position: relative; -} -#offline-mode .image-input-file { - opacity: 0; - position: absolute; - top: 10px; - right: 10px; - height: 10px; - width: 10px; -} -#offline-mode .post-content-text { - padding: 5px; -} -#offline-mode .post .post-meta { - padding: 0; -} -#offline-mode .forbidden-message { - font-size: 12.48px; - padding: 3px 0; - text-align: center; - border-bottom: 1px solid #dddddd; -} -#offline-mode .post-buttons-content { - float: right; -} -#offline-mode .post-buttons-content .post-button { - border-top: none; - border-right: none; - border-bottom: none; - margin: 0; - -webkit-border-radius: 0; - padding: 7px 10px 3px; - background: none; - width: auto; - min-height: 20px; -} -#offline-mode .post-buttons-content .post-button:before { - background-position: 0px -85px; - width: 17px; - height: 17px; -} -#offline-mode .post-buttons-content .post-button:before { - display: inline-block; - float: none; - vertical-align: middle; - margin-bottom: 3px; - margin-right: 2px; -} -#offline-mode .delete-buttons-content { - float: left; -} -#offline-mode .delete-buttons-content .delete-button { - border-top: none; - border-left: none; - border-bottom: none; - margin: 0; - -webkit-border-radius: 0; - padding: 7px 5px 3px; - background-color: transparent; -} -#offline-mode .delete-buttons-content .delete-button:before { - display: inline-block; - float: none; - vertical-align: middle; - margin-bottom: 3px; -} -.accepting .not-accepting { - display: none !important; -} -.not-accepting .accepting { - display: none !important; -} -.accepting > span, -.not-accepting > span { - float: right; - font-size: 12.48px; - padding: 1px 5px 2px; - font-size: 11px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.accepting > span { - color: #fff; - background-color: #ffae00; -} -.not-accepting > span { - color: #fff; - background-color: #b5b5b5; -} -.post-list .post-subtype-diary, -.post-list .post-subtype-artwork, -.post-list .post-subtype-topic, -.post-list .post-subtype-default { - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAGCAIAAADon5EZAAAAOUlEQVQoFWN49+7dr1+//oMBkDE4uQyD34nAgGMY5KEIiVuQKwdtRMOTHyjG4ZxB62KGwe9EYNgBAB1VxX0YvPP9AAAAAElFTkSuQmCC') repeat-y #ffffff -8px 0px; -} -.post-list .post-subtype-diary .post-meta, -.post-list .post-subtype-artwork .post-meta, -.post-list .post-subtype-topic .post-meta, -.post-list .post-subtype-default .post-meta { - background-color: #fff; -} -.post-list .post-subtype-diary { - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAGCAIAAAAZlMqUAAAAqklEQVQoFdWSyQ4DIQxDC4RF/P+3Inb6pNzm2iK1OSDjcRJjjTnnvP6hBKO99723cy6EgOc55xgD4L0XEQCCtZa1FoExBnFrDZ6vaADo6QLEGJHdmClsLaVwslKNshWGrTlnNVprhcQBV96DJxVgS43yEjS06GtvzLRM/7xu/D+PmUJOJEcGhKGOCQkGrGkBUkpglBRXclWB5g1DtNquDLKvzzQP42z9zXoDJUWXl20P0SQAAAAASUVORK5CYII=') repeat-y #ffffff -8px 0; -} -.post-list .post-subtype-diary:before { - background-image: url('/img/n3ds/spacer.png'); - content: ''; - left: -4px; - height: 100%; - top: 0; - width: 11px; - position: absolute; - z-index: 2; -} -.post-list .post-subtype-diary .post-meta { - padding-left: 8px; -} -.post-subtype-topic.post .to-permalink-button { - white-space: normal; -} -.post-subtype-topic.post .to-permalink-button .topic-title, -.post-subtype-topic.post .to-permalink-button .topic-body { - white-space: pre-wrap; - display: block; -} -.post-subtype-topic.post .to-permalink-button .topic-body { - font-size: 13px; - margin-top: 3px; - color: #646464; -} -.post-subtype-topic#post-permalink-body .post-content-text { - white-space: normal; -} -.post-subtype-topic#post-permalink-body .post-content-text span { - display: block; - white-space: pre-wrap; -} -.post-subtype-topic#post-permalink-body .post-content-text .topic-title { - padding: 3px 0 0 3px; -} -.post-subtype-topic#post-permalink-body .post-content-text .topic-body { - font-size: 14px; - padding: 5px 0 0 3px; - color: #646464; -} -#user-content-container { - position: relative; -} -#user-content-container:after { - content: ""; - display: block; - clear: both; -} -#user-content-container:after { - content: ""; - background: url('/img/n3ds/console_icons.png'); - position: absolute; - height: 23px; - top: 8px; - right: 10px; -} -#user-content-container.header-device-wiiu:after { - background-position: -330px 0; - width: 29px; -} -#user-content-container.header-device-3ds:after { - background-position: -361px 0; - width: 24px; -} -#user-content-container.header-device-3ds.header-device-wiiu:after { - background-position: -330px 0; - width: 55px; -} -#user-content-container #header { - height: 150px; -} -#user-content-container #header-body { - padding: 0 10px; -} -#user-content-container #header-meta { - padding: 5px 45px; - background: #fff; -} -#user-content-container #header-meta .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 4px 5px 0px; - margin: 0 0 0 5px; -} -#user-content-container #header-meta .button a { - color: #323232; -} -#user-content-container #header-meta .button.disabled, -#user-content-container #header-meta .button:disabled { - color: #969696; -} -#user-content-container #header-meta .mymenu-button > span.symbol:before { - background-position: -34px -136px; - width: 17px; - height: 17px; -} -#user-content-container #header-meta .mymenu-button > span.symbol:before { - margin-right: 2px; - display: inline-block; - vertical-align: middle; -} -#user-content-container #header-meta .profile-setting-button > span.symbol:before { - background-position: -51px -136px; - width: 17px; - height: 17px; -} -#user-content-container #header-meta .profile-setting-button > span.symbol:before { - margin-right: 2px; - display: inline-block; - vertical-align: middle; -} -#user-content-container #header-meta .profile-post-button, -#user-content-container #header-meta .profile-page-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - border: 1px solid #dddddd; - color: #323232; - font-size: 12.48px; - margin: 0 4px; - min-height: 22px; - padding: 1px 9px; - -webkit-border-radius: 6px; - float: left; -} -#user-content-container #header-meta .toggle-follow-button button { - padding: 2px 30px 2px 5px; -} -#user-content-container #header-meta .toggle-follow-button button:after { - height: 26px; -} -#user-content-container #header-meta button.unfollow-button:after { - background: url('/img/n3ds/post-iconset.png') no-repeat 0 -32px, transparent; -} -#user-content-container #header-meta button.follow-button:after { - background: url('/img/n3ds/post-iconset.png') no-repeat -26px -32px, transparent; -} -#user-content-container #show-more-profile { - float: left; -} -#user-content-container .more-profile-button { - font-size: 12.48px; - color: #FFF; - border: none; - background: transparent; - margin: 4px 0 0 0; - padding: 2px 0; -} -#user-content-container .profile-comment { - padding: 5px 45px; - color: #dcffbe; - font-size: 12.48px; -} -#user-content-container { - background-color: #f6f6f6; -} -#user-content-container .user-page a { - display: block; -} -#user-content { - height: 220px; - width: 400px; - display: table; -} -#user-content .user-profile-memo { - height: 150px; - width: 400px; - vertical-align: bottom; - background-position: center; - background-size: 400px auto; -} -#user-content .user-icon-container { - overflow: visible; - width: 66px; - height: 66px; - float: none; - margin: -22px 0 0 0; -} -#user-content .user-icon-container img { - width: 66px; - height: 66px; -} -#user-content .icon-name-container { - background-color: #fff; - border-top: 1px solid #dddddd; - padding: 10px 10px 15px; - display: table; -} -#user-content .title { - display: table-cell; - vertical-align: middle; - width: 315px; - padding-left: 10px; -} -#user-content .nick-name, -#user-content .id-name, -#user-content .user-organization { - display: block; -} -#user-content .nick-name { - font-size: 16px; - font-weight: bold; - color: #323232; -} -#user-content .id-name { - color: #969696; - font-size: 10px; -} -#user-content.official-user-content .user-organization { - line-height: 1; - font-size: 10px; - color: #5ac800; - font-style: italic; - margin-top: -6px; -} -#user-content.official-user-content .id-name { - line-height: 1; -} -#user-content.official-user { - position: relative; -} -#user-content.official-user:before { - content: url("/img/n3ds/verified.png"); - position: absolute; - display: block; - top: 0; - left: 0; - width: 22px; - height: 22px; -} -#nav-menu { - padding: 0 40px; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - margin: 0 0 5px; - border-bottom: 1px solid #b7b7b7; -} -#nav-menu:after { - content: ""; - display: block; - clear: both; -} -#nav-menu a { - min-height: 34px; - padding: 8px 0 6px; - margin-left: -1px; - line-height: 1.2; - border-left: 1px solid #dddddd; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - text-align: center; - display: block; - float: left; - width: 33.333%; -} -#nav-menu a:first-child { - margin: 0; - border: 0; -} -#nav-menu a.selected { - background: #5ac800; -} -#nav-menu a.selected span { - color: #FFF; -} -#nav-menu span { - line-height: 1; -} -#nav-menu .name { - margin-bottom: 1px; - display: block; - color: #646464; - font-size: 11.48px; -} -#nav-menu .number { - display: inline-block; - color: #323232; - font-size: 12.48px; - font-weight: bold; - margin-bottom: 5px; -} -#nav-menu .denominator { - display: inline-block; - padding-left: 1px; - color: #323232; - font-size: 10px; - font-weight: bold; - line-height: 18px; -} -.nav-3 a { - width: 34%; -} -.nav-2 a { - width: 50%; -} -.body-content > .user-button-container { - margin-bottom: 10px; - display: -webkit-box; - -webkit-box-pack: center; -} -.body-content > .user-button-container .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - margin: 0 4px; - width: 80%; -} -.body-content > .user-button-container .button a { - color: #323232; -} -.body-content > .user-button-container .button.disabled, -.body-content > .user-button-container .button:disabled { - color: #969696; -} -.body-content > .user-button-container .button:before { - display: inline-block; - vertical-align: middle; - float: none; -} -.body-content > .user-button-container.with-album-button .button { - width: 43%; -} -.profile-content > #topic_post-post-list .multi-timeline-post { - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - background: #fff; - -webkit-border-radius: 6px; - -webkit-box-sizing: border-box; - padding: 5px 8px; -} -.profile-content > #topic_post-post-list .multi-timeline-post .community-container { - margin: -5px -8px 10px; - padding-left: 5px; -} -.profile-content .profile-comment { - color: #323232; - padding: 8px; - background-color: #fff; - margin: 10px 0; - border: 1px solid #ddd; - line-height: 1.3em; - font-size: 12.48px; - -webkit-border-radius: 6px; -} -.profile-content table { - margin: 0 auto; - border-collapse: separate; - border-spacing: 0 2px; - display: block; - width: 100%; -} -.profile-content tbody, -.profile-content tr { - width: 100%; - display: block; - clear: both; -} -.profile-content tr { - margin-bottom: 10px; - border-bottom: 1px dashed #FFF; - -webkit-border-radius: 0 0 0 25px; - display: table; - border-spacing: initial; -} -.profile-content th { - font-size: 12.48px; - color: #FFF; - text-align: left; - white-space: nowrap; - width: 1%; - vertical-align: bottom; -} -.profile-content th span { - background: #5ac800; - height: 20px; - line-height: 20px; - display: inline-block; - padding: 0 2px; - vertical-align: middle; -} -.profile-content th:before { - background: url('/img/n3ds/post-iconset.png') -78px 0; - width: 10px; - height: 20px; - display: inline-block; - content: ''; - vertical-align: middle; -} -.profile-content th:after { - background: url('/img/n3ds/post-iconset.png') -100px 0; - width: 10px; - height: 20px; - display: inline-block; - content: ''; - vertical-align: middle; -} -.profile-content td { - line-height: 1.3; - text-align: right; - border-bottom: 1px dashed #c9c9c9; -} -.profile-content .buttons-content { - padding: 0; - margin: 0; -} -.profile-content tr.birthday { - margin-bottom: 5px; -} -.profile-content tr.game-skill { - margin-bottom: 7px; -} -.profile-content tr.game-skill th { - padding-top: 6px; -} -.profile-content tr.game-skill td span:before { - width: 24px; - height: 24px; - margin-right: 5px; - vertical-align: text-bottom; - display: inline-block; - content: ''; -} -.profile-content tr.game-skill span.beginner:before { - background-image: url('/img/n3ds/profile_beginner.png'); -} -.profile-content tr.game-skill span.intermediate:before { - background-image: url('/img/n3ds/profile_intermediate.png'); -} -.profile-content tr.game-skill span.expert:before { - background-image: url('/img/n3ds/profile_expert.png'); -} -.profile-content tr.game th { - padding-top: 4px; -} -.profile-content tr.game td { - height: 23px; -} -.profile-content tr.game img { - padding: 2px 0 0 3px; -} -.profile-content tr.favorite-game-genre td span { - display: inline-block; -} -.profile-content tr.favorite-game-genre td span:after { - content: "/"; - display: inline-block; - padding: 0 2px; -} -.profile-content tr.favorite-game-genre td span:last-child:after { - content: ""; -} -.profile-content .album-content .album-list { - margin-bottom: 5px; -} -.profile-content .album-content .album-list a.screenshot-container { - width: 99px; - height: 55.68px; -} -.profile-content .no-content { - min-height: 80px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; -} -.body-content .follow-button-list { - margin: 0px auto 38px; -} -.body-content .follow-button-list .body { - display: inline-block; -} -.favorite-communities { - border: none; -} -.favorite-communities .communities-content { - display: block; - border: none; - position: relative; - padding: 0 4px 15px; - margin-bottom: 10px; -} -.favorite-communities .communities-content:after { - content: ""; - display: block; - clear: both; -} -.favorite-communities .favorite-community { - position: relative; - margin-right: 8px; - margin-top: 6px; - float: left; -} -.favorite-communities .favorite-community a { - display: block; -} -.favorite-communities .favorite-community.empty-community .icon-container { - background-color: #dddddd; - border-left: 1px solid #c9c9c9; - border-top: 1px solid #c9c9c9; - -webkit-box-sizing: border-box; -} -.favorite-communities .icon-container { - float: none; -} -.favorite-communities .platform-tag { - top: 41px; - left: 0; - width: 38px; -} -.favorite-communities .platform-tag-3ds { - background-position: -258px -86px; -} -.favorite-communities .platform-tag-wiiu { - background-position: -296px -86px; -} -.favorite-communities .platform-tag-wiiu-3ds { - background-position: -334px -86px; - left: -2px; - width: 42px; -} -.favorite-communities .special-tag { - background-image: none; -} -.favorite-communities .arrow-button { - background: url('/img/n3ds/post-iconset.png') 0 -111px no-repeat; - height: 26px; - width: 26px; - display: inline-block; - position: absolute; - top: 12px; - right: 5px; -} -.community-top .headline { - margin-bottom: 5px; -} -.community-top .more-button { - margin: 0 auto 15px; -} -.community-top-top-container { - border-top: 1px solid #dddddd; - position: relative; - margin-bottom: 8px; - min-height: 35px; -} -#body #community-top .news-label { - margin: 0 auto 8px; -} -.featured-community-list { - clear: both; - text-align: center; - padding: 0 40px; -} -.featured-community-list:after { - content: ""; - display: block; - clear: both; -} -.featured-community-list .headline { - border: 1px solid #dddddd; - background-color: #FFF; - display: inline-block; - padding: 3px 5px 1px; - text-align: center; - color: #ce181e; - margin: 9px 1px 9px 0; - -webkit-border-radius: 4px; - -webkit-box-sizing: border-box; -} -.featured-community-list .headline:before { - content: ""; - background-image: url('/img/n3ds/console_icons.png'); - width: 25px; - height: 25px; - background-repeat: no-repeat; - display: inline-block; - vertical-align: middle; - margin: -1px 2px 0 0; -} -.featured-community-list .headline.headline-3ds:before { - background-position: -280px 0; -} -.featured-community-list .headline.headline-wiiu:before { - background-position: -305px 0; -} -.featured-community-list .headline.headline-wiiu { - color: #1193c4; -} -.featured-community-list .headline.headline-wii { - color: #34beed; -} -.featured-community-list .headline.headline-ds { - color: #ff458c; -} -.featured-community-list .headline.headline-switch { - color: #e60012; -} -.featured-community-list ul { - display: inline-block; - vertical-align: middle; -} -.featured-community-list ul li { - display: inline-block; -} -.featured-community-list a { - margin-left: 1px; - display: block; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#f6f6f6)); - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - padding: 3px; - line-height: 0; - margin: 0 0 3px 2px; -} -.featured-community-list .icon-container { - float: none; - width: auto; - height: auto; -} -.featured-community-list .icon-container .icon { - width: 24px; - height: 24px; - border: none; -} -.with-filter { - display: table; - width: 100%; - padding: 0; -} -.with-filter h2 { - display: table-cell; - vertical-align: middle; - padding: 5px 3px 5px 5px; -} -.with-filter .with-filter-right { - display: table-cell; - vertical-align: middle; - text-align: right; -} -.with-filter .with-filter-right .number { - display: inline-block; - color: #FFF; - font-size: 10px; - font-weight: normal; - background: rgba(0, 0, 0, 0.2); - min-width: 4em; - padding: 1px 5px 0; - margin: 1px 2px 0; - text-align: right; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.with-filter .select-button { - background: none; - margin: 0; - padding-right: 20px; - border: none; - min-height: inherit; - color: #FFF; - width: auto; - border-left: 1px solid rgba(255, 255, 255, 0.6); - -webkit-border-radius: 0; -} -.with-filter .select-button:before { - background-position: -17px -119px; - width: 17px; - height: 17px; -} -.with-filter .select-button:before { - position: absolute; - top: 50%; - right: 5px; -} -.with-filter .select-button-content { - padding-right: 25px; - padding: 0 4px; -} -.community-list-footer { - margin-top: -10px; - padding: 10px 50px 48px; - border-top: 1px solid #969696; - background: #dddddd; -} -.community-list-footer .select-button-content { - min-height: initial; - height: auto; - padding-top: 6px; - padding-bottom: 6px; - -webkit-box-sizing: border-box; -} -.community-list-footer .select-button { - background: none; - margin: 0; - min-height: inherit; - width: 150px; - font-size: 10px; - border: 1px solid #969696; - -webkit-border-radius: 2px; -} -.community-list-footer .select-button:before { - background-position: -68px -70px; - width: 13px; - height: 13px; -} -.community-list-footer .select-button:before { - position: absolute; - top: 50%; - right: 5px; - margin-top: -7px; -} -.community-list-footer .select-button .select-button-content { - padding-right: 20px; -} -.community-list-footer .platform-button { - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - -webkit-border-bottom-right-radius: 3px; - -webkit-box-sizing: border-box; - font-size: 10px; - float: right; - padding: 6px 4px; - line-height: 1.2; - color: #FFF; -} -.platform-3ds .platform-button { - border: 1px solid #0d7095; - background: -webkit-gradient(linear, left top, left bottom, from(#1193c4), color-stop(0.5, #1193c4), to(#0d7095)); -} -.headline-3ds { - background: #ce181e; -} -.platform-wiiu .platform-button { - border: 1px solid #a01317; - background: -webkit-gradient(linear, left top, left bottom, from(#ce181e), color-stop(0.5, #ce181e), to(#a01317)); -} -.headline-wiiu { - background: #1193c4; -} -.headline-wii { - background: #34beed; -} -.headline-ds { - background: #ff458c; -} -.headline-switch { - background: #e60012; -} -#body #community-top #identified-user-banner { - margin: 0 auto 8px; -} -#body #community-top #identified-user-banner a { - display: block; -} -#body #community-top #identified-user-banner a:before { - background: url('/img/n3ds/identified_user_banner.png'); - content: ''; - height: 41px; - float: left; - margin: 1px 5px 0 1px ; - width: 42px; - display: block; -} -#body #community-top #identified-user-banner.jp a:before { - background-position: 0px center; -} -#body #community-top #identified-user-banner.eu a:before { - background-position: 84px center; -} -#body #community-top #identified-user-banner.us a:before { - background-position: 42px center; -} -#body #community-top #identified-user-banner .title { - font-size: 14px; - display: block; - color: #5ac800; - padding: 7px 5px 2px 47px; - line-height: 1.3; -} -#body #community-top #identified-user-banner .text { - font-size: 12.48px; - display: block; - color: #323232; - padding: 0 5px 7px 47px; - line-height: 1.2; -} -#body #community-top #featured-event-notices { - margin: 0 auto 8px; -} -#body #community-top #featured-event-notices a { - display: block; - height: 45px; -} -#body #community-top #featured-event-notices a img { - vertical-align: bottom; -} -#body #community-top .news-label-content { - margin: 0 auto 6px; - width: auto; -} -#body #community-top .news-label-content > div { - margin: 0 auto; - width: 310px; - border-top: none; - -webkit-border-radius: 0; -} -#body #community-top .news-label-content > div:first-child { - -webkit-border-top-right-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top: 1px solid #dddddd; -} -#body #community-top .news-label-content > div:last-child { - -webkit-border-bottom-right-radius: 6px; - -webkit-border-bottom-left-radius: 6px; -} -.filter-button { - margin: 10px auto 20px; - width: 284px; -} -.filter-button .filter-button-Inner { - display: table-row; -} -.filter-button a { - display: table-cell; - vertical-align: middle; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 8px 2px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - width: 136px; -} -.filter-button div:first-child a:first-child { - -webkit-border-top-left-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-bottom: 1px solid rgba(0, 0, 0, 0.2); -} -.filter-button div:first-child a:last-child { - -webkit-border-top-right-radius: 6px; - border-left: 1px solid #fff; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); -} -.filter-button div:last-child a:first-child { - -webkit-border-bottom-left-radius: 6px; - border-right: 1px solid rgba(0, 0, 0, 0.2); - border-top: 1px solid #fff; -} -.filter-button div:last-child a:last-child { - -webkit-border-bottom-right-radius: 6px; - border-left: 1px solid #fff; - border-top: 1px solid #fff; -} -#body #post-suggest-community.news-label, -#suggest-community { - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #fffbd9), color-stop(0.8, #fff9c8), color-stop(0.96, #fff8ba), to(#fff5a0)) 0 0; - border-color: #ffbd66; - border-right-color: #ff9100; - border-bottom-color: #ff9100; - border-color: #5ac800; - background: #fff; - word-break: break-all; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; -} -#body #post-suggest-community.news-label a, -#suggest-community a { - line-height: 1.4em; - display: block; -} -#body #post-suggest-community.news-label .icon-container, -#suggest-community .icon-container { - padding: 5px; - width: 36px; - height: 36px; -} -#body #post-suggest-community.news-label .icon-container .icon, -#suggest-community .icon-container .icon { - width: 34px; - height: 34px; -} -#body #post-suggest-community.news-label .post-suggest-community-body, -#suggest-community .post-suggest-community-body, -#body #post-suggest-community.news-label .suggest-community-body, -#suggest-community .suggest-community-body { - display: block; - padding: 5px 5px 7px 46px; - line-height: 1em; -} -#body #post-suggest-community.news-label .post-suggest-community-body .title, -#suggest-community .post-suggest-community-body .title, -#body #post-suggest-community.news-label .suggest-community-body .title, -#suggest-community .suggest-community-body .title { - color: #ff9100; - font-weight: bold; - font-size: 11.48px; - line-height: 12.48px; - display: inline-block; -} -#body #post-suggest-community.news-label .post-suggest-community-body .text, -#suggest-community .post-suggest-community-body .text, -#body #post-suggest-community.news-label .suggest-community-body .text, -#suggest-community .suggest-community-body .text { - color: #323232; - display: inline-block; - font-size: 12.48px; - line-height: 14px; - padding-top: 4px; - word-break: normal; - word-wrap: break-word; -} -#featured-event-notices { - display: none; -} -#guide-button-content { - margin: -10px auto 20px; - display: -webkit-box; - -webkit-box-align: center; -} -#guide-button-content > div { - margin: 0 auto; -} -#guide-button-content .big-button { - position: relative; -} -#guide-button-content .big-button:before { - content: ""; - background: url('/img/n3ds/iconset-2.png'); - background-position: -144px 0; - position: absolute; - top: 6px; - left: 7px; - width: 24px; - height: 22px; -} -.community-list .platform-tag { - position: static; - height: 10px; - width: 29px; - display: inline-block; - float: left; - margin: 5px 3px 0 0; -} -.community-list .text { - width: auto; -} -.community-list .platform-tag-wiiu { - background-position: -168px -86px; -} -.community-list .platform-tag-3ds { - background-position: -139px -86px; -} -.community-list .platform-tag-wiiu-3ds { - background-position: -197px -86px; - width: 61px; -} -.community-list .platform-tag-wii { - background-position: -168px -167px; -} -.community-list .platform-tag-ds { - background-position: -139px -167px; -} -.community-list .platform-tag-wii-ds { - background-position: -197px -167px; - width: 61px; -} -.community-list .platform-tag-switch { - background-position: -231px -157px; -} -#favorite-community-list { - margin: 0px auto 38px; -} -.identified-user-page .toggle-follow-button { - float: right; - margin: 5px 0 6px; -} -.identified-user-page .body { - display: block; - width: 307px; - max-width: 307px; -} -.identified-user-page .user-icon-container { - margin-bottom: 6px; - margin-right: 3px; -} -.identified-user-page li { - border: none; - margin: 0 0 7px; -} -.identified-user-page .list .post { - margin: 0 -6px; - clear: both; - width: 322px; - background-image: none; -} -.identified-user-page .list .post:after { - content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAQAAAClB0z9AAAATklEQVR4AS2JpQGAUAAF/xx0JvkbMQCTkNgGd4eCd6QeeleeiIdOVnRSfHRqSkJY/bUwfXYCEu35lJiBk5lgeD7D5+C8jYh1YTNyvq7YXLJ6NmT5HsjxAAAAAElFTkSuQmCC'); - position: absolute; - width: 9px; - height: 6px; - top: -16px; - left: 20px; -} -.identified-user-page .list .post.with-video .post-memo { - width: 238px; - height: auto; -} -.identified-user-page .list .post.with-video .post-content-memo .to-permalink-button { - display: inline-block; - margin: 5px 0; -} -.identified-user-page .list .post .post-tag, -.identified-user-page .list .post .multi-language-post, -.identified-user-page .list .post .accepting > span { - padding-button: 0; - margin: 5px 0 0 0; -} -.identified-user-page .list .post .screenshot-container, -.identified-user-page .list .post .video-thumbnail-container { - margin: 5px 0 5px 2px; -} -.identified-user-page .list .post .community-container { - margin: -5px -5px 0; -} -.identified-user-page .list .post .community-container:after { - content: ""; - display: block; - clear: both; -} -.identified-user-page .list .post .post-content { - margin: 0; - clear: none; -} -.identified-user-page .list .post .post-content-text { - margin: 3px 2px; -} -.identified-user-page .list .post .post-content-text .to-permalink-button { - margin: 5px 0 0 0; -} -.identified-user-page .list .post .post-content-memo { - height: auto; - margin: 0 -5px; -} -.identified-user-page .list .post .post-memo { - width: 100%; -} -.identified-user-page .list .post .timestamp { - float: left; - line-height: 22px; - padding: 0 6px; -} -.identified-user-page .list .post .post-meta { - margin: 0 -5px -5px -5px; -} -.community-post-list .button { - min-height: 18px; - margin-left: 2px; - padding: 5px 3px; -} -.community-post-list #header-meta { - border-top: 1px solid #dddddd; - overflow: visible; - height: 28px; - padding: 0; -} -.community-post-list #header-meta.header-meta-with-description { - border-bottom: 1px solid #c4c4c4; -} -.community-post-list #header-meta .button { - margin-left: 0; - float: right; - padding: 5px; -} -.community-post-list #header-meta .button.left { - float: left; - margin-left: 40px; - border-right: 1px solid #dddddd; -} -.community-post-list #header-meta .button.communities-button { - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - float: left; - height: 32px; - line-height: 32px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - border-right: 1px solid #dddddd; - padding: 0 7px 0 48px; - overflow: visible; -} -.community-post-list #header-meta .button.communities-button .icon { - width: 18px; - height: 18px; - vertical-align: middle; - margin-right: 4px; - margin-bottom: 4px; -} -.community-post-list #header-meta .button.favorite-button { - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-top: none; - border-right: none; - border-left: 1px solid #dddddd; - height: 32px; - padding: 0 47px 0 8px; - overflow: visible; -} -.community-post-list #header-meta .button.favorite-button:before { - background-image: url('/img/n3ds/post-iconset.png'); - margin: 6px 0 7px 0; -} -.community-post-list #header-meta .right-margin-setting { - margin-right: 40px; - border-right: 1px solid #dddddd; -} -.community-post-list .community-info { - background: #dddddd; - padding: 8px 5px 5px; - border-bottom: 1px solid #FFF; -} -.community-post-list .community-info .text { - width: 310px; - margin: 0 auto; - font-size: 12.48px; - white-space: pre-wrap; -} -.community-post-list .community-info .owner-container { - white-space: normal; - margin-top: 3px; - margin-bottom: 1px; - overflow: hidden; -} -.community-post-list .community-info .owner { - padding: 3px 0; - color: #969696; - font-size: 12.48px; -} -.community-post-list .community-info .report-button { - font-size: 12.48px; - border: 1px solid #646464; - color: #646464; - padding: 1px 3px; - -webkit-border-radius: 3px; - float: right; -} -.community-post-list .tab2 a, -.community-post-list .tab2 > div { - width: 155px; - text-align: center; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; -} -.community-post-list .tab2 #tab-header-post-filter-dropdown span:before, -.community-post-list .tab2 #tab-header-post span:before, -.community-post-list .tab2 #tab-header-hot-post:before { - display: inline-block; - float: none; - vertical-align: middle; - margin: -3px 3px 0 0; -} -.community-post-list .tab2 #tab-header-post-filter-dropdown span.disabled, -.community-post-list .tab2 #tab-header-post span.disabled, -.community-post-list .tab2 #tab-header-hot-post.disabled { - color: #dddddd; -} -.community-post-list .tab2 #tab-header-post-filter-dropdown span.disabled:before, -.community-post-list .tab2 #tab-header-post span.disabled:before, -.community-post-list .tab2 #tab-header-hot-post.disabled:before { - background-position: -34px -153px; -} -.community-post-list .tab2 .select-button { - width: 155px; - min-height: 20px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.community-post-list .tab2 .select-button span { - font-weight: bold; - min-height: 20px; -} -.community-post-list .tab2 .select-content.selected .select-button { - background: #5ac800; - color: #fff; - -webkit-border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 5px; - border-top: 1px solid #55be00; - border-left: 1px solid #55be00; - border-right: 1px solid #4faf00; - border-bottom: 1px solid #4faf00; -} -.community-post-list .tab2 #tab-header-hot-post { - border-left: 1px solid #dddddd; - padding-left: 10px; - padding-right: 10px; -} -.news-label, -.filtering-label { - display: table; - width: 290px; - margin: 0 auto 10px; - background: #f6f6f6; - -webkit-border-radius: 3px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; -} -.news-label:after, -.filtering-label:after { - content: ""; - display: block; - clear: both; -} -.news-label .tag-name, -.filtering-label .tag-name { - padding: 0; - font-size: 12.48px; - font-weight: bold; - color: #3caa00; - margin-right: 2px; -} -.news-label .tag-name:before, -.filtering-label .tag-name:before { - background-position: 0px -102px; - width: 17px; - height: 17px; -} -.news-label .tag-name:before, -.filtering-label .tag-name:before { - margin-right: 3px; - display: inline-block; - float: none; - vertical-align: middle; -} -.news-label.filtering-label-official-tag .tag-name, -.filtering-label.filtering-label-official-tag .tag-name { - color: #00acca; -} -.news-label.filtering-label-official-tag .tag-name:before, -.filtering-label.filtering-label-official-tag .tag-name:before { - background-position: -34px -102px; - width: 17px; - height: 17px; -} -.news-label.filtering-label-topic-category .tag-name, -.filtering-label.filtering-label-topic-category .tag-name { - color: #e8316e; -} -.news-label.filtering-label-topic-category .tag-name:before, -.filtering-label.filtering-label-topic-category .tag-name:before { - background-position: -68px -168px; - width: 17px; - height: 17px; -} -.news-label.filtering-label-topic-open .accepting, -.filtering-label.filtering-label-topic-open .accepting { - font-weight: bold; - color: #e8316e; -} -.news-label.filtering-label-topic-open .accepting:before, -.filtering-label.filtering-label-topic-open .accepting:before { - content: '●'; - font-size: 10px; - margin-right: 5px; - color: #ffe400; -} -.news-label p, -.filtering-label p { - color: #646464; - font-size: 12.48px; - display: table-cell; - vertical-align: middle; - padding: 5px; - line-height: 1.2; - -webkit-border-radius: 2px 0 0 2px; - max-width: 263px; -} -.news-label .close-button, -.filtering-label .close-button { - width: 17px; - display: table-cell; - vertical-align: middle; - color: #323232; - text-align: center; - line-height: 1.2; - border: none; - border-left: 1px solid #dddddd; - margin: 2px 0; - padding: 0 3px; - -webkit-border-radius: 0 2px 2px 0; -} -.news-label .close-button:before, -.filtering-label .close-button:before { - background-position: -51px -102px; - width: 17px; - height: 17px; -} -#body .news-label { - width: 310px; - -webkit-border-radius: 6px; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - margin: 15px auto; -} -#body .news-label .news-button { - display: table-cell; - vertical-align: middle; - line-height: 14px; - padding: 5px 8px 5px 18px; - font-size: 12.48px; - color: #323232; - height: 28px; - background: url('/img/n3ds/unread_notif.png') 2px center no-repeat; -} -.messages-page #header-body { - font-size: 16px; -} -.messages-page #header-body #page-title { - display: table; -} -.messages-page #header-body span { - display: table-cell; - vertical-align: middle; - text-align: left; -} -.messages-page #header-body .user-icon-container { - margin-right: 5px; -} -.message-post-list .post:before { - position: absolute; - content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAkElEQVQIHWP8//8/Awzs2LFDE8jOFRcXz2RBEvQAsjM1NTX95OXlGRhBOoAqTbi4uE5raGgwiImJMYDEmKA6MpWUlMCCIP7fv3/hEtNv3brF8ObNG7A6RkZGiISHh8eZX79+BZw5c2bP27dvGZiZmSF2QI0D2RUEZGfq6Oi4gC2HSYBooKQxHx/fGQwJqKQRAAgsO4TVh8+4AAAAAElFTkSuQmCC'); - left: -6px; -} -.message-post-list .post.my:before { - position: absolute; - content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAnElEQVQIHWPYf3zn/+3bt0/7//8/AzJmkrNgZ+CVYM7csWPHNAYkwHj3/4H/IP7zC78YPr/4Ox3IrPLw8PjA9O8PRJmkARuDkBJLJpAHwgxMDIwQCRAJtAYEwEpZmJgZGP79/s/w5Owvhh8f/oGMAmEGlm9v/zG8uPyL4c+P/+1As6tAgiDA8gxoKVBHMFBwHUQISgL9IIDsfhgbAL7PVL0uVC06AAAAAElFTkSuQmCC'); - left: auto; - right: -6px; -} -.message-post-list .post .timestamp-container { - margin-left: 0; - float: right; -} -.message-post-list .post .post-content { - clear: none; - margin: 15px 10px 10px; -} -.message-post-list .post.my { - background-color: #dcffbe; -} -.message-post-list .post .post-meta { - padding: 0; - display: table; - width: 308px; - margin: 0 -5px -5px -5px; -} -.message-post-list .post .post-meta a { - padding: 5px; - border-left: 1px solid #dddddd; - color: #323232; - font-size: 12.48px; - display: table-cell; - vertical-align: middle; - text-align: center; - width: 50%; - line-height: 1.2; -} -.message-post-list .post .post-meta a:first-child { - border-left: none; -} -.body-content > .album-content { - margin-top: 5px; -} -#body .album-content .title-container { - min-height: 26px; - display: table; - position: relative; - width: 100%; -} -#body .album-content .icon-container { - width: 26px; - height: 26px; -} -#body .album-content .icon { - width: 24px; - height: 24px; -} -#body .album-content .title { - font-size: 12.48px; -} -#body .album-content .list-content-with-icon-and-text .body { - width: 279px; -} -#body .album-content .arrow-button { - min-height: 14.48px; -} -#body .album-content .album-list { - clear: both; - padding-bottom: 2px; - margin: 0 -3px; -} -#body .album-content .album-list:after { - content: ""; - display: block; - clear: both; -} -#body .album-content .album-list a.screenshot-container { - background-size: 100% auto; - background-position: center; - display: block; - float: left; - height: 85px; - margin: 3px 3px 0; - vertical-align: bottom; - width: 152px; -} -.album-preview-header { - background-color: #000; -} -.album-preview-header img { - height: 220px; - width: auto; -} -.album-wrapper { - font-size: 12.48px; - text-align: center; -} -.album-wrapper .description { - color: #969696; -} -.album-wrapper .created-at { - background-color: #646464; - text-align: center; - color: #fff; - margin-bottom: 10px; -} -.album-wrapper form { - width: 310px; - margin: 0 auto; - display: inline-block; -} -.album-wrapper .button { - width: 190px; - height: auto; - position: relative; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; -} -.album-wrapper .button a { - color: #323232; -} -.album-wrapper .button.disabled, -.album-wrapper .button:disabled { - color: #969696; -} -.album-wrapper .button input { - position: absolute; - top: 0; - left: 0; - border: 0; - margin: 0; - padding: 0; - opacity: 0; - width: 100%; - height: 100%; - -webkit-appearance: none; -} -.album-wrapper .edit-select-button { - width: 200px; - margin-bottom: 10px; -} -.album-wrapper .edit-select-button .select-button-content { - min-height: 30px; -} -.album-wrapper .album-3d-button { - margin-bottom: 5px; -} -.album-wrapper .album-delete-button { - margin-top: 20px; -} -.body-content > #diary_post-post-list, -.profile-content > #diary_post-post-list, -.body-content > #artwork_post-post-list, -.profile-content > #artwork_post-post-list, -.body-content > #topic_post-post-list, -.profile-content > #topic_post-post-list, -.body-content > #via_api-post-list, -.profile-content > #via_api-post-list, -.body-content > .before-renewal, -.profile-content > .before-renewal, -.body-content > .related-community, -.profile-content > .related-community { - margin-bottom: 20px; -} -.body-content > #diary_post-post-list:after, -.profile-content > #diary_post-post-list:after, -.body-content > #artwork_post-post-list:after, -.profile-content > #artwork_post-post-list:after, -.body-content > #topic_post-post-list:after, -.profile-content > #topic_post-post-list:after, -.body-content > #via_api-post-list:after, -.profile-content > #via_api-post-list:after, -.body-content > .before-renewal:after, -.profile-content > .before-renewal:after, -.body-content > .related-community:after, -.profile-content > .related-community:after { - content: ""; - display: block; - clear: both; -} -.multi-timeline-body-content { - margin-bottom: 38px; -} -#diary_post-post-list h2:before { - background-position: 0px -170px; - width: 17px; - height: 17px; -} -#diary_post-post-list .multitimeline-post-button:before { - background-position: 0px -85px; - width: 17px; - height: 17px; -} -#diary_post-post-list .multitimeline-post-button.disabled:before { - background-position: -34px -187px; - width: 17px; - height: 17px; -} -#artwork_post-post-list h2:before { - background-position: -17px -170px; - width: 17px; - height: 17px; -} -#artwork_post-post-list .multitimeline-post-button:before { - background-position: -17px -187px; - width: 17px; - height: 17px; -} -#artwork_post-post-list .multitimeline-post-button.disabled:before { - background-position: -51px -187px; - width: 17px; - height: 17px; -} -#topic_post-post-list h2:before { - background-position: -34px -170px; - width: 17px; - height: 17px; -} -#topic_post-post-list .multitimeline-post-button:before { - background-position: 0px -85px; - width: 17px; - height: 17px; -} -#topic_post-post-list .multitimeline-post-button.disabled:before { - background-position: -34px -187px; - width: 17px; - height: 17px; -} -#topic_post-post-list + .body-content .multi-post-list, -#topic_post-post-list .multi-post-list { - border-bottom: 1px dashed #FFF; -} -#via_api_post-post-list h2, -#via_api-post-list h2 { - background: #5ac800; -} -#via_api_post-post-list h2:before, -#via_api-post-list h2:before { - background-position: -51px -170px; - width: 17px; - height: 17px; -} -.with-filter .multitimeline-post-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - display: table-cell; - vertical-align: middle; - margin: 0; - padding: 3px 5px; - min-height: 21px; - min-width: 80px; - width: 1%; - -webkit-border-radius: 0 3px 3px 0; -} -.with-filter .multitimeline-post-button a { - color: #323232; -} -.with-filter .multitimeline-post-button.disabled, -.with-filter .multitimeline-post-button:disabled { - color: #969696; -} -.with-filter .multitimeline-post-button.symbol:before { - display: inline-block; - margin: -4px 2px 0 0; - float: none; - vertical-align: middle; -} -.post-list.empty { - text-align: center; - padding: 0 10px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; -} -#diary_post-post-list .post-list.empty { - width: 294px; - margin: 0 -2px; - height: 90px; -} -#artwork_post-post-list .post-list.empty { - width: 289px; - height: 120px; - margin-bottom: 5px; -} -#topic_post-post-list .post-list.empty { - width: 286px; - margin: 0 2px; - height: 103px; -} -.multi-post-list { - clear: both; - margin-bottom: 10px; -} -.multi-post-list .post { - padding: 0 0 5px; -} -.multi-post-list .user-icon-container { - width: 26px; - height: 26px; -} -.multi-post-list .user-icon-container img { - width: 24px; - height: 24px; -} -.multi-post-list .post-content-memo a { - display: block; -} -.multi-post-list .post-content-memo img { - width: 153px; - height: auto; -} -.multi-post-list .hidden-content { - padding: 6px 0; - text-align: center; -} -.multi-post-list .hidden-content p { - color: #969696; - font-size: 12.48px; - text-align: center; - margin-bottom: 3px; -} -.multi-post-list .hidden-content .to-permalink-button { - color: #969696; -} -.multi-post-list .hidden-content .button { - background-color: #fff; - min-width: 150px; - padding: 5px 6px; - color: #323232; - font-size: 12.48px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 6px; -} -.multi-post-list .community-container { - padding: 3px 5px 3px 12px; - background-color: #f6f6f6; - -webkit-border-radius: 5px 5px 0 0; -} -.multi-post-list .hidden .post-content { - display: none; -} -.multi-timeline-post .screenshot-container, -.multi-timeline-post .video-thumbnail-container { - position: relative; -} -.multi-timeline-post .screenshot-container:after, -.multi-timeline-post .video-thumbnail-container:after { - position: absolute; - content: url('/img/n3ds/magnify_plus.png'); - bottom: -4px; - right: 0px; - pointer-events: none; -} -.multi-timeline-post .screenshot-container.video:after, -.multi-timeline-post .video-thumbnail-container.video:after { - position: absolute; - content: url('/img/n3ds/play_arrow.png'); - bottom: -2px; - right: 3px; -} -.multi-timeline-post .screenshot-container img, -.multi-timeline-post .video-thumbnail-container img { - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - vertical-align: bottom; -} -.multi-timeline-post.post-subtype-diary, -.multi-timeline-post.post-subtype-default { - padding: 2px 0; -} -.multi-timeline-post.post-subtype-diary .community-container, -.multi-timeline-post.post-subtype-default .community-container { - margin: -5px -5px 5px; -} -.multi-timeline-post.post-subtype-diary .screenshot-container, -.multi-timeline-post.post-subtype-default .screenshot-container, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container, -.multi-timeline-post.post-subtype-default .video-thumbnail-container { - float: left; - display: block; - margin-right: 7px; -} -.multi-timeline-post.post-subtype-diary .screenshot-container img, -.multi-timeline-post.post-subtype-default .screenshot-container img, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container img, -.multi-timeline-post.post-subtype-default .video-thumbnail-container img { - width: 100px; -} -.multi-timeline-post.post-subtype-diary .body, -.multi-timeline-post.post-subtype-default .body { - background: #FFF; - background-repeat: no-repeat; - margin-left: 30px; - padding: 5px; - position: relative; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 5px; - -webkit-box-sizing: border-box; -} -.multi-timeline-post.post-subtype-diary .body:after, -.multi-timeline-post.post-subtype-default .body:after { - content: ""; - display: block; - clear: both; -} -.multi-timeline-post.post-subtype-diary .body:before, -.multi-timeline-post.post-subtype-default .body:before { - content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJCAYAAAD6reaeAAAAf0lEQVQIHWP8//8/Awzcv39fjoWF5SETkgCIHc/IyMjAAFJ57969VCD+//r16/9//vwBC1g8ffr0/48fP4DyEADScpyLi4uBnZ0dZhIDSFD+/fv3U1+8eMHw9+9fiARQA8zcmocPH/7/+vXrf0aQIAwAneQBdNJ2uJOgEtdANAA9Ik+NfFf5GAAAAABJRU5ErkJggg=='); - width: 5px; - height: 9px; - position: absolute; - left: -5px; - top: 4px; -} -.multi-timeline-post.post-subtype-diary .post-content a, -.multi-timeline-post.post-subtype-default .post-content a { - display: block; -} -.multi-timeline-post.post-subtype-diary .post-content .post-content-text, -.multi-timeline-post.post-subtype-default .post-content .post-content-text { - padding: 4px 6px 7px; -} -.multi-timeline-post.post-subtype-diary .post-content .post-content-text a, -.multi-timeline-post.post-subtype-default .post-content .post-content-text a { - color: #323232; -} -.multi-timeline-post.post-subtype-diary .post-content .post-content-text span, -.multi-timeline-post.post-subtype-default .post-content .post-content-text span { - overflow: hidden; - -webkit-line-clamp: 3; - display: -webkit-box; - -webkit-box-orient: vertical; -} -.multi-timeline-post.post-subtype-diary .post-content .post-tag, -.multi-timeline-post.post-subtype-default .post-content .post-tag, -.multi-timeline-post.post-subtype-diary .post-content .multi-language-post, -.multi-timeline-post.post-subtype-default .post-content .multi-language-post { - padding: 2px 5px 0 0; - z-index: 2; - line-height: 1.2; - display: inline-block; -} -.multi-timeline-post.post-subtype-diary .post-content .post-tag:before, -.multi-timeline-post.post-subtype-default .post-content .post-tag:before, -.multi-timeline-post.post-subtype-diary .post-content .multi-language-post:before, -.multi-timeline-post.post-subtype-default .post-content .multi-language-post:before { - margin-right: 3px; -} -.multi-timeline-post.post-subtype-diary .screenshot-container + .post-content-text, -.multi-timeline-post.post-subtype-default .screenshot-container + .post-content-text, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container + .post-content-text, -.multi-timeline-post.post-subtype-default .video-thumbnail-container + .post-content-text, -.multi-timeline-post.post-subtype-diary .screenshot-container + .post-content-memo, -.multi-timeline-post.post-subtype-default .screenshot-container + .post-content-memo, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container + .post-content-memo, -.multi-timeline-post.post-subtype-default .video-thumbnail-container + .post-content-memo { - margin-left: 107px; -} -.multi-timeline-post.post-subtype-diary .post-info, -.multi-timeline-post.post-subtype-default .post-info { - color: #969696; - font-size: 10px; - padding: 0 2px; - line-height: 1.3em; -} -.multi-timeline-post.post-subtype-diary .post-info a, -.multi-timeline-post.post-subtype-default .post-info a { - color: #969696; -} -.multi-timeline-post.post-subtype-diary .timestamp, -.multi-timeline-post.post-subtype-default .timestamp { - display: inline-block; -} -.multi-timeline-post.post-subtype-diary .user-icon-container, -.multi-timeline-post.post-subtype-default .user-icon-container { - position: absolute; - left: -30px; - top: 0; -} -.multi-timeline-post.post-subtype-diary.with-image .post-content .post-content-text, -.multi-timeline-post.post-subtype-default.with-image .post-content .post-content-text { - padding: 0 0 5px; -} -.multi-timeline-post.post-subtype-diary .community-container { - margin: -5px -5px 5px -10px; -} -.multi-timeline-post.post-subtype-diary .screenshot-container img, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container img { - width: 125px; -} -.multi-timeline-post.post-subtype-diary .user-icon-container { - position: absolute; - left: 12px; - bottom: 5px; - top: auto; -} -.multi-timeline-post.post-subtype-diary .post-info { - position: absolute; - bottom: 4px; - left: 42px; -} -.multi-timeline-post.post-subtype-diary .body { - padding-left: 10px; - margin-left: 0; -} -.multi-timeline-post.post-subtype-diary .body:before { - background-image: url('/img/n3ds/spacer.png'); - content: ''; - height: 100%; - left: -4px; - position: absolute; - top: 0; - width: 11px; -} -.multi-timeline-post.post-subtype-diary .post-content, -.multi-timeline-post.post-subtype-diary .hidden-content { - padding-bottom: 26px; -} -.multi-timeline-post.post-subtype-diary .screenshot-container + .post-content-text, -.multi-timeline-post.post-subtype-diary .video-thumbnail-container + .post-content-text { - margin-left: 132px; -} -.multi-timeline-post.post-subtype-diary.with-image .post-info { - left: 167px; -} -.multi-timeline-post.post-subtype-diary.with-image .user-icon-container { - left: 140px; -} -.multi-timeline-post.post-subtype-diary.with-image.hidden .user-icon-container { - left: 12px; -} -.multi-timeline-post.post-subtype-diary.with-image.hidden .post-info { - left: 42px; -} -#artwork_post-post-list .multi-post-list:after { - content: ""; - display: block; - clear: both; -} -#artwork_post-post-list .more-button-container { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; -} -#artwork_post-post-list .more-button { - margin: 0 4px; - width: 130px; -} -#artwork_post-post-list .more-button:before { - display: inline-block; - vertical-align: middle; - margin-right: 3px; - margin-top: -2px; - float: none; -} -#artwork_post-post-list .newest-more-button:before { - background-position: 0px -17px; - width: 17px; - height: 17px; -} -#artwork_post-post-list .popular-more-button:before { - background-position: -17px -17px; - width: 17px; - height: 17px; -} -.multi-timeline-post.post-subtype-artwork { - position: relative; - float: left; - padding: 0 2px 4px; -} -.multi-timeline-post.post-subtype-artwork:after { - content: ""; - display: block; - clear: both; -} -.multi-timeline-post.post-subtype-artwork:nth-child(odd) { - margin: 0 0 0 -3px; - clear: both; -} -.multi-timeline-post.post-subtype-artwork:nth-child(even) { - margin: 0 -3px 0 0; -} -.multi-timeline-post.post-subtype-artwork .screenshot-container { - display: none; -} -.multi-timeline-post.post-subtype-artwork .body { - min-height: 57px; - background-color: #dddddd; - display: -webkit-box; - -webkit-box-align: center; -} -.multi-timeline-post.post-subtype-artwork .user-icon-container { - position: absolute; - left: 2px; - bottom: 4px; -} -.multi-timeline-post.post-subtype-artwork .post-content-memo img { - width: 153px; - height: auto; - vertical-align: bottom; -} -.multi-timeline-post.post-subtype-artwork .hidden-content { - width: 145px; - padding: 0 4px 3px; -} -.multi-timeline-post.post-subtype-artwork .hidden-content + .user-container { - display: none; -} -.multi-timeline-post.post-subtype-artwork .hidden-content p, -.multi-timeline-post.post-subtype-artwork .hidden-content .button { - font-size: 11px; -} -.multi-timeline-post.post-subtype-artwork .hidden-content p { - margin-bottom: 0; -} -.multi-timeline-post.post-subtype-artwork .hidden-content .button { - min-width: 130px; -} -.tutorial-window.multi_timeline-topic-filter { - margin-bottom: 5px !important; - display: none; -} -.tutorial-window.multi_timeline-topic-filter:after { - content: url('/img/n3ds/up_arrow.png'); - right: 30px; - top: -17px; -} -.tutorial-window.multi_timeline-topic-filter.open { - display: block; -} -.tutorial-window.multi_timeline-topic-filter .select-button { - margin-top: 5px; - display: -webkit-box; -} -.tutorial-window.multi_timeline-topic-filter .post-button { - min-width: 200px; - margin-bottom: 0; -} -.multi-timeline-post.post-subtype-topic { - border-top: 1px dashed #FFF; - border-bottom: 1px dashed #c9c9c9; - padding: 5px; -} -.multi-timeline-post.post-subtype-topic:first-child { - border-top: none; -} -.multi-timeline-post.post-subtype-topic .screenshot-container, -.multi-timeline-post.post-subtype-topic .video-thumbnail-container { - float: right; - margin-left: 5px; -} -.multi-timeline-post.post-subtype-topic .screenshot-container img, -.multi-timeline-post.post-subtype-topic .video-thumbnail-container img { - height: 48px; - width: auto; -} -.multi-timeline-post.post-subtype-topic .post-content { - overflow: hidden; - -webkit-line-clamp: 3; - display: -webkit-box; - -webkit-box-orient: vertical; -} -.multi-timeline-post.post-subtype-topic .tag-container { - display: inline; -} -.multi-timeline-post.post-subtype-topic .post-content-text { - display: inline; -} -.multi-timeline-post.post-subtype-topic .to-permalink-button { - color: #323232; -} -.multi-timeline-post.post-subtype-topic .user-icon-container { - display: none; -} -.multi-timeline-post.post-subtype-topic .post-info { - color: #969696; - font-size: 10px; - padding: 0 2px; - line-height: 2em; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; -} -.multi-timeline-post.post-subtype-topic .post-info a { - color: #969696; -} -.multi-timeline-post.post-subtype-topic .timestamp { - margin-right: 10px; -} -.multi-timeline-post.post-subtype-topic .post-meta { - float: right; - border-top: none; - margin: 0 -5px 0 5px; -} -.multi-timeline-post.post-subtype-topic .empathy { - padding-left: 0; -} -.multi-timeline-post.post-subtype-topic .accepting, -.multi-timeline-post.post-subtype-topic .not-accepting { - display: inline; -} -.multi-timeline-post.post-subtype-topic .accepting > span, -.multi-timeline-post.post-subtype-topic .not-accepting > span { - float: none; - padding: 1px 5px 2px; - font-size: 11px; -} -.multi-timeline-post.post-subtype-topic.hidden .post-content, -.multi-timeline-post.post-subtype-topic.hidden .post-meta { - display: none; -} -.before-renewal { - background-color: rgba(200, 200, 200, 0.4); - padding: 10px; - -webkit-box-sizing: border-box; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 2px; - -webkit-border-bottom-left-radius: 3px; -} -.before-renewal .description { - font-size: 12.48px; -} -.before-renewal .button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - max-width: 250px; - margin: 6px auto 0; -} -.before-renewal .button a { - color: #323232; -} -.before-renewal .button.disabled, -.before-renewal .button:disabled { - color: #969696; -} -.news-page .icon-container { - overflow: visible; -} -.news-page .icon-container img { - background: #fff; -} -#news-list-content li .body { - position: relative; -} -#news-list-content li .text { - font-size: 14px; - font-weight: normal; - color: #111; - white-space: normal; -} -#news-list-content li .text a { - color: #006eff; -} -#news-list-content li .text .nick-name { - font-weight: bold; -} -#news-list-content li .text .timestamp { - font-size: 12.48px; - color: #969696; - white-space: nowrap; -} -#news-list-content li .text .link { - color: #3caa00; -} -#news-list-content li.admin-message .nick-name { - font-size: 14px; -} -#news-list-content li.admin-message .id-name { - font-size: 10px; - padding: 1px 3px; - margin-top: 2px; - color: #969696; - margin-right: 5px; -} -#user-diary-container h1#page-title { - font-size: 16px; -} -#user-diary-container h1#page-title span { - display: block; -} -#user-diary-container h1#page-title .user-icon-container { - float: none; - display: inline-block; - margin-bottom: 3px; - height: 64px; - width: 64px; -} -#user-diary-container h1#page-title .user-icon-container img { - height: 62px; - width: 62px; -} -#user-diary-container h1#page-title .record-message { - display: inline-block; - background-color: #edff75; - font-size: 12.48px; - padding: 1px 10px 0; - margin-top: 3px; - min-width: 130px; - color: #3caa00; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -#user-diary-container .memo-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 5px; - width: 155px; - margin: 10px auto; -} -#user-diary-container .memo-button a { - color: #323232; -} -#user-diary-container .memo-button.disabled, -#user-diary-container .memo-button:disabled { - color: #969696; -} -#post-diary-window { - position: relative; - margin-bottom: 10px !important; -} -#post-diary-window:after { - content: ""; - display: block; - clear: both; -} -#post-diary-window:before { - background-image: url('/img/n3ds/diary_post.png'); - background-size: 40px auto; - content: ''; - height: 35px; - position: absolute; - right: 1px; - top: -5px; - width: 40px; - z-index: 2; -} -#post-diary-window .community-container-inner { - background-color: #f6f6f6; - border-bottom: 2px dotted #dddddd; - color: #646464; - display: block; - font-size: 12.48px; - margin: -10px -10px 5px; - padding: 3px 60px 3px 8px; - position: relative; - -webkit-border-radius: 9px 9px 0 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; -} -#post-diary-window .community-container-inner a.arrow-button { - background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAaCAQAAAAUYRSMAAABbklEQVR4AW2KJXTbYRwAPx1V/0ZeTdfbednIYceMZsy8MJcDDRfDNGZQUZkZ86Zu3/vnF86dvFPHNpzKnOMKV+sXNqphnHpygyniJJn9cs88ZDinc44qNYoksA8ul4gZWUuJFI7+xV+fp0xVNJZTPcN3V7K+rENFLOrF5eoa2IJl+d0CBUpiQS+ezoIJvSy+S5OnKOZJyyIwhmXhXZIseTFLEveTcyM9y6NMlBWyYoYk3ifne5cHmTDLZMRVUvgyqgOjWGqZIIusiMvEUYIsqxkLUZbaLvYOu83HuEuEhbbFRlfeZT7CVSaJkxIzH/+4Otl1lGtMECMprurMXsk7Xce4wSTzxMXKOywcw2TkcdcRyVGx3MnbRsbDR7nOBBHmxZLOjKkmO4wcIERYfPhQcpN9XNY5SEh8lUGycAgLcwTFlzqzSXVzpWFhljlt+J+RR1Uv31yuho8Z5r+/n+vNAnuxiFd7s4BJljOsVUP4D0R1qRL4an5FAAAAAElFTkSuQmCC') no-repeat 250px center; - background-size: 6px auto; - position: absolute; - width: 265px; - height: 100%; - top: 0; - left: 0; -} -#post-diary-window .icon { - width: 14px; - height: 14px; - margin: 0 0 -2px 0; -} -#post-diary-window .diary-screenshot-container { - float: left; - width: 133px; - margin-left: -10px; - margin-right: 5px; - text-align: center; -} -#post-diary-window .diary-screenshot-container label { - background-color: #ddd; - position: relative; - display: inline-block; - margin: 5px 0; - height: 65px; - -webkit-border-radius: 3px; -} -#post-diary-window .diary-screenshot-container label.checked { - border: 5px solid #fff222; - margin: 0 -5px; -} -#post-diary-window .diary-screenshot-container label.checked:before { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABBCAMAAABfAPIzAAAAzFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+lwD/8+r/277+7uD+nyL/+fX/rVX/tWn/vHr+w4n/0KX/4sn+pkD+yZf/6NX/1bE9psQbAAAAM3RSTlMA9/Py5+Lf0tfTz8fAv7ewr6egn5eQj4N/c29nYGNYV1BTSEdBODcwKCckIBgeFxARDgjbw4yJAAAClUlEQVR42qWYBXbrQAxFVWZmZuZKYbS9/z39qnLbeaafmdxDIdMVntAYPB7f0Xi8bUwz8+TqE4VzOcPG1CmFcj/Fv5xTGJ9z/Mc0hbHFSq3eYOWKQjhkpdEUqeuLvSCprLTaItLRV8vhUrvyRU9fbZI3zya1L180W/ryhLxZZ2UgSp+VB/Jl/1eqyLClr7fJl/M/qWls+IM8uTGpHVE6rGwHSo3kmxjy1VNqXb7phlXOriNVpKZvlsiTU5M6FCe8t77Z7kpN82zDN9tnWemJOOF9IT9WXKkyLAvv+/Xdf6WKuOH9IORje+G78V5VSm2KOHl2lE3naU5Zfy5tIdwWccK7WFhWxnqB1BmQKlFBW7xfYZddyjIHUtPwruO9WvC4FTfsxSkh26zE8kOSD+9pOkPqzR9hU5fkcmy9vSnl4b1jdkqzx8rsfVFfhvBOQHiX8DeWiSvQl0FqUXhv3cpUzMt+ZtglIhXhPUBnqh76xBZKLQ7vms0Qh7bJvcFhVxVeWnbKG64194xSq6p307GGP1zHYWe0C6v3JO1WLs1UrjPsqqv3AUvcGJpcd9i5zfmMsmxDXUAuZKVKs7Q5z0EygVyQis25eKq1BRiwgoEbcnlzPoUCQ7lR/sRvVf0zFqDdMlVZUYfVnTwRoJtKxaKZJyDf/rqZs/SbkrN6NcIuV84QiqaQY8iJIgYjjLwtyE5ghI0Gm08kxTSrrGIbxOTysYpysaCxA6z7bZdZYlaePVeyonI89FkOe8UpsuS3prYLH+bOc2FGLZHP0osFjeXMc2GrGTaWm4AlsQ7n8HgY2KwG5qVj55gLW5y5Ve91otheT92T/1kAWHo8zxJ+DtzijOD/FD62p9lYuqIxeDjZXN65eKUR+Ad6vHkj9kzBgQAAAABJRU5ErkJggg=='); - background-size: 27px auto; - content: ''; - width: 27px; - position: absolute; - right: -4px; - bottom: -2px; - height: 25px; -} -#post-diary-window .diary-screenshot-container label.top-screen { - width: 108px; -} -#post-diary-window .diary-screenshot-container label.bottom-screen { - width: 87px; -} -#post-diary-window .diary-screenshot-container img { - height: 65px; - vertical-align: bottom; - width: auto; - -webkit-border-radius: 3px; -} -#post-diary-window .diary-screenshot-container input { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - margin: 0; - -webkit-appearance: none; -} -#post-diary-window h2 { - color: #5ac800; - margin: 10px 0; - line-height: 1.4em; -} -#post-diary-window h2.diary-text-no-screenshots { - display: none; -} -#post-diary-window .button { - min-height: 25px; -} -#post-diary-window.no-screenshots .diary-screenshot-container, -#post-diary-window.no-screenshots .diary-text-with-screenshots, -#post-diary-window.no-screenshots .album-button { - display: none; -} -#post-diary-window.no-screenshots h2.diary-text-no-screenshots { - display: block; -} -#post-diary-window.no-screenshots h2 { - text-align: center; - margin: 10px 0; -} -#post-diary-window.no-screenshots .edit-diary-button { - margin: 0 auto 5px; -} -#post-diary-window .no-community h2 { - margin: 0px 30px 5px 0; - text-align: left; - line-height: 1.4em; -} -#post-diary-window .no-community p { - font-size: 11.48px; -} -#post-diary-window .no-community .button { - min-height: 20px; -} -.diary-content .post-subtype-label-diary { - display: none; -} -.settings-list-content .settings-list > li { - padding: 10px 3px; - border-top: 1px dashed #FFF; - border-bottom: 1px dashed #c9c9c9; -} -.settings-list-content .settings-list > li:after { - content: ""; - display: block; - clear: both; -} -.settings-list-content #account-settings-form .settings-list > li:first-child, -.settings-list-content #profile-settings-form .settings-list > li:first-child { - border-top: none; - padding-top: 0; -} -.settings-list-content .settings-label { - margin: 0 0 5px; -} -.settings-list-content .select-content { - text-align: right; -} -.settings-list-content .form-buttons { - padding-top: 20px; - text-align: center; - border-top: 1px dashed #FFF; -} -.settings-list-content .black-button { - display: inherit; -} -.settings-list-content .title-container { - width: 100%; - display: table; - padding: 5px 0 10px; - border-bottom: 1px dashed #dddddd; -} -.settings-list-content .title-container .title-icon { - width: 24px; - height: 24px; - display: table-cell; - vertical-align: middle; -} -.settings-list-content .title-container .title-name { - width: 281px; - font-size: 12.48px; - display: table-cell; - vertical-align: middle; -} -.settings-list-content #favorite-game-genre .select-content { - margin-bottom: 5px; -} -.settings-list-content #favorite-game-genre .select-content:last-child { - margin-bottom: 0; -} -.settings-list-content #favorite-game-genre td span:after { - content: "/"; - display: inline-block; -} -.settings-list-content #favorite-game-genre td span:last-child:after { - content: " "; -} -.settings-list-content .note { - font-size: 12.48px; - color: #969696; - margin-bottom: 5px; -} -.settings-list-content .note-attention { - font-size: 12.48px; - color: #e67877; - clear: both; -} -.settings-list-content .note-attention:before { - content: ""; - -webkit-border-radius: 50%; - display: inline-block; - width: 10px; - height: 10px; - background-color: #e67877; - margin-right: 5px; -} -.setting-profile-post .settings-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - -webkit-box-align: start; - -webkit-box-pack: initial; - display: block; - padding: 0 0 30px; - width: 210px; - float: right; - position: relative; -} -.setting-profile-post .settings-button a { - color: #323232; -} -.setting-profile-post .settings-button.disabled, -.setting-profile-post .settings-button:disabled { - color: #969696; -} -.setting-profile-post .remove-button-label { - display: block; - background: url('/img/n3ds/post-iconset.png') 0 -58px no-repeat; - width: 100%; - height: 30px; - color: #fff; - margin: 0; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - position: absolute; - bottom: 0; - left: 0; -} -.setting-profile-post img { - padding: 5px 0; - width: 200px; - height: auto; - text-align: left; - vertical-align: bottom; -} -.help #index .num1, -.help #index .num2, -.help #index .num3 { - margin-bottom: 20px; -} -.help #index h2 { - margin-bottom: 10px; -} -.help #index h3 { - font-size: 12.48px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; - color: #323232; - background: #dddddd; - margin-top: 10px; - margin-bottom: 5px; - border: none; - padding: 5px; -} -.help #index .help-item-button { - display: table; - width: 280px; - min-height: 20px; - padding: 5px; - margin: 0 auto; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - margin-bottom: 3px; - border-style: solid; - border-width: 1px; -} -.help #index .help-item-button .page-chapter { - display: table-cell; - vertical-align: middle; - width: 20px; - padding-right: 5px; - border-right: 3px solid #dddddd; - text-align: center; -} -.help #index .help-item-button .label { - display: table-cell; - vertical-align: middle; - text-align: left; - padding-left: 5px; -} -.help .help-content { - padding: 15px 0; -} -.help .help-content:after { - content: ""; - display: block; - clear: both; -} -.help h2 { - clear: both; - padding: 6px; - line-height: 1.2; - background: #5ac800; - color: #fff; - font-size: 14px; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.help h2.with-page-chapter { - display: table; - width: 100%; - padding-left: 0; - padding-right: 0; -} -.help h2 .with-page-chapter-title { - display: table-cell; - vertical-align: middle; - padding: 0 2px 0 5px; -} -.help h2 .page-chapter { - display: table-cell; - vertical-align: middle; - border-right: 2px solid rgba(255, 255, 255, 0.3); - width: 30px; - text-align: center; -} -.help h3 { - clear: both; - margin-top: 1.5em; - border-bottom: 2px solid #5ac800; - font-size: 14px; - font-weight: bold; - line-height: 1.2; - padding-bottom: 3px; -} -.help h3.tight-title { - letter-spacing: -1px; -} -.help p { - font-size: 14px; - margin: 10px 0; -} -.help p.guide-img { - text-align: center; - margin: 20px 0; -} -.help .attention img, -.help p img { - vertical-align: middle; - height: auto; -} -.help .attention { - clear: both; - padding: 5px 10px 0; - border: 1px solid #969696; - margin: 20px 0 0; - background: #fff; - -webkit-border-radius: 9px; -} -.help .attention .title { - margin: 0px -5px 5px; - padding: 5px; - color: #fff; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -.help .attention p.title img { - width: 20px; - height: 18px; - margin-right: 3px; - vertical-align: middle; -} -.help .table table { - width: 100%; - max-width: 100%; - border-collapse: separate; -} -.help .table td, -.help .table th { - padding: 2px 5px; - border-right: 1px solid #ff9100; - border-bottom: 1px solid #ff9100; - background: #fff; - font-size: 12.48px; - line-height: 1.4; -} -.help .table th { - background: #ff9100; - color: #fff; - font-weight: bold; -} -.help .table th span { - display: inline-block; - text-align: left; -} -.help .table tr:first-child td:first-child, -.help .table tr:first-child th:first-child { - -webkit-border-top-left-radius: 11px; -} -.help .table tr:first-child td:last-child, -.help .table tr:first-child th:last-child { - -webkit-border-top-right-radius: 9px; -} -.help .table tr:last-child td:first-child, -.help .table tr:last-child th:first-child { - -webkit-border-bottom-left-radius: 9px; -} -.help .table tr:last-child td:last-child, -.help .table tr:last-child th:last-child { - -webkit-border-bottom-right-radius: 9px; -} -.help .table.table-horizontal th:first-child { - border-right-color: #fff !important; -} -.help .table.table-horizontal th + th { - border-left-color: #fff !important; -} -.help .table.table-horizontal td:first-child { - border-left: 1px solid #ff9100; -} -.help .table.table-horizontal tr:last-child th:first-child { - border-bottom: 1px solid #ff9100; -} -.help .table.table-vertical th { - border-bottom-color: #fff!important; - border-left: 1px solid #ff9100; -} -.help .table.table-vertical tr:first-child td, -.help .table.table-vertical tr:first-child th { - border-top: 1px solid #ff9100; -} -.help .table.table-vertical tr:last-child th { - border-bottom-color: #ff9100 !important; -} -.help ul { - padding-left: 1.2em; - margin: 0 0 1.2em; -} -.help .help-display-img + ul, -.help .help-display-img + ol { - padding-left: 55px; -} -.help .help-display-img + ul .img-anchor-button, -.help .help-display-img + ol .img-anchor-button { - margin: -3px 0 0 -55px; -} -.help ul li { - padding: 0.5em 0 0; -} -.help ul li { - *list-style: disc; -} -.help li p, -.help .note { - color: #646464; - font-size: 12.48px; - margin: 5px 0; -} -.help .note { - padding-left: 30px; -} -.help .note:before { - content: '◆'; - margin-left: -30px; - margin-right: 5px; -} -.help ul li:before { - content: '●'; - margin: 0 0.2em 0 -1.2em; -} -.help ul ul li:before { - content: '○'; -} -.help ul ul li { - *list-style: circle; -} -.help .num1 h3, -.help .num1 li:before { - color: #ff9100; -} -.help .num2 h3, -.help .num2 li:before { - color: #ff6473; -} -.help .num3 h3, -.help .num3 li:before { - color: #ff57bb; -} -.help .num4 h3, -.help .num4 li:before { - color: #00a8e8; -} -.help .num5 h3, -.help .num5 li:before { - color: #0092aa; -} -.help .num6 h3, -.help .num6 li:before { - color: #46c81e; -} -.help .num1 h2, -.help .num1 .table th, -.help .num1 a.img-anchor-button, -.help .num1 .help-display-img a { - background: #ff9100; -} -.help .num2 h2, -.help .num2 .table th, -.help .num2 a.img-anchor-button, -.help .num2 .help-display-img a { - background: #ff6473; -} -.help .num3 h2, -.help .num3 .table th, -.help .num3 a.img-anchor-button, -.help .num3 .help-display-img a { - background: #ff57bb; -} -.help .num4 h2, -.help .num4 .table th, -.help .num4 a.img-anchor-button, -.help .num4 .help-display-img a { - background: #00a8e8; -} -.help .num1 h3, -.help .num1 .table td, -.help .num1 .table th, -.help .num1 .attention, -.help .num1 .help-item-button { - border-color: #ff9100; -} -.help .num2 h3, -.help .num2 .attention, -.help .num2 .help-item-button { - border-color: #ff6473; -} -.help .num3 h3, -.help .num3 .table td, -.help .num3 .table th, -.help .num3 .table.table-vertical tr:first-child td, -.help .num3 .table.table-vertical tr:first-child th, -.help .num3 .attention, -.help .num3 .help-item-button { - border-color: #ff57bb; -} -.help .num3 .table.table-vertical tr:last-child th { - border-bottom-color: #ff57bb !important; -} -.help .num4 h3, -.help .num4 .attention, -.help .num4 .help-item-button { - border-color: #00a8e8; -} -.help .num1 .attention .title { - background-color: #ff9100; -} -.help .num2 .attention .title { - background-color: #ff6473; -} -.help .num3 .attention .title { - background-color: #ff57bb; -} -.help .guide-img1, -.help .guide-img2, -.help .guide-img3, -.help .guide-img4, -.help .guide-img5, -.help .guide-img7 { - text-align: center; -} -.help .guide-img1 img, -.help .guide-img2 img, -.help .guide-img3 img, -.help .guide-img4 img, -.help .guide-img5 img, -.help .guide-img7 img { - max-height: none!important; -} -.help .guide-img6:after { - content: ""; - display: block; - clear: both; -} -.help .guide-img6 img { - float: right; -} -.help .global-menu-help { - min-height: 30px; - padding: 0px 0 0 45px; - border-top: 1px dashed #FFF; - border-bottom: 1px dashed #c9c9c9; - background-position: 5px center!important; -} -.help .global-menu-help p { - margin: 5px 0; - font-size: 12.48px; -} -.help .copyright-content { - font-size: 12.48px; - white-space: pre-wrap; - margin: 10px 0; -} -.help .copyright-content hr { - border-top: 1px solid #c9c9c9; - border-bottom: 1px solid #fff; - border-left: none; - border-right: none; - margin: 0; -} -.slide-page { - height: 460px; - position: relative; -} -.slide-button.left, -.slide-button.next-button, -.fixed-bottom-button.next-button, -.welcome-luminous_user_data-button.left, -.welcome-luminous_user_data-button.next-button, -.welcome-settings-button.left, -.welcome-settings-button.next-button, -.welcome-exit-button, -.welcome-finish-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - padding: 8px; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - border-bottom: none; - min-width: 60px; -} -.help .slide-button.next-button { - max-width: 160px; - text-align: left; -} -.slide-button.left, -.welcome-luminous_user_data-button.left, -.welcome-settings-button.left, -.welcome-exit-button { - -webkit-border-top-right-radius: 9px; - position: absolute; - bottom: 0; - left: 39px; -} -.slide-button.next-button, -.fixed-bottom-button.next-button, -.welcome-luminous_user_data-button.next-button, -.welcome-settings-button.next-button { - -webkit-border-top-left-radius: 9px; - position: absolute; - bottom: 0; - right: 39px; -} -#welcome-guideline .slide-button.left { - position: absolute; - bottom: 0; - left: 39px; -} -#welcome-guideline .slide-button.next-button { - position: absolute; - bottom: 0; - right: 39px; -} -#welcome-finish .next-button.welcome-finish-button { - padding: 20px 10px; - text-align: center; - font-size: 16px; - min-width: 180px; - max-width: 310px; - position: static; - -webkit-border-radius: 6px; -} -#welcome-guideline.slide-page, -#welcome-guideline-body.slide-page { - height: auto ; -} -.welcome-window .window-title { - padding: 0 20px 130px; - height: 220px; - display: -webkit-box; - -webkit-box-sizing: border-box; - -webkit-box-align: center; - -webkit-box-pack: center; - overflow: hidden; - background: no-repeat center bottom #ffffff; -} -.welcome-window .window-title-inner { - color: #5ac800; - font-size: 18px; - line-height: 1.2; - display: inline-block; -} -.welcome-window .window-body { - width: 290px; - margin: 0 auto; - padding: 0 0 22px; - min-height: 240px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: border-box; -} -.welcome-window .window-body-user_data { - width: 290px; - margin: 0 auto; - padding: 0 0 11px; - min-height: 240px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: border-box; -} -.welcome-window .window-body-inner { - padding: 10px; - background: #FFF; - -webkit-border-radius: 9px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - width: auto; -} -.welcome-window p { - text-align: left; - margin: 0; -} -.welcome-window .window-bottom-input input { - font-size: 16px; - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - -webkit-border-radius: 4px; - padding: 3px; -} -.welcome-window .window-bottom-input label { - font-size: 10px; -} -#welcome-finish .welcome-window .window-body-inner { - padding: 0; - background: transparent; - border: none; -} -#welcome-start .window-title { - background-image: url('/img/n3ds/welcome_start.jpg'); -} -#welcome-parental_confirm .window-title { - background-image: url('/img/n3ds/parental_confirm.jpg'); - background-position: center bottom; -} -#welcome-parental_control .window-title { - background-image: url('/img/n3ds/parental_controls.jpg'); - background-position: center 85px; -} -#welcome-about .window-title { - background-image: url('/img/n3ds/welcome_about.jpg'); - background-position: 65px 85px; -} -#welcome-feature .window-title, -#welcome-3ds_offline .window-title { - background-image: url('/img/n3ds/welcome_offline.jpg'); - background-position: center 75px; -} -#welcome-guideline .guideline-container { - width: 310px; - margin: 0 auto; -} -#welcome-guideline .guideline-container > div { - margin-bottom: 2em; -} -#welcome-guideline h1 { - padding: 20px 45px; - margin-bottom: 20px; - background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc)) 0 0; - font-size: 16px; -} -#welcome-guideline h2 { - padding: 6px; - line-height: 1.2; - margin: 0 auto 5px; - font-size: 14px; - color: #fff; - -webkit-border-top-left-radius: 4px; - -webkit-border-top-right-radius: 2px; - -webkit-border-bottom-right-radius: 1px; - -webkit-border-bottom-left-radius: 2px; -} -#welcome-guideline .guideline1 { - margin-top: 2em; - padding-bottom: 180px; - background: url('/img/n3ds/welcome_guideline1.png') no-repeat center bottom; -} -#welcome-guideline .guideline1 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#ffaf00), to(#ff9100)) 0 0; -} -#welcome-guideline .guideline2 { - padding-bottom: 170px; - background: url('/img/n3ds/welcome_guideline2.png') no-repeat center bottom; -} -#welcome-guideline .guideline2 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#ff8282), to(#ff6473)) 0 0; -} -#welcome-guideline .guideline3 { - padding-bottom: 80px; - background: url('/img/n3ds/welcome_guideline3.png') no-repeat center bottom; -} -#welcome-guideline .guideline3 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#ff82be), to(#ff57bb)) 0 0; -} -#welcome-guideline .guideline4 { - padding-bottom: 140px; - background: url('/img/n3ds/welcome_guideline4.png') no-repeat center bottom; -} -#welcome-guideline .guideline4 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#00bee8), to(#00a8e8)) 0 0; -} -#welcome-guideline .guideline5 { - padding-bottom: 110px; - background: url('/img/n3ds/welcome_guideline5.png') no-repeat center bottom; -} -#welcome-guideline .guideline5 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#00a0be), to(#0092aa)) 0 0; -} -#welcome-guideline .guideline6 { - padding-bottom: 100px; - background: url('/img/n3ds/welcome_guideline6.png') no-repeat center bottom; -} -#welcome-guideline .guideline6 h2 { - background: -webkit-gradient(linear, left top, left bottom, from(#64dc1e), to(#46c81e)) 0 0; -} -#welcome-guideline .guideline7 { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-orient: vertical; - margin: 0 auto 0; - padding-top: 20px; - border-top: 2px dashed #dddddd; -} -#welcome-guideline .guideline-button { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 5px; - width: 210px; - margin: 0 auto 60px; -} -#welcome-guideline .guideline-button a { - color: #323232; -} -#welcome-guideline .guideline-button.disabled, -#welcome-guideline .guideline-button:disabled { - color: #969696; -} -#welcome-guideline-body { - width: 310px; - margin: 0 auto; - padding-bottom: 40px; -} -#welcome-guideline-body .slide-button.left { - position: absolute; - bottom: 0; - left: -5px; -} -#welcome-notice_user_data .window-body, -#welcome-settings .window-body { - min-height: 140px; - margin-top: 10px; - padding: 0; -} -#welcome-luminous_user_data .window-body-user_data { - min-height: 105px; - margin-top: 10px; - padding: 0; -} -#welcome-notice_user_data .window-bottom-buttons, -#welcome-luminous_user_data .window-bottom-input, -#welcome-settings .window-bottom-buttons { - width: 290px; - margin: 0 auto; -} -#welcome-notice_user_data .window-bottom-buttons .radio-buttons-2 label, -#welcome-luminous_user_data .window-bottom-buttons .radio-buttons-2 label, -#welcome-settings .window-bottom-buttons .radio-buttons-2 label { - width: 145px; -} -#welcome-notice_user_data .window-bottom-buttons .radio-buttons-3 label, -#welcome-luminous_user_data .window-bottom-buttons .radio-buttons-3 label, -#welcome-settings .window-bottom-buttons .radio-buttons-3 label { - width: 97px; -} -#welcome-notice_user_data .window-title { - background-image: url('/img/n3ds/notification_icon.png'); - background-position: center 90px; -} -#welcome-luminous_user_data .window-title { - background-image: url('/img/n3ds/miiverse_notifbadge.jpg'); - background-position: 136px 70px; -} -#welcome-settings .window-title { - background-image: url('/img/n3ds/welcome_setting_skill.jpg'); - background-position: 90px 100px; -} -#welcome-complete .window-title { - background-image: url('./n3ds/img/welcome_complete.jpg'); -} -#welcome-finish .window-title { - background-image: url('/img/n3ds/welcome_finish.jpg'); - padding: 0 100px; - text-align: left; -} -#welcome-finish .window-title-inner { - color: #323232; - font-size: 14px; -} -#welcome-3ds_start .window-title { - background-image: url('/img/n3ds/welcome_start.jpg'); -} -#welcome-start.guest-page .welcome-window .window-title { - background-image: url('/img/n3ds/welcome_guestpage_title.jpg'); - background-position: 175px 145px; - padding: 10px 25px 75px; -} -#welcome-start.guest-page .welcome-window .window-title p { - font-size: 14px; - display: inline-block; - text-align: left; -} -#welcome-start.guest-page .welcome-window .window-body { - width: 280px; - padding: 5px 0; -} -#welcome-start.guest-page .welcome-window .black-button { - margin-top: 10px; - padding-left: 29px; - padding-right: 10px; - background: url('/img/n3ds/welcome_nnid.png') 5px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#646464), to(#323232), color-stop(0.96, #434343)); -} -#welcome-start.guest-page .welcome-window .more-button { - margin-top: 6px; - width: 130px; -} -.profile-tutorial #welcome-profile-window { - text-align: left; - padding-bottom: 30px; - position: relative; -} -.profile-tutorial #header { - height: 150px; -} -.profile-tutorial #header-body { - padding: 0 10px; -} -.profile-tutorial #header-body h2 { - font-size: 16px; - margin-bottom: 5px; -} -.profile-tutorial #header-body h2:after { - background: url('/img/n3ds/profile_tutorial.png') center no-repeat; - content: ''; - display: block; - height: 36px; - margin-top: 10px; -} -.profile-tutorial #header-body p.header-note { - color: #359600; - font-size: 12.48px; -} -.profile-tutorial .window-body { - padding: 5px 0 0; - width: 320px; - margin: 0 auto; - display: block; - position: static; -} -.profile-tutorial .window-body-inner { - min-height: 168px; -} -.profile-tutorial .window-body-inner p.window-text { - padding: 0 8px; - margin: 0; - font-size: 13px; - min-height: 57px; - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; -} -.profile-tutorial .window-body-inner p.window-text span { - display: inline-block; -} -.profile-tutorial .window-body-inner p.window-text img { - vertical-align: middle; -} -.profile-tutorial .fixed-bottom-button { - position: static; - display: block; - margin-top: 5px; - margin-bottom: 28px; -} -.profile-tutorial .radio-buttons-3 label { - width: 102px; -} -.profile-tutorial #welcome-profile-window.profile-game-skill h2:after { - background-position: center 0; -} -.profile-tutorial #welcome-profile-window.profile-game-skill .window-body-inner .window-text { - background: url('/img/n3ds/welcome_profile_skill.png') no-repeat 27px bottom transparent; - padding-bottom: 72px; - margin: 0 0 4px; -} -.profile-tutorial #welcome-profile-window.profile-relationship-visibility h2:after { - background-position: center -36px; -} -.profile-tutorial #welcome-profile-window.profile-game-genre h2:after { - background-position: center -72px; -} -.profile-tutorial #welcome-profile-window.profile-favorite-community-visibility h2:after { - background-position: center -108px; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment { - padding: 0; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment h2:after { - background-position: center -144px; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment .window-body-inner p { - margin: 2px 10px; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment p.note { - color: #969696; - font-size: 10px; - padding: 0 4px; - margin: 4px 0 0; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment .note-attention { - font-size: 12.48px; - color: #e67877; - padding-bottom: 0; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment .note-attention:before { - content: ""; - -webkit-border-radius: 50%; - display: inline-block; - width: 10px; - height: 10px; - background-color: #e67877; - margin-right: 5px; -} -.profile-tutorial #welcome-profile-window.profile-profile-comment .fixed-bottom-button { - margin-bottom: 29px; -} -.profile-tutorial .textarea { - display: block; - margin: 0 auto; -} -.profile-tutorial label.checkbox-button { - width: 200px; - margin-bottom: 5px; - line-height: 25px; -} -.profile-tutorial label.checkbox-button:after { - height: 29px; -} -.profile-tutorial label.checkbox-button:last-child { - margin-bottom: 0; -} -.profile-tutorial label.checkbox-button input { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 29px; - margin: 0; - -webkit-appearance: none; -} -.profile-tutorial .select-content { - text-align: center; - margin-bottom: 5px; -} -.profile-tutorial .select-content:last-child { - margin-bottom: 0; -} -#favorite-community-suggest #header-body h2 { - margin-bottom: 8px; -} -#favorite-community-suggest #header-body h2:after { - position: absolute; - background-image: url('/img/n3ds/community_stars.png'); - bottom: 0; - right: 0; - width: 85px; - height: 60px; -} -.add-post-page .body-content { - overflow: hidden; -} -.body-content #form-content { - margin: 0; - width: auto; -} -.body-content .add-post-page-content { - margin: 5px auto 0; - width: 310px; -} -.add-post-page .spoiler-button { - float: right; - margin: 0; - line-height: 20px; -} -.add-post-page .spoiler-button input[type="checkbox"] { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 24px; - margin: 0; - -webkit-appearance: none; -} -.add-post-page #tab-header-official-tags { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - padding: 0; - margin-right: 5px; - float: right; - width: 40px; - height: 24px; - display: block; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - position: relative; -} -.add-post-page #tab-header-official-tags a { - color: #323232; -} -.add-post-page #tab-header-official-tags.disabled, -.add-post-page #tab-header-official-tags:disabled { - color: #969696; -} -.add-post-page #tab-header-official-tags:before { - content: ""; - background: url('/img/n3ds/createpost.png'); - position: absolute; - top: 3px; - left: 50%; - width: 20px; - height: 20px; - margin-left: -10px; - background-position: -120px 0; -} -.add-post-page #tab-header-official-tags.selected:before { - background-position: -140px 0; -} -.add-post-page #tab-header-official-tags select { - position: absolute; - top: 0; - left: 0; - -webkit-appearance: none; - display: inline-block; - width: 100%; - height: 100%; - min-height: 20px; - border: 0; - margin: 0; - opacity: 0; -} -.add-post-page #tab-header-topic-categories { - display: -webkit-box; - -webkit-box-align: center; - -webkit-box-pack: center; - -webkit-box-sizing: content-box; - min-height: 20px; - padding: 5px; - margin: 0 auto; - text-align: center; - font-size: 12.48px; - color: #323232; - line-height: 1.2; - -webkit-border-radius: 6px; - border-top: 1px solid #dddddd; - border-left: 1px solid #dddddd; - border-right: 1px solid #b7b7b7; - border-bottom: 1px solid #b7b7b7; - cursor: pointer; - text-align: left; - padding: 0 24px 0 0 ; - margin-right: 5px; - float: left; - min-width: 120px; - max-width: 165px; - height: 24px; - display: block; - background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), color-stop(0.8, #f6f6f6), color-stop(0.96, #f5f5f5), to(#bbbbbb)) 0 0; - position: relative; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-wrap: normal; -} -.add-post-page #tab-header-topic-categories a { - color: #323232; -} -.add-post-page #tab-header-topic-categories.disabled, -.add-post-page #tab-header-topic-categories:disabled { - color: #969696; -} -.add-post-page #tab-header-topic-categories:before { - background-position: 0px -119px; - width: 17px; - height: 17px; -} -.add-post-page #tab-header-topic-categories:before { - content: ""; - float: right; - background-image: url('/img/n3ds/iconset.png'); - background-repeat: no-repeat; - position: absolute; - top: 50%; - right: 5px; - margin-top: -9px; -} -.add-post-page #tab-header-topic-categories:after { - content: ""; - background: url('/img/n3ds/iconset.png'); - background-position: -68px -168px; - position: absolute; - top: 3px; - left: 5px; - width: 17px; - height: 17px; -} -.add-post-page #tab-header-topic-categories .select-button-content { - line-height: 24px; - padding-left: 27px; -} -.add-post-page #tab-header-topic-categories select { - position: absolute; - top: 0; - left: 0; - -webkit-appearance: none; - display: inline-block; - width: 100%; - height: 100%; - min-height: 20px; - border: 0; - margin: 0; - opacity: 0; -} -.add-diary-post .textarea-menu, -.add-artwork-post .textarea-menu, -.add-topic-post .textarea-menu { - display: none; -} -.add-report-page.select-button-label { - margin-top: 5px; -} -.add-report-page .window-body { - padding-top: 0; -} -.add-report-page p.description { - margin: 0 0 10px; -} -.add-report-page span.note { - font-size: 12.48px; - color: #969696; - display: block; -} -.add-report-page .select-content { - margin-bottom: 10px; -} -.add-report-page .select-button { - width: 250px; -} -.add-report-page .post-id, -.add-report-page .violator-id { - margin: 10px 0 0 !important; - font-size: 12.48px; - color: #969696; -} \ No newline at end of file diff --git a/src/portal/img/n3ds/activity.jpg b/src/portal/img/n3ds/activity.jpg deleted file mode 100644 index e9fc39b..0000000 Binary files a/src/portal/img/n3ds/activity.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/bg_pattern.png b/src/portal/img/n3ds/bg_pattern.png deleted file mode 100644 index 1770003..0000000 Binary files a/src/portal/img/n3ds/bg_pattern.png and /dev/null differ diff --git a/src/portal/img/n3ds/blue_pattern.gif b/src/portal/img/n3ds/blue_pattern.gif deleted file mode 100644 index 26db364..0000000 Binary files a/src/portal/img/n3ds/blue_pattern.gif and /dev/null differ diff --git a/src/portal/img/n3ds/button-boxes.png b/src/portal/img/n3ds/button-boxes.png deleted file mode 100644 index 531ba60..0000000 Binary files a/src/portal/img/n3ds/button-boxes.png and /dev/null differ diff --git a/src/portal/img/n3ds/checkmark.png b/src/portal/img/n3ds/checkmark.png deleted file mode 100644 index 43e05e7..0000000 Binary files a/src/portal/img/n3ds/checkmark.png and /dev/null differ diff --git a/src/portal/img/n3ds/communities_guide.jpg b/src/portal/img/n3ds/communities_guide.jpg deleted file mode 100644 index bf03cfc..0000000 Binary files a/src/portal/img/n3ds/communities_guide.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/community_stars.png b/src/portal/img/n3ds/community_stars.png deleted file mode 100644 index 0531349..0000000 Binary files a/src/portal/img/n3ds/community_stars.png and /dev/null differ diff --git a/src/portal/img/n3ds/console_icons.png b/src/portal/img/n3ds/console_icons.png deleted file mode 100644 index c02bd85..0000000 Binary files a/src/portal/img/n3ds/console_icons.png and /dev/null differ diff --git a/src/portal/img/n3ds/createpost.png b/src/portal/img/n3ds/createpost.png deleted file mode 100644 index 9cee740..0000000 Binary files a/src/portal/img/n3ds/createpost.png and /dev/null differ diff --git a/src/portal/img/n3ds/diary_post.png b/src/portal/img/n3ds/diary_post.png deleted file mode 100644 index 1202d48..0000000 Binary files a/src/portal/img/n3ds/diary_post.png and /dev/null differ diff --git a/src/portal/img/n3ds/emotion_icons.png b/src/portal/img/n3ds/emotion_icons.png deleted file mode 100644 index 5c34ce9..0000000 Binary files a/src/portal/img/n3ds/emotion_icons.png and /dev/null differ diff --git a/src/portal/img/n3ds/grey_arrow.png b/src/portal/img/n3ds/grey_arrow.png deleted file mode 100644 index a4af90e..0000000 Binary files a/src/portal/img/n3ds/grey_arrow.png and /dev/null differ diff --git a/src/portal/img/n3ds/grey_arrow2.png b/src/portal/img/n3ds/grey_arrow2.png deleted file mode 100644 index a4e704f..0000000 Binary files a/src/portal/img/n3ds/grey_arrow2.png and /dev/null differ diff --git a/src/portal/img/n3ds/header_pattern.png b/src/portal/img/n3ds/header_pattern.png deleted file mode 100644 index c056a1b..0000000 Binary files a/src/portal/img/n3ds/header_pattern.png and /dev/null differ diff --git a/src/portal/img/n3ds/hotpink_pattern.png b/src/portal/img/n3ds/hotpink_pattern.png deleted file mode 100644 index 62fa86c..0000000 Binary files a/src/portal/img/n3ds/hotpink_pattern.png and /dev/null differ diff --git a/src/portal/img/n3ds/iconset-2.png b/src/portal/img/n3ds/iconset-2.png deleted file mode 100644 index 6bd2801..0000000 Binary files a/src/portal/img/n3ds/iconset-2.png and /dev/null differ diff --git a/src/portal/img/n3ds/iconset.png b/src/portal/img/n3ds/iconset.png deleted file mode 100644 index 8284c62..0000000 Binary files a/src/portal/img/n3ds/iconset.png and /dev/null differ diff --git a/src/portal/img/n3ds/identified_user.png b/src/portal/img/n3ds/identified_user.png deleted file mode 100644 index 0e887ca..0000000 Binary files a/src/portal/img/n3ds/identified_user.png and /dev/null differ diff --git a/src/portal/img/n3ds/identified_user_banner.png b/src/portal/img/n3ds/identified_user_banner.png deleted file mode 100644 index 323469a..0000000 Binary files a/src/portal/img/n3ds/identified_user_banner.png and /dev/null differ diff --git a/src/portal/img/n3ds/image_background.png b/src/portal/img/n3ds/image_background.png deleted file mode 100644 index 61f4b44..0000000 Binary files a/src/portal/img/n3ds/image_background.png and /dev/null differ diff --git a/src/portal/img/n3ds/loading.gif b/src/portal/img/n3ds/loading.gif deleted file mode 100644 index 4ff13b6..0000000 Binary files a/src/portal/img/n3ds/loading.gif and /dev/null differ diff --git a/src/portal/img/n3ds/magnify_plus.png b/src/portal/img/n3ds/magnify_plus.png deleted file mode 100644 index 2d75bfa..0000000 Binary files a/src/portal/img/n3ds/magnify_plus.png and /dev/null differ diff --git a/src/portal/img/n3ds/miiverse_notifbadge.jpg b/src/portal/img/n3ds/miiverse_notifbadge.jpg deleted file mode 100644 index 7b115ae..0000000 Binary files a/src/portal/img/n3ds/miiverse_notifbadge.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/my_menu_top.jpg b/src/portal/img/n3ds/my_menu_top.jpg deleted file mode 100644 index d6b7e5b..0000000 Binary files a/src/portal/img/n3ds/my_menu_top.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/news_page.jpg b/src/portal/img/n3ds/news_page.jpg deleted file mode 100644 index dbbd1c1..0000000 Binary files a/src/portal/img/n3ds/news_page.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/notification_icon.jpg b/src/portal/img/n3ds/notification_icon.jpg deleted file mode 100644 index 8b9d60c..0000000 Binary files a/src/portal/img/n3ds/notification_icon.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/parental_confirm.jpg b/src/portal/img/n3ds/parental_confirm.jpg deleted file mode 100644 index ede3df3..0000000 Binary files a/src/portal/img/n3ds/parental_confirm.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/parental_controls.jpg b/src/portal/img/n3ds/parental_controls.jpg deleted file mode 100644 index 0c05091..0000000 Binary files a/src/portal/img/n3ds/parental_controls.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/play_arrow.png b/src/portal/img/n3ds/play_arrow.png deleted file mode 100644 index 036f4a1..0000000 Binary files a/src/portal/img/n3ds/play_arrow.png and /dev/null differ diff --git a/src/portal/img/n3ds/post-iconset.png b/src/portal/img/n3ds/post-iconset.png deleted file mode 100644 index ef0e770..0000000 Binary files a/src/portal/img/n3ds/post-iconset.png and /dev/null differ diff --git a/src/portal/img/n3ds/profile_beginner.png b/src/portal/img/n3ds/profile_beginner.png deleted file mode 100644 index cdf47b4..0000000 Binary files a/src/portal/img/n3ds/profile_beginner.png and /dev/null differ diff --git a/src/portal/img/n3ds/profile_expert.png b/src/portal/img/n3ds/profile_expert.png deleted file mode 100644 index 9709d63..0000000 Binary files a/src/portal/img/n3ds/profile_expert.png and /dev/null differ diff --git a/src/portal/img/n3ds/profile_intermediate.png b/src/portal/img/n3ds/profile_intermediate.png deleted file mode 100644 index 35fb5f4..0000000 Binary files a/src/portal/img/n3ds/profile_intermediate.png and /dev/null differ diff --git a/src/portal/img/n3ds/profile_tutorial.png b/src/portal/img/n3ds/profile_tutorial.png deleted file mode 100644 index d5ef9e2..0000000 Binary files a/src/portal/img/n3ds/profile_tutorial.png and /dev/null differ diff --git a/src/portal/img/n3ds/return_arrow.png b/src/portal/img/n3ds/return_arrow.png deleted file mode 100644 index db732c3..0000000 Binary files a/src/portal/img/n3ds/return_arrow.png and /dev/null differ diff --git a/src/portal/img/n3ds/small_verified.jpg b/src/portal/img/n3ds/small_verified.jpg deleted file mode 100644 index 5b138a7..0000000 Binary files a/src/portal/img/n3ds/small_verified.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/spacer.png b/src/portal/img/n3ds/spacer.png deleted file mode 100644 index 7b46dcf..0000000 Binary files a/src/portal/img/n3ds/spacer.png and /dev/null differ diff --git a/src/portal/img/n3ds/special_header.jpg b/src/portal/img/n3ds/special_header.jpg deleted file mode 100644 index 88bc21e..0000000 Binary files a/src/portal/img/n3ds/special_header.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/textentry.png b/src/portal/img/n3ds/textentry.png deleted file mode 100644 index ff0024f..0000000 Binary files a/src/portal/img/n3ds/textentry.png and /dev/null differ diff --git a/src/portal/img/n3ds/top_community_guest.jpg b/src/portal/img/n3ds/top_community_guest.jpg deleted file mode 100644 index 0e66829..0000000 Binary files a/src/portal/img/n3ds/top_community_guest.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/unread_notif.png b/src/portal/img/n3ds/unread_notif.png deleted file mode 100644 index fb4eb6c..0000000 Binary files a/src/portal/img/n3ds/unread_notif.png and /dev/null differ diff --git a/src/portal/img/n3ds/up_arrow.png b/src/portal/img/n3ds/up_arrow.png deleted file mode 100644 index b9e6ede..0000000 Binary files a/src/portal/img/n3ds/up_arrow.png and /dev/null differ diff --git a/src/portal/img/n3ds/verified.png b/src/portal/img/n3ds/verified.png deleted file mode 100644 index 44c4bce..0000000 Binary files a/src/portal/img/n3ds/verified.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_about.jpg b/src/portal/img/n3ds/welcome_about.jpg deleted file mode 100644 index 2705f9a..0000000 Binary files a/src/portal/img/n3ds/welcome_about.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_complete.jpg b/src/portal/img/n3ds/welcome_complete.jpg deleted file mode 100644 index 4252448..0000000 Binary files a/src/portal/img/n3ds/welcome_complete.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_finish.jpg b/src/portal/img/n3ds/welcome_finish.jpg deleted file mode 100644 index 37096e0..0000000 Binary files a/src/portal/img/n3ds/welcome_finish.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guestpage_title.jpg b/src/portal/img/n3ds/welcome_guestpage_title.jpg deleted file mode 100644 index 0e66829..0000000 Binary files a/src/portal/img/n3ds/welcome_guestpage_title.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline1.png b/src/portal/img/n3ds/welcome_guideline1.png deleted file mode 100644 index 622f456..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline1.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline2.png b/src/portal/img/n3ds/welcome_guideline2.png deleted file mode 100644 index 2246d97..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline2.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline3.png b/src/portal/img/n3ds/welcome_guideline3.png deleted file mode 100644 index 72318e7..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline3.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline4.png b/src/portal/img/n3ds/welcome_guideline4.png deleted file mode 100644 index f8ba2a6..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline4.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline5.png b/src/portal/img/n3ds/welcome_guideline5.png deleted file mode 100644 index 883e274..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline5.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_guideline6.png b/src/portal/img/n3ds/welcome_guideline6.png deleted file mode 100644 index 9608c2c..0000000 Binary files a/src/portal/img/n3ds/welcome_guideline6.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_nnid.png b/src/portal/img/n3ds/welcome_nnid.png deleted file mode 100644 index c0ee8a0..0000000 Binary files a/src/portal/img/n3ds/welcome_nnid.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_offline.jpg b/src/portal/img/n3ds/welcome_offline.jpg deleted file mode 100644 index 06d19a6..0000000 Binary files a/src/portal/img/n3ds/welcome_offline.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_profile_skill.png b/src/portal/img/n3ds/welcome_profile_skill.png deleted file mode 100644 index c2ff2a0..0000000 Binary files a/src/portal/img/n3ds/welcome_profile_skill.png and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_setting_skill.jpg b/src/portal/img/n3ds/welcome_setting_skill.jpg deleted file mode 100644 index 1f8b459..0000000 Binary files a/src/portal/img/n3ds/welcome_setting_skill.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/welcome_start.jpg b/src/portal/img/n3ds/welcome_start.jpg deleted file mode 100644 index ab40ce1..0000000 Binary files a/src/portal/img/n3ds/welcome_start.jpg and /dev/null differ diff --git a/src/portal/img/n3ds/yellow_pattern.png b/src/portal/img/n3ds/yellow_pattern.png deleted file mode 100644 index e4f73ee..0000000 Binary files a/src/portal/img/n3ds/yellow_pattern.png and /dev/null differ diff --git a/src/portal/index.html b/src/portal/index.html deleted file mode 100644 index ad8433e..0000000 --- a/src/portal/index.html +++ /dev/null @@ -1,32 +0,0 @@ - - -
- -Welcome to the Pretendo Network Miiverse placeholder.
-This is just being used as a testbed for CAVE API functions at the moment.
-